Table of contents
- Background configuration 1-5
- 1. Create a new module
- 2. Add dependencies
- Three, configure maven
- 4. Add the following in pom.xml
- 5. Configuration file
- 6. Code snippet
-
- 6.1 UserController controller class
- 6.2 User data class
- 6.3 Usermapper interface
- 6.4 Implementation of the UserService interface, the interface is defined by the keyword interface
- 6.5 UserService interface
- 6.7 Main class
- 6.8 index.html Homepage
- 6.9 list_user.html user page
- 6.10 commen.html template page
- 6.11 Connect to the database, json, java and other related configurations in the .yml file
- 6.12 Write to database
- 6.13 listUser.js displays the data of the database in Java to the foreground
- 6.14 custom.min.css page left and right layout
- 6.15 custom.min.js realizes the dynamic display of the page
- 7. Operation interface
- Eight, java file directory
Background configuration 1-5
1. Create a new module
2. Add dependencies
Three, configure maven
The path must be correct
4. Add the following in pom.xml
<!-- 连接池，使得每次连接对象都存在-->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>druid-spring-boot-starter</artifactId>
<version>1.2.8</version>
</dependency>
<!--阿里巴巴提供的处理json的插件-->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>2.0.19.graal</version>
<!-- <version>[1.2.78,)</version>用最新的版本-->
</dependency>
<!--分页插件-->
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.4.5</version>
</dependency>
If you can't find the dependencies, check whether maven is configured well, and click the update button
. Database driver
5. Configuration file
server:
port: 8083
spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/mytest?serverTimezone=Asia/Shanghai&useSSL=false
username: root
password: root
type: com.alibaba.druid.pool.DruidDataSource
#//type-连接池，作用：提高效率
#//配置连接池-----------开始 以下是模板，不需要修改
druid:
initial-size: 50
//初始化连接池数量
max-active: 100
min-idle: 50
max-wait: 6000
//连接池等待的时间
timeBetweenEvictionRunsMills: 60000
minEvictableIdleTimeMillis: 300000
validationQuery: SELECT 1
testWhileIdle: true
testOnBorrow: false
testOnReturn: false
poolPreparedStatements: true
maxPoolPreparedStatementPerConnectionSize: 20
filters: stat,wall,slf4j
connectionProperties: druid.stat.mergeSql\=true;druid.stat.slowSqlMillis\=5000
web-stat-filter:
enabled: true
url-pattern: "/*"
exclusions: "*.js,*.gif,*.jpg,*.bmp,*.png,*.css,*.ico,/druid/*"
stat-view-servlet:
url-pattern: "/druid/*"
allow: 127.0.0.1,192.168.10.100
deny: 192.168.10.100
reset-enable: false
login-username: admin
login-password: admin
#----------------------完
#以下是日志记录，日志打印功能，当js出现问题时就会记录
logging:
level:
com.baidu.demo1.mapper: debug
mybatis:
mapper-locations: classpath:mapping/*.xml
type-aliases-package: com.baidu.demo1.domain
configuration:
log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
map-underscore-to-camel-case: true
lazy-loading-enabled: false
lazy-load-trigger-methods: ""
cache-enabled: true
pagehelper:
helper-dialect: mysql
reasonable: true
support-methods-arguments: true
Detailed explanation of spring-Druid configuration parameters
https://www.cnblogs.com/halberd-lee/p/11304790.html
spring:
datasource:
username: root
password: 123456
url: jdbc:mysql://localhost:3306/ec_admin?useUnicode=true&characterEncoding=UTF-8
driver-class-name: com.mysql.jdbc.Driver
type: com.alibaba.druid.pool.DruidDataSource
#Spring Boot 默认是不注入这些属性值的，需要自己绑定
#druid 数据源专有配置
initialSize: 5
minIdle: 5
maxActive: 20
maxWait: 60000
timeBetweenEvictionRunsMillis: 60000
minEvictableIdleTimeMillis: 300000
validationQuery: SELECT 1 FROM DUAL
testWhileIdle: true
testOnBorrow: false
testOnReturn: false
# 打开PSCache
poolPreparedStatements: true
#配置监控统计拦截的filters，stat:监控统计、log4j：日志记录、wall：防御sql注入
#如果运行时报错 java.lang.ClassNotFoundException: org.apache.log4j.Priority
#则导入 log4j 依赖即可，Maven 地址： https://mvnrepository.com/artifact/log4j/log4j
filters: stat,wall,log4j,config
#指定每个连接上PSCache的大小
maxPoolPreparedStatementPerConnectionSize: 20
#合并多个DruidDataSource的监控数据
useGlobalDataSourceStat: true
#通过connectProperties属性来打开mergeSql功能；慢SQL记录
connectionProperties: druid.stat.mergeSql=true;druid.stat.slowSqlMillis=5000
spring:
datasource:
# 数据源基本配置
url: jdbc:mysql://localhost:3306/hotel?useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
username: root
password: 123456
driver-class-name: com.mysql.cj.jdbc.Driver
type: com.alibaba.druid.pool.DruidDataSource
# 数据源其他配置
druid:
# 配置初始化大小、最小、最大线程数
initialSize: 5
minIdle: 5
# CPU核数+1，也可以大些但不要超过20，数据库加锁时连接过多性能下降
maxActive: 20
# 最大等待时间，内网：800，外网：1200（三次握手1s）
maxWait: 60000
timeBetweenEvictionRunsMillis: 60000
# 配置一个连接在池中最大空间时间，单位是毫秒
minEvictableIdleTimeMillis: 300000
validationQuery: SELECT 1
testWhileIdle: true
# 设置从连接池获取连接时是否检查连接有效性，true检查，false不检查
testOnBorrow: true
# 设置从连接池归还连接时是否检查连接有效性，true检查，false不检查
testOnReturn: true
# 可以支持PSCache（提升写入、查询效率）
poolPreparedStatements: true
# 配置监控统计拦截的filters，去掉后监控界面sql无法统计，'wall'用于防火墙
filters: stat,wall,log4j
# 保持长连接
keepAlive: true
maxPoolPreparedStatementPerConnectionSize: 20
useGlobalDataSourceStat: true
connectionProperties: druid.stat.mergeSql=true;druid.stat.slowSqlMillis=500
Implement the interface for an interface class
Complete as shown below
Accept the return value in the controller
Complete as shown in the figure.
After giving the interface 2 parameters, the controller does not report an error.
Implement method for service
Complete as
shown in the figure. Refer to the dynamic injection in the sringmc container, and inject according to the @ type.
There is no UserMapper, so an interface needs to be created
to change to the mapper layer
write mapper
package com.example.javaht2.mapper;
import com.example.javaht2.domain.User;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Results;
import org.apache.ibatis.annotations.Select;
import java.util.List;
@Mapper
//为了表明是Mapper,要加上@Mapper
public interface UserMapper {
//如何完成查询 直接写实在，mybatis的语法
@Select("select * from sys_user")
public List<User> findAll();
//数据库中的数值要赋给实体List<User中
//查询所有数据，返回集合List<User>
//写封装结果
// //当数据库中的字段表头和java中的不一致时，写如下
// @Results({
// @Results(columm="uuid",property="id")
// //columm="uuid"数据库中的值 property="id"java中的值 使得数据库的值可以赋给Java中的id 一一映射关系
// })
}
Service calls mapper
Give a return value accepting
package com.example.javaht2.service.impl;
import com.example.javaht2.domain.User;
import com.example.javaht2.mapper.UserMapper;
import com.example.javaht2.service.UserService;
import com.github.pagehelper.Page;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import org.springframework.beans.factory.annotation.Autowired;
import java.util.List;
public class UserServiceImpl implements UserService {
//动态注入
@Autowired
private UserMapper userMapper;
@Override
public PageInfo<User> findAllSimplePage(int page, int offest) {
Page<Object> objects = PageHelper.startPage(page, offest);//
System.out.println("=====objest===="+objects);//打印输出，查看objects是什么
List<User> users= userMapper.findAll();//这是返回所有的数据，但是只要int page, int offest，所以导入一个插件
System.out.println("-----user------"+users);
//查看分页 把查询的信息给User,传给分页信息
PageInfo<User> pageInfo = new PageInfo<>(users);
System.out.println("====pageinfo----"+pageInfo);
return PageInfo ;//返回分页信息
}
// @Override
// public PageInfo<User> findAllSimplePage() {
//
// }
}
6. Code snippet
6.1 UserController controller class
package com.example.javaht2.controller;
import com.alibaba.fastjson.JSONObject;
import com.example.javaht2.domain.User;
import com.example.javaht2.service.UserService;
import com.github.pagehelper.PageInfo;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import java.util.List;
@Controller
public class UserController {
@Autowired
// 创建一个接口
private UserService userService;
@GetMapping("/user/index")
public String index()//给页面追加数据
{
return "/user/index";
}
@RequestMapping("/user/listUser")
public String list_user(){
return "/user/list_user";
}
@RequestMapping("/user/findAllSimplePage")
@ResponseBody
// 返回字符串，不会跳转页面
public String findAllSimplePage(int page,int offset){
System.out.println(page);
System.out.println(offset);
PageInfo<User> pageInfo = userService.findAllSimplePage(offset, page);
//在页面里，进行分页显示，第一页，每页的大小为5，
//从控制器要传一个总数total,
List<User> users = pageInfo.getList();//
long total = pageInfo.getTotal();//
//js里面有5 10 20 100，进行分页显示时，拿出总数居，json的文件要将总数居和我每一页进行比对，看看它总共有几页，然后再界面显示第几页
//解析前台数据 引入阿里巴巴jsonObject json数据格式可以添加截至对(禁止)
JSONObject jsonObject = new JSONObject();
jsonObject.put("total",(int)total);//从控制器要传一个总数total,给json,js脚本进行运算，算出要展示几页数据
jsonObject.put("rows",users);//把查询到的数据给前端
System.out.println(jsonObject);
System.out.println(jsonObject.toString());
System.out.println(jsonObject.toJSONString());//转化为字符串
return jsonObject.toJSONString();
}
}
6.2 User data class
package com.example.javaht2.domain;
import lombok.Data;
@Data
public class User {
private Integer id;
private String username;
private String password;
private String nickname;
private String email;
private String photo;
private String address;
}
6.3 Usermapper interface
package com.example.javaht2.mapper;
import com.example.javaht2.domain.User;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Results;
import org.apache.ibatis.annotations.Select;
import java.util.List;
@Mapper
//为了表明是Mapper,要加上@Mapper
public interface UserMapper {
//如何完成查询 直接写实在，mybatis的语法
@Select("select * from sys_user")
public List<User> findAll();
//数据库中的数值要赋给实体List<User中
//查询所有数据，返回集合List<User>
//写封装结果
// //当数据库中的字段表头和java中的不一致时，写如下
// @Results({
// @Results(columm="uuid",property="id")
// //columm="uuid"数据库中的值 property="id"java中的值 使得数据库的值可以赋给Java中的id 一一映射关系
// })
}
6.4 Implementation of the UserService interface, the interface is defined by the keyword interface
UserServiceImpl implements UserService
package com.example.javaht2.service.impl;
import com.example.javaht2.domain.User;
import com.example.javaht2.mapper.UserMapper;
import com.example.javaht2.service.UserService;
import com.github.pagehelper.Page;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class UserServiceImpl implements UserService {
//动态注入
@Autowired
private UserMapper userMapper;
@Override
public PageInfo<User> findAllSimplePage(int offest, int page) {
Page<Object> objects = PageHelper.startPage(offest, page);//
System.out.println("=====objest===="+objects);//打印输出，查看objects是什么
List<User> users= userMapper.findAll();//这是返回所有的数据，但是只要int page, int offest，所以导入一个插件
System.out.println("-----user------"+users);
//查看分页 把查询的信息给User,传给分页信息
PageInfo<User> pageInfo = new PageInfo<>(users);
System.out.println("====pageinfo----"+pageInfo);
return pageInfo;//返回分页信息
}
// @Override
// public PageInfo<User> findAllSimplePage() {
//
// }
}
6.5 UserService interface
package com.example.javaht2.service;
import com.example.javaht2.domain.User;
import com.github.pagehelper.PageInfo;
public interface UserService {
// 这个方法不需要实现
public PageInfo<User> findAllSimplePage(int page,int offest);
}
6.7 Main class
package com.example.javaht2;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
@SpringBootApplication
public class Javaht2Application {
public static void main(String[] args) {
SpringApplication.run(Javaht2Application.class, args);
}
}
6.8 index.html Homepage
<!doctype html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common::commonHead('我的首页')"></head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div th:include="common::commonMenu" th:remove="tag"> </div>
<div th:include="common::commonTop" th:remove="tag"> </div>
<div class="right_col" role="main">
<h1>哈喽 同学</h1>
<table id="userTable"></table>
</div>
<div th:include="common::commonFooter" th:remove="tag"> </div>
</div>
</div>
</div>
<div th:include="common::commonJS" th:remove="tag"> </div>
<script src="/user/listUser.js"></script>
</body>
</html>
6.9 list_user.html user page
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common::commonHead('用户列表展示')"></head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div th:include="common::commonTop" th:remove="tag"></div>
<div th:include="common::commonMenu" th:remove="tag"></div>
<div class="right_col" role="main">
<h1>南昌航空科技学院</h1>
<table id="userTable"></table>
</div>
<div th:include="common::commonFooter" th:remove="tag"></div>
</div>
</div>
<div th:include="common::commonJS" th:remove="tag"></div>
<script src="/user/listUser.js"></script>
</body>
</html>
6.10 commen.html template page
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonHead(title)">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title th:text="${title}">GA前端框架技术 </title>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="/custom.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/layer/2.3/skin/layer.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.css" rel="stylesheet">
</head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div th:fragment="commonMenu">
<div class="col-md-3 left_col">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="user/index.html" class="site_title"><i class="fa fa-adn"></i> <span>信息管理系统后台</span></a>
</div>
<div class="clearfix"></div>
<!-- menu profile quick info -->
<div class="profile clearfix">
<div class="profile_pic">
<img src="/images/img.jpg" alt="..." class="img-circle profile_img">
</div>
<div class="profile_info">
<span>欢迎，</span>
<h2>段子子</h2>
</div>
</div>
<br/>
<!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section">
<h3>静态左侧导航</h3>
<ul class="nav side-menu">
<li><a><i class="fa fa-home"></i> 主页 <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a th:href="@{/user/index}">首页</a></li>
<li><a th:href="@{/user/listUser}">用户列表</a></li>
<li><a href="../mydemo.html">bootstrap示例</a></li>
<!-- 访问后台控制器,加@ user+路径-->
</ul>
</li>
<li><a><i class="fa fa-edit"></i> 功能模块 <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="form.html">学生管理</a></li>
<li><a href="form_advanced.html">教师管理</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- /sidebar menu -->
<!-- /menu footer buttons -->
<div class="sidebar-footer hidden-small">
<a data-toggle="tooltip" data-placement="top" title="Settings">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Lock">
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
</a>
</div>
<!-- /menu footer buttons -->
</div>
</div>
</div>
<!-- top navigation -->
<div th:fragment="commonTop">
<div class="top_nav">
<div class="nav_menu">
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<nav class="nav navbar-nav">
<ul class=" navbar-right">
<li class="nav-item dropdown open" style="padding-left: 15px;">
<a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true"
id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
<img src="/images/img.jpg" alt="">段子子
</a>
<div class="dropdown-menu dropdown-usermenu pull-right"
aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="javascript:;"> Profile</a>
<a class="dropdown-item" href="javascript:;">
<span class="badge bg-red pull-right">50%</span>
<span>Settings</span>
</a>
<a class="dropdown-item" href="javascript:;">Help</a>
<a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i>
Log Out</a>
</div>
</li>
<li role="presentation" class="nav-item dropdown open">
<a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1"
data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span>
</a>
<ul class="dropdown-menu list-unstyled msg_list" role="menu"
aria-labelledby="navbarDropdown1">
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="/images/cart.png" alt="Profile Image"/></span>
<span>
<span>yiguang zhang</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="/images/cart.png" alt="Profile Image"/></span>
<span>
<span>yiguang zhang</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="/images/cart.png" alt="Profile Image"/></span>
<span>
<span>yiguang zhang</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="/images/cart.png" alt="Profile Image"/></span>
<span>
<span>yiguang zhang</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<div class="text-center">
<a class="dropdown-item">
<strong>See All Alerts</strong>
<i class="fa fa-angle-right"></i>
</a>
</div>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- /top navigation -->
<!-- page content -->
<div class="right_col" role="main">
<h1>hello world</h1>
</div>
<!-- /page content -->
<!-- footer content -->
<div th:fragment="commonFooter">
<footer>
<div class="pull-right">
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</div>
<div class="clearfix"></div>
</footer>
</div>
<!-- /footer content -->
</div>
</div>
<div th:fragment="commonJS">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="/custom.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.21.1/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="https://cdn.bootcss.com/jquery.form/4.2.2/jquery.form.min.js"></script>
</div>
</body>
</html>
6.11 Connect to the database, json, java and other related configurations in the .yml file
server:
port: 8011
spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/dzz?serverTimezone=GMT%2b8
username: root
password: qazwsx1120
type: com.alibaba.druid.pool.DruidDataSource
druid:
initial-size: 50
max-active: 100
min-idle: 50
max-wait: 6000
timeBetweenEvictionRunsMills: 60000
minEvictableIdleTimeMillis: 300000
validationQuery: SELECT 1
testWhileIdle: true
testOnBorrow: false
testOnReturn: false
poolPreparedStatements: true
maxPoolPreparedStatementPerConnectionSize: 20
filters: stat,wall,slf4j
connectionProperties: druid.stat.mergeSql\=true;druid.stat.slowSqlMillis\=5000
web-stat-filter:
enabled: true
url-pattern: "/*"
exclusions: "*.js,*.gif,*.jpg,*.bmp,*.png,*.css,*.ico,/druid/*"
stat-view-servlet:
url-pattern: "/druid/*"
allow: 127.0.0.1,192.168.10.100
deny: 192.168.10.100
reset-enable: false
login-username: admin
login-password: admin
logging:
level:
com.baidu.demo1.mapper: debug
mybatis:
mapper-locations: classpath:mapping/*.xml
type-aliases-package: com.baidu.demo1.domain
configuration:
log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
map-underscore-to-camel-case: true
lazy-loading-enabled: false
lazy-load-trigger-methods: ""
cache-enabled: true
pagehelper:
helper-dialect: mysql
reasonable: true
support-methods-arguments: true
#分页功能
6.12 Write to database
6.13 listUser.js displays the data of the database in Java to the foreground
$(function () {
$('#userTable').bootstrapTable({
url: '/user/findAllSimplePage', //请求后台的URL（*）
method: 'GET', //请求方式（*）
//toolbar: '#toolbar', //工具按钮用哪个容器
striped: true, //是否显示行间隔色
classes: "table table-bordered table-hover",//bootstrap的表格样式
theadclasses: "bg-info thead-dark",//表头的背景色
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true, //是否显示分页（*）
sortable: true, //是否启用排序
sortOrder: "asc", //排序方式
sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1, //初始化加载第一页，默认第一页,并记录
pageSize: 5, //每页的记录行数（*）
pageList: [5,10,20,100], //可供选择的每页的行数（*）
search: false, //是否显示表格搜索
strictSearch: true, //默认false,为模糊，true启用全匹配搜索
showColumns: true, //是否显示所有的列（选择显示的列）
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
//height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
uniqueId: "uuid", //每一行的唯一标识，一般为主键列
showToggle: true, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
singleSelect: false, //开启单选,想要获取被选中的行数据必须要有该参数
rowStyle: function (row, index) {
var classes = ['bg-blue', 'bg-navy', 'bg-red']
if (index % 4 == 0) {
return {
classes: classes[0]}
} else if (index % 4 == 1) {
//return {
css:{
color:'black'}}
return {
classes: classes[1]}
} else if (index % 4 == 2) {
return {
classes: classes[2]}
} else if (index % 4 == 3) {
return {
classes: 'bg-pink'}
} else {
return {
}
}
},
queryParams: function (params) {
//上传服务器的参数
var temp = {
page: params.limit, // 每页显示数量
offset: (params.offset /params.limit)+1 // SQL语句起始索引
};
return temp;
},
columns: [
{
title: '编号',
formatter: function (value,row,index) {
var pageSize = $('#userTable').bootstrapTable('getOptions').pageSize;
var pageNumber = $('#userTable').bootstrapTable('getOptions').pageNumber;
return pageSize * (pageNumber - 1) + index + 1;
},
align: 'center',
//checkbox: true
}, {
field: 'uuid',
title: '用户编号',
align: 'center'
}, {
align: 'center',
field: 'username',
title: '用户名'
}, {
align: 'center',
field: 'email',
title: '邮件'
}, {
align: 'center',
field: 'gender',
title: '性别',
align: 'center',
}, {
align: 'center',
field: 'phone',
title: '电话'
}, {
align: 'center',
field: 'address',
title: '地址'
}, {
align: 'center',
field: 'age',
title: '年龄',
}, {
align: 'center',
field: 'salary',
title: '薪资',
cellStyle: function (value, row, index) {
if (index % 3 == 0) {
return {
classes: 'bg-blue'}
} else if (index % 3 == 1) {
return {
classes: 'bg-green'}
} else {
return {
}
}
}
}, {
align: 'center',
field: 'doOpt',
title: '操作',
formatter: function (value,row,index) {
return '<i class="modify fa fa-edit fa-lg text-warning" title="修改记录"></i> '+'<i class="delete fa fa-close fa-lg text-danger" title="删除记录"></i>'
}
//formatter: optFormatter
}]
});
function optFormatter(value, row, index) {
var c = '<a class="btn btn-xs btn-default" href="#!" οnclick=\'edit("' + row.id + '")\' title="编辑" data-toggle="tooltip"><i class="modify fa fa-edit text-warning" title="修改记录"></i></a>';
var e = '<div class="btn btn-xs btn-default" href="#!" οnclick="del(\'' + row.id + '\')" title="删除" data-toggle="tooltip"><i class="delete fa fa-close fa-lg text-danger" title="删除记录"></i><div/> ';
return c + e;
}
})
6.14 custom.min.css page left and right layout
@font-face{
font-family:'Glyphicons Halflings';src:url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot");src:url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff") format("woff"),url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf") format("truetype"),url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")}.glyphicon{
position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased}.glyphicon-asterisk:before{
content:"\002a"}.glyphicon-plus:before{
content:"\002b"}.glyphicon-euro:before,.glyphicon-eur:before{
content:"\20ac"}.glyphicon-minus:before{
content:"\2212"}.glyphicon-cloud:before{
content:"\2601"}.glyphicon-envelope:before{
content:"\2709"}.glyphicon-pencil:before{
content:"\270f"}.glyphicon-glass:before{
content:"\e001"}.glyphicon-music:before{
content:"\e002"}.glyphicon-search:before{
content:"\e003"}.glyphicon-heart:before{
content:"\e005"}.glyphicon-star:before{
content:"\e006"}.glyphicon-star-empty:before{
content:"\e007"}.glyphicon-user:before{
content:"\e008"}.glyphicon-film:before{
content:"\e009"}.glyphicon-th-large:before{
content:"\e010"}.glyphicon-th:before{
content:"\e011"}.glyphicon-th-list:before{
content:"\e012"}.glyphicon-ok:before{
content:"\e013"}.glyphicon-remove:before{
content:"\e014"}.glyphicon-zoom-in:before{
content:"\e015"}.glyphicon-zoom-out:before{
content:"\e016"}.glyphicon-off:before{
content:"\e017"}.glyphicon-signal:before{
content:"\e018"}.glyphicon-cog:before{
content:"\e019"}.glyphicon-trash:before{
content:"\e020"}.glyphicon-home:before{
content:"\e021"}.glyphicon-file:before{
content:"\e022"}.glyphicon-time:before{
content:"\e023"}.glyphicon-road:before{
content:"\e024"}.glyphicon-download-alt:before{
content:"\e025"}.glyphicon-download:before{
content:"\e026"}.glyphicon-upload:before{
content:"\e027"}.glyphicon-inbox:before{
content:"\e028"}.glyphicon-play-circle:before{
content:"\e029"}.glyphicon-repeat:before{
content:"\e030"}.glyphicon-refresh:before{
content:"\e031"}.glyphicon-list-alt:before{
content:"\e032"}.glyphicon-lock:before{
content:"\e033"}.glyphicon-flag:before{
content:"\e034"}.glyphicon-headphones:before{
content:"\e035"}.glyphicon-volume-off:before{
content:"\e036"}.glyphicon-volume-down:before{
content:"\e037"}.glyphicon-volume-up:before{
content:"\e038"}.glyphicon-qrcode:before{
content:"\e039"}.glyphicon-barcode:before{
content:"\e040"}.glyphicon-tag:before{
content:"\e041"}.glyphicon-tags:before{
content:"\e042"}.glyphicon-book:before{
content:"\e043"}.glyphicon-bookmark:before{
content:"\e044"}.glyphicon-print:before{
content:"\e045"}.glyphicon-camera:before{
content:"\e046"}.glyphicon-font:before{
content:"\e047"}.glyphicon-bold:before{
content:"\e048"}.glyphicon-italic:before{
content:"\e049"}.glyphicon-text-height:before{
content:"\e050"}.glyphicon-text-width:before{
content:"\e051"}.glyphicon-align-left:before{
content:"\e052"}.glyphicon-align-center:before{
content:"\e053"}.glyphicon-align-right:before{
content:"\e054"}.glyphicon-align-justify:before{
content:"\e055"}.glyphicon-list:before{
content:"\e056"}.glyphicon-indent-left:before{
content:"\e057"}.glyphicon-indent-right:before{
content:"\e058"}.glyphicon-facetime-video:before{
content:"\e059"}.glyphicon-picture:before{
content:"\e060"}.glyphicon-map-marker:before{
content:"\e062"}.glyphicon-adjust:before{
content:"\e063"}.glyphicon-tint:before{
content:"\e064"}.glyphicon-edit:before{
content:"\e065"}.glyphicon-share:before{
content:"\e066"}.glyphicon-check:before{
content:"\e067"}.glyphicon-move:before{
content:"\e068"}.glyphicon-step-backward:before{
content:"\e069"}.glyphicon-fast-backward:before{
content:"\e070"}.glyphicon-backward:before{
content:"\e071"}.glyphicon-play:before{
content:"\e072"}.glyphicon-pause:before{
content:"\e073"}.glyphicon-stop:before{
content:"\e074"}.glyphicon-forward:before{
content:"\e075"}.glyphicon-fast-forward:before{
content:"\e076"}.glyphicon-step-forward:before{
content:"\e077"}.glyphicon-eject:before{
content:"\e078"}.glyphicon-chevron-left:before{
content:"\e079"}.glyphicon-chevron-right:before{
content:"\e080"}.glyphicon-plus-sign:before{
content:"\e081"}.glyphicon-minus-sign:before{
content:"\e082"}.glyphicon-remove-sign:before{
content:"\e083"}.glyphicon-ok-sign:before{
content:"\e084"}.glyphicon-question-sign:before{
content:"\e085"}.glyphicon-info-sign:before{
content:"\e086"}.glyphicon-screenshot:before{
content:"\e087"}.glyphicon-remove-circle:before{
content:"\e088"}.glyphicon-ok-circle:before{
content:"\e089"}.glyphicon-ban-circle:before{
content:"\e090"}.glyphicon-arrow-left:before{
content:"\e091"}.glyphicon-arrow-right:before{
content:"\e092"}.glyphicon-arrow-up:before{
content:"\e093"}.glyphicon-arrow-down:before{
content:"\e094"}.glyphicon-share-alt:before{
content:"\e095"}.glyphicon-resize-full:before{
content:"\e096"}.glyphicon-resize-small:before{
content:"\e097"}.glyphicon-exclamation-sign:before{
content:"\e101"}.glyphicon-gift:before{
content:"\e102"}.glyphicon-leaf:before{
content:"\e103"}.glyphicon-fire:before{
content:"\e104"}.glyphicon-eye-open:before{
content:"\e105"}.glyphicon-eye-close:before{
content:"\e106"}.glyphicon-warning-sign:before{
content:"\e107"}.glyphicon-plane:before{
content:"\e108"}.glyphicon-calendar:before{
content:"\e109"}.glyphicon-random:before{
content:"\e110"}.glyphicon-comment:before{
content:"\e111"}.glyphicon-magnet:before{
content:"\e112"}.glyphicon-chevron-up:before{
content:"\e113"}.glyphicon-chevron-down:before{
content:"\e114"}.glyphicon-retweet:before{
content:"\e115"}.glyphicon-shopping-cart:before{
content:"\e116"}.glyphicon-folder-close:before{
content:"\e117"}.glyphicon-folder-open:before{
content:"\e118"}.glyphicon-resize-vertical:before{
content:"\e119"}.glyphicon-resize-horizontal:before{
content:"\e120"}.glyphicon-hdd:before{
content:"\e121"}.glyphicon-bullhorn:before{
content:"\e122"}.glyphicon-bell:before{
content:"\e123"}.glyphicon-certificate:before{
content:"\e124"}.glyphicon-thumbs-up:before{
content:"\e125"}.glyphicon-thumbs-down:before{
content:"\e126"}.glyphicon-hand-right:before{
content:"\e127"}.glyphicon-hand-left:before{
content:"\e128"}.glyphicon-hand-up:before{
content:"\e129"}.glyphicon-hand-down:before{
content:"\e130"}.glyphicon-circle-arrow-right:before{
content:"\e131"}.glyphicon-circle-arrow-left:before{
content:"\e132"}.glyphicon-circle-arrow-up:before{
content:"\e133"}.glyphicon-circle-arrow-down:before{
content:"\e134"}.glyphicon-globe:before{
content:"\e135"}.glyphicon-wrench:before{
content:"\e136"}.glyphicon-tasks:before{
content:"\e137"}.glyphicon-filter:before{
content:"\e138"}.glyphicon-briefcase:before{
content:"\e139"}.glyphicon-fullscreen:before{
content:"\e140"}.glyphicon-dashboard:before{
content:"\e141"}.glyphicon-paperclip:before{
content:"\e142"}.glyphicon-heart-empty:before{
content:"\e143"}.glyphicon-link:before{
content:"\e144"}.glyphicon-phone:before{
content:"\e145"}.glyphicon-pushpin:before{
content:"\e146"}.glyphicon-usd:before{
content:"\e148"}.glyphicon-gbp:before{
content:"\e149"}.glyphicon-sort:before{
content:"\e150"}.glyphicon-sort-by-alphabet:before{
content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{
content:"\e152"}.glyphicon-sort-by-order:before{
content:"\e153"}.glyphicon-sort-by-order-alt:before{
content:"\e154"}.glyphicon-sort-by-attributes:before{
content:"\e155"}.glyphicon-sort-by-attributes-alt:before{
content:"\e156"}.glyphicon-unchecked:before{
content:"\e157"}.glyphicon-expand:before{
content:"\e158"}.glyphicon-collapse-down:before{
content:"\e159"}.glyphicon-collapse-up:before{
content:"\e160"}.glyphicon-log-in:before{
content:"\e161"}.glyphicon-flash:before{
content:"\e162"}.glyphicon-log-out:before{
content:"\e163"}.glyphicon-new-window:before{
content:"\e164"}.glyphicon-record:before{
content:"\e165"}.glyphicon-save:before{
content:"\e166"}.glyphicon-open:before{
content:"\e167"}.glyphicon-saved:before{
content:"\e168"}.glyphicon-import:before{
content:"\e169"}.glyphicon-export:before{
content:"\e170"}.glyphicon-send:before{
content:"\e171"}.glyphicon-floppy-disk:before{
content:"\e172"}.glyphicon-floppy-saved:before{
content:"\e173"}.glyphicon-floppy-remove:before{
content:"\e174"}.glyphicon-floppy-save:before{
content:"\e175"}.glyphicon-floppy-open:before{
content:"\e176"}.glyphicon-credit-card:before{
content:"\e177"}.glyphicon-transfer:before{
content:"\e178"}.glyphicon-cutlery:before{
content:"\e179"}.glyphicon-header:before{
content:"\e180"}.glyphicon-compressed:before{
content:"\e181"}.glyphicon-earphone:before{
content:"\e182"}.glyphicon-phone-alt:before{
content:"\e183"}.glyphicon-tower:before{
content:"\e184"}.glyphicon-stats:before{
content:"\e185"}.glyphicon-sd-video:before{
content:"\e186"}.glyphicon-hd-video:before{
content:"\e187"}.glyphicon-subtitles:before{
content:"\e188"}.glyphicon-sound-stereo:before{
content:"\e189"}.glyphicon-sound-dolby:before{
content:"\e190"}.glyphicon-sound-5-1:before{
content:"\e191"}.glyphicon-sound-6-1:before{
content:"\e192"}.glyphicon-sound-7-1:before{
content:"\e193"}.glyphicon-copyright-mark:before{
content:"\e194"}.glyphicon-registration-mark:before{
content:"\e195"}.glyphicon-cloud-download:before{
content:"\e197"}.glyphicon-cloud-upload:before{
content:"\e198"}.glyphicon-tree-conifer:before{
content:"\e199"}.glyphicon-tree-deciduous:before{
content:"\e200"}.glyphicon-cd:before{
content:"\e201"}.glyphicon-save-file:before{
content:"\e202"}.glyphicon-open-file:before{
content:"\e203"}.glyphicon-level-up:before{
content:"\e204"}.glyphicon-copy:before{
content:"\e205"}.glyphicon-paste:before{
content:"\e206"}.glyphicon-alert:before{
content:"\e209"}.glyphicon-equalizer:before{
content:"\e210"}.glyphicon-king:before{
content:"\e211"}.glyphicon-queen:before{
content:"\e212"}.glyphicon-pawn:before{
content:"\e213"}.glyphicon-bishop:before{
content:"\e214"}.glyphicon-knight:before{
content:"\e215"}.glyphicon-baby-formula:before{
content:"\e216"}.glyphicon-tent:before{
content:"\26fa"}.glyphicon-blackboard:before{
content:"\e218"}.glyphicon-bed:before{
content:"\e219"}.glyphicon-apple:before{
content:"\f8ff"}.glyphicon-erase:before{
content:"\e221"}.glyphicon-hourglass:before{
content:"\231b"}.glyphicon-lamp:before{
content:"\e223"}.glyphicon-duplicate:before{
content:"\e224"}.glyphicon-piggy-bank:before{
content:"\e225"}.glyphicon-scissors:before{
content:"\e226"}.glyphicon-bitcoin:before{
content:"\e227"}.glyphicon-btc:before{
content:"\e227"}.glyphicon-xbt:before{
content:"\e227"}.glyphicon-yen:before{
content:"\00a5"}.glyphicon-jpy:before{
content:"\00a5"}.glyphicon-ruble:before{
content:"\20bd"}.glyphicon-rub:before{
content:"\20bd"}.glyphicon-scale:before{
content:"\e230"}.glyphicon-ice-lolly:before{
content:"\e231"}.glyphicon-ice-lolly-tasted:before{
content:"\e232"}.glyphicon-education:before{
content:"\e233"}.glyphicon-option-horizontal:before{
content:"\e234"}.glyphicon-option-vertical:before{
content:"\e235"}.glyphicon-menu-hamburger:before{
content:"\e236"}.glyphicon-modal-window:before{
content:"\e237"}.glyphicon-oil:before{
content:"\e238"}.glyphicon-grain:before{
content:"\e239"}.glyphicon-sunglasses:before{
content:"\e240"}.glyphicon-text-size:before{
content:"\e241"}.glyphicon-text-color:before{
content:"\e242"}.glyphicon-text-background:before{
content:"\e243"}.glyphicon-object-align-top:before{
content:"\e244"}.glyphicon-object-align-bottom:before{
content:"\e245"}.glyphicon-object-align-horizontal:before{
content:"\e246"}.glyphicon-object-align-left:before{
content:"\e247"}.glyphicon-object-align-vertical:before{
content:"\e248"}.glyphicon-object-align-right:before{
content:"\e249"}.glyphicon-triangle-right:before{
content:"\e250"}.glyphicon-triangle-left:before{
content:"\e251"}.glyphicon-triangle-bottom:before{
content:"\e252"}.glyphicon-triangle-top:before{
content:"\e253"}.glyphicon-console:before{
content:"\e254"}.glyphicon-superscript:before{
content:"\e255"}.glyphicon-subscript:before{
content:"\e256"}.glyphicon-menu-left:before{
content:"\e257"}.glyphicon-menu-right:before{
content:"\e258"}.glyphicon-menu-down:before{
content:"\e259"}.glyphicon-menu-up:before{
content:"\e260"}.left_col{
background:#2A3F54}.container{
width:100%;padding:0;max-width:100%}.nav-sm .container.body .col-md-3.left_col{
min-height:100%;width:70px;padding:0;z-index:9999;position:absolute}.nav-sm .container.body .col-md-3.left_col.menu_fixed{
position:fixed;height:100%}.nav-sm .container.body .col-md-3.left_col .mCSB_container,.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox{
overflow:visible}.nav-sm .hidden-small{
visibility:hidden}.nav-sm .container.body .right_col{
padding:10px 20px;margin-left:70px;z-index:2}.nav-sm .navbar.nav_title{
width:70px}.nav-sm .navbar.nav_title a span{
display:none}.nav-sm .navbar.nav_title a i{
font-size:27px;margin:13px 0 0 3px}.site_title i{
border:1px solid #EAEAEA;padding:5px 6px;border-radius:50%}.nav-sm .main_container .top_nav{
display:block;margin-left:70px;z-index:2}.nav-sm .nav.side-menu li a{
text-align:center !important;font-weight:400;font-size:10px;padding:10px 5px}.nav-sm .nav.child_menu li.active,.nav-sm .nav.side-menu li.active-sm{
border-right:5px solid #1ABB9C}.nav-sm ul.nav.child_menu ul,.nav-sm .nav.side-menu li.active-sm ul ul{
position:static;width:200px;background:none}.nav-sm>.nav.side-menu>li.active-sm>a{
color:#1ABB9C !important}.nav-sm .nav.side-menu li a i.toggle-up{
display:none !important}.nav-sm .nav.side-menu li a i{
font-size:25px !important;text-align:center;width:100% !important;margin-bottom:5px}.nav-sm ul.nav.child_menu{
left:100%;position:absolute;top:0;width:210px;z-index:4000;background:#3E5367;display:none}.nav-sm ul.nav.child_menu li{
padding:0 10px}.nav-sm ul.nav.child_menu li a{
text-align:left !important}.nav-sm .profile{
display:none}.menu_section{
margin-bottom:35px}.menu_section h3{
padding-left:23px;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-weight:bold;font-size:11px;margin-bottom:0;margin-top:0;text-shadow:1px 1px #000}.menu_section>ul{
margin-top:10px;display:block}.profile_pic{
width:35%;float:left}.img-circle.profile_img{
width:70%;background:#fff;margin-left:15%;z-index:1000;position:inherit;margin-top:20px;border:1px solid rgba(52,73,94,0.44);padding:4px}.profile_info{
padding:25px 10px 10px;width:65%;float:left}.profile_info span{
font-size:13px;line-height:30px;color:#BAB8B8}.profile_info h2{
font-size:14px;color:#ECF0F1;margin:0;font-weight:300}.profile.img_2{
text-align:center}.profile.img_2 .profile_pic{
width:100%}.profile.img_2 .profile_pic .img-circle.profile_img{
width:50%;margin:10px 0 0}.profile.img_2 .profile_info{
padding:15px 10px 0;width:100%;margin-bottom:10px;float:left}.main_menu span.fa{
float:right;text-align:center;margin-top:5px;font-size:10px;min-width:inherit;color:#C4CFDA}.active a span.fa{
text-align:right !important;margin-right:4px}.nav-sm .menu_section{
margin:0}.nav-sm span.fa,.nav-sm .menu_section h3{
display:none}.nav-sm li li span.fa{
display:inline-block}.nav_menu{
float:left;background:#EDEDED;border-bottom:1px solid #D9DEE4;margin-bottom:10px;width:100%;position:relative}.info-number .badge{
font-size:10px;font-weight:normal;line-height:13px;padding:2px 6px;position:absolute;right:-2px;top:-8px}@media (min-width: 480px){
.nav_menu{
position:static}.item{
display:block}}.nav-md .container.body .col-md-3.left_col{
min-height:100%;width:230px;padding:0;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}.nav-md .container.body .col-md-3.left_col.menu_fixed{
height:100%;position:fixed}body .container.body .right_col{
background:#F7F7F7}.nav-md .container.body .right_col{
padding:10px 20px 0;margin-left:230px}.nav_title{
width:230px;float:left;background:#2A3F54;border-radius:0;height:57px;padding:0px}@media (max-width: 991px){
.nav-md .container.body .right_col,.nav-md .container.body .top_nav{
width:100%;margin:0}.nav-md .container.body .col-md-3.left_col{
display:none}.nav-md .container.body .right_col{
width:100%;padding-right:0}.right_col{
padding:10px !important}.item{
display:block}}@media (max-width: 1200px){
.x_title h2{
width:62%;font-size:17px}.tile,.graph{
zoom:76%;height:inherit}.item{
display:block}}@media (max-width: 1270px) and (min-width: 192px){
.x_title h2 small{
display:none}}.left_col .mCSB_scrollTools{
width:6px}.left_col .mCSB_dragger{
max-height:400px !important}.blue{
color:#3498DB}.purple{
color:#9B59B6}.green{
color:#1ABB9C}.aero{
color:#9CC2CB}.red{
color:#E74C3C}.dark{
color:#34495E}.border-blue{
border-color:#3498DB !important}.border-purple{
border-color:#9B59B6 !important}.border-green{
border-color:#1ABB9C !important}.border-aero{
border-color:#9CC2CB !important}.border-red{
border-color:#E74C3C !important}.border-dark{
border-color:#34495E !important}.bg-white{
background:#fff !important;border:1px solid #fff !important;color:#73879C}.bg-green{
background:#1ABB9C !important;border:1px solid #1ABB9C !important;color:#fff}.bg-red{
background:#E74C3C !important;border:1px solid #E74C3C !important;color:#fff}.bg-blue{
background:#3498DB !important;border:1px solid #3498DB !important;color:#fff}.bg-orange{
background:#F39C12 !important;border:1px solid #F39C12 !important;color:#fff}.bg-purple{
background:#9B59B6 !important;border:1px solid #9B59B6 !important;color:#fff}.bg-blue-sky{
background:#50C1CF !important;border:1px solid #50C1CF !important;color:#fff}.container{
width:100%;padding:0;max-width:100%}.navbar-nav>li>a,.navbar-brand,.navbar-nav>li>a{
color:#fff !important}body{
color:#73879C;background:#2A3F54;font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;font-size:13px;font-weight:400;line-height:1.471}.main_container .top_nav{
display:block;margin-left:230px}.no-padding{
padding:0 !important}.page-title{
width:100%;height:65px;padding:10px 0}.page-title .title_left{
width:45%;float:left;display:block}.page-title .title_left h3{
margin:9px 0}.page-title .title_right{
width:55%;float:left;display:block}.page-title .title_right .pull-right{
margin:10px 0;float:right}.fixed_height_320{
height:320px}.fixed_height_390{
height:390px}.fixed_height_200{
height:200px}.overflow_hidden{
overflow:hidden}.progress-bar-dark{
background-color:#34495E !important}.progress-bar-gray{
background-color:#BDC3C7 !important}table.no-margin .progress{
margin-bottom:0}.main_content{
padding:10px 20px}.col-md-55{
width:50%;margin-bottom:10px}@media (min-width: 768px){
.col-md-55{
width:20%}}@media (min-width: 992px){
.col-md-55{
width:20%}}@media (min-width: 1200px){
.col-md-55{
width:20%}}@media (min-width: 192px) and (max-width: 1270px){
table.tile_info span.right{
margin-right:7px;float:left}}.center-margin{
margin:0 auto;float:none !important}.col-md-55,.col-xs-12,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-sm-12,.col-md-12,.col-lg-12{
position:relative;min-height:1px;float:left;padding-right:10px;padding-left:10px}.row{
margin-right:-10px;margin-left:-10px}.grid_slider .col-md-6{
padding:0 40px}h1,.h1,h2,.h2,h3,.h3{
margin-top:10px;margin-bottom:10px}a{
color:#5A738E;text-decoration:none}a,a:visited,a:focus,a:active,:visited,:focus,:active,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{
outline:0}a:hover,a:focus{
text-decoration:none}.navbar{
margin-bottom:0}.navbar-header{
background:#34495E}.navbar-right{
margin-right:0}.top_nav .navbar-right{
margin:13px;width:auto;float:right}.top_nav .navbar-right li{
display:inline-block;float:right;position:static}@media (min-width: 480px){
.top_nav .navbar-right li{
position:relative}.item{
display:block}}.top_nav .dropdown-menu li{
width:100%}.dropdown-item{
width:100%;padding:12px 20px}.top_nav li a i{
font-size:15px}.navbar-static-top{
position:fixed;top:0;width:100%}.sidebar-header{
border-bottom:0;margin-top:46px}.sidebar-header:first-of-type{
margin-top:0}.nav>li{
position:relative;display:block}.nav.side-menu>li{
position:relative;display:block;cursor:pointer}.nav.side-menu>li>a{
margin-bottom:6px}.nav.side-menu>li>a:hover{
color:#F2F5F7 !important}.nav.side-menu>li>a:hover,.nav>li>a:focus{
text-decoration:none;background:transparent}.nav.child_menu{
display:none}.nav.child_menu li:hover,.nav.child_menu li.active{
background-color:rgba(255,255,255,0.06)}.nav.child_menu li{
padding-left:36px}.nav-md ul.nav.child_menu li:before{
background:#425668;bottom:auto;content:"";height:8px;left:23px;margin-top:15px;position:absolute;right:auto;width:8px;z-index:1;border-radius:50%}.nav-md ul.nav.child_menu li:after{
border-left:1px solid #425668;bottom:0;content:"";left:27px;position:absolute;top:0}.nav-md ul.nav.child_menu li:last-child::after{
bottom:50%}.nav.side-menu>li>a,.nav.child_menu>li>a{
color:#E7E7E7;font-weight:500}.nav.child_menu li li:hover,.nav.child_menu li li.active{
background:none}.nav.child_menu li li a:hover,.nav.child_menu li li a.active{
color:#fff}.nav>li>a{
position:relative;display:block;padding:13px 15px 12px}.nav.side-menu>li.current-page,.nav.side-menu>li.active{
border-right:5px solid #1ABB9C}.nav li.current-page{
background:rgba(255,255,255,0.05)}.nav li li li.current-page{
background:none}.nav li li.current-page a{
color:#fff}.nav.side-menu>li.active>a{
text-shadow:rgba(0,0,0,0.25) 0 -1px 0;background:-webkit-gradient(linear, left top, left bottom, from(#334556), to(#2C4257)),#2A3F54;background:linear-gradient(#334556, #2C4257),#2A3F54;-webkit-box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0;box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0}.navbar-brand,.navbar-nav>li>a{
font-weight:500;color:#ECF0F1 !important;margin-left:0 !important;line-height:32px}.site_title{
text-overflow:ellipsis;overflow:hidden;font-weight:400;font-size:22px;width:100%;color:#ECF0F1 !important;margin-left:0 !important;line-height:59px;display:block;height:55px;margin:0;padding-left:10px}.site_title:hover,.site_title:focus{
text-decoration:none}.nav.navbar-nav>li>a{
color:#515356 !important}.nav.top_menu>li>a{
position:relative;display:block;padding:10px 15px;color:#34495E !important}.nav>li>a:hover,.nav>li>a:focus{
background-color:transparent}.top_search{
padding:0}.top_search .form-control{
border-right:0;-webkit-box-shadow:inset 0 1px 0px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0px rgba(0,0,0,0.075);border-radius:25px 0px 0px 25px;padding-left:20px;border:1px solid rgba(221,226,232,0.49)}.top_search .form-control:focus{
border:1px solid rgba(221,226,232,0.49);border-right:0}.top_search .input-group-btn button{
border-radius:0px 25px 25px 0px;border:1px solid rgba(221,226,232,0.49);border-left:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);color:#93A2B2;margin-bottom:0 !important}.toggle{
float:left;margin:0;width:70px}.toggle a{
padding:15px 15px 0;margin:0;cursor:pointer}.toggle a i{
font-size:26px}.nav.child_menu>li>a{
color:rgba(255,255,255,0.75);font-size:12px;padding:9px}.panel_toolbox{
float:right;min-width:70px}.panel_toolbox>li{
float:left;cursor:pointer}.panel_toolbox>li>a{
padding:5px;color:#C5C7CB;font-size:14px}.panel_toolbox>li>a:hover{
background:#F5F7FA}.line_30{
line-height:30px}.main_menu_side{
padding:0}.bs-docs-sidebar .nav>li>a{
display:block;padding:4px 6px}footer{
background:#fff;padding:10px 20px;display:block}.nav-sm footer{
margin-left:70px}.footer_fixed footer{
position:fixed;left:0px;bottom:0px;width:100%}@media (min-width: 768px){
.footer_fixed footer{
margin-left:0}}@media (min-width: 768px){
.footer_fixed .nav-sm footer{
margin-left:0}}.tile-stats.sparkline{
padding:10px;text-align:center}.jqstooltip{
background:#34495E !important;width:30px !important;height:22px !important;text-decoration:none}.tooltip{
display:block !important}.tiles{
border-top:1px solid #ccc;margin-top:15px;padding-top:5px;margin-bottom:0}.tile{
overflow:hidden}.top_tiles{
margin-bottom:0}.top_tiles .tile h2{
font-size:30px;line-height:30px;margin:3px 0 7px;font-weight:bold}article.media{
width:100%}*,*:before,*:after{
-webkit-box-sizing:border-box;box-sizing:border-box}#integration-list{
width:100%;margin:0 auto;display:table}#integration-list ul{
padding:0;margin:20px 0;color:#555}#integration-list ul>li{
list-style:none;border-top:1px solid #ddd;display:block;padding:15px;overflow:hidden}#integration-list ul:last-child{
border-bottom:1px solid #ddd}#integration-list ul>li:hover{
background:#efefef}.expand{
display:block;text-decoration:none;color:#555;cursor:pointer}.expand h2{
width:85%;float:left}h2{
font-size:18px;font-weight:400}#left,#right{
display:table}#sup{
display:table-cell;vertical-align:middle;width:80%}.detail a{
text-decoration:none;color:#C0392B;border:1px solid #C0392B;padding:6px 10px 5px;font-size:13px;margin-right:7px}.detail{
margin:10px 0 10px 0px;display:none;line-height:22px;height:150px}.detail span{
margin:0}.right-arrow{
width:10px;float:right;font-weight:bold;font-size:20px}.accordion .panel{
margin-bottom:5px;border-radius:0;border-bottom:1px solid #efefef}.accordion .panel-heading{
background:#F2F5F7;padding:13px;width:100%;display:block}.accordion .panel:hover{
background:#F2F5F7}.x_panel{
position:relative;width:100%;margin-bottom:10px;padding:10px 17px;display:inline-block;background:#fff;border:1px solid #E6E9ED;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;opacity:1;-webkit-transition:all .2s ease;transition:all .2s ease}.x_title{
border-bottom:2px solid #E6E9ED;padding:1px 5px 6px;margin-bottom:10px}.x_title .filter{
width:40%;float:right}.x_title h2{
margin:5px 0 6px;float:left;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x_title h2 small{
margin-left:10px}.x_title span{
color:#BDBDBD}.x_content{
padding:0 3px 6px;position:relative;width:100%;float:left;clear:both;margin-top:5px}.x_content h4{
font-size:16px;font-weight:500}legend{
padding-bottom:7px}.demo-placeholder{
height:280px}.profile_details:nth-child(3n){
clear:both}.profile_details .profile_view{
display:inline-block;padding:10px 0 0;background:#fff}.profile_details .profile_view .divider{
border-top:1px solid #e5e5e5;padding-top:5px;margin-top:5px}.profile_details .profile_view .ratings{
margin-bottom:0}.profile_details .profile_view .left{
margin-top:20px}.profile_details .profile_view .left p{
margin-bottom:3px}.profile_details .profile_view .right{
margin-top:0px;padding:10px}.profile_details .profile_view .img-circle{
border:1px solid #E6E9ED;padding:2px}.profile_details .profile_view h2{
margin:5px 0}.profile_details .profile_view .ratings{
text-align:left;font-size:16px}.brief{
margin:0;font-weight:300}.profile_details .profile_left{
background:white}.pagination.pagination-split li{
display:inline-block;margin-right:3px}.pagination.pagination-split li a{
border-radius:4px;color:#768399;-moz-border-radius:4px;-webkit-border-radius:4px}table.tile h3,table.tile h4,table.tile span{
font-weight:bold;vertical-align:middle !important}table.tile th,table.tile td{
text-align:center}table.tile th{
border-bottom:1px solid #E6ECEE}table.tile td{
padding:5px 0}table.tile td ul{
text-align:left;padding-left:0}table.tile td ul li{
list-style:none;width:100%}table.tile td ul li a{
width:100%}table.tile td ul li a big{
right:0;float:right;margin-right:13px}table.tile_info{
width:100%}table.tile_info td{
text-align:left;padding:1px;font-size:15px}table.tile_info td p{
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:28px}table.tile_info td i{
margin-right:8px;font-size:17px;float:left;width:18px;line-height:28px}table.tile_info td:first-child{
width:83%}td span{
line-height:28px}.sidebar-widget{
overflow:hidden}.error-number{
font-size:90px;line-height:90px;margin:20px 0}.col-middle{
margin-top:5%}.mid_center{
width:370px;margin:0 auto;text-align:center;padding:10px 20px}h3.degrees{
font-size:22px;font-weight:400;text-align:center}.degrees:after{
content:"o";position:relative;top:-12px;font-size:13px;font-weight:300}.daily-weather .day{
font-size:14px;border-top:2px solid rgba(115,135,156,0.36);text-align:center;border-bottom:2px solid rgba(115,135,156,0.36);padding:5px 0}.weather-days .col-sm-2{
overflow:hidden;width:16.66666667%}.weather .row{
margin-bottom:0}.bulk-actions{
display:none}table.countries_list{
width:100%}table.countries_list td{
padding:0 10px;line-height:30px;border-top:1px solid #eeeeee}.dataTables_paginate a{
padding:6px 9px !important;background:#ddd !important;border-color:#ddd !important}.paging_full_numbers a.paginate_active{
background-color:rgba(38,185,154,0.59) !important;border-color:rgba(38,185,154,0.59) !important}button.DTTT_button,div.DTTT_button,a.DTTT_button{
border:1px solid #E7E7E7 !important;background:#E7E7E7 !important;-webkit-box-shadow:none !important;box-shadow:none !important}table.jambo_table{
border:1px solid rgba(221,221,221,0.78)}table.jambo_table thead{
background:rgba(52,73,94,0.94);color:#ECF0F1}table.jambo_table tbody tr:hover td{
background:rgba(38,185,154,0.07);border-top:1px solid rgba(38,185,154,0.11);border-bottom:1px solid rgba(38,185,154,0.11)}table.jambo_table tbody tr.selected{
background:rgba(38,185,154,0.16)}table.jambo_table tbody tr.selected td{
border-top:1px solid rgba(38,185,154,0.4);border-bottom:1px solid rgba(38,185,154,0.4)}.dataTables_paginate a{
background:#ff0000}.dataTables_wrapper{
position:relative;clear:both;zoom:1}.dataTables_processing{
position:absolute;top:50%;left:50%;width:250px;height:30px;margin-left:-125px;margin-top:-15px;padding:14px 0 2px 0;border:1px solid #ddd;text-align:center;color:#999;font-size:14px;background-color:white}.dataTables_info{
width:60%;float:left}.dataTables_paginate{
float:right;text-align:right}table.dataTable th.focus,table.dataTable td.focus{
outline:2px solid #1ABB9C !important;outline-offset:-1px}table.display{
margin:0 auto;clear:both;width:100%}table.display thead th{
padding:8px 18px 8px 10px;border-bottom:1px solid black;font-weight:bold;cursor:pointer}table.display tfoot th{
padding:3px 18px 3px 10px;border-top:1px solid black;font-weight:bold}table.display tr.heading2 td{
border-bottom:1px solid #aaa}table.display td{
padding:3px 10px}table.display td.center{
text-align:center}table.display thead th:active,table.display thead td:active{
outline:none}.dataTables_scroll{
clear:both}.dataTables_scrollBody{
*margin-top:-1px;-webkit-overflow-scrolling:touch}.top .dataTables_info{
float:none}.clear{
clear:both}.dataTables_empty{
text-align:center}tfoot input{
margin:0.5em 0;width:100%;color:#444}tfoot input.search_init{
color:#999}td.group{
background-color:#d1cfd0;border-bottom:2px solid #A19B9E;border-top:2px solid #A19B9E}td.details{
background-color:#d1cfd0;border:2px solid #A19B9E}.example_alt_pagination div.dataTables_info{
width:40%}.paging_full_numbers{
width:400px;height:22px;line-height:22px}.paging_full_numbers a:active{
outline:none}.paging_full_numbers a:hover{
text-decoration:none}.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active{
border:1px solid #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;padding:2px 5px;margin:0 3px;cursor:pointer}.paging_full_numbers a.paginate_button{
background-color:#ddd}.paging_full_numbers a.paginate_button:hover{
background-color:#ccc;text-decoration:none !important}.paging_full_numbers a.paginate_active{
background-color:#99B3FF}table.display tr.even.row_selected td{
background-color:#B0BED9}table.display tr.odd.row_selected td{
background-color:#9FAFD1}div.box{
height:100px;padding:10px;overflow:auto;border:1px solid #8080FF;background-color:#E5E5FF}ul.msg_list li{
background:#f7f7f7;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:6px 6px 0;width:96% !important}ul.msg_list li:last-child{
margin-bottom:6px;padding:10px}ul.msg_list li a{
padding:3px 5px !important}ul.msg_list li a .image img{
border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;float:left;margin-right:10px;width:11%}ul.msg_list li a .time{
font-size:11px;font-style:italic;font-weight:bold;position:absolute;right:35px}ul.msg_list li a .message{
display:block !important;font-size:11px}.dropdown-menu.msg_list span{
white-space:normal}.dropdown-menu{
border:medium none;-webkit-box-shadow:none;box-shadow:none;display:none;float:left;font-size:12px;left:0;list-style:none outside none;padding:0;position:absolute;text-shadow:none;top:100%;z-index:9998;border:1px solid #D9DEE4;border-top-left-radius:0;border-top-right-radius:0}.dropdown-menu>li>a{
color:#5A738E}.navbar-nav .open .dropdown-menu{
position:absolute;background:#fff;margin-top:0;border:1px solid #D9DEE4;-webkit-box-shadow:none;right:0;left:auto;width:220px}.navbar-nav .open .dropdown-menu.msg_list{
width:300px !important}ul.to_do{
padding:0}ul.to_do li{
background:#f3f3f3;border-radius:3px;position:relative;padding:7px;margin-bottom:5px;list-style:none}ul.to_do p{
margin:0}.dashboard-widget{
background:#f6f6f6;border-top:5px solid #79C3DF;border-radius:3px;padding:5px 10px 10px}.dashboard-widget .dashboard-widget-title{
font-weight:normal;border-bottom:1px solid #c1cdcd;margin:0 0 10px 0;padding-bottom:5px;padding-left:40px;line-height:30px}.dashboard-widget .dashboard-widget-title i{
font-size:100%;margin-left:-35px;margin-right:10px;color:#33a1c9;padding:3px 6px;border:1px solid #abd9ea;border-radius:5px;background:#fff}ul.quick-list{
width:45%;padding-left:0;display:inline-block}ul.quick-list li{
padding-left:10px;list-style:none;margin:0;padding-bottom:6px;padding-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ul.quick-list li i{
padding-right:10px;color:#757679}.dashboard-widget-content{
padding-top:9px}.dashboard-widget-content .sidebar-widget{
width:50%;display:inline-block;vertical-align:top;background:#fff;border:1px solid #abd9ea;border-radius:5px;text-align:center;float:right;padding:2px;margin-top:10px}.widget_summary{
width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.widget_summary .w_left{
float:left;text-align:left}.widget_summary .w_center{
float:left}.widget_summary .w_right{
float:left;text-align:right}.widget_summary .w_right span{
font-size:20px}.w_20{
width:20%}.w_25{
width:25%}.w_55{
width:55%}h5.graph_title{
text-align:left;margin-left:10px}h5.graph_title i{
margin-right:10px;font-size:17px}span.right{
float:right;font-size:14px !important}.tile_info a{
text-overflow:ellipsis}.sidebar-footer{
bottom:0px;clear:both;display:block;padding:5px 0 0 0;position:fixed;width:230px;background:#2A3F54}.sidebar-footer a{
padding:7px 0 3px;text-align:center;width:25%;font-size:17px;display:block;float:left;background:#172D44}.sidebar-footer a:hover{
background:#425567}.tile_count{
margin-bottom:20px;margin-top:20px}.tile_count .tile_stats_count{
border-bottom:1px solid #D9DEE4;padding:0 10px 0 20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative}@media (min-width: 992px){
footer{
margin-left:230px}}@media (min-width: 992px){
.tile_count .tile_stats_count{
margin-bottom:10px;border-bottom:0;padding-bottom:10px}}.tile_count .tile_stats_count:before{
content:"";position:absolute;left:0;height:65px;border-left:2px solid #ADB2B5;margin-top:10px}@media (min-width: 992px){
.tile_count .tile_stats_count:first-child:before{
border-left:0}}.tile_count .tile_stats_count .count{
font-size:30px;line-height:47px;font-weight:600}@media (min-width: 768px){
.tile_count .tile_stats_count .count{
font-size:40px}}@media (min-width: 992px) and (max-width: 1100px){
.tile_count .tile_stats_count .count{
font-size:30px}}.tile_count .tile_stats_count span{
font-size:12px}@media (min-width: 768px){
.tile_count .tile_stats_count span{
font-size:13px}}.tile_count .tile_stats_count .count_bottom i{
width:12px}.dashboard_graph{
background:#fff;padding:7px 10px}.dashboard_graph .col-md-9,.dashboard_graph .col-md-3{
padding:0}a.user-profile{
color:#5E6974 !important}.user-profile img{
width:29px;height:29px;border-radius:50%;margin-right:10px}ul.top_profiles{
width:100%}ul.top_profiles li{
margin:0;padding:3px 5px}ul.top_profiles li:nth-child(odd){
background-color:#eee}.media .profile_thumb{
border:1px solid;width:50px;height:50px;margin:5px 10px 5px 0;border-radius:50%;padding:9px 12px}.media .profile_thumb i{
font-size:30px}.media .date{
background:#ccc;width:52px;margin-right:10px;border-radius:10px;padding:5px}.media .date .month{
margin:0;text-align:center;color:#fff}.media .date .day{
text-align:center;color:#fff;font-size:27px;margin:0;line-height:27px;font-weight:bold}.event .media-body a.title{
font-weight:bold}.event .media-body p{
margin-bottom:0}h4.graph_title{
margin:7px;text-align:center}.fontawesome-icon-list .fa-hover a:hover{
background-color:#ddd;color:#fff;text-decoration:none}.fontawesome-icon-list .fa-hover a{
display:block;line-height:32px;height:32px;padding-left:10px;border-radius:4px}.fontawesome-icon-list .fa-hover a:hover .fa{
font-size:28px;vertical-align:-6px}.fontawesome-icon-list .fa-hover a .fa{
width:32px;font-size:16px;display:inline-block;text-align:right;margin-right:10px}.main_menu .fa{
width:26px;opacity:.99;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tile-stats{
position:relative;display:block;margin-bottom:12px;border:1px solid #E4E4E4;-webkit-border-radius:5px;overflow:hidden;padding-bottom:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;-moz-background-clip:padding;border-radius:5px;background-clip:padding-box;background:#FFF;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.tile-stats:hover .icon i{
animation-name:tansformAnimation;animation-duration:.5s;animation-iteration-count:1;color:rgba(58,58,58,0.41);animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-name:tansformAnimation;-webkit-animation-duration:.5s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:tansformAnimation;-moz-animation-duration:.5s;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards}.tile-stats .icon{
width:20px;height:20px;color:#BAB8B8;position:absolute;right:53px;top:22px;z-index:1}.tile-stats .icon i{
margin:0;font-size:60px;line-height:0;vertical-align:bottom;padding:0}.tile-stats .count{
font-size:38px;font-weight:bold;line-height:1.65857143}.tile-stats .count,.tile-stats h3,.tile-stats p{
position:relative;margin:0;margin-left:10px;z-index:5;padding:0}.tile-stats h3{
color:#BAB8B8}.tile-stats p{
margin-top:5px;font-size:12px}.tile-stats>.dash-box-footer{
position:relative;text-align:center;margin-top:5px;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none}.tile-stats>.dash-box-footer:hover{
color:#fff;background:rgba(0,0,0,0.15)}.tile-stats>.dash-box-footer:hover{
color:#fff;background:rgba(0,0,0,0.15)}table.tile_info{
padding:10px 15px}table.tile_info span.right{
margin-right:0;float:right;position:absolute;right:4%}.tile:hover{
text-decoration:none}.tile_header{
border-bottom:transparent;padding:7px 15px;margin-bottom:15px;background:#E7E7E7}.tile_head h4{
margin-top:0;margin-bottom:5px}.tiles-bottom{
padding:5px 10px;margin-top:10px;background:rgba(194,194,194,0.3);text-align:left}a.star{
color:#428bca !important}.mail_content{
background:none repeat scroll 0 0 #FFFFFF;border-radius:4px;margin-top:20px;min-height:500px;padding:10px 11px;width:100%}.list-btn-mail{
margin-bottom:15px}.list-btn-mail.active{
border-bottom:1px solid #39B3D7;padding:0 0 14px}.list-btn-mail>i{
float:left;font-size:18px;font-style:normal;width:33px}.list-btn-mail>.cn{
background:none repeat scroll 0 0 #39B3D7;border-radius:12px;color:#FFFFFF;float:right;font-style:normal;padding:0 5px}.button-mail{
margin:0 0 15px !important;text-align:left;width:100%}button,.buttons,.btn,.modal-footer .btn+.btn{
margin-bottom:5px;margin-right:5px}.btn-group-vertical .btn,.btn-group .btn{
margin-bottom:0;margin-right:0}.mail_list_column{
border-left:1px solid #DBDBDB}.mail_view{
border-left:1px solid #DBDBDB}.mail_list{
width:100%;border-bottom:1px solid #DBDBDB;margin-bottom:2px;display:inline-block}.mail_list .left{
width:5%;float:left;margin-right:3%}.mail_list .right{
width:90%;float:left}.mail_list h3{
font-size:15px;font-weight:bold;margin:0px 0 6px}.mail_list h3 small{
float:right;color:#ADABAB;font-size:11px;line-height:20px}.mail_list .badge{
padding:3px 6px;font-size:8px;background:#BAB7B7}@media (max-width: 767px){
.mail_list{
margin-bottom:5px;display:inline-block}}.mail_heading h4{
font-size:18px;border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:20px}.attachment{
margin-top:30px}.attachment ul{
width:100%;list-style:none;padding-left:0;display:inline-block;margin-bottom:30px}.attachment ul li{
float:left;width:150px;margin-right:10px;margin-bottom:10px}.attachment ul li img{
height:150px;border:1px solid #ddd;padding:5px;margin-bottom:10px}.attachment ul li span{
float:right}.attachment .file-name{
float:left}.attachment .links{
width:100%;display:inline-block}.compose{
padding:0;position:fixed;bottom:0;right:0;background:#fff;border:1px solid #D9DEE4;border-right:0;border-bottom:0;border-top-left-radius:5px;z-index:9999;display:none}.compose .compose-header{
padding:5px;background:#169F85;color:#fff;border-top-left-radius:5px}.compose .compose-header .close{
text-shadow:0 1px 0 #ffffff;line-height:.8}.compose .compose-body .editor.btn-toolbar{
margin:0}.compose .compose-body .editor-wrapper{
height:100%;min-height:50px;max-height:180px;border-radius:0;border-left:none;border-right:none;overflow:auto}.compose .compose-footer{
padding:10px}.editor.btn-toolbar{
zoom:1;background:#F7F7F7;margin:5px 2px;padding:3px 0;border:1px solid #EFEFEF}.input-group{
margin-bottom:10px}.ln_solid{
border-top:1px solid #e5e5e5;color:#ffffff;background-color:#ffffff;height:1px;margin:20px 0}span.section{
display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}.form-control{
border-radius:0;width:100%}.form-horizontal .control-label{
padding-top:8px}.form-control:focus{
border-color:#CCD0D7;-webkit-box-shadow:none !important;box-shadow:none !important}legend{
font-size:18px;color:inherit}.form-horizontal .form-group{
margin-right:0;margin-left:0}.form-control-feedback{
position:absolute;margin-top:8px;height:23px;color:#bbb;line-height:24px;font-size:15px;top:0px;width:34px;text-align:center}.form-control-feedback.left{
border-right:1px solid #ccc;left:13px}.form-control-feedback.right{
border-left:1px solid #ccc;right:13px}.form-control.has-feedback-left{
padding-left:45px}.form-control.has-feedback-right{
padding-right:45px}.form-group{
margin-bottom:10px}.validate{
margin-top:10px}.invalid-form-error-message{
margin-top:10px;padding:5px}.invalid-form-error-message.filled{
border-left:2px solid #E74C3C}p.parsley-success{
color:#468847;background-color:#DFF0D8;border:1px solid #D6E9C6}p.parsley-error{
color:#B94A48;background-color:#F2DEDE;border:1px solid #EED3D7}ul.parsley-errors-list{
list-style:none;color:#E74C3C;padding-left:0}input.parsley-error,textarea.parsley-error,select.parsley-error{
background:#FAEDEC;border:1px solid #E85445}.btn-group .parsley-errors-list{
display:none}.bad input,.bad select,.bad textarea{
border:1px solid #CE5454;-webkit-box-shadow:0 0 4px -2px #CE5454;box-shadow:0 0 4px -2px #CE5454;position:relative;left:0;-moz-animation:.7s 1 shake linear;-webkit-animation:0.7s 1 shake linear}.item{
display:-webkit-box;display:-ms-flexbox;display:flex}.item input,.item textarea{
-webkit-transition:0.42s;transition:0.42s}.item .alert{
float:left;margin:0 0 0 20px;padding:3px 10px;color:#FFF;border-radius:3px 4px 4px 3px;background-color:#CE5454;max-width:170px;white-space:pre;position:relative;left:-15px;opacity:0;z-index:1;-webkit-transition:0.15s ease-out;transition:0.15s ease-out}.item .alert::after{
content:'';display:block;height:0;width:0;border-color:transparent #CE5454 transparent transparent;border-style:solid;border-width:11px 7px;position:absolute;left:-13px;top:1px}.item.bad .alert{
left:0;opacity:1}.inl-bl{
display:inline-block}.well{
min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well .markup{
background:#fff;color:#777;position:relative;padding:45px 15px 15px;margin:15px 0 0 0;background-color:#fff;border-radius:0 0 4px 4px;-webkit-box-shadow:none;box-shadow:none}.well .markup::after{
content:"Example";position:absolute;top:15px;left:15px;font-size:12px;font-weight:bold;color:#bbb;text-transform:uppercase;letter-spacing:1px}.autocomplete-suggestions{
border:1px solid #e4e4e4;background:#F4F4F4;cursor:default;overflow:auto}.autocomplete-suggestion{
padding:2px 5px;font-size:1.2em;white-space:nowrap;overflow:hidden}.autocomplete-selected{
background:#f0f0f0}.autocomplete-suggestions strong{
font-weight:normal;color:#3399ff;font-weight:bolder}.btn{
border-radius:3px}a.btn-success,a.btn-primary,a.btn-warning,a.btn-danger{
color:#fff}.btn-success{
background:#26B99A;border:1px solid #169F85}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{
background:#169F85}.btn-dark{
color:#E9EDEF;background-color:#4B5F71;border-color:#364B5F}.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark{
color:#FFFFFF;background-color:#394D5F;border-color:#394D5F}.btn-round{
border-radius:30px}.btn.btn-app{
position:relative;padding:15px 5px;margin:0 0 10px 10px;min-width:80px;height:60px;-webkit-box-shadow:none;box-shadow:none;border-radius:0;text-align:center;color:#666;border:1px solid #ddd;background-color:#fafafa;font-size:12px}.btn.btn-app>.fa,.btn.btn-app>.glyphicon,.btn.btn-app>.ion{
font-size:20px;display:block}.btn.btn-app:hover{
background:#f4f4f4;color:#444;border-color:#aaa}.btn.btn-app:active,.btn.btn-app:focus{
-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.btn-app>.badge{
position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400}textarea{
padding:10px;vertical-align:top;width:200px}textarea:focus{
outline-style:solid;outline-width:2px}.btn_{
display:inline-block;padding:3px 9px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)";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);filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";border:1px solid #cccccc;border-bottom-color:#b3b3b3;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.bs-glyphicons{
margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{
padding-left:0;list-style:none}.bs-glyphicons li{
float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{
margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{
display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{
color:#fff;background-color:#1ABB9C}@media (min-width: 768px){
.bs-glyphicons{
margin-right:0;margin-left:0}.bs-glyphicons li{
width:12.5%;font-size:12px}}.tagsinput{
border:1px solid #CCC;background:#FFF;padding:6px 6px 0;width:300px;overflow-y:auto}span.tag{
-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px 9px;text-decoration:none;background:#1ABB9C;color:#F1F6F7;margin-right:5px;font-weight:500;margin-bottom:5px;font-family:helvetica}span.tag a{
color:#F1F6F7 !important}.tagsinput span.tag a{
font-weight:bold;color:#82ad2b;text-decoration:none;font-size:11px}.tagsinput input{
width:80px;margin:0px;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:3px;background:transparent;color:#000;outline:0px}.tagsinput div{
display:block;float:left}.tags_clear{
clear:both;width:100%;height:0px}.not_valid{
background:#FBD8DB !important;color:#90111A !important}ul.bar_tabs{
overflow:visible;background:#F5F7FA;height:25px;margin:21px 0 14px;padding-left:14px;position:relative;z-index:1;width:100%;border-bottom:1px solid #E6E9ED}ul.bar_tabs>li{
border:1px solid #E6E9ED;color:#333 !important;margin-top:-17px;margin-left:8px;background:#fff;border-bottom:none;border-radius:4px 4px 0 0}ul.bar_tabs>li.active{
border-right:6px solid #D3D6DA;border-top:0;margin-top:-15px}ul.bar_tabs>li a{
padding:10px 17px;background:#F5F7FA;margin:0;border-top-right-radius:0}ul.bar_tabs>li a:hover{
border:1px solid transparent}ul.bar_tabs>li.active a{
border-bottom:none}ul.bar_tabs.right{
padding-right:14px}ul.bar_tabs.right li{
float:right}a:focus{
outline:none}ul.timeline li{
position:relative;border-bottom:1px solid #e8e8e8;clear:both}.timeline .block{
margin:0;border-left:3px solid #e8e8e8;overflow:visible;padding:10px 15px;margin-left:105px}.timeline.widget{
min-width:0;max-width:inherit}.timeline.widget .block{
margin-left:5px}.timeline .tags{
position:absolute;top:15px;left:0;width:84px}.timeline .tag{
display:block;height:30px;font-size:13px;padding:8px}.timeline .tag span{
display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.tag{
line-height:1;background:#1ABB9C;color:#fff !important}.tag:after{
content:" ";height:30px;width:0;position:absolute;left:100%;top:0;margin:0;pointer-events:none;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:11px solid #1ABB9C}.timeline h2.title{
position:relative;font-size:16px;margin:0}.timeline h2.title:before{
content:"";position:absolute;left:-23px;top:3px;display:block;width:14px;height:14px;border:3px solid #d2d3d2;border-radius:14px;background:#f9f9f9}.timeline .byline{
padding:.25em 0}.byline{
-webkit-font-smoothing:antialiased;font-style:italic;font-size:.9375em;line-height:1.3;color:#aab6aa}ul.social li{
border:0}.social-sidebar,.social-body{
float:right}.social-sidebar{
background:#EDEDED;width:22%}.social-body{
border:1px solid #ccc;width:78%}.thumb img{
width:50px;height:50px;border-radius:50%}.chat .thumb img{
width:27px;height:27px;border-radius:50%}.chat .status{
float:left;margin:16px 0 0 -16px;font-size:14px;font-weight:bold;width:12px;height:12px;display:block;border:2px solid #FFF;z-index:12312;border-radius:50%}.chat .status.online{
background:#1ABB9C}.chat .status.away{
background:#F39C12}.chat .status.offline{
background:#ccc}.chat .media-body{
padding-top:5px}.dashboard_graph .x_title{
padding:5px 5px 7px}.dashboard_graph .x_title h3{
margin:0;font-weight:normal}.chart{
position:relative;display:inline-block;width:110px;height:110px;margin-top:5px;margin-bottom:5px;text-align:center}.chart canvas{
position:absolute;top:0;left:0}.percent{
display:inline-block;line-height:110px;z-index:2;font-size:18px}.percent:after{
content:'%';margin-left:0.1em;font-size:.8em}.angular{
margin-top:100px}.angular .chart{
margin-top:0}.widget{
min-width:250px;max-width:310px}.widget_tally_box .btn-group button{
text-align:center}.widget_tally_box .btn-group button{
color:inherit;font-weight:500;background-color:#f5f5f5;border:1px solid #e7e7e7}ul.widget_tally,ul.widget_tally li{
width:100%}ul.widget_tally li{
padding:2px 10px;border-bottom:1px solid #ECECEC;padding-bottom:4px}ul.widget_tally .month{
width:70%;float:left}ul.widget_tally .count{
width:30%;float:left;text-align:right}.pie_bg{
border-bottom:1px solid rgba(101,204,182,0.16);padding-bottom:15px;border-radius:4px;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)";filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";padding-bottom:10px;-webkit-box-shadow:0 4px 6px -6px #222;box-shadow:0 4px 6px -6px #222}.widget_tally_box .flex{
display:-webkit-box;display:-ms-flexbox;display:flex}ul.widget_profile_box{
width:100%;height:42px;padding:3px;background:#ececec;margin-top:40px;margin-left:1px}ul.widget_profile_box li:first-child{
width:25%;float:left}ul.widget_profile_box li:first-child a{
float:left}ul.widget_profile_box li:last-child{
width:25%;float:right}ul.widget_profile_box li:last-child a{
float:right}ul.widget_profile_box li a{
font-size:22px;text-align:center;width:35px;height:35px;border:1px solid rgba(52,73,94,0.44);display:block;border-radius:50%;padding:0px}ul.widget_profile_box li a:hover{
color:#1ABB9C !important;border:1px solid #26b99a}ul.widget_profile_box li .profile_img{
width:85px;height:85px;margin:0;margin-top:-28px}.widget_tally_box p,.widget_tally_box span{
text-align:center}.widget_tally_box .name{
text-align:center;margin:25px}.widget_tally_box .name_title{
text-align:center;margin:5px}.widget_tally_box ul.legend{
margin:0}.widget_tally_box ul.legend p,.widget_tally_box ul.legend span{
text-align:left}.widget_tally_box ul.legend li .icon{
font-size:20px;float:left;width:14px}.widget_tally_box ul.legend li .name{
font-size:14px;margin:5px 0 0 14px;text-overflow:ellipsis;float:left}.widget_tally_box ul.legend p{
display:inline-block;margin:0}.widget_tally_box ul.verticle_bars li{
height:140px;width:23%}.widget .verticle_bars li .progress.vertical.progress_wide{
width:65%}ul.count2{
width:100%;margin-left:1px;border:1px solid #ddd;border-left:0;border-right:0;padding:10px 0;display:inherit}ul.count2 li{
width:30%;text-align:center}ul.count2 li h3{
font-weight:400;margin:0}ul.count2 li span{
font-weight:300}.divider{
border-bottom:1px solid #ddd;margin:10px}.divider-dashed{
border-top:1px dashed #e7eaec;background-color:#ffffff;height:1px;margin:10px 0}ul.messages{
padding:0;list-style:none}ul.messages li,.tasks li{
border-bottom:1px dotted #e6e6e6;padding:8px 0}ul.messages li img.avatar,img.avatar{
height:32px;width:32px;float:left;display:inline-block;border-radius:2px;padding:2px;background:#f7f7f7;border:1px solid #e6e6e6}ul.messages li .message_date{
float:right;text-align:right}ul.messages li .message_wrapper{
margin-left:50px;margin-right:40px}ul.messages li .message_wrapper h4.heading{
font-weight:600;margin:0;cursor:pointer;margin-bottom:10px;line-height:100%}ul.messages li .message_wrapper blockquote{
padding:0px 10px;margin:0;border-left:5px solid #eee}ul.user_data li{
margin-bottom:6px}ul.user_data li p{
margin-bottom:0}ul.user_data li .progress{
width:90%}.project_progress .progress{
margin-bottom:3px !important;margin-top:5px}.projects .list-inline{
margin:0}.profile_title{
background:#F5F7FA;border:0;padding:7px 0;display:-webkit-box;display:-ms-flexbox;display:flex}ul.stats-overview{
border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:10px}ul.stats-overview li{
display:inline-block;text-align:center;padding:0 15px;width:30%;font-size:14px;border-right:1px solid #e8e8e8}ul.stats-overview li:last-child{
border-right:0}ul.stats-overview li .name{
font-size:12px}ul.stats-overview li .value{
font-size:14px;font-weight:bold;display:block}ul.stats-overview li:first-child{
padding-left:0}ul.project_files li{
margin-bottom:5px}ul.project_files li a i{
width:20px}.project_detail p{
margin-bottom:10px}.project_detail p.title{
font-weight:bold;margin-bottom:0}.avatar img{
border-radius:50%;max-width:45px}.pricing{
background:#fff}.pricing .title{
background:#1ABB9C;height:110px;color:#fff;padding:15px 0 0;text-align:center}.pricing .title h2{
text-transform:capitalize;font-size:18px;border-radius:5px 5px 0 0;margin:0;font-weight:400}.pricing .title h1{
font-size:25px;margin:12px}.pricing .title span{
background:rgba(51,51,51,0.28);padding:2px 5px}.pricing_features{
background:#FAFAFA;padding:20px 15px;min-height:230px;font-size:13.5px}.pricing_features ul li{
margin-top:10px}.pricing_footer{
padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;text-align:center;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.pricing_footer p{
font-size:13px;padding:10px 0 2px;display:block}.ui-ribbon-container{
position:relative}.ui-ribbon-container .ui-ribbon-wrapper{
position:absolute;overflow:hidden;width:85px;height:88px;top:-3px;right:-3px}.ui-ribbon-container.ui-ribbon-primary .ui-ribbon{
background-color:#5b90bf}.ui-ribbon-container .ui-ribbon{
position:relative;display:block;text-align:center;font-size:15px;font-weight:700;color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);padding:7px 0;left:-5px;top:15px;width:120px;line-height:20px;background-color:#555;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.3)}.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before{
border-top:2px solid #5b90bf}.ui-ribbon-container .ui-ribbon:before{
left:0;bottom:-1px}.ui-ribbon-container .ui-ribbon:before{
right:0}.ui-ribbon-container .ui-ribbon:after,.ui-ribbon-container .ui-ribbon:before{
position:absolute;content:" ";line-height:0;border-top:2px solid #555;border-left:2px solid transparent;border-right:2px solid transparent}.thumbnail .image{
height:120px;overflow:hidden}.caption{
padding:9px 5px;background:#F7F7F7}.caption p{
margin-bottom:5px}.thumbnail{
height:190px;overflow:hidden}.view{
overflow:hidden;position:relative;text-align:center;-webkit-box-shadow:1px 1px 2px #e6e6e6;box-shadow:1px 1px 2px #e6e6e6;cursor:default}.view .mask,.view .content{
position:absolute;width:100%;overflow:hidden;top:0;left:0}.view img{
display:block;position:relative}.view .tools{
text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:3px;background:rgba(0,0,0,0.35);margin:43px 0 0 0}.mask.no-caption .tools{
margin:90px 0 0 0}.view .tools a{
display:inline-block;color:#FFF;font-size:18px;font-weight:400;padding:0 4px}.view p{
font-family:Georgia, serif;font-style:italic;font-size:12px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center}.view a.info{
display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000}.view-first img{
-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.view-first .mask{
opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.view-first .tools{
-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.view-first p{
-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.view-first:hover img{
-webkit-transform:scale(1.1);transform:scale(1.1)}.view-first:hover .mask{
opacity:1}.view-first:hover .tools,.view-first:hover p{
opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.view-first:hover p{
-webkit-transition-delay:0.1s;transition-delay:0.1s}/*!
* bootstrap-vertical-tabs - v1.2.1
* https://dbtek.github.io/bootstrap-vertical-tabs
* 2014-11-07
* Copyright (c) 2014 İsmail Demirbilek
* License: MIT
*/.tabs-left,.tabs-right{
border-bottom:none;padding-top:2px}.tabs-left{
border-right:1px solid #F7F7F7}.tabs-right{
border-left:1px solid #F7F7F7}.tabs-left>li,.tabs-right>li{
float:none;margin-bottom:2px}.tabs-left>li{
margin-right:-1px}.tabs-right>li{
margin-left:-1px}.tabs-left>li.active>a,.tabs-left>li.active>a:hover,.tabs-left>li.active>a:focus{
border-bottom-color:#F7F7F7;border-right-color:transparent}.tabs-right>li.active>a,.tabs-right>li.active>a:hover,.tabs-right>li.active>a:focus{
border-bottom:1px solid #F7F7F7;border-left-color:transparent}.tabs-left>li>a{
border-radius:4px 0 0 4px;margin-right:0;display:block;background:#F7F7F7;text-overflow:ellipsis;overflow:hidden}.tabs-right>li>a{
border-radius:0 4px 4px 0;margin-right:0;background:#F7F7F7;text-overflow:ellipsis;overflow:hidden}.sideways{
margin-top:50px;border:none;position:relative}.sideways>li{
height:20px;width:120px;margin-bottom:100px}.sideways>li>a{
border-bottom:1px solid #ddd;border-right-color:transparent;text-align:center;border-radius:4px 4px 0px 0px}.sideways>li.active>a,.sideways>li.active>a:hover,.sideways>li.active>a:focus{
border-bottom-color:transparent;border-right-color:#ddd;border-left-color:#ddd}.sideways.tabs-left{
left:-50px}.sideways.tabs-right{
right:-50px}.sideways.tabs-right>li{
-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sideways.tabs-left>li{
-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.morris-hover{
position:absolute;z-index:1000}.morris-hover.morris-default-style{
padding:6px;color:#666;background:rgba(243,242,243,0.8);border:solid 2px rgba(195,194,196,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{
font-weight:bold;margin:0.25em 0}.morris-hover.morris-default-style .morris-hover-point{
white-space:nowrap;margin:0.1em 0}.price{
font-size:40px;font-weight:400;color:#26B99A;margin:0}.prod_title{
border-bottom:1px solid #DFDFDF;padding-bottom:5px;margin:30px 0;font-size:20px;font-weight:400}.product-image img{
width:90%}.prod_color li{
margin:0 10px}.prod_color li p{
margin-bottom:0}.prod_size li{
padding:0}.prod_color .color{
width:25px;height:25px;border:2px solid rgba(51,51,51,0.28) !important;padding:2px;border-radius:50px}.product_gallery a{
width:100px;height:100px;float:left;margin:10px;border:1px solid #e5e5e5}.product_gallery a img{
width:100%;margin-top:15px}.product_price{
margin:20px 0;padding:5px 10px;background-color:#FFFFFF;text-align:left;border:2px dashed #E0E0E0}.price-tax{
font-size:18px}.product_social{
margin:20px 0}.product_social ul li a i{
font-size:35px}.login{
background:#F7F7F7}.login .fa-paw{
font-size:26px}a.hiddenanchor{
display:none}.login_wrapper{
right:0px;margin:0px auto;margin-top:5%;max-width:350px;position:relative}.registration_form,.login_form{
position:absolute;top:0px;width:100%}.registration_form{
z-index:21;opacity:0;width:100%}.login_form{
z-index:22}#signup:target ~ .login_wrapper .registration_form,#signin:target ~ .login_wrapper .login_form{
z-index:22;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:.1s;animation-delay:.1s}#signup:target ~ .login_wrapper .login_form,#signin:target ~ .login_wrapper .registration_form{
-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.animate{
-webkit-animation-duration:0.5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:0.5s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-o-animation-duration:0.5s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:0.5s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:0.5s;animation-timing-function:ease;animation-fill-mode:both}.login_box{
padding:20px;margin:auto}.left{
float:left}.calendar.left{
float:initial !important}.alignleft{
float:left;margin-right:15px}.alignright{
float:right;margin-left:15px}.clearfix:after,form:after{
content:".";display:block;height:0;clear:both;visibility:hidden}.login_content{
margin:0 auto;padding:25px 0 0;position:relative;text-align:center;text-shadow:0 1px 0 #fff;min-width:280px}.login_content a,.login_content .btn-default:hover{
text-decoration:none}.login_content a:hover{
text-decoration:underline}.login_content h1{
font:normal 25px Helvetica, Arial, sans-serif;letter-spacing:-0.05em;line-height:20px;margin:10px 0 30px}.login_content h1:before,.login_content h1:after{
content:"";height:1px;position:absolute;top:10px;width:27%}.login_content h1:after{
background:#7e7e7e;background:-webkit-gradient(linear, left top, right top, from(#7e7e7e), to(#fff));background:linear-gradient(to right, #7e7e7e 0%, #fff 100%);right:0}.login_content h1:before{
background:#7e7e7e;background:-webkit-gradient(linear, right top, left top, from(#7e7e7e), to(#fff));background:linear-gradient(to left, #7e7e7e 0%, #fff 100%);left:0}.login_content h1:before,.login_content h1:after{
content:"";height:1px;position:absolute;top:10px;width:20%}.login_content h1:after{
background:#7e7e7e;background:-webkit-gradient(linear, left top, right top, from(#7e7e7e), to(#fff));background:linear-gradient(to right, #7e7e7e 0%, #fff 100%);right:0}.login_content h1:before{
background:#7e7e7e;background:-webkit-gradient(linear, right top, left top, from(#7e7e7e), to(#fff));background:linear-gradient(to left, #7e7e7e 0%, #fff 100%);left:0}.login_content form{
margin:20px 0;position:relative}.login_content form input[type="text"],.login_content form input[type="email"],.login_content form input[type="password"]{
border-radius:3px;-webkit-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;-ms-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;-o-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;border:1px solid #c8c8c8;color:#777;margin:0 0 20px;width:100%}.login_content form input[type="text"]:focus,.login_content form input[type="email"]:focus,.login_content form input[type="password"]:focus{
-webkit-box-shadow:0 0 2px #AA77B4 inset;-ms-box-shadow:0 0 2px #ed1c24 inset;-o-box-shadow:0 0 2px #ed1c24 inset;box-shadow:0 0 2px #A97AAD inset;background-color:#fff;border:1px solid #A878AF;outline:none}#username{
background-position:10px 10px !important}#password{
background-position:10px -53px !important}.login_content form div a{
font-size:12px;margin:10px 15px 0 0}.reset_pass{
margin-top:10px !important}.login_content div .reset_pass{
margin-top:13px !important;margin-right:39px;float:right}.separator{
border-top:1px solid #D8D8D8;margin-top:10px;padding-top:10px}.button{
background:#f7f9fa;background:-webkit-gradient(linear, left top, left bottom, from(#f7f9fa), to(#f0f0f0));background:linear-gradient(to bottom, #f7f9fa 0%, #f0f0f0 100%);filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0)";-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;-o-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;border-radius:0 0 5px 5px;border-top:1px solid #CFD5D9;padding:15px 0}.login_content form input[type="submit"],#content form .submit{
float:left;margin-left:38px}.button a{
background:url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;color:#7E7E7E;font-size:17px;padding:2px 0 2px 40px;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.button a:hover{
background-position:0 -135px;color:#00aeef}header{
width:100%}#nprogress .bar{
background:#1ABB9C}#nprogress .peg{
-webkit-box-shadow:0 0 10px #1ABB9C, 0 0 5px #1ABB9C;box-shadow:0 0 10px #1ABB9C, 0 0 5px #1ABB9C}#nprogress .spinner-icon{
border-top-color:#1ABB9C;border-left-color:#1ABB9C}.editor-wrapper{
min-height:250px;background-color:white;border-collapse:separate;border:1px solid #ccc;padding:4px;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:rgba(0,0,0,0.0745098) 0px 1px 1px 0px inset;box-shadow:rgba(0,0,0,0.0745098) 0px 1px 1px 0px inset;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px;overflow:scroll;outline:none}.voiceBtn{
width:20px;color:transparent;background-color:transparent;transform:scale(2, 2);-webkit-transform:scale(2, 2);-moz-transform:scale(2, 2);border:transparent;cursor:pointer;box-shadow:none;-webkit-box-shadow:none}div[data-role="editor-toolbar"]{
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown-menu a{
cursor:pointer}.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{
background-color:#fff;border:1px solid #ccc;border-radius:0;min-height:38px}.select2-container--default .select2-selection--single .select2-selection__rendered{
color:#73879C;padding-top:5px}.select2-container--default .select2-selection--multiple .select2-selection__rendered{
padding-top:3px}.select2-container--default .select2-selection--single .select2-selection__arrow{
height:36px}.select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .select2-selection--multiple .select2-selection__clear{
margin-top:2px;border:none;border-radius:0;padding:3px 5px}.select2-container--default.select2-container--focus .select2-selection--multiple{
border:1px solid #ccc}.switchery{
width:32px;height:20px}.switchery>small{
width:20px;height:20px}fieldset{
border:none;margin:0;padding:0}.cropper .img-container,.cropper .img-preview{
background-color:#f7f7f7;width:100%;text-align:center}.cropper .img-container{
min-height:200px;max-height:516px;margin-bottom:20px}@media (min-width: 768px){
.cropper .img-container{
min-height:516px}}.cropper .img-container>img{
max-width:100%}.cropper .docs-preview{
margin-right:-15px}.cropper .img-preview{
float:left;margin-right:10px;margin-bottom:10px;overflow:hidden}.cropper .img-preview>img{
max-width:100%}.cropper .preview-lg{
width:263px;height:148px}.cropper .preview-md{
width:139px;height:78px}.cropper .preview-sm{
width:69px;height:39px}.cropper .preview-xs{
width:35px;height:20px;margin-right:0}.cropper .docs-data>.input-group{
margin-bottom:10px}.cropper .docs-data>.input-group>label{
min-width:80px}.cropper .docs-data>.input-group>span{
min-width:50px}.cropper .docs-buttons>.btn,.cropper .docs-buttons>.btn-group,.cropper .docs-buttons>.form-control{
margin-right:5px;margin-bottom:10px}.cropper .docs-toggles>.btn,.cropper .docs-toggles>.btn-group,.cropper .docs-toggles>.dropdown{
margin-bottom:10px}.cropper .docs-tooltip{
display:block;margin:-6px -12px;padding:6px 12px}.cropper .docs-tooltip>.icon{
margin:0 -3px;vertical-align:top}.cropper .tooltip-inner{
white-space:normal}.cropper .btn-upload .tooltip-inner,.cropper .btn-toggle .tooltip-inner{
white-space:nowrap}.cropper .btn-toggle{
padding:6px}.cropper .btn-toggle>.docs-tooltip{
margin:-6px;padding:6px}.label-align{
text-align:right}@media (max-width: 414px){
.item{
display:block}.label-align{
text-align:left}}@media (max-width: 400px){
.cropper .btn-group-crop{
margin-right:-15px !important}.item{
display:block}.label-align{
text-align:left}.cropper .btn-group-crop>.btn{
padding-left:5px;padding-right:5px}.cropper .btn-group-crop .docs-tooltip{
margin-left:-5px;margin-right:-5px;padding-left:5px;padding-right:5px}}.cropper .docs-options .dropdown-menu{
width:100%}.cropper .docs-options .dropdown-menu>li{
padding:3px 20px}.cropper .docs-options .dropdown-menu>li:hover{
background-color:#f7f7f7}.cropper .docs-options .dropdown-menu>li>label{
display:block}.cropper .docs-cropped .modal-body{
text-align:center}.cropper .docs-cropped .modal-body>img,.cropper .docs-cropped .modal-body>canvas{
max-width:100%}.cropper .docs-diagram .modal-dialog{
max-width:352px}.cropper .docs-cropped canvas{
max-width:100%}.form_wizard .stepContainer{
display:block;position:relative;margin:0;padding:0;border:0 solid #CCC;overflow-x:hidden}.wizard_horizontal ul.wizard_steps{
display:table;list-style:none;position:relative;width:100%;margin:0 0 20px}.wizard_horizontal ul.wizard_steps li{
display:table-cell;text-align:center}.wizard_horizontal ul.wizard_steps li a,.wizard_horizontal ul.wizard_steps li:hover{
display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666}.wizard_horizontal ul.wizard_steps li a:before{
content:"";position:absolute;height:4px;background:#ccc;top:20px;width:100%;z-index:4;left:0}.wizard_horizontal ul.wizard_steps li a.disabled .step_no{
background:#ccc}.wizard_horizontal ul.wizard_steps li a .step_no{
width:40px;height:40px;line-height:40px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}.wizard_horizontal ul.wizard_steps li a.selected:before,.step_no{
background:#34495E;color:#fff}.wizard_horizontal ul.wizard_steps li a.done:before,.wizard_horizontal ul.wizard_steps li a.done .step_no{
background:#1ABB9C;color:#fff}.wizard_horizontal ul.wizard_steps li:first-child a:before{
left:50%}.wizard_horizontal ul.wizard_steps li:last-child a:before{
right:50%;width:50%;left:auto}.wizard_verticle .stepContainer{
width:80%;float:left;padding:0 10px}.actionBar{
width:100%;border-top:1px solid #ddd;padding:10px 5px;text-align:right;margin-top:10px}.actionBar .buttonDisabled{
cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.actionBar a{
margin:0 3px}.wizard_verticle .wizard_content{
width:80%;float:left;padding-left:20px}.wizard_verticle ul.wizard_steps{
display:table;list-style:none;position:relative;width:20%;float:left;margin:0 0 20px}.wizard_verticle ul.wizard_steps li{
display:list-item;text-align:center}.wizard_verticle ul.wizard_steps li a{
height:80px}.wizard_verticle ul.wizard_steps li a:first-child{
margin-top:20px}.wizard_verticle ul.wizard_steps li a,.wizard_verticle ul.wizard_steps li:hover{
display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666}.wizard_verticle ul.wizard_steps li a:before{
content:"";position:absolute;height:100%;background:#ccc;top:20px;width:4px;z-index:4;left:49%}.wizard_verticle ul.wizard_steps li a.disabled .step_no{
background:#ccc}.wizard_verticle ul.wizard_steps li a .step_no{
width:40px;height:40px;line-height:40px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}.wizard_verticle ul.wizard_steps li a.selected:before,.step_no{
background:#34495E;color:#fff}.wizard_verticle ul.wizard_steps li a.done:before,.wizard_verticle ul.wizard_steps li a.done .step_no{
background:#1ABB9C;color:#fff}.wizard_verticle ul.wizard_steps li:first-child a:before{
left:49%}.wizard_verticle ul.wizard_steps li:last-child a:before{
left:49%;left:auto;width:0}.form_wizard .loader{
display:none}.form_wizard .msgBox{
display:none}.progress{
border-radius:0}.progress-bar-info{
background-color:#3498DB}.progress-bar-success{
background-color:#26B99A}.progress_summary .progress{
margin:5px 0 12px !important}.progress_summary .row{
margin-bottom:5px}.progress_summary .row .col-xs-2{
padding:0}.progress_summary .more_info span{
text-align:right;float:right}.progress_summary .data span{
text-align:right;float:right}.progress_summary p{
margin-bottom:3px;width:100%}.progress_title .left{
float:left;text-align:left}.progress_title .right{
float:right;text-align:right;font-weight:300}.progress.progress_sm{
border-radius:0;margin-bottom:18px;height:10px !important}.progress.progress_sm .progress-bar{
height:10px !important}.dashboard_graph p{
margin:0 0 4px}ul.verticle_bars{
width:100%}ul.verticle_bars li{
width:23%;height:200px;margin:0}.progress.vertical.progress_wide{
width:35px}.alert-success{
color:#ffffff;background-color:rgba(38,185,154,0.88);border-color:rgba(38,185,154,0.88)}.alert-info{
color:#E9EDEF;background-color:rgba(52,152,219,0.88);border-color:rgba(52,152,219,0.88)}.alert-warning{
color:#E9EDEF;background-color:rgba(243,156,18,0.88);border-color:rgba(243,156,18,0.88)}.alert-danger,.alert-error{
color:#E9EDEF;background-color:rgba(231,76,60,0.88);border-color:rgba(231,76,60,0.88)}.ui-pnotify.dark .ui-pnotify-container{
color:#E9EDEF;background-color:rgba(52,73,94,0.88);border-color:rgba(52,73,94,0.88)}.custom-notifications{
position:fixed;margin:15px;right:0;float:right;width:400px;z-index:4000;bottom:0}ul.notifications{
float:right;display:block;margin-bottom:7px;padding:0;width:100%}.notifications li{
float:right;margin:3px;width:36px;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3);box-shadow:3px 3px 3px rgba(0,0,0,0.3)}.notifications li:last-child{
margin-left:0}.notifications a{
display:block;text-align:center;text-decoration:none;text-transform:uppercase;padding:9px 8px}.tabbed_notifications .text{
padding:5px 15px;height:140px;border-radius:7px;-webkit-box-shadow:6px 6px 6px rgba(0,0,0,0.3);box-shadow:6px 6px 6px rgba(0,0,0,0.3)}.tabbed_notifications div p{
display:inline-block}.tabbed_notifications h2{
font-weight:bold;text-transform:uppercase;width:80%;float:left;height:20px;text-overflow:ellipsis;overflow:hidden;display:block}.tabbed_notifications .close{
padding:5px;color:#E9EDEF;float:right;opacity:1}.join-btn{
position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.go-class{
margin-right:0px}.input-group-sm>.input-group-addon{
height:30px;padding:5px 10px;font-size:12px;line-height:1.5}.input-group-addon{
padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc}.img-circle{
border-radius:50%}.display-layout{
display:-webkit-box;display:-ms-flexbox;display:flex}.profile-bottom{
background:#F2F5F7;padding:9px 0;border-top:1px solid #E6E9ED}@media (min-width: 360px) and (max-width: 812px){
.info-number .badge{
font-size:10px;font-weight:normal;line-height:13px;padding:2px 6px;position:absolute;right:0px;top:-7px}.tile,.graph{
zoom:71%;height:inherit}}@media (min-width: 768px) and (max-width: 1024px){
.info-number .badge{
font-size:10px;font-weight:normal;line-height:13px;padding:2px 6px;position:absolute;right:-2px;top:-6px}}.fc-state-default{
background:#f5f5f5;color:#73879C}.fc-state-down,.fc-state-active{
color:#333;background:#ccc}.dropzone{
min-height:300px;border:1px solid #e5e5e5}
.daterangepicker .ranges li{
color:#73879C}.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover{
background:#536A7F;border:1px solid #536A7F;color:#fff}.daterangepicker .input-mini{
background-color:#eee;border:1px solid #ccc;-webkit-box-shadow:none !important;box-shadow:none !important}.daterangepicker .input-mini.active{
border:1px solid #ccc}.daterangepicker select.monthselect,.daterangepicker select.yearselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{
font-size:12px;padding:1px;height:auto;margin:0;cursor:default;height:30px;border:1px solid #ADB2B5;line-height:30px;border-radius:0px !important}.daterangepicker select.monthselect{
margin-right:2%}.daterangepicker td.in-range{
background:#E4E7EA;color:#73879C}.daterangepicker td.active,.daterangepicker td.active:hover{
background-color:#536A7F;color:#fff}.daterangepicker th.available:hover{
background:#eee;color:#34495E}.daterangepicker:before,.daterangepicker:after{
content:none}.daterangepicker .calendar.single{
margin:0 0 4px 0}.daterangepicker .calendar.single .calendar-table{
width:224px;padding:0 0 4px 0 !important}.daterangepicker .calendar.single .calendar-table thead tr:first-child th{
padding:8px 5px}.daterangepicker .calendar.single .calendar-table thead th{
border-radius:0}.daterangepicker.picker_1{
color:#fff;background:#34495E}.daterangepicker.picker_1 .calendar-table{
background:#34495E}.daterangepicker.picker_1 .calendar-table thead tr{
background:#213345}.daterangepicker.picker_1 .calendar-table thead tr:first-child{
background:#1ABB9C}.daterangepicker.picker_1 .calendar-table td.off{
background:#34495E;color:#999}.daterangepicker.picker_1 .calendar-table td.available:hover{
color:#34495E}.daterangepicker.picker_2 .calendar-table thead tr{
color:#1ABB9C}.daterangepicker.picker_2 .calendar-table thead tr:first-child{
color:#73879C}.daterangepicker.picker_3 .calendar-table thead tr:first-child{
color:#fff;background:#1ABB9C}.daterangepicker.picker_4 .calendar-table thead tr:first-child{
color:#fff;background:#34495E}.daterangepicker.picker_4 .calendar-table td,.daterangepicker.picker_4 .calendar-table td.off{
background:#ECF0F1;border:1px solid #fff;border-radius:0}.daterangepicker.picker_4 .calendar-table td.active{
background:#34495E}.calendar-exibit .show-calendar{
float:none;display:block;position:relative;background-color:#fff;border:1px solid #ccc;margin-bottom:20px;border:1px solid rgba(0,0,0,0.15);overflow:hidden}.calendar-exibit .show-calendar .calendar{
margin:0 0 4px 0}.calendar-exibit .show-calendar.picker_1{
background:#34495E}.calendar-exibit .calendar-table{
padding:0 0 4px 0}
#slash{
display: none;
}
6.15 custom.min.js realizes the dynamic display of the page
!function(a){
jQuery.fn[a]=function(e){
return e?this.bind("resize",(t=e,function(){
var e=this,a=arguments;i?clearTimeout(i):n&&t.apply(e,a),i=setTimeout(function(){
n||t.apply(e,a),i=null},o||100)})):this.trigger(a);var t,o,n,i}}((jQuery,"smartresize"));var CURRENT_URL=window.location.href.split("#")[0].split("?")[0],$BODY=$("body"),$MENU_TOGGLE=$("#menu_toggle"),$SIDEBAR_MENU=$("#sidebar-menu"),$SIDEBAR_FOOTER=$(".sidebar-footer"),$LEFT_COL=$(".left_col"),$RIGHT_COL=$(".right_col"),$NAV_MENU=$(".nav_menu"),$FOOTER=$("footer");function init_sidebar(){
function t(){
$RIGHT_COL.css("min-height",$(window).height());var e=$BODY.outerHeight(),a=$BODY.hasClass("footer_fixed")?-10:$FOOTER.height(),t=$LEFT_COL.eq(1).height()+$SIDEBAR_FOOTER.height(),o=e<t?t:e;o-=$NAV_MENU.height()+a,$RIGHT_COL.css("min-height",o)}function o(){
$SIDEBAR_MENU.find("li").removeClass("active active-sm"),$SIDEBAR_MENU.find("li ul").slideUp()}$SIDEBAR_MENU.find("a").on("click",function(e){
var a=$(this).parent();a.is(".active")?(a.removeClass("active active-sm"),$("ul:first",a).slideUp(function(){
t()})):(a.parent().is(".child_menu")?$BODY.is("nav-sm")&&(a.parent().is("child_menu")||o()):o(),a.addClass("active"),$("ul:first",a).slideDown(function(){
t()}))}),$MENU_TOGGLE.on("click",function(){
$BODY.hasClass("nav-md")?($SIDEBAR_MENU.find("li.active ul").hide(),$SIDEBAR_MENU.find("li.active").addClass("active-sm").removeClass("active")):($SIDEBAR_MENU.find("li.active-sm ul").show(),$SIDEBAR_MENU.find("li.active-sm").addClass("active").removeClass("active-sm")),$BODY.toggleClass("nav-md nav-sm"),t(),$(".dataTable").each(function(){
$(this).dataTable().fnDraw()})}),$SIDEBAR_MENU.find('a[href="'+CURRENT_URL+'"]').parent("li").addClass("current-page"),$SIDEBAR_MENU.find("a").filter(function(){
return this.href==CURRENT_URL}).parent("li").addClass("current-page").parents("ul").slideDown(function(){
t()}).parent().addClass("active"),$(window).smartresize(function(){
t()}),t(),$.fn.mCustomScrollbar&&$(".menu_fixed").mCustomScrollbar({
autoHideScrollbar:!0,theme:"minimal",mouseWheel:{
preventDefault:!0}})}$(document).ready(function(){
$(".collapse-link").on("click",function(){
var e=$(this).closest(".x_panel"),a=$(this).find("i"),t=e.find(".x_content");e.attr("style")?t.slideToggle(200,function(){
e.removeAttr("style")}):(t.slideToggle(200),e.css("height","auto")),a.toggleClass("fa-chevron-up fa-chevron-down")}),$(".close-link").click(function(){
$(this).closest(".x_panel").remove()})}),$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip({
container:"body"})}),$(document).ready(function(){
$(".progress .progress-bar")[0]&&$(".progress .progress-bar").progressbar()}),$(document).ready(function(){
$(".js-switch")[0]&&Array.prototype.slice.call(document.querySelectorAll(".js-switch")).forEach(function(e){
new Switchery(e,{
color:"#26B99A"})})}),$(document).ready(function(){
$("input.flat")[0]&&$(document).ready(function(){
$("input.flat").iCheck({
checkboxClass:"icheckbox_flat-green",radioClass:"iradio_flat-green"})})}),$("table input").on("ifChecked",function(){
checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$("table input").on("ifUnchecked",function(){
checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()});var checkState="";function countChecked(){
"all"===checkState&&$(".bulk_action input[name='table_records']").iCheck("check"),"none"===checkState&&$(".bulk_action input[name='table_records']").iCheck("uncheck");var e=$(".bulk_action input[name='table_records']:checked").length;e?($(".column-title").hide(),$(".bulk-actions").show(),$(".action-cnt").html(e+" Records Selected")):($(".column-title").show(),$(".bulk-actions").hide())}$(".bulk_action input").on("ifChecked",function(){
checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$(".bulk_action input").on("ifUnchecked",function(){
checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()}),$(".bulk_action input#check-all").on("ifChecked",function(){
checkState="all",countChecked()}),$(".bulk_action input#check-all").on("ifUnchecked",function(){
checkState="none",countChecked()}),$(document).ready(function(){
$(".expand").on("click",function(){
$(this).next().slideToggle(200),$expand=$(this).find(">:first-child"),"+"==$expand.text()?$expand.text("-"):$expand.text("+")})}),"undefined"!=typeof NProgress&&($(document).ready(function(){
NProgress.start()}),$(window).on("load",function(){
NProgress.done()}));var originalLeave=$.fn.popover.Constructor.prototype.leave;function gd(e,a,t){
return new Date(e,a-1,t).getTime()}function init_flot_chart(){
if(void 0!==$.plot){
console.log("init_flot_chart");for(var e=[[gd(2012,1,1),17],[gd(2012,1,2),74],[gd(2012,1,3),6],[gd(2012,1,4),39],[gd(2012,1,5),20],[gd(2012,1,6),85],[gd(2012,1,7),7]],a=[[gd(2012,1,1),82],[gd(2012,1,2),23],[gd(2012,1,3),66],[gd(2012,1,4),9],[gd(2012,1,5),119],[gd(2012,1,6),6],[gd(2012,1,7),9]],t=[],o=0;o<30;o++)t.push([new Date(Date.today().add(o).days()).getTime(),Math.floor(21*Math.random())+20+o+o+10]);var n={
grid:{
show:!0,aboveData:!0,color:"#3f3f3f",labelMargin:10,axisMargin:0,borderWidth:0,borderColor:null,minBorderMargin:5,clickable:!0,hoverable:!0,autoHighlight:!0,mouseActiveRadius:100},series:{
lines:{
show:!0,fill:!0,lineWidth:2,steps:!1},points:{
show:!0,radius:4.5,symbol:"circle",lineWidth:3}},legend:{
position:"ne",margin:[0,-25],noColumns:0,labelBoxBorderColor:null,labelFormatter:function(e,a){
return e+" "},width:40,height:1},colors:["#96CA59","#3F97EB","#72c380","#6f7a8a","#f7cb38","#5a8022","#2c7282"],shadowSize:0,tooltip:!0,tooltipOpts:{
content:"%s: %y.0",xDateFormat:"%d/%m",shifts:{
x:-30,y:-50},defaultTheme:!1},yaxis:{
min:0},xaxis:{
mode:"time",minTickSize:[1,"day"],timeformat:"%d/%m/%y",min:t[0][0],max:t[20][0]}};$("#chart_plot_01").length&&(console.log("Plot1"),$.plot($("#chart_plot_01"),[e,a],{
series:{
lines:{
show:!1,fill:!0},splines:{
show:!0,tension:.4,lineWidth:1,fill:.4},points:{
radius:0,show:!0},shadowSize:2},grid:{
verticalLines:!0,hoverable:!0,clickable:!0,tickColor:"#d5d5d5",borderWidth:1,color:"#fff"},colors:["rgba(38, 185, 154, 0.38)","rgba(3, 88, 106, 0.38)"],xaxis:{
tickColor:"rgba(51, 51, 51, 0.06)",mode:"time",tickSize:[1,"day"],axisLabel:"Date",axisLabelUseCanvas:!0,axisLabelFontSizePixels:12,axisLabelFontFamily:"Verdana, Arial",axisLabelPadding:10},yaxis:{
ticks:8,tickColor:"rgba(51, 51, 51, 0.06)"},tooltip:!1})),$("#chart_plot_02").length&&(console.log("Plot2"),$.plot($("#chart_plot_02"),[{
label:"Email Sent",data:t,lines:{
fillColor:"rgba(150, 202, 89, 0.12)"},points:{
fillColor:"#fff"}}],n)),$("#chart_plot_03").length&&(console.log("Plot3"),$.plot($("#chart_plot_03"),[{
label:"Registrations",data:[[0,1],[1,9],[2,6],[3,10],[4,5],[5,17],[6,6],[7,10],[8,7],[9,11],[10,35],[11,9],[12,12],[13,5],[14,3],[15,4],[16,9]],lines:{
fillColor:"rgba(150, 202, 89, 0.12)"},points:{
fillColor:"#fff"}}],{
series:{
curvedLines:{
apply:!0,active:!0,monotonicFit:!0}},colors:["#26B99A"],grid:{
borderWidth:{
top:0,right:0,bottom:1,left:1},borderColor:{
bottom:"#7F8790",left:"#7F8790"}}}))}}function init_starrr(){
"undefined"!=typeof starrr&&(console.log("init_starrr"),$(".stars").starrr(),$(".stars-existing").starrr({
rating:4}),$(".stars").on("starrr:change",function(e,a){
$(".stars-count").html(a)}),$(".stars-existing").on("starrr:change",function(e,a){
$(".stars-count-existing").html(a)}))}function init_JQVmap(){
void 0!==jQuery.fn.vectorMap&&(console.log("init_JQVmap"),$("#world-map-gdp").length&&$("#world-map-gdp").vectorMap({
map:"world_en",backgroundColor:null,color:"#ffffff",hoverOpacity:.7,selectedColor:"#666666",enableZoom:!0,showTooltip:!0,values:sample_data,scaleColors:["#E6F2F0","#149B7E"],normalizeFunction:"polynomial"}),$("#usa_map").length&&$("#usa_map").vectorMap({
map:"usa_en",backgroundColor:null,color:"#ffffff",hoverOpacity:.7,selectedColor:"#666666",enableZoom:!0,showTooltip:!0,values:sample_data,scaleColors:["#E6F2F0","#149B7E"],normalizeFunction:"polynomial"}))}function init_skycons(){
if("undefined"!=typeof Skycons){
console.log("init_skycons");var e,a=new Skycons({
color:"#73879C"}),t=["clear-day","clear-night","partly-cloudy-day","partly-cloudy-night","cloudy","rain","sleet","snow","wind","fog"];for(e=t.length;e--;)a.set(t[e],t[e]);a.play()}}function init_chart_doughnut(){
if("undefined"!=typeof Chart&&(console.log("init_chart_doughnut"),$(".canvasDoughnut").length)){
var a={
type:"doughnut",tooltipFillColor:"rgba(51, 51, 51, 0.55)",data:{
labels:["Symbian","Blackberry","Other","Android","IOS"],datasets:[{
data:[15,20,30,10,30],backgroundColor:["#BDC3C7","#9B59B6","#E74C3C","#26B99A","#3498DB"],hoverBackgroundColor:["#CFD4D8","#B370CF","#E95E4F","#36CAAB","#49A9EA"]}]},options:{
legend:!1,responsive:!1}};$(".canvasDoughnut").each(function(){
var e=$(this);new Chart(e,a)})}}function init_gauge(){
if("undefined"!=typeof Gauge){
console.log("init_gauge ["+$(".gauge-chart").length+"]"),console.log("init_gauge");var e={
lines:12,angle:0,lineWidth:.4,pointer:{
length:.75,strokeWidth:.042,color:"#1D212A"},limitMax:"false",colorStart:"#1ABC9C",colorStop:"#1ABC9C",strokeColor:"#F0F3F3",generateGradient:!0};if($("#chart_gauge_01").length)var a=document.getElementById("chart_gauge_01"),t=new Gauge(a).setOptions(e);if($("#gauge-text").length&&(t.maxValue=6e3,t.animationSpeed=32,t.set(3200),t.setTextField(document.getElementById("gauge-text"))),$("#chart_gauge_02").length)var o=document.getElementById("chart_gauge_02"),n=new Gauge(o).setOptions(e);$("#gauge-text2").length&&(n.maxValue=9e3,n.animationSpeed=32,n.set(2400),n.setTextField(document.getElementById("gauge-text2")))}}function init_sparklines(){
void 0!==jQuery.fn.sparkline&&(console.log("init_sparklines"),$(".sparkline_one").sparkline([2,4,3,4,5,4,5,4,3,4,5,6,4,5,6,3,5,4,5,4,5,4,3,4,5,6,7,5,4,3,5,6],{
type:"bar",height:"125",barWidth:13,colorMap:{
7:"#a1a1a1"},barSpacing:2,barColor:"#26B99A"}),$(".sparkline_two").sparkline([2,4,3,4,5,4,5,4,3,4,5,6,7,5,4,3,5,6],{
type:"bar",height:"40",barWidth:9,colorMap:{
7:"#a1a1a1"},barSpacing:2,barColor:"#26B99A"}),$(".sparkline_three").sparkline([2,4,3,4,5,4,5,4,3,4,5,6,7,5,4,3,5,6],{
type:"line",width:"200",height:"40",lineColor:"#26B99A",fillColor:"rgba(223, 223, 223, 0.57)",lineWidth:2,spotColor:"#26B99A",minSpotColor:"#26B99A"}),$(".sparkline11").sparkline([2,4,3,4,5,4,5,4,3,4,6,2,4,3,4,5,4,5,4,3],{
type:"bar",height:"40",barWidth:8,colorMap:{
7:"#a1a1a1"},barSpacing:2,barColor:"#26B99A"}),$(".sparkline22").sparkline([2,4,3,4,7,5,4,3,5,6,2,4,3,4,5,4,5,4,3,4,6],{
type:"line",height:"40",width:"200",lineColor:"#26B99A",fillColor:"#ffffff",lineWidth:3,spotColor:"#34495E",minSpotColor:"#34495E"}),$(".sparkline_bar").sparkline([2,4,3,4,5,4,5,4,3,4,5,6,4,5,6,3,5],{
type:"bar",colorMap:{
7:"#a1a1a1"},barColor:"#26B99A"}),$(".sparkline_area").sparkline([5,6,7,9,9,5,3,2,2,4,6,7],{
type:"line",lineColor:"#26B99A",fillColor:"#26B99A",spotColor:"#4578a0",minSpotColor:"#728fb2",maxSpotColor:"#6d93c4",highlightSpotColor:"#ef5179",highlightLineColor:"#8ba8bf",spotRadius:2.5,width:85}),$(".sparkline_line").sparkline([2,4,3,4,5,4,5,4,3,4,5,6,4,5,6,3,5],{
type:"line",lineColor:"#26B99A",fillColor:"#ffffff",width:85,spotColor:"#34495E",minSpotColor:"#34495E"}),$(".sparkline_pie").sparkline([1,1,2,1],{
type:"pie",sliceColors:["#26B99A","#ccc","#75BCDD","#D66DE2"]}),$(".sparkline_discreet").sparkline([4,6,7,7,4,3,2,1,4,4,2,4,3,7,8,9,7,6,4,3],{
type:"discrete",barWidth:3,lineColor:"#26B99A",width:"85"}))}function init_autocomplete(){
if(void 0!==$.fn.autocomplete){
console.log("init_autocomplete");var e=$.map({
AD:"Andorra",A2:"Andorra Test",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua and Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AN:"Netherlands Antilles",AO:"Angola",AQ:"Antarctica",AR:"Argentina",AS:"American Samoa",AT:"Austria",AU:"Australia",AW:"Aruba",AX:"Åland Islands",AZ:"Azerbaijan",BA:"Bosnia and Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"Saint Barthélemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"British Antarctic Territory",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BV:"Bouvet Island",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CC:"Cocos [Keeling] Islands",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"Côte d’Ivoire",CK:"Cook Islands",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CS:"Serbia and Montenegro",CT:"Canton and Enderbury Islands",CU:"Cuba",CV:"Cape Verde",CX:"Christmas Island",CY:"Cyprus",CZ:"Czech Republic",DD:"East Germany",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",EH:"Western Sahara",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Micronesia",FO:"Faroe Islands",FQ:"French Southern and Antarctic Territories",FR:"France",FX:"Metropolitan France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GG:"Guernsey",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GS:"South Georgia and the South Sandwich Islands",GT:"Guatemala",GU:"Guam",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong SAR China",HM:"Heard Island and McDonald Islands",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IM:"Isle of Man",IN:"India",IO:"British Indian Ocean Territory",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JE:"Jersey",JM:"Jamaica",JO:"Jordan",JP:"Japan",JT:"Johnston Island",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KI:"Kiribati",KM:"Comoros",KN:"Saint Kitts and Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"Saint Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"Saint Martin",MG:"Madagascar",MH:"Marshall Islands",MI:"Midway Islands",MK:"Macedonia",ML:"Mali",MM:"Myanmar [Burma]",MN:"Mongolia",MO:"Macau SAR China",MP:"Northern Mariana Islands",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NF:"Norfolk Island",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NQ:"Dronning Maud Land",NR:"Nauru",NT:"Neutral Zone",NU:"Niue",NZ:"New Zealand",OM:"Oman",PA:"Panama",PC:"Pacific Islands Trust Territory",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PM:"Saint Pierre and Miquelon",PN:"Pitcairn Islands",PR:"Puerto Rico",PS:"Palestinian Territories",PT:"Portugal",PU:"U.S. Miscellaneous Pacific Islands",PW:"Palau",PY:"Paraguay",PZ:"Panama Canal Zone",QA:"Qatar",RE:"Réunion",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"Saint Helena",SI:"Slovenia",SJ:"Svalbard and Jan Mayen",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"São Tomé and Príncipe",SU:"Union of Soviet Socialist Republics",SV:"El Salvador",SY:"Syria",SZ:"Swaziland",TC:"Turks and Caicos Islands",TD:"Chad",TF:"French Southern Territories",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TK:"Tokelau",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"Turkey",TT:"Trinidad and Tobago",TV:"Tuvalu",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",UM:"U.S. Minor Outlying Islands",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VA:"Vatican City",VC:"Saint Vincent and the Grenadines",VD:"North Vietnam",VE:"Venezuela",VG:"British Virgin Islands",VI:"U.S. Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WF:"Wallis and Futuna",WK:"Wake Island",WS:"Samoa",YD:"People's Democratic Republic of Yemen",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",ZZ:"Unknown or Invalid Region"},function(e,a){
return{
value:e,data:a}});$("#autocomplete-custom-append").autocomplete({
lookup:e})}}function init_autosize(){
void 0!==$.fn.autosize&&autosize($(".resizable_textarea"))}function init_parsley(){
if("undefined"!=typeof parsley){
console.log("init_parsley"),$("parsley:field:validate",function(){
e()}),$("#demo-form .btn").on("click",function(){
$("#demo-form").parsley().validate(),e()});var e=function(){
!0===$("#demo-form").parsley().isValid()?($(".bs-callout-info").removeClass("hidden"),$(".bs-callout-warning").addClass("hidden")):($(".bs-callout-info").addClass("hidden"),$(".bs-callout-warning").removeClass("hidden"))};$("parsley:field:validate",function(){
e()}),$("#demo-form2 .btn").on("click",function(){
$("#demo-form2").parsley().validate(),e()});e=function(){
!0===$("#demo-form2").parsley().isValid()?($(".bs-callout-info").removeClass("hidden"),$(".bs-callout-warning").addClass("hidden")):($(".bs-callout-info").addClass("hidden"),$(".bs-callout-warning").removeClass("hidden"))};try{
hljs.initHighlightingOnLoad()}catch(e){
}}}function onAddTag(e){
alert("Added a tag: "+e)}function onRemoveTag(e){
alert("Removed a tag: "+e)}function onChangeTag(e,a){
alert("Changed a tag: "+a)}function init_TagsInput(){
void 0!==$.fn.tagsInput&&$("#tags_1").tagsInput({
width:"auto"})}function init_select2(){
"undefined"!=typeof select2&&(console.log("init_toolbox"),$(".select2_single").select2({placeholder:"Select a state",allowClear:!0}),$(".select2_group").select2({}),$(".select2_multiple").select2({maximumSelectionLength:4,placeholder:"With Max Selection limit 4",allowClear:!0}))}function init_wysiwyg(){function a(e,a){var t="";"unsupported-file-type"===e?t="Unsupported format "+a:console.log("error uploading file",e,a),$('<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button><strong>File upload error</strong> '+t+" </div>").prependTo("#alerts")}void 0!==$.fn.wysiwyg&&(console.log("init_wysiwyg"),$(".editor-wrapper").each(function(){var e=$(this).attr("id");$(this).wysiwyg({toolbarSelector:'[data-target="#'+e+'"]',fileUploadError:a})}),window.prettyPrint,prettyPrint())}function init_cropper(){if(void 0!==$.fn.cropper){console.log("init_cropper");var i=$("#image"),n=$("#download"),a=$("#dataX"),t=$("#dataY"),o=$("#dataHeight"),r=$("#dataWidth"),l=$("#dataRotate"),s=$("#dataScaleX"),c=$("#dataScaleY"),d={aspectRatio:16/9,preview:".img-preview",crop:function(e){a.val(Math.round(e.x)),t.val(Math.round(e.y)),o.val(Math.round(e.height)),r.val(Math.round(e.width)),l.val(e.rotate),s.val(e.scaleX),c.val(e.scaleY)}};$('[data-toggle="tooltip"]').tooltip(),i.on({"build.cropper":function(e){console.log(e.type)},"built.cropper":function(e){console.log(e.type)},"cropstart.cropper":function(e){console.log(e.type,e.action)},"cropmove.cropper":function(e){console.log(e.type,e.action)},"cropend.cropper":function(e){console.log(e.type,e.action)},"crop.cropper":function(e){console.log(e.type,e.x,e.y,e.width,e.height,e.rotate,e.scaleX,e.scaleY)},"zoom.cropper":function(e){console.log(e.type,e.ratio)}}).cropper(d),$.isFunction(document.createElement("canvas").getContext)||$('button[data-method="getCroppedCanvas"]').prop("disabled",!0),void 0===document.createElement("cropper").style.transition&&($('button[data-method="rotate"]').prop("disabled",!0),$('button[data-method="scale"]').prop("disabled",!0)),void 0===n[0].download&&n.addClass("disabled"),$(".docs-toggles").on("change","input",function(){var e,a,t=$(this),o=t.attr("name"),n=t.prop("type");i.data("cropper")&&("checkbox"===n?(d[o]=t.prop("checked"),e=i.cropper("getCropBoxData"),a=i.cropper("getCanvasData"),d.built=function(){i.cropper("setCropBoxData",e),i.cropper("setCanvasData",a)}):"radio"===n&&(d[o]=t.val()),i.cropper("destroy").cropper(d))}),$(".docs-buttons").on("click","[data-method]",function(){var e,a,t=$(this),o=t.data();if(!t.prop("disabled")&&!t.hasClass("disabled")&&i.data("cropper")&&o.method){if(void 0!==(o=$.extend({},o)).target&&(e=$(o.target),void 0===o.option))try{o.option=JSON.parse(e.val())}catch(e){console.log(e.message)}switch(a=i.cropper(o.method,o.option,o.secondOption),o.method){case"scaleX":case"scaleY":$(this).data("option",-o.option);break;case"getCroppedCanvas":a&&($("#getCroppedCanvasModal").modal().find(".modal-body").html(a),n.hasClass("disabled")||n.attr("href",a.toDataURL()))}if($.isPlainObject(a)&&e)try{e.val(JSON.stringify(a))}catch(e){console.log(e.message)}}}),$(document.body).on("keydown",function(e){if(i.data("cropper")&&!(300<this.scrollTop))switch(e.which){case 37:e.preventDefault(),i.cropper("move",-1,0);break;case 38:e.preventDefault(),i.cropper("move",0,-1);break;case 39:e.preventDefault(),i.cropper("move",1,0);break;case 40:e.preventDefault(),i.cropper("move",0,1)}});var u,m=$("#inputImage"),p=window.URL||window.webkitURL;p?m.change(function(){var e,a=this.files;i.data("cropper")&&a&&a.length&&(e=a[0],/^image\/\w+$/.test(e.type)?(u=p.createObjectURL(e),i.one("built.cropper",function(){p.revokeObjectURL(u)}).cropper("reset").cropper("replace",u),m.val("")):window.alert("Please choose an image file."))}):m.prop("disabled",!0).parent().addClass("disabled")}}function init_knob(){if(void 0!==$.fn.knob){console.log("init_knob"),$(".knob").knob({change:function(e){},release:function(e){console.log("release : "+e)},cancel:function(){console.log("cancel : ",this)},draw:function(){if("tron"==this.$.data("skin")){this.cursorExt=.3;var e,a=this.arc(this.cv);return this.g.lineWidth=this.lineWidth,this.o.displayPrevious&&(e=this.arc(this.v),this.g.beginPath(),this.g.strokeStyle=this.pColor,this.g.arc(this.xy,this.xy,this.radius-this.lineWidth,e.s,e.e,e.d),this.g.stroke()),this.g.beginPath(),this.g.strokeStyle=this.o.fgColor,this.g.arc(this.xy,this.xy,this.radius-this.lineWidth,a.s,a.e,a.d),this.g.stroke(),this.g.lineWidth=2,this.g.beginPath(),this.g.strokeStyle=this.o.fgColor,this.g.arc(this.xy,this.xy,this.radius-this.lineWidth+1+2*this.lineWidth/3,0,2*Math.PI,!1),this.g.stroke(),!1}}});var e,a=0,t=0,o=0,n=$("div.idir"),i=$("div.ival");$("input.infinite").knob({min:0,max:20,stopper:!1,change:function(){e>this.cv?a?(o--,n.show().html("-").fadeOut(),i.html(o),a=0):(a=1,t=0):e<this.cv&&(t?(o++,n.show().html("+").fadeOut(),i.html(o),t=0):(t=1,a=0)),e=this.cv}})}}function init_InputMask(){void 0!==$.fn.inputmask&&(console.log("init_InputMask"),$(":input").inputmask())}function init_ColorPicker(){void 0!==$.fn.colorpicker&&(console.log("init_ColorPicker"),$(".demo1").colorpicker(),$(".demo2").colorpicker(),$("#demo_forceformat").colorpicker({format:"rgba",horizontal:!0}),$("#demo_forceformat3").colorpicker({format:"rgba"}),$(".demo-auto").colorpicker())}function init_IonRangeSlider(){void 0!==$.fn.ionRangeSlider&&(console.log("init_IonRangeSlider"),$("#range_27").ionRangeSlider({type:"double",min:1e6,max:2e6,grid:!0,force_edges:!0}),$("#range").ionRangeSlider({hide_min_max:!0,keyboard:!0,min:0,max:5e3,from:1e3,to:4e3,type:"double",step:1,prefix:"$",grid:!0}),$("#range_25").ionRangeSlider({type:"double",min:1e6,max:2e6,grid:!0}),$("#range_26").ionRangeSlider({type:"double",min:0,max:1e4,step:500,grid:!0,grid_snap:!0}),$("#range_31").ionRangeSlider({type:"double",min:0,max:100,from:30,to:70,from_fixed:!0}),$(".range_min_max").ionRangeSlider({type:"double",min:0,max:100,from:30,to:70,max_interval:50}),$(".range_time24").ionRangeSlider({min:+moment().subtract(12,"hours").format("X"),max:+moment().format("X"),from:+moment().subtract(6,"hours").format("X"),grid:!0,force_edges:!0,prettify:function(e){return moment(e,"X").format("Do MMMM, HH:mm")}}))}function init_daterangepicker(){if(void 0!==$.fn.daterangepicker){console.log("init_daterangepicker");function e(e,a,t){console.log(e.toISOString(),a.toISOString(),t),$("#reportrange span").html(e.format("MMMM D, YYYY")+" - "+a.format("MMMM D, YYYY"))}var a={startDate:moment().subtract(29,"days"),endDate:moment(),minDate:"01/01/2012",maxDate:"12/31/2015",dateLimit:{days:60},showDropdowns:!0,showWeekNumbers:!0,timePicker:!1,timePickerIncrement:1,timePicker12Hour:!0,ranges:{Today:[moment(),moment()],Yesterday:[moment().subtract(1,"days"),moment().subtract(1,"days")],"Last 7 Days":[moment().subtract(6,"days"),moment()],"Last 30 Days":[moment().subtract(29,"days"),moment()],"This Month":[moment().startOf("month"),moment().endOf("month")],"Last Month":[moment().subtract(1,"month").startOf("month"),moment().subtract(1,"month").endOf("month")]},opens:"left",buttonClasses:["btn btn-default"],applyClass:"btn-small btn-primary",cancelClass:"btn-small",format:"MM/DD/YYYY",separator:" to ",locale:{applyLabel:"Submit",cancelLabel:"Clear",fromLabel:"From",toLabel:"To",customRangeLabel:"Custom",daysOfWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],firstDay:1}};$("#reportrange span").html(moment().subtract(29,"days").format("MMMM D, YYYY")+" - "+moment().format("MMMM D, YYYY")),$("#reportrange").daterangepicker(a,e),$("#reportrange").on("show.daterangepicker",function(){console.log("show event fired")}),$("#reportrange").on("hide.daterangepicker",function(){console.log("hide event fired")}),$("#reportrange").on("apply.daterangepicker",function(e,a){console.log("apply event fired, start/end dates are "+a.startDate.format("MMMM D, YYYY")+" to "+a.endDate.format("MMMM D, YYYY"))}),$("#reportrange").on("cancel.daterangepicker",function(e,a){console.log("cancel event fired")}),$("#options1").click(function(){$("#reportrange").data("daterangepicker").setOptions(a,e)}),$("#options2").click(function(){$("#reportrange").data("daterangepicker").setOptions(optionSet2,e)}),$("#destroy").click(function(){$("#reportrange").data("daterangepicker").remove()})}}function init_daterangepicker_right(){if(void 0!==$.fn.daterangepicker){console.log("init_daterangepicker_right");function e(e,a,t){console.log(e.toISOString(),a.toISOString(),t),$("#reportrange_right span").html(e.format("MMMM D, YYYY")+" - "+a.format("MMMM D, YYYY"))}var a={startDate:moment().subtract(29,"days"),endDate:moment(),minDate:"01/01/2012",maxDate:"12/31/2020",dateLimit:{days:60},showDropdowns:!0,showWeekNumbers:!0,timePicker:!1,timePickerIncrement:1,timePicker12Hour:!0,ranges:{Today:[moment(),moment()],Yesterday:[moment().subtract(1,"days"),moment().subtract(1,"days")],"Last 7 Days":[moment().subtract(6,"days"),moment()],"Last 30 Days":[moment().subtract(29,"days"),moment()],"This Month":[moment().startOf("month"),moment().endOf("month")],"Last Month":[moment().subtract(1,"month").startOf("month"),moment().subtract(1,"month").endOf("month")]},opens:"right",buttonClasses:["btn btn-default"],applyClass:"btn-small btn-primary",cancelClass:"btn-small",format:"MM/DD/YYYY",separator:" to ",locale:{applyLabel:"Submit",cancelLabel:"Clear",fromLabel:"From",toLabel:"To",customRangeLabel:"Custom",daysOfWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],firstDay:1}};$("#reportrange_right span").html(moment().subtract(29,"days").format("MMMM D, YYYY")+" - "+moment().format("MMMM D, YYYY")),$("#reportrange_right").daterangepicker(a,e),$("#reportrange_right").on("show.daterangepicker",function(){console.log("show event fired")}),$("#reportrange_right").on("hide.daterangepicker",function(){console.log("hide event fired")}),$("#reportrange_right").on("apply.daterangepicker",function(e,a){console.log("apply event fired, start/end dates are "+a.startDate.format("MMMM D, YYYY")+" to "+a.endDate.format("MMMM D, YYYY"))}),$("#reportrange_right").on("cancel.daterangepicker",function(e,a){console.log("cancel event fired")}),$("#options1").click(function(){$("#reportrange_right").data("daterangepicker").setOptions(a,e)}),$("#options2").click(function(){$("#reportrange_right").data("daterangepicker").setOptions(optionSet2,e)}),$("#destroy").click(function(){$("#reportrange_right").data("daterangepicker").remove()})}}function init_daterangepicker_single_call(){void 0!==$.fn.daterangepicker&&(console.log("init_daterangepicker_single_call"),$("#single_cal1").daterangepicker({singleDatePicker:!0,singleClasses:"picker_1"},function(e,a,t){console.log(e.toISOString(),a.toISOString(),t)}),$("#single_cal2").daterangepicker({singleDatePicker:!0,singleClasses:"picker_2"},function(e,a,t){console.log(e.toISOString(),a.toISOString(),t)}),$("#single_cal3").daterangepicker({singleDatePicker:!0,singleClasses:"picker_3"},function(e,a,t){console.log(e.toISOString(),a.toISOString(),t)}),$("#single_cal4").daterangepicker({singleDatePicker:!0,singleClasses:"picker_4"},function(e,a,t){console.log(e.toISOString(),a.toISOString(),t)}))}function init_daterangepicker_reservation(){void 0!==$.fn.daterangepicker&&(console.log("init_daterangepicker_reservation"),$("#reservation").daterangepicker(null,function(e,a,t){console.log(e.toISOString(),a.toISOString(),t)}),$("#reservation-time").daterangepicker({timePicker:!0,timePickerIncrement:30,locale:{format:"MM/DD/YYYY h:mm A"}}))}function init_SmartWizard(){void 0!==$.fn.smartWizard&&(console.log("init_SmartWizard"),$("#wizard").smartWizard(),$("#wizard_verticle").smartWizard({transitionEffect:"slide"}),$(".buttonNext").addClass("btn btn-success"),$(".buttonPrevious").addClass("btn btn-primary"),$(".buttonFinish").addClass("btn btn-default"))}function init_validator(){"undefined"!=typeof validator&&(console.log("init_validator"),validator.message.date="not a real date",$("form").on("blur","input[required], input.optional, select.required",validator.checkField).on("change","select.required",validator.checkField).on("keypress","input[required][pattern]",validator.keypress),$(".multi.required").on("keyup blur","input",function(){validator.checkField.apply($(this).siblings().last()[0])}),$("form").submit(function(e){e.preventDefault();var a=!0;return validator.checkAll($(this))||(a=!1),a&&this.submit(),!1}))}function init_PNotify(){"undefined"!=typeof PNotify&&console.log("init_PNotify")}function init_CustomNotification(){if(console.log("run_customtabs"),"undefined"!=typeof CustomTabs){console.log("init_CustomTabs");var t=10;TabbedNotification=function(e){var a="<div id='ntf"+t+"' class='text alert-"+e.type+"' style='display:none'><h2><i class='fa fa-bell'></i> "+e.title+"</h2><div class='close'><a href='javascript:;' class='notification_close'><i class='fa fa-close'></i></a></div><p>"+e.text+"</p></div>";document.getElementById("custom_notifications")?($("#custom_notifications ul.notifications").append("<li><a id='ntlink"+t+"' class='alert-"+e.type+"' href='#ntf"+t+"'><i class='fa fa-bell animated shake'></i></a></li>"),$("#custom_notifications #notif-group").append(a),t++,CustomTabs(e)):alert("doesnt exists")},CustomTabs=function(e){$(".tabbed_notifications > div").hide(),$(".tabbed_notifications > div:first-of-type").show(),$("#custom_notifications").removeClass("dsp_none"),$(".notifications a").click(function(e){e.preventDefault();var a=$(this),t="#"+a.parents(".notifications").data("tabbed_notifications"),o=a.closest("li").siblings().children("a"),n=a.attr("href");o.removeClass("active"),a.addClass("active"),$(t).children("div").hide(),$(n).show()})},CustomTabs();var a=idname="";$(document).on("click",".notification_close",function(e){idname=$(this).parent().parent().attr("id"),a=idname.substr(-2),$("#ntf"+a).remove(),$("#ntlink"+a).parent().remove(),$(".notifications a").first().addClass("active"),$("#notif-group div").first().css("display","block")})}}function init_EasyPieChart(){if(void 0!==$.fn.easyPieChart){console.log("init_EasyPieChart"),$(".chart").easyPieChart({easing:"easeOutElastic",delay:3e3,barColor:"#26B99A",trackColor:"#fff",scaleColor:!1,lineWidth:20,trackWidth:16,lineCap:"butt",onStep:function(e,a,t){$(this.el).find(".percent").text(Math.round(t))}});var e=window.chart=$(".chart").data("easyPieChart");$(".js_update").on("click",function(){e.update(200*Math.random()-100)});var n=$.fn.popover.Constructor.prototype.leave;$.fn.popover.Constructor.prototype.leave=function(e){var a,t,o=e instanceof this.constructor?e:$(e.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);n.call(this,e),e.currentTarget&&(a=$(e.currentTarget).siblings(".popover"),t=o.timeout,a.one("mouseenter",function(){clearTimeout(t),a.one("mouseleave",function(){$.fn.popover.Constructor.prototype.leave.call(o,o)})}))},$("body").popover({selector:"[data-popover]",trigger:"click hover",delay:{show:50,hide:400}})}}function init_charts(){if(console.log("run_charts typeof ["+typeof Chart+"]"),"undefined"!=typeof Chart){if(console.log("init_charts"),Chart.defaults.global.legend={enabled:!1},$("#canvas_line").length)new Chart(document.getElementById("canvas_line"),{type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{label:"My First dataset",backgroundColor:"rgba(38, 185, 154, 0.31)",borderColor:"rgba(38, 185, 154, 0.7)",pointBorderColor:"rgba(38, 185, 154, 0.7)",pointBackgroundColor:"rgba(38, 185, 154, 0.7)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",pointBorderWidth:1,data:[31,74,6,39,20,85,7]},{label:"My Second dataset",backgroundColor:"rgba(3, 88, 106, 0.3)",borderColor:"rgba(3, 88, 106, 0.70)",pointBorderColor:"rgba(3, 88, 106, 0.70)",pointBackgroundColor:"rgba(3, 88, 106, 0.70)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",pointBorderWidth:1,data:[82,23,66,9,99,4,2]}]}});if($("#canvas_line1").length)new Chart(document.getElementById("canvas_line1"),{type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{label:"My First dataset",backgroundColor:"rgba(38, 185, 154, 0.31)",borderColor:"rgba(38, 185, 154, 0.7)",pointBorderColor:"rgba(38, 185, 154, 0.7)",pointBackgroundColor:"rgba(38, 185, 154, 0.7)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",pointBorderWidth:1,data:[31,74,6,39,20,85,7]},{label:"My Second dataset",backgroundColor:"rgba(3, 88, 106, 0.3)",borderColor:"rgba(3, 88, 106, 0.70)",pointBorderColor:"rgba(3, 88, 106, 0.70)",pointBackgroundColor:"rgba(3, 88, 106, 0.70)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",pointBorderWidth:1,data:[82,23,66,9,99,4,2]}]}});if($("#canvas_line2").length)new Chart(document.getElementById("canvas_line2"),{type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{label:"My First dataset",backgroundColor:"rgba(38, 185, 154, 0.31)",borderColor:"rgba(38, 185, 154, 0.7)",pointBorderColor:"rgba(38, 185, 154, 0.7)",pointBackgroundColor:"rgba(38, 185, 154, 0.7)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",pointBorderWidth:1,data:[31,74,6,39,20,85,7]},{label:"My Second dataset",backgroundColor:"rgba(3, 88, 106, 0.3)",borderColor:"rgba(3, 88, 106, 0.70)",pointBorderColor:"rgba(3, 88, 106, 0.70)",pointBackgroundColor:"rgba(3, 88, 106, 0.70)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",pointBorderWidth:1,data:[82,23,66,9,99,4,2]}]}});if($("#canvas_line3").length)new Chart(document.getElementById("canvas_line3"),{type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{label:"My First dataset",backgroundColor:"rgba(38, 185, 154, 0.31)",borderColor:"rgba(38, 185, 154, 0.7)",pointBorderColor:"rgba(38, 185, 154, 0.7)",pointBackgroundColor:"rgba(38, 185, 154, 0.7)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",pointBorderWidth:1,data:[31,74,6,39,20,85,7]},{label:"My Second dataset",backgroundColor:"rgba(3, 88, 106, 0.3)",borderColor:"rgba(3, 88, 106, 0.70)",pointBorderColor:"rgba(3, 88, 106, 0.70)",pointBackgroundColor:"rgba(3, 88, 106, 0.70)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",pointBorderWidth:1,data:[82,23,66,9,99,4,2]}]}});if($("#canvas_line4").length)new Chart(document.getElementById("canvas_line4"),{type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{label:"My First dataset",backgroundColor:"rgba(38, 185, 154, 0.31)",borderColor:"rgba(38, 185, 154, 0.7)",pointBorderColor:"rgba(38, 185, 154, 0.7)",pointBackgroundColor:"rgba(38, 185, 154, 0.7)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",pointBorderWidth:1,data:[31,74,6,39,20,85,7]},{label:"My Second dataset",backgroundColor:"rgba(3, 88, 106, 0.3)",borderColor:"rgba(3, 88, 106, 0.70)",pointBorderColor:"rgba(3, 88, 106, 0.70)",pointBackgroundColor:"rgba(3, 88, 106, 0.70)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",pointBorderWidth:1,data:[82,23,66,9,99,4,2]}]}});if($("#lineChart").length){var e=document.getElementById("lineChart");new Chart(e,{type:"line",data:{labels:["January","February","March","April","May","June","July"],datasets:[{label:"My First dataset",backgroundColor:"rgba(38, 185, 154, 0.31)",borderColor:"rgba(38, 185, 154, 0.7)",pointBorderColor:"rgba(38, 185, 154, 0.7)",pointBackgroundColor:"rgba(38, 185, 154, 0.7)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",pointBorderWidth:1,data:[31,74,6,39,20,85,7]},{label:"My Second dataset",backgroundColor:"rgba(3, 88, 106, 0.3)",borderColor:"rgba(3, 88, 106, 0.70)",pointBorderColor:"rgba(3, 88, 106, 0.70)",pointBackgroundColor:"rgba(3, 88, 106, 0.70)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",pointBorderWidth:1,data:[82,23,66,9,99,4,2]}]}})}if($("#mybarChart").length)e=document.getElementById("mybarChart"),new Chart(e,{type:"bar",data:{labels:["January","February","March","April","May","June","July"],datasets:[{label:"# of Votes",backgroundColor:"#26B99A",data:[51,30,40,28,92,50,45]},{label:"# of Votes",backgroundColor:"#03586A",data:[41,56,25,48,72,34,12]}]},options:{scales:{yAxes:[{ticks:{beginAtZero:!0}}]}}});if($("#canvasDoughnut").length){e=document.getElementById("canvasDoughnut");var a={labels:["Dark Grey","Purple Color","Gray Color","Green Color","Blue Color"],datasets:[{data:[120,50,140,180,100],backgroundColor:["#455C73","#9B59B6","#BDC3C7","#26B99A","#3498DB"],hoverBackgroundColor:["#34495E","#B370CF","#CFD4D8","#36CAAB","#49A9EA"]}]};new Chart(e,{type:"doughnut",tooltipFillColor:"rgba(51, 51, 51, 0.55)",data:a})}if($("#canvasRadar").length)e=document.getElementById("canvasRadar"),a={labels:["Eating","Drinking","Sleeping","Designing","Coding","Cycling","Running"],datasets:[{label:"My First dataset",backgroundColor:"rgba(3, 88, 106, 0.2)",borderColor:"rgba(3, 88, 106, 0.80)",pointBorderColor:"rgba(3, 88, 106, 0.80)",pointBackgroundColor:"rgba(3, 88, 106, 0.80)",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",data:[65,59,90,81,56,55,40]},{label:"My Second dataset",backgroundColor:"rgba(38, 185, 154, 0.2)",borderColor:"rgba(38, 185, 154, 0.85)",pointColor:"rgba(38, 185, 154, 0.85)",pointStrokeColor:"#fff",pointHighlightFill:"#fff",pointHighlightStroke:"rgba(151,187,205,1)",data:[28,48,40,19,96,27,100]}]},new Chart(e,{type:"radar",data:a});if($("#pieChart").length)e=document.getElementById("pieChart"),a={datasets:[{data:[120,50,140,180,100],backgroundColor:["#455C73","#9B59B6","#BDC3C7","#26B99A","#3498DB"],label:"My dataset"}],labels:["Dark Gray","Purple","Gray","Green","Blue"]},new Chart(e,{data:a,type:"pie",otpions:{legend:!1}});if($("#polarArea").length)e=document.getElementById("polarArea"),a={datasets:[{data:[120,50,140,180,100],backgroundColor:["#455C73","#9B59B6","#BDC3C7","#26B99A","#3498DB"],label:"My dataset"}],labels:["Dark Gray","Purple","Gray","Green","Blue"]},new Chart(e,{data:a,type:"polarArea",options:{scale:{ticks:{beginAtZero:!0}}}})}}function init_compose(){void 0!==$.fn.slideToggle&&(console.log("init_compose"),$("#compose, .compose-close").click(function(){$(".compose").slideToggle()}))}function init_calendar(){if(void 0!==$.fn.fullCalendar){console.log("init_calendar");var o,e=new Date,a=e.getDate(),t=e.getMonth(),n=e.getFullYear(),i=$("#calendar").fullCalendar({header:{left:"prev,next today",center:"title",right:"month,agendaWeek,agendaDay,listMonth"},selectable:!0,selectHelper:!0,select:function(e,a,t){$("#fc_create").click(),o=e,ended=a,$(".antosubmit").on("click",function(){var e=$("#title").val();return a&&(ended=a),$("#event_type").val(),e&&i.fullCalendar("renderEvent",{title:e,start:o,end:a,allDay:t},!0),$("#title").val(""),i.fullCalendar("unselect"),$(".antoclose").click(),!1})},eventClick:function(e,a,t){$("#fc_edit").click(),$("#title2").val(e.title),$("#event_type").val(),$(".antosubmit2").on("click",function(){e.title=$("#title2").val(),i.fullCalendar("updateEvent",e),$(".antoclose2").click()}),i.fullCalendar("unselect")},editable:!0,events:[{title:"All Day Event",start:new Date(n,t,1)},{title:"Long Event",start:new Date(n,t,a-5),end:new Date(n,t,a-2)},{title:"Meeting",start:new Date(n,t,a,10,30),allDay:!1},{title:"Lunch",start:new Date(n,t,a+14,12,0),end:new Date(n,t,a,14,0),allDay:!1},{title:"Birthday Party",start:new Date(n,t,a+1,19,0),end:new Date(n,t,a+1,22,30),allDay:!1},{title:"Click for Google",start:new Date(n,t,28),end:new Date(n,t,29),url:"http://google.com/"}]})}}function init_DataTables(){if(console.log("run_datatables"),void 0!==$.fn.DataTable){console.log("init_DataTables");TableManageButtons=function(){"use strict";return{init:function(){$("#datatable-buttons").length&&$("#datatable-buttons").DataTable({dom:"Blfrtip",buttons:[{extend:"copy",className:"btn-sm"},{extend:"csv",className:"btn-sm"},{extend:"excel",className:"btn-sm"},{extend:"pdfHtml5",className:"btn-sm"},{extend:"print",className:"btn-sm"}],responsive:!0})}}}(),$("#datatable").dataTable(),$("#datatable-keytable").DataTable({keys:!0}),$("#datatable-responsive").DataTable(),$("#datatable-scroller").DataTable({ajax:"js/datatables/json/scroller-demo.json",deferRender:!0,scrollY:380,scrollCollapse:!0,scroller:!0}),$("#datatable-fixed-header").DataTable({fixedHeader:!0});var e=$("#datatable-checkbox");e.dataTable({order:[[1,"asc"]],columnDefs:[{orderable:!1,targets:[0]}]}),e.on("draw.dt",function(){$("checkbox input").iCheck({checkboxClass:"icheckbox_flat-green"})}),TableManageButtons.init()}}function init_morris_charts(){"undefined"!=typeof Morris&&(console.log("init_morris_charts"),$("#graph_bar").length&&Morris.Bar({element:"graph_bar",data:[{device:"iPhone 4",geekbench:380},{device:"iPhone 4S",geekbench:655},{device:"iPhone 3GS",geekbench:275},{device:"iPhone 5",geekbench:1571},{device:"iPhone 5S",geekbench:655},{device:"iPhone 6",geekbench:2154},{device:"iPhone 6 Plus",geekbench:1144},{device:"iPhone 6S",geekbench:2371},{device:"iPhone 6S Plus",geekbench:1471},{device:"Other",geekbench:1371}],xkey:"device",ykeys:["geekbench"],labels:["Geekbench"],barRatio:.4,barColors:["#26B99A","#34495E","#ACADAC","#3498DB"],xLabelAngle:35,hideHover:"auto",resize:!0}),$("#graph_bar_group").length&&Morris.Bar({element:"graph_bar_group",data:[{period:"2016-10-01",licensed:807,sorned:660},{period:"2016-09-30",licensed:1251,sorned:729},{period:"2016-09-29",licensed:1769,sorned:1018},{period:"2016-09-20",licensed:2246,sorned:1461},{period:"2016-09-19",licensed:2657,sorned:1967},{period:"2016-09-18",licensed:3148,sorned:2627},{period:"2016-09-17",licensed:3471,sorned:3740},{period:"2016-09-16",licensed:2871,sorned:2216},{period:"2016-09-15",licensed:2401,sorned:1656},{period:"2016-09-10",licensed:2115,sorned:1022}],xkey:"period",barColors:["#26B99A","#34495E","#ACADAC","#3498DB"],ykeys:["licensed","sorned"],labels:["Licensed","SORN"],hideHover:"auto",xLabelAngle:60,resize:!0}),$("#graphx").length&&Morris.Bar({element:"graphx",data:[{x:"2015 Q1",y:2,z:3,a:4},{x:"2015 Q2",y:3,z:5,a:6},{x:"2015 Q3",y:4,z:3,a:2},{x:"2015 Q4",y:2,z:4,a:5}],xkey:"x",ykeys:["y","z","a"],barColors:["#26B99A","#34495E","#ACADAC","#3498DB"],hideHover:"auto",labels:["Y","Z","A"],resize:!0}).on("click",function(e,a){console.log(e,a)}),$("#graph_area").length&&Morris.Area({element:"graph_area",data:[{period:"2014 Q1",iphone:2666,ipad:null,itouch:2647},{period:"2014 Q2",iphone:2778,ipad:2294,itouch:2441},{period:"2014 Q3",iphone:4912,ipad:1969,itouch:2501},{period:"2014 Q4",iphone:3767,ipad:3597,itouch:5689},{period:"2015 Q1",iphone:6810,ipad:1914,itouch:2293},{period:"2015 Q2",iphone:5670,ipad:4293,itouch:1881},{period:"2015 Q3",iphone:4820,ipad:3795,itouch:1588},{period:"2015 Q4",iphone:15073,ipad:5967,itouch:5175},{period:"2016 Q1",iphone:10687,ipad:4460,itouch:2028},{period:"2016 Q2",iphone:8432,ipad:5713,itouch:1791}],xkey:"period",ykeys:["iphone","ipad","itouch"],lineColors:["#26B99A","#34495E","#ACADAC","#3498DB"],labels:["iPhone","iPad","iPod Touch"],pointSize:2,hideHover:"auto",resize:!0}),$("#graph_donut").length&&Morris.Donut({element:"graph_donut",data:[{label:"Jam",value:25},{label:"Frosted",value:40},{label:"Custard",value:25},{label:"Sugar",value:10}],colors:["#26B99A","#34495E","#ACADAC","#3498DB"],formatter:function(e){return e+"%"},resize:!0}),$("#graph_line").length&&(Morris.Line({element:"graph_line",xkey:"year",ykeys:["value"],labels:["Value"],hideHover:"auto",lineColors:["#26B99A","#34495E","#ACADAC","#3498DB"],data:[{year:"2012",value:20},{year:"2013",value:10},{year:"2014",value:5},{year:"2015",value:5},{year:"2016",value:20}],resize:!0}),$MENU_TOGGLE.on("click",function(){$(window).resize()})))}function init_echarts(){if("undefined"!=typeof echarts){console.log("init_echarts");var e={color:["#26B99A","#34495E","#BDC3C7","#3498DB","#9B59B6","#8abb6f","#759c6a","#bfd3b7"],title:{itemGap:8,textStyle:{fontWeight:"normal",color:"#408829"}},dataRange:{color:["#1f610a","#97b58d"]},toolbox:{color:["#408829","#408829","#408829","#408829"]},tooltip:{backgroundColor:"rgba(0,0,0,0.5)",axisPointer:{type:"line",lineStyle:{color:"#408829",type:"dashed"},crossStyle:{color:"#408829"},shadowStyle:{color:"rgba(200,200,200,0.3)"}}},dataZoom:{dataBackgroundColor:"#eee",fillerColor:"rgba(64,136,41,0.2)",handleColor:"#408829"},grid:{borderWidth:0},categoryAxis:{axisLine:{lineStyle:{color:"#408829"}},splitLine:{lineStyle:{color:["#eee"]}}},valueAxis:{axisLine:{lineStyle:{color:"#408829"}},splitArea:{show:!0,areaStyle:{color:["rgba(250,250,250,0.1)","rgba(200,200,200,0.1)"]}},splitLine:{lineStyle:{color:["#eee"]}}},timeline:{lineStyle:{color:"#408829"},controlStyle:{normal:{color:"#408829"},emphasis:{color:"#408829"}}},k:{itemStyle:{normal:{color:"#68a54a",color0:"#a9cba2",lineStyle:{width:1,color:"#408829",color0:"#86b379"}}}},map:{itemStyle:{normal:{areaStyle:{color:"#ddd"},label:{textStyle:{color:"#c12e34"}}},emphasis:{areaStyle:{color:"#99d2dd"},label:{textStyle:{color:"#c12e34"}}}}},force:{itemStyle:{normal:{linkStyle:{strokeColor:"#408829"}}}},chord:{padding:4,itemStyle:{normal:{lineStyle:{width:1,color:"rgba(128, 128, 128, 0.5)"},chordStyle:{lineStyle:{width:1,color:"rgba(128, 128, 128, 0.5)"}}},emphasis:{lineStyle:{width:1,color:"rgba(128, 128, 128, 0.5)"},chordStyle:{lineStyle:{width:1,color:"rgba(128, 128, 128, 0.5)"}}}}},gauge:{startAngle:225,endAngle:-45,axisLine:{show:!0,lineStyle:{color:[[.2,"#86b379"],[.8,"#68a54a"],[1,"#408829"]],width:8}},axisTick:{splitNumber:10,length:12,lineStyle:{color:"auto"}},axisLabel:{textStyle:{color:"auto"}},splitLine:{length:18,lineStyle:{color:"auto"}},pointer:{length:"90%",color:"auto"},title:{textStyle:{color:"#333"}},detail:{textStyle:{color:"auto"}}},textStyle:{fontFamily:"Arial, Verdana, sans-serif"}};if($("#mainb").length)echarts.init(document.getElementById("mainb"),e).setOption({title:{text:"Graph title",subtext:"Graph Sub-text"},tooltip:{trigger:"axis"},legend:{data:["sales","purchases"]},toolbox:{show:!1},calculable:!1,xAxis:[{type:"category",data:["1?","2?","3?","4?","5?","6?","7?","8?","9?","10?","11?","12?"]}],yAxis:[{type:"value"}],series:[{name:"sales",type:"bar",data:[2,4.9,7,23.2,25.6,76.7,135.6,162.2,32.6,20,6.4,3.3],markPoint:{data:[{type:"max",name:"???"},{type:"min",name:"???"}]},markLine:{data:[{type:"average",name:"???"}]}},{name:"purchases",type:"bar",data:[2.6,5.9,9,26.4,28.7,70.7,175.6,182.2,48.7,18.8,6,2.3],markPoint:{data:[{name:"sales",value:182.2,xAxis:7,yAxis:183},{name:"purchases",value:2.3,xAxis:11,yAxis:3}]},markLine:{data:[{type:"average",name:"???"}]}}]});if($("#echart_sonar").length)echarts.init(document.getElementById("echart_sonar"),e).setOption({title:{text:"Budget vs spending",subtext:"Subtitle"},tooltip:{trigger:"item"},legend:{orient:"vertical",x:"right",y:"bottom",data:["Allocated Budget","Actual Spending"]},toolbox:{show:!0,feature:{restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},polar:[{indicator:[{text:"Sales",max:6e3},{text:"Administration",max:16e3},{text:"Information Techology",max:3e4},{text:"Customer Support",max:38e3},{text:"Development",max:52e3},{text:"Marketing",max:25e3}]}],calculable:!0,series:[{name:"Budget vs spending",type:"radar",data:[{value:[4300,1e4,28e3,35e3,5e4,19e3],name:"Allocated Budget"},{value:[5e3,14e3,28e3,31e3,42e3,21e3],name:"Actual Spending"}]}]});if($("#echart_pyramid").length)echarts.init(document.getElementById("echart_pyramid"),e).setOption({title:{text:"Echart Pyramid Graph",subtext:"Subtitle"},tooltip:{trigger:"item",formatter:"{
a} <br/>{
b} : {
c}%"},toolbox:{show:!0,feature:{restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},legend:{data:["Something #1","Something #2","Something #3","Something #4","Something #5"],orient:"vertical",x:"left",y:"bottom"},calculable:!0,series:[{name:"漏斗图",type:"funnel",width:"40%",data:[{value:60,name:"Something #1"},{value:40,name:"Something #2"},{value:20,name:"Something #3"},{value:80,name:"Something #4"},{value:100,name:"Something #5"}]}]});if($("#echart_gauge").length)echarts.init(document.getElementById("echart_gauge"),e).setOption({tooltip:{formatter:"{
a} <br/>{
b} : {
c}%"},toolbox:{show:!0,feature:{restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},series:[{name:"Performance",type:"gauge",center:["50%","50%"],startAngle:140,endAngle:-140,min:0,max:100,precision:0,splitNumber:10,axisLine:{show:!0,lineStyle:{color:[[.2,"lightgreen"],[.4,"orange"],[.8,"skyblue"],[1,"#ff4500"]],width:30}},axisTick:{show:!0,splitNumber:5,length:8,lineStyle:{color:"#eee",width:1,type:"solid"}},axisLabel:{show:!0,formatter:function(e){switch(e+""){case"10":return"a";case"30":return"b";case"60":return"c";case"90":return"d";default:return""}},textStyle:{color:"#333"}},splitLine:{show:!0,length:30,lineStyle:{color:"#eee",width:2,type:"solid"}},pointer:{length:"80%",width:8,color:"auto"},title:{show:!0,offsetCenter:["-65%",-10],textStyle:{color:"#333",fontSize:15}},detail:{show:!0,backgroundColor:"rgba(0,0,0,0)",borderWidth:0,borderColor:"#ccc",width:100,height:40,offsetCenter:["-60%",10],formatter:"{
value}%",textStyle:{color:"auto",fontSize:30}},data:[{value:50,name:"Performance"}]}]});if($("#echart_line").length)echarts.init(document.getElementById("echart_line"),e).setOption({title:{text:"Line Graph",subtext:"Subtitle"},tooltip:{trigger:"axis"},legend:{x:220,y:40,data:["Intent","Pre-order","Deal"]},toolbox:{show:!0,feature:{magicType:{show:!0,title:{line:"Line",bar:"Bar",stack:"Stack",tiled:"Tiled"},type:["line","bar","stack","tiled"]},restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},calculable:!0,xAxis:[{type:"category",boundaryGap:!1,data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],yAxis:[{type:"value"}],series:[{name:"Deal",type:"line",smooth:!0,itemStyle:{normal:{areaStyle:{type:"default"}}},data:[10,12,21,54,260,830,710]},{name:"Pre-order",type:"line",smooth:!0,itemStyle:{normal:{areaStyle:{type:"default"}}},data:[30,182,434,791,390,30,10]},{name:"Intent",type:"line",smooth:!0,itemStyle:{normal:{areaStyle:{type:"default"}}},data:[1320,1132,601,234,120,90,20]}]});if($("#echart_scatter").length)echarts.init(document.getElementById("echart_scatter"),e).setOption({title:{text:"Scatter Graph",subtext:"Heinz 2003"},tooltip:{trigger:"axis",showDelay:0,axisPointer:{type:"cross",lineStyle:{type:"dashed",width:1}}},legend:{data:["Data2","Data1"]},toolbox:{show:!0,feature:{saveAsImage:{show:!0,title:"Save Image"}}},xAxis:[{type:"value",scale:!0,axisLabel:{formatter:"{
value} cm"}}],yAxis:[{type:"value",scale:!0,axisLabel:{formatter:"{
value} kg"}}],series:[{name:"Data1",type:"scatter",tooltip:{trigger:"item",formatter:function(e){return 1<e.value.length?e.seriesName+" :<br/>"+e.value[0]+"cm "+e.value[1]+"kg ":e.seriesName+" :<br/>"+e.name+" : "+e.value+"kg "}},data:[[161.2,51.6],[167.5,59],[159.5,49.2],[157,63],[155.8,53.6],[170,59],[159.1,47.6],[166,69.8],[176.2,66.8],[160.2,75.2],[172.5,55.2],[170.9,54.2],[172.9,62.5],[153.4,42],[160,50],[147.2,49.8],[168.2,49.2],[175,73.2],[157,47.8],[167.6,68.8],[159.5,50.6],[175,82.5],[166.8,57.2],[176.5,87.8],[170.2,72.8],[174,54.5],[173,59.8],[179.9,67.3],[170.5,67.8],[160,47],[154.4,46.2],[162,55],[176.5,83],[160,54.4],[152,45.8],[162.1,53.6],[170,73.2],[160.2,52.1],[161.3,67.9],[166.4,56.6],[168.9,62.3],[163.8,58.5],[167.6,54.5],[160,50.2],[161.3,60.3],[167.6,58.3],[165.1,56.2],[160,50.2],[170,72.9],[157.5,59.8],[167.6,61],[160.7,69.1],[163.2,55.9],[152.4,46.5],[157.5,54.3],[168.3,54.8],[180.3,60.7],[165.5,60],[165,62],[164.5,60.3],[156,52.7],[160,74.3],[163,62],[165.7,73.1],[161,80],[162,54.7],[166,53.2],[174,75.7],[172.7,61.1],[167.6,55.7],[151.1,48.7],[164.5,52.3],[163.5,50],[152,59.3],[169,62.5],[164,55.7],[161.2,54.8],[155,45.9],[170,70.6],[176.2,67.2],[170,69.4],[162.5,58.2],[170.3,64.8],[164.1,71.6],[169.5,52.8],[163.2,59.8],[154.5,49],[159.8,50],[173.2,69.2],[170,55.9],[161.4,63.4],[169,58.2],[166.2,58.6],[159.4,45.7],[162.5,52.2],[159,48.6],[162.8,57.8],[159,55.6],[179.8,66.8],[162.9,59.4],[161,53.6],[151.1,73.2],[168.2,53.4],[168.9,69],[173.2,58.4],[171.8,56.2],[178,70.6],[164.3,59.8],[163,72],[168.5,65.2],[166.8,56.6],[172.7,105.2],[163.5,51.8],[169.4,63.4],[167.8,59],[159.5,47.6],[167.6,63],[161.2,55.2],[160,45],[163.2,54],[162.2,50.2],[161.3,60.2],[149.5,44.8],[157.5,58.8],[163.2,56.4],[172.7,62],[155,49.2],[156.5,67.2],[164,53.8],[160.9,54.4],[162.8,58],[167,59.8],[160,54.8],[160,43.2],[168.9,60.5],[158.2,46.4],[156,64.4],[160,48.8],[167.1,62.2],[158,55.5],[167.6,57.8],[156,54.6],[162.1,59.2],[173.4,52.7],[159.8,53.2],[170.5,64.5],[159.2,51.8],[157.5,56],[161.3,63.6],[162.6,63.2],[160,59.5],[168.9,56.8],[165.1,64.1],[162.6,50],[165.1,72.3],[166.4,55],[160,55.9],[152.4,60.4],[170.2,69.1],[162.6,84.5],[170.2,55.9],[158.8,55.5],[172.7,69.5],[167.6,76.4],[162.6,61.4],[167.6,65.9],[156.2,58.6],[175.2,66.8],[172.1,56.6],[162.6,58.6],[160,55.9],[165.1,59.1],[182.9,81.8],[166.4,70.7],[165.1,56.8],[177.8,60],[165.1,58.2],[175.3,72.7],[154.9,54.1],[158.8,49.1],[172.7,75.9],[168.9,55],[161.3,57.3],[167.6,55],[165.1,65.5],[175.3,65.5],[157.5,48.6],[163.8,58.6],[167.6,63.6],[165.1,55.2],[165.1,62.7],[168.9,56.6],[162.6,53.9],[164.5,63.2],[176.5,73.6],[168.9,62],[175.3,63.6],[159.4,53.2],[160,53.4],[170.2,55],[162.6,70.5],[167.6,54.5],[162.6,54.5],[160.7,55.9],[160,59],[157.5,63.6],[162.6,54.5],[152.4,47.3],[170.2,67.7],[165.1,80.9],[172.7,70.5],[165.1,60.9],[170.2,63.6],[170.2,54.5],[170.2,59.1],[161.3,70.5],[167.6,52.7],[167.6,62.7],[165.1,86.3],[162.6,66.4],[152.4,67.3],[168.9,63],[170.2,73.6],[175.2,62.3],[175.2,57.7],[160,55.4],[165.1,104.1],[174,55.5],[170.2,77.3],[160,80.5],[167.6,64.5],[167.6,72.3],[167.6,61.4],[154.9,58.2],[162.6,81.8],[175.3,63.6],[171.4,53.4],[157.5,54.5],[165.1,53.6],[160,60],[174,73.6],[162.6,61.4],[174,55.5],[162.6,63.6],[161.3,60.9],[156.2,60],[149.9,46.8],[169.5,57.3],[160,64.1],[175.3,63.6],[169.5,67.3],[160,75.5],[172.7,68.2],[162.6,61.4],[157.5,76.8],[176.5,71.8],[164.4,55.5],[160.7,48.6],[174,66.4],[163.8,67.3]],markPoint:{data:[{type:"max",name:"Max"},{type:"min",name:"Min"}]},markLine:{data:[{type:"average",name:"Mean"}]}},{name:"Data2",type:"scatter",tooltip:{trigger:"item",formatter:function(e){return 1<e.value.length?e.seriesName+" :<br/>"+e.value[0]+"cm "+e.value[1]+"kg ":e.seriesName+" :<br/>"+e.name+" : "+e.value+"kg "}},data:[[174,65.6],[175.3,71.8],[193.5,80.7],[186.5,72.6],[187.2,78.8],[181.5,74.8],[184,86.4],[184.5,78.4],[175,62],[184,81.6],[180,76.6],[177.8,83.6],[192,90],[176,74.6],[174,71],[184,79.6],[192.7,93.8],[171.5,70],[173,72.4],[176,85.9],[176,78.8],[180.5,77.8],[172.7,66.2],[176,86.4],[173.5,81.8],[178,89.6],[180.3,82.8],[180.3,76.4],[164.5,63.2],[173,60.9],[183.5,74.8],[175.5,70],[188,72.4],[189.2,84.1],[172.8,69.1],[170,59.5],[182,67.2],[170,61.3],[177.8,68.6],[184.2,80.1],[186.7,87.8],[171.4,84.7],[172.7,73.4],[175.3,72.1],[180.3,82.6],[182.9,88.7],[188,84.1],[177.2,94.1],[172.1,74.9],[167,59.1],[169.5,75.6],[174,86.2],[172.7,75.3],[182.2,87.1],[164.1,55.2],[163,57],[171.5,61.4],[184.2,76.8],[174,86.8],[174,72.2],[177,71.6],[186,84.8],[167,68.2],[171.8,66.1],[182,72],[167,64.6],[177.8,74.8],[164.5,70],[192,101.6],[175.5,63.2],[171.2,79.1],[181.6,78.9],[167.4,67.7],[181.1,66],[177,68.2],[174.5,63.9],[177.5,72],[170.5,56.8],[182.4,74.5],[197.1,90.9],[180.1,93],[175.5,80.9],[180.6,72.7],[184.4,68],[175.5,70.9],[180.6,72.5],[177,72.5],[177.1,83.4],[181.6,75.5],[176.5,73],[175,70.2],[174,73.4],[165.1,70.5],[177,68.9],[192,102.3],[176.5,68.4],[169.4,65.9],[182.1,75.7],[179.8,84.5],[175.3,87.7],[184.9,86.4],[177.3,73.2],[167.4,53.9],[178.1,72],[168.9,55.5],[157.2,58.4],[180.3,83.2],[170.2,72.7],[177.8,64.1],[172.7,72.3],[165.1,65],[186.7,86.4],[165.1,65],[174,88.6],[175.3,84.1],[185.4,66.8],[177.8,75.5],[180.3,93.2],[180.3,82.7],[177.8,58],[177.8,79.5],[177.8,78.6],[177.8,71.8],[177.8,116.4],[163.8,72.2],[188,83.6],[198.1,85.5],[175.3,90.9],[166.4,85.9],[190.5,89.1],[166.4,75],[177.8,77.7],[179.7,86.4],[172.7,90.9],[190.5,73.6],[185.4,76.4],[168.9,69.1],[167.6,84.5],[175.3,64.5],[170.2,69.1],[190.5,108.6],[177.8,86.4],[190.5,80.9],[177.8,87.7],[184.2,94.5],[176.5,80.2],[177.8,72],[180.3,71.4],[171.4,72.7],[172.7,84.1],[172.7,76.8],[177.8,63.6],[177.8,80.9],[182.9,80.9],[170.2,85.5],[167.6,68.6],[175.3,67.7],[165.1,66.4],[185.4,102.3],[181.6,70.5],[172.7,95.9],[190.5,84.1],[179.1,87.3],[175.3,71.8],[170.2,65.9],[193,95.9],[171.4,91.4],[177.8,81.8],[177.8,96.8],[167.6,69.1],[167.6,82.7],[180.3,75.5],[182.9,79.5],[176.5,73.6],[186.7,91.8],[188,84.1],[188,85.9],[177.8,81.8],[174,82.5],[177.8,80.5],[171.4,70],[185.4,81.8],[185.4,84.1],[188,90.5],[188,91.4],[182.9,89.1],[176.5,85],[175.3,69.1],[175.3,73.6],[188,80.5],[188,82.7],[175.3,86.4],[170.5,67.7],[179.1,92.7],[177.8,93.6],[175.3,70.9],[182.9,75],[170.8,93.2],[188,93.2],[180.3,77.7],[177.8,61.4],[185.4,94.1],[168.9,75],[185.4,83.6],[180.3,85.5],[174,73.9],[167.6,66.8],[182.9,87.3],[160,72.3],[180.3,88.6],[167.6,75.5],[186.7,101.4],[175.3,91.1],[175.3,67.3],[175.9,77.7],[175.3,81.8],[179.1,75.5],[181.6,84.5],[177.8,76.6],[182.9,85],[177.8,102.5],[184.2,77.3],[179.1,71.8],[176.5,87.9],[188,94.3],[174,70.9],[167.6,64.5],[170.2,77.3],[167.6,72.3],[188,87.3],[174,80],[176.5,82.3],[180.3,73.6],[167.6,74.1],[188,85.9],[180.3,73.2],[167.6,76.3],[183,65.9],[183,90.9],[179.1,89.1],[170.2,62.3],[177.8,82.7],[179.1,79.1],[190.5,98.2],[177.8,84.1],[180.3,83.2],[180.3,83.2]],markPoint:{data:[{type:"max",name:"Max"},{type:"min",name:"Min"}]},markLine:{data:[{type:"average",name:"Mean"}]}}]});if($("#echart_bar_horizontal").length)echarts.init(document.getElementById("echart_bar_horizontal"),e).setOption({title:{text:"Bar Graph",subtext:"Graph subtitle"},tooltip:{trigger:"axis"},legend:{x:100,data:["2015","2016"]},toolbox:{show:!0,feature:{saveAsImage:{show:!0,title:"Save Image"}}},calculable:!0,xAxis:[{type:"value",boundaryGap:[0,.01]}],yAxis:[{type:"category",data:["Jan","Feb","Mar","Apr","May","Jun"]}],series:[{name:"2015",type:"bar",data:[18203,23489,29034,104970,131744,630230]},{name:"2016",type:"bar",data:[19325,23438,31e3,121594,134141,681807]}]});if($("#echart_pie2").length)echarts.init(document.getElementById("echart_pie2"),e).setOption({tooltip:{trigger:"item",formatter:"{
a} <br/>{
b} : {
c} ({
d}%)"},legend:{x:"center",y:"bottom",data:["rose1","rose2","rose3","rose4","rose5","rose6"]},toolbox:{show:!0,feature:{magicType:{show:!0,type:["pie","funnel"]},restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},calculable:!0,series:[{name:"Area Mode",type:"pie",radius:[25,90],center:["50%",170],roseType:"area",x:"50%",max:40,sort:"ascending",data:[{value:10,name:"rose1"},{value:5,name:"rose2"},{value:15,name:"rose3"},{value:25,name:"rose4"},{value:20,name:"rose5"},{value:35,name:"rose6"}]}]});if($("#echart_donut").length)echarts.init(document.getElementById("echart_donut"),e).setOption({tooltip:{trigger:"item",formatter:"{
a} <br/>{
b} : {
c} ({
d}%)"},calculable:!0,legend:{x:"center",y:"bottom",data:["Direct Access","E-mail Marketing","Union Ad","Video Ads","Search Engine"]},toolbox:{show:!0,feature:{magicType:{show:!0,type:["pie","funnel"],option:{funnel:{x:"25%",width:"50%",funnelAlign:"center",max:1548}}},restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},series:[{name:"Access to the resource",type:"pie",radius:["35%","55%"],itemStyle:{normal:{label:{show:!0},labelLine:{show:!0}},emphasis:{label:{show:!0,position:"center",textStyle:{fontSize:"14",fontWeight:"normal"}}}},data:[{value:335,name:"Direct Access"},{value:310,name:"E-mail Marketing"},{value:234,name:"Union Ad"},{value:135,name:"Video Ads"},{value:1548,name:"Search Engine"}]}]});if($("#echart_pie").length){echarts.init(document.getElementById("echart_pie"),e).setOption({tooltip:{trigger:"item",formatter:"{
a} <br/>{
b} : {
c} ({
d}%)"},legend:{x:"center",y:"bottom",data:["Direct Access","E-mail Marketing","Union Ad","Video Ads","Search Engine"]},toolbox:{show:!0,feature:{magicType:{show:!0,type:["pie","funnel"],option:{funnel:{x:"25%",width:"50%",funnelAlign:"left",max:1548}}},restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},calculable:!0,series:[{name:"访问来源",type:"pie",radius:"55%",center:["50%","48%"],data:[{value:335,name:"Direct Access"},{value:310,name:"E-mail Marketing"},{value:234,name:"Union Ad"},{value:135,name:"Video Ads"},{value:1548,name:"Search Engine"}]}]});var a={normal:{label:{show:!1},labelLine:{show:!1}}},t={normal:{color:"rgba(0,0,0,0)",label:{show:!1},labelLine:{show:!1}},emphasis:{color:"rgba(0,0,0,0)"}}}if($("#echart_mini_pie").length)echarts.init(document.getElementById("echart_mini_pie"),e).setOption({title:{text:"Chart #2",subtext:"From ExcelHome",sublink:"http://e.weibo.com/1341556070/AhQXtjbqh",x:"center",y:"center",itemGap:20,textStyle:{color:"rgba(30,144,255,0.8)",fontFamily:"微软雅黑",fontSize:35,fontWeight:"bolder"}},tooltip:{show:!0,formatter:"{
a} <br/>{
b} : {
c} ({
d}%)"},legend:{orient:"vertical",x:170,y:45,itemGap:12,data:["68%Something #1","29%Something #2","3%Something #3"]},toolbox:{show:!0,feature:{mark:{show:!0},dataView:{show:!0,title:"Text View",lang:["Text View","Close","Refresh"],readOnly:!1},restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},series:[{name:"1",type:"pie",clockWise:!1,radius:[105,130],itemStyle:a,data:[{value:68,name:"68%Something #1"},{value:32,name:"invisible",itemStyle:t}]},{name:"2",type:"pie",clockWise:!1,radius:[80,105],itemStyle:a,data:[{value:29,name:"29%Something #2"},{value:71,name:"invisible",itemStyle:t}]},{name:"3",type:"pie",clockWise:!1,radius:[25,80],itemStyle:a,data:[{value:3,name:"3%Something #3"},{value:97,name:"invisible",itemStyle:t}]}]});if($("#echart_world_map").length)echarts.init(document.getElementById("echart_world_map"),e).setOption({title:{text:"World Population (2010)",subtext:"from United Nations, Total population, both sexes combined, as of 1 July (thousands)",x:"center",y:"top"},tooltip:{trigger:"item",formatter:function(e){var a=(e.value+"").split(".");return a=a[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,"$1,")+"."+a[1],e.seriesName+"<br/>"+e.name+" : "+a}},toolbox:{show:!0,orient:"vertical",x:"right",y:"center",feature:{mark:{show:!0},dataView:{show:!0,title:"Text View",lang:["Text View","Close","Refresh"],readOnly:!1},restore:{show:!0,title:"Restore"},saveAsImage:{show:!0,title:"Save Image"}}},dataRange:{min:0,max:1e6,text:["High","Low"],realtime:!1,calculable:!0,color:["#087E65","#26B99A","#CBEAE3"]},series:[{name:"World Population (2010)",type:"map",mapType:"world",roam:!1,mapLocation:{y:60},itemStyle:{emphasis:{label:{show:!0}}},data:[{name:"Afghanistan",value:28397.812},{name:"Angola",value:19549.124},{name:"Albania",value:3150.143},{name:"United Arab Emirates",value:8441.537},{name:"Argentina",value:40374.224},{name:"Armenia",value:2963.496},{name:"French Southern and Antarctic Lands",value:268.065},{name:"Australia",value:22404.488},{name:"Austria",value:8401.924},{name:"Azerbaijan",value:9094.718},{name:"Burundi",value:9232.753},{name:"Belgium",value:10941.288},{name:"Benin",value:9509.798},{name:"Burkina Faso",value:15540.284},{name:"Bangladesh",value:151125.475},{name:"Bulgaria",value:7389.175},{name:"The Bahamas",value:66402.316},{name:"Bosnia and Herzegovina",value:3845.929},{name:"Belarus",value:9491.07},{name:"Belize",value:308.595},{name:"Bermuda",value:64.951},{name:"Bolivia",value:716.939},{name:"Brazil",value:195210.154},{name:"Brunei",value:27.223},{name:"Bhutan",value:716.939},{name:"Botswana",value:1969.341},{name:"Central African Republic",value:4349.921},{name:"Canada",value:34126.24},{name:"Switzerland",value:7830.534},{name:"Chile",value:17150.76},{name:"China",value:1359821.465},{name:"Ivory Coast",value:60508.978},{name:"Cameroon",value:20624.343},{name:"Democratic Republic of the Congo",value:62191.161},{name:"Republic of the Congo",value:3573.024},{name:"Colombia",value:46444.798},{name:"Costa Rica",value:4669.685},{name:"Cuba",value:11281.768},{name:"Northern Cyprus",value:1.468},{name:"Cyprus",value:1103.685},{name:"Czech Republic",value:10553.701},{name:"Germany",value:83017.404},{name:"Djibouti",value:834.036},{name:"Denmark",value:5550.959},{name:"Dominican Republic",value:10016.797},{name:"Algeria",value:37062.82},{name:"Ecuador",value:15001.072},{name:"Egypt",value:78075.705},{name:"Eritrea",value:5741.159},{name:"Spain",value:46182.038},{name:"Estonia",value:1298.533},{name:"Ethiopia",value:87095.281},{name:"Finland",value:5367.693},{name:"Fiji",value:860.559},{name:"Falkland Islands",value:49.581},{name:"France",value:63230.866},{name:"Gabon",value:1556.222},{name:"United Kingdom",value:62066.35},{name:"Georgia",value:4388.674},{name:"Ghana",value:24262.901},{name:"Guinea",value:10876.033},{name:"Gambia",value:1680.64},{name:"Guinea Bissau",value:10876.033},{name:"Equatorial Guinea",value:696.167},{name:"Greece",value:11109.999},{name:"Greenland",value:56.546},{name:"Guatemala",value:14341.576},{name:"French Guiana",value:231.169},{name:"Guyana",value:786.126},{name:"Honduras",value:7621.204},{name:"Croatia",value:4338.027},{name:"Haiti",value:9896.4},{name:"Hungary",value:10014.633},{name:"Indonesia",value:240676.485},{name:"India",value:1205624.648},{name:"Ireland",value:4467.561},{name:"Iran",value:240676.485},{name:"Iraq",value:30962.38},{name:"Iceland",value:318.042},{name:"Israel",value:7420.368},{name:"Italy",value:60508.978},{name:"Jamaica",value:2741.485},{name:"Jordan",value:6454.554},{name:"Japan",value:127352.833},{name:"Kazakhstan",value:15921.127},{name:"Kenya",value:40909.194},{name:"Kyrgyzstan",value:5334.223},{name:"Cambodia",value:14364.931},{name:"South Korea",value:51452.352},{name:"Kosovo",value:97.743},{name:"Kuwait",value:2991.58},{name:"Laos",value:6395.713},{name:"Lebanon",value:4341.092},{name:"Liberia",value:3957.99},{name:"Libya",value:6040.612},{name:"Sri Lanka",value:20758.779},{name:"Lesotho",value:2008.921},{name:"Lithuania",value:3068.457},{name:"Luxembourg",value:507.885},{name:"Latvia",value:2090.519},{name:"Morocco",value:31642.36},{name:"Moldova",value:103.619},{name:"Madagascar",value:21079.532},{name:"Mexico",value:117886.404},{name:"Macedonia",value:507.885},{name:"Mali",value:13985.961},{name:"Myanmar",value:51931.231},{name:"Montenegro",value:620.078},{name:"Mongolia",value:2712.738},{name:"Mozambique",value:23967.265},{name:"Mauritania",value:3609.42},{name:"Malawi",value:15013.694},{name:"Malaysia",value:28275.835},{name:"Namibia",value:2178.967},{name:"New Caledonia",value:246.379},{name:"Niger",value:15893.746},{name:"Nigeria",value:159707.78},{name:"Nicaragua",value:5822.209},{name:"Netherlands",value:16615.243},{name:"Norway",value:4891.251},{name:"Nepal",value:26846.016},{name:"New Zealand",value:4368.136},{name:"Oman",value:2802.768},{name:"Pakistan",value:173149.306},{name:"Panama",value:3678.128},{name:"Peru",value:29262.83},{name:"Philippines",value:93444.322},{name:"Papua New Guinea",value:6858.945},{name:"Poland",value:38198.754},{name:"Puerto Rico",value:3709.671},{name:"North Korea",value:1.468},{name:"Portugal",value:10589.792},{name:"Paraguay",value:6459.721},{name:"Qatar",value:1749.713},{name:"Romania",value:21861.476},{name:"Russia",value:21861.476},{name:"Rwanda",value:10836.732},{name:"Western Sahara",value:514.648},{name:"Saudi Arabia",value:27258.387},{name:"Sudan",value:35652.002},{name:"South Sudan",value:9940.929},{name:"Senegal",value:12950.564},{name:"Solomon Islands",value:526.447},{name:"Sierra Leone",value:5751.976},{name:"El Salvador",value:6218.195},{name:"Somaliland",value:9636.173},{name:"Somalia",value:9636.173},{name:"Republic of Serbia",value:3573.024},{name:"Suriname",value:524.96},{name:"Slovakia",value:5433.437},{name:"Slovenia",value:2054.232},{name:"Sweden",value:9382.297},{name:"Swaziland",value:1193.148},{name:"Syria",value:7830.534},{name:"Chad",value:11720.781},{name:"Togo",value:6306.014},{name:"Thailand",value:66402.316},{name:"Tajikistan",value:7627.326},{name:"Turkmenistan",value:5041.995},{name:"East Timor",value:10016.797},{name:"Trinidad and Tobago",value:1328.095},{name:"Tunisia",value:10631.83},{name:"Turkey",value:72137.546},{name:"United Republic of Tanzania",value:44973.33},{name:"Uganda",value:33987.213},{name:"Ukraine",value:46050.22},{name:"Uruguay",value:3371.982},{name:"United States of America",value:312247.116},{name:"Uzbekistan",value:27769.27},{name:"Venezuela",value:236.299},{name:"Vietnam",value:89047.397},{name:"Vanuatu",value:236.299},{name:"West Bank",value:13.565},{name:"Yemen",value:22763.008},{name:"South Africa",value:51452.352},{name:"Zambia",value:13216.985},{name:"Zimbabwe",value:13076.978}]}]})}}$.fn.popover.Constructor.prototype.leave=function(e){var a,t,o=e instanceof this.constructor?e:$(e.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);originalLeave.call(this,e),e.currentTarget&&(a=$(e.currentTarget).siblings(".popover"),t=o.timeout,a.one("mouseenter",function(){clearTimeout(t),a.one("mouseleave",function(){$.fn.popover.Constructor.prototype.leave.call(o,o)})}))},$("body").popover({selector:"[data-popover]",trigger:"click hover",delay:{
show:50,hide:400}}),$(document).ready(function(){
init_sparklines(),init_flot_chart(),init_sidebar(),init_wysiwyg(),init_InputMask(),init_JQVmap(),init_cropper(),init_knob(),init_IonRangeSlider(),init_ColorPicker(),init_TagsInput(),init_parsley(),init_daterangepicker(),init_daterangepicker_right(),init_daterangepicker_single_call(),init_daterangepicker_reservation(),init_SmartWizard(),init_EasyPieChart(),init_charts(),init_echarts(),init_morris_charts(),init_skycons(),init_select2(),init_validator(),init_DataTables(),init_chart_doughnut(),init_gauge(),init_PNotify(),init_starrr(),init_calendar(),init_compose(),init_CustomNotification(),init_autosize(),init_autocomplete()});
7. Operation interface
Eight, java file directory
