diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..7a45e08
Binary files /dev/null and b/.DS_Store differ
diff --git a/app/.DS_Store b/app/.DS_Store
new file mode 100644
index 0000000..cf2f7cb
Binary files /dev/null and b/app/.DS_Store differ
diff --git a/app/view/.DS_Store b/app/view/.DS_Store
new file mode 100644
index 0000000..ce11a10
Binary files /dev/null and b/app/view/.DS_Store differ
diff --git a/app/view/auth/login.html b/app/view/auth/login.html
old mode 100644
new mode 100755
index ce537e5..120f024
--- a/app/view/auth/login.html
+++ b/app/view/auth/login.html
@@ -1,180 +1,178 @@
 <!DOCTYPE html>
-<html lang="zh-cn">
+<html lang="zh-CN">
 <head>
-  <meta charset="utf-8"/>
-  <meta name="renderer" content="webkit">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <title>聚合DNS管理系统 - 登录</title>
-  <link href="{$cdnpublic}twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="{$cdnpublic}font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
-  <link href="/static/css/app.min.css" rel="stylesheet">
-  <link href="/static/css/skins/{$skin}.css" rel="stylesheet">
-  <link href="/static/css/bootstrap-table.css" rel="stylesheet"/>
-  <script src="{$cdnpublic}jquery/3.6.4/jquery.min.js"></script>
-  <!--[if lt IE 9]>
+    <meta charset="utf-8" />
+    <title>管理中心登录 | 聚合DNS管理系统</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    <link rel="stylesheet" href="{$cdnpublic}twitter-bootstrap/3.4.1/css/bootstrap.min.css" type="text/css" />
+    <link rel="stylesheet" href="{$cdnpublic}animate.css/3.5.2/animate.min.css" type="text/css" />
+    <link rel="stylesheet" href="{$cdnpublic}font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
+    <link rel="stylesheet" href="{$cdnpublic}simple-line-icons/2.4.1/css/simple-line-icons.min.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/font.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/app.css" type="text/css" />
+    <!--[if lt IE 9]>
     <script src="{$cdnpublic}html5shiv/3.7.3/html5shiv.min.js"></script>
     <script src="{$cdnpublic}respond.js/1.4.2/respond.min.js"></script>
-  <![endif]-->
-<style type="text/css">
-body{color:#999;background-color:#f1f4fd;background-size:cover}
-a{color:#444}
-.login-screen{max-width:430px;padding:0;margin:100px auto 0 auto}
-.login-screen .well{border-radius:3px;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1);background:#fff;border:none;padding:0}
-@media (max-width:767px){.login-screen{padding:20px 0}
-}
-.profile-img-card{width:100px;height:100px;display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:-93px auto 30px;border:5px solid #fff}
-.profile-name-card{text-align:center}
-.login-head{background:#899fe1;border-radius:3px 3px 0 0}
-.login-form{padding:40px 30px;position:relative;z-index:99}
-#login-form{margin-top:20px}
-#login-form .input-group{margin-bottom:15px}
-#login-form .form-control{font-size:14px}
-#totp-form{margin-top:20px}
-#totp-form .input-group{margin-bottom:15px}
-#totp-form .form-control{font-size:14px}
-</style>
+    <![endif]-->
+    <style>input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;-webkit-text-fill-color:#333;}</style>
 </head>
 <body>
-<div class="container">
-    <div class="login-wrapper">
-        <div class="login-screen">
-            <div class="well">
-                <div class="login-head">
-                    <img src="/static/images/login-head.png" style="width:100%;"/>
-                </div>
-                <div class="login-form">
-                    <img id="profile-img" class="profile-img-card" src="/static/images/user.png"/>
-                    <p id="profile-name" class="profile-name-card"></p> 
-                    <form action="" id="login-form" onsubmit="return doLogin()">
-                        <div class="input-group">
-                            <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
-                            <input type="text" class="form-control" placeholder="用户名" name="username" required="required"/>
-                        </div>
-                        <div class="input-group">
-                            <div class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></div>
-                            <input type="password" class="form-control" placeholder="密码" name="password" required="required"/>
-                        </div>
-                        {if config_get('vcode', '1')=='1'}<div class="input-group">
-                            <div class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></div>
-                            <input type="text" class="form-control input-lg" placeholder="验证码" name="code" autocomplete="off" required="required"/>
-                            <span class="input-group-addon" style="padding: 0">
-                              <img id="verifycode" src="/verifycode" height="45" onclick="this.src='/verifycode?r='+Math.random();" title="点击更换验证码">
-                            </span>
-                        </div>{/if}
-                        <div class="form-group">
-                            <button type="submit" class="btn btn-success btn-lg btn-block" id="submit" style="background:#708eea;">登 录</button>
-                        </div>
-                        <div class="pull-right"><a href="javascript:findpwd()">忘记密码</a></div>
-                    </form>
-                    <form action="" id="totp-form" onsubmit="return doTotp()" style="display:none;">
-                        <div class="alert alert-info" role="alert">TOTP二次验证</div>
-                        <div class="input-group">
-                            <div class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></div>
-                            <input type="number" class="form-control input-lg" placeholder="输入动态口令" name="totp_code" id="totp_code" autocomplete="off" required="required"/>
-                        </div>
-                        <div class="form-group">
-                            <button type="submit" class="btn btn-success btn-lg btn-block" id="submit" style="background:#708eea;">登 录</button>
-                        </div>
-                        <div class="pull-right"><a href="javascript:findpwd()">忘记密码</a></div>
-                    </form>
-                </div>
+<div class="modal inmodal fade" id="modal-findpwd" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
+                </button>
+                <h4 class="modal-title">忘记密码</h4>
+            </div>
+            <div class="modal-body">
+                <strong>重置密码</strong>
+                <p>进入网站根目录，执行命令：<br/><code>php think reset pwd 用户名 密码</code></p>
+                <strong>关闭TOTP</strong>
+                <p>进入网站根目录，执行命令：<br/><code>php think reset totp 用户名</code></p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
             </div>
         </div>
     </div>
 </div>
-<div class="modal" id="modal-findpwd">
-	<div class="modal-dialog" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-				<h4 class="modal-title">忘记密码</h4>
-			</div>
-			<div class="modal-body">
-				<strong>重置密码</strong>
-                <p>进入网站根目录，执行命令：<br/><code>php think reset pwd 用户名 密码</code></p>
-                <strong>关闭TOTP</strong>
-                <p>进入网站根目录，执行命令：<br/><code>php think reset totp 用户名</code></p>
-			</div>
-		</div>
-	</div>
+<div class="app app-header-fixed  ">
+    <div class="container w-xxl w-auto-xs" ng-controller="SigninFormController" ng-init="app.settings.container = false;">
+        <span class="navbar-brand block m-t">聚合DNS管理系统</span>
+        <div class="m-b-lg">
+            <div class="wrapper text-center">
+                <strong>管理中心登录</strong>
+            </div>
+            <div class="text-danger wrapper text-center" ng-show="authError"></div>
+            <form action="" class="form-validation" id="login-form" onsubmit="return doLogin()">
+                <div class="tab-content">
+                    <div class="tab-pane active">
+                        <div class="list-group list-group-sm swaplogin">
+                            <div class="list-group-item">
+                                <input type="text" class="form-control no-border" placeholder="用户名" name="username" required="required"/>
+                            </div>
+                            <div class="list-group-item">
+                                <input type="password" class="form-control no-border" placeholder="密码" name="password" required="required"/>
+                            </div>
+                            {if config_get('vcode', '1')=='1'}
+                            <div class="list-group-item">
+                                <div class="input-group">
+                                    <input type="text" name="code" class="form-control no-border" placeholder="输入验证码" autocomplete="off" required="required"/>
+                                    <span class="input-group-addon" style="padding: 0">
+                                        <img id="verifycode" src="/verifycode" height="33" onclick="this.src='/verifycode?r='+Math.random();" title="点击更换验证码">
+                					</span>
+                                </div>
+                            </div>
+                            {/if}
+                        </div>
+                        <button type="submit" class="btn btn-lg btn-primary btn-block" id="submit">立即登录</button>
+                    </div>
+                </div>
+                <div class="line line-dashed"></div>
+                <div class="form-group">
+                    <a href="javascript:findpwd()" class="btn btn-info btn-rounded"><i class="fa fa-unlock"></i>&nbsp;找回密码</a>
+                </div>
+            </form>
+            <form action="" class="form-validation" id="totp-form" onsubmit="return doTotp()" style="display:none;">
+                <div class="tab-content">
+                    <div class="tab-pane active">
+                        <div class="list-group list-group-sm swaplogin">
+                            <div class="list-group-item">
+                                <input type="number" class="form-control no-border" placeholder="输入动态口令" name="totp_code" id="totp_code" autocomplete="off" required="required"/>
+                            </div>
+                        </div>
+                        <button type="submit" class="btn btn-lg btn-primary btn-block" id="submit">立即登录</button>
+                    </div>
+                </div>
+                <div class="line line-dashed"></div>
+                <div class="form-group">
+                    <a href="javascript:findpwd()" class="btn btn-info btn-rounded"><i class="fa fa-unlock"></i>&nbsp;找回密码</a>
+                </div>
+            </form>
+        </div>
+        <div class="text-center">
+            <p>
+                <small class="text-muted"><a href="/">聚合DNS管理系统</a><br>&copy; 2016~2024</small>
+            </p>
+        </div>
+    </div>
 </div>
+<script src="{$cdnpublic}jquery/3.4.1/jquery.min.js"></script>
 <script src="{$cdnpublic}twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
+<script src="{$cdnpublic}layer/3.1.1/layer.min.js"></script>
 <script>
-function doLogin(){
-    var username = $("input[name='username']").val();
-    var password = $("input[name='password']").val();
-    var code = $("input[name='code']").val();
-    if(username == ''){
-        layer.msg('用户名不能为空', {icon: 2});
+    function doLogin(){
+        var username = $("input[name='username']").val();
+        var password = $("input[name='password']").val();
+        var code = $("input[name='code']").val();
+        if(username == ''){
+            layer.msg('用户名不能为空', {icon: 2});
+            return false;
+        }
+        if(password == ''){
+            layer.msg('密码不能为空', {icon: 2});
+            return false;
+        }
+        if(code == ''){
+            layer.msg('验证码不能为空', {icon: 2});
+            return false;
+        }
+        var ii = layer.load(2);
+        $.ajax({
+            type: "POST",
+            url: "/login",
+            data: $("#login-form").serialize(),
+            dataType: 'json',
+            success: function(data){
+                layer.close(ii);
+                if(data.code == 0){
+                    layer.msg('登录成功，正在跳转到首页', {icon: 1,shade: 0.01,time: 15000});
+                    window.location.href = '/';
+                }else{
+                    if(data.vcode==1){
+                        $("#verifycode").attr('src', '/verifycode?r='+Math.random())
+                    }else if(data.vcode==2){
+                        $("#totp-form").show();
+                        $("#login-form").hide();
+                        $("#totp_code").focus();
+                        return false;
+                    }
+                    layer.alert(data.msg, {icon: 2});
+                }
+            }
+        });
         return false;
     }
-    if(password == ''){
-        layer.msg('密码不能为空', {icon: 2});
-        return false;
-    }
-    if(code == ''){
-        layer.msg('验证码不能为空', {icon: 2});
-        return false;
-    }
-    var ii = layer.load(2);
-    $.ajax({
-        type: "POST",
-        url: "/login",
-        data: $("#login-form").serialize(),
-        dataType: 'json',
-        success: function(data){
+    function doTotp(){
+        var code = $("#totp_code").val();
+        if(code.length != 6){
+            layer.msg('动态口令格式错误', {icon: 2});
+            return false;
+        }
+        var ii = layer.load(2, {shade:[0.1,'#fff']});
+        $.post('/auth/totp', {code:code}, function(res){
             layer.close(ii);
-            if(data.code == 0){
+            if(res.code == 0){
                 layer.msg('登录成功，正在跳转到首页', {icon: 1,shade: 0.01,time: 15000});
                 window.location.href = '/';
             }else{
-                if(data.vcode==1){
-                    $("#verifycode").attr('src', '/verifycode?r='+Math.random())
-                }else if(data.vcode==2){
-                    $("#totp-form").show();
-                    $("#login-form").hide();
-                    $("#totp_code").focus();
-                    return false;
-                }
-                layer.alert(data.msg, {icon: 2});
+                layer.alert(res.msg, {icon: 2});
             }
-        }
+        });
+        return false;
+    }
+    function findpwd(){
+        $('#modal-findpwd').modal('show');
+    }
+    $(document).ready(function(){
+        $("#totp_code").keyup(function(){
+            var code = $(this).val();
+            if(code.length == 6){
+                $("#totp-form").submit();
+            }
+        });
     });
-    return false;
-}
-function doTotp(){
-    var code = $("#totp_code").val();
-    if(code.length != 6){
-		layer.msg('动态口令格式错误', {icon: 2});
-		return false;
-	}
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.post('/auth/totp', {code:code}, function(res){
-		layer.close(ii);
-		if(res.code == 0){
-			layer.msg('登录成功，正在跳转到首页', {icon: 1,shade: 0.01,time: 15000});
-            window.location.href = '/';
-		}else{
-			layer.alert(res.msg, {icon: 2});
-		}
-	});
-	return false;
-}
-function findpwd(){
-    $('#modal-findpwd').modal('show');
-}
-$(document).ready(function(){
-	$("#totp_code").keyup(function(){
-		var code = $(this).val();
-		if(code.length == 6){
-			$("#totp-form").submit();
-		}
-	});
-});
 </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/app/view/cert/account_form.html b/app/view/cert/account_form.html
old mode 100644
new mode 100755
index 1f8a06c..368958f
--- a/app/view/cert/account_form.html
+++ b/app/view/cert/account_form.html
@@ -2,339 +2,338 @@
 {block name="title"}{$title}{/block}
 {block name="main"}
 <style>
-.tips{color: #f6a838; padding-left: 5px;}
-.input-note{color: green;}
-.control-label[is-required]:before {
-    content: "*";
-    color: #f56c6c;
-    margin-right: 4px;
-}
-/* 账户类型卡片样式 */
-.account-type-container {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 15px;
-    margin-bottom: 20px;
-}
-.account-type-category {
-    width: 100%;
-    margin-bottom: 10px;
-    font-size: 18px;
-    font-weight: bold;
-    color: #333;
-    border-bottom: 1px solid #eee;
-    padding-bottom: 5px;
-}
-.account-type-card {
-    width: calc(25% - 15px);
-    min-width: 200px;
-    padding: 10px;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: all 0.3s;
-    background: #fff;
-    height: 100px;
-    overflow: hidden;
-}
-.account-type-card:hover {
-    border-color: #409EFF;
-    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
-}
-.account-type-card .icon {
-    width: 30px;
-    margin: 11px 8px;
-    float: left;
-}
-.account-type-card .content {
-    margin-left: 38px;
-}
-.account-type-card .title {
-    font-size: 14px;
-    font-weight: bold;
-    margin-bottom: 3px;
-    color: #333;
-}
-.account-type-card .desc {
-    font-size: 12px;
-    color: #999;
-    line-height: 1.4;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-@media (max-width: 768px) {
-    .account-type-card {
-        width: calc(50% - 15px);
+    .tips{color: #f6a838; padding-left: 5px;}
+    .input-note{color: green;}
+    .control-label[is-required]:before {
+        content: "*";
+        color: #f56c6c;
+        margin-right: 4px;
     }
-}
-@media (max-width: 480px) {
-    .account-type-card {
+    /* 账户类型卡片样式 */
+    .account-type-container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 15px;
+        margin-bottom: 20px;
+    }
+    .account-type-category {
         width: 100%;
-        height: 78px;
+        margin-bottom: 10px;
+        font-size: 18px;
+        font-weight: bold;
+        color: #333;
+        border-bottom: 1px solid #eee;
+        padding-bottom: 5px;
+    }
+    .account-type-card {
+        width: calc(25% - 15px);
+        min-width: 200px;
+        padding: 10px;
+        border: 1px solid #ddd;
+        border-radius: 5px;
+        cursor: pointer;
+        transition: all 0.3s;
+        background: #fff;
+        height: 100px;
+        overflow: hidden;
+    }
+    .account-type-card:hover {
+        border-color: #409EFF;
+        box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
+    }
+    .account-type-card .icon {
+        width: 30px;
+        margin: 11px 8px;
+        float: left;
+    }
+    .account-type-card .content {
+        margin-left: 38px;
+    }
+    .account-type-card .title {
+        font-size: 14px;
+        font-weight: bold;
+        margin-bottom: 3px;
+        color: #333;
     }
     .account-type-card .desc {
-        -webkit-line-clamp: 1;
+        font-size: 12px;
+        color: #999;
+        line-height: 1.4;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    @media (max-width: 768px) {
+        .account-type-card {
+            width: calc(50% - 15px);
+        }
+    }
+    @media (max-width: 480px) {
+        .account-type-card {
+            width: 100%;
+            height: 78px;
+        }
+        .account-type-card .desc {
+            -webkit-line-clamp: 1;
+        }
     }
-}
 </style>
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="javascript:window.history.back()" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}{$title}</h3></div>
-<div class="panel-body">
-  <!-- 账户类型选择视图 -->
-  <div id="account-type-view" v-if="!selectedType">
-    <div v-for="(category, classId) in groupedTypes" :key="classId">
-      <div class="account-type-category">{{ category.label }}</div>
-      <div class="account-type-container">
-        <div class="account-type-card" v-for="type in category.types" :key="type.value" @click="selectType(type.value)">
-          <img class="icon" :src="'/static/images/' + typeList[type.value].icon" :alt="type.label">
-          <div class="content">
-            <div class="title">{{ type.label }}</div>
-            <div class="desc">{{ typeList[type.value].desc || ''}}</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- 表单视图 -->
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="accountform" v-if="selectedType">
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right" is-required>账户类型</label>
-        <div class="col-sm-6">
-            <div class="form-control-static">
-                {{ typeList[set.type].name }}
-                <a href="javascript:;" @click="selectedType = false" class="pull-right btn btn-default" v-if="action=='add'">重新选择</a>
-            </div>
-            <input type="hidden" name="type" v-model="set.type">
-        </div>
-    </div>
-    <div v-for="(item,name) in inputs" v-show="isShow(item.show)">
-        <div class="form-group" v-if="item.type=='input'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <input type="text" class="form-control" :name="name" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled" :data-bv-id="item.validator=='id'" :data-bv-phone="item.validator=='phone'" :data-bv-numeric="item.validator=='numeric'" :data-bv-digits="item.validator=='digits'" :data-bv-integer="item.validator=='integer'" :data-bv-email="item.validator=='email'" :data-bv-uri="item.validator=='uri'" :min="item.min" :max="item.max"><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='textarea'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <textarea class="form-control" :name="name" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled"></textarea><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='select'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <select class="form-control" :name="name" v-model="config[name]" :required="item.required" :disabled="item.disabled" :placeholder="item.placeholder">
-                    <option v-for="option in item.options" :value="option.value">{{option.label}}</option>
-                </select><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='radio'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <label class="radio-inline" v-for="(optionname, optionvalue) in item.options">
-                    <input type="radio" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
-                </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='checkbox'">
-            <div class="col-sm-offset-3 col-sm-7">
-                <div class="checkbox">
-                    <label>
-                        <input type="checkbox" :name="name" v-model="config[name]" :disabled="item.disabled"> {{item.name}}
-                    </label> 
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading font-bold"><h3 class="panel-title"><a href="javascript:window.history.back()" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}{$title}</h3></div>
+        <div class="panel-body">
+            <!-- 账户类型选择视图 -->
+            <div id="account-type-view" v-if="!selectedType">
+                <div v-for="(category, classId) in groupedTypes" :key="classId">
+                    <div class="account-type-category">{{ category.label }}</div>
+                    <div class="account-type-container">
+                        <div class="account-type-card" v-for="type in category.types" :key="type.value" @click="selectType(type.value)">
+                            <img class="icon" :src="'/static/images/' + typeList[type.value].icon" :alt="type.label">
+                            <div class="content">
+                                <div class="title">{{ type.label }}</div>
+                                <div class="desc">{{ typeList[type.value].desc || ''}}</div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="form-group" v-if="item.type=='checkboxes'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <label class="checkbox-inline" v-for="(optionname, optionvalue) in item.options">
-                    <input type="checkbox" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
-                </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
+            <!-- 表单视图 -->
+            <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="accountform" v-if="selectedType">
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>账户类型</label>
+                    <div class="col-sm-6">
+                        <div class="form-control-static">
+                            {{ typeList[set.type].name }}
+                            <a href="javascript:;" @click="selectedType = false" class="pull-right btn btn-default" v-if="action=='add'">重新选择</a>
+                        </div>
+                        <input type="hidden" name="type" v-model="set.type">
+                    </div>
+                </div>
+                <div v-for="(item,name) in inputs" v-show="isShow(item.show)">
+                    <div class="form-group" v-if="item.type=='input'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <input type="text" class="form-control" :name="name" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled" :data-bv-id="item.validator=='id'" :data-bv-phone="item.validator=='phone'" :data-bv-numeric="item.validator=='numeric'" :data-bv-digits="item.validator=='digits'" :data-bv-integer="item.validator=='integer'" :data-bv-email="item.validator=='email'" :data-bv-uri="item.validator=='uri'" :min="item.min" :max="item.max"><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='textarea'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <textarea class="form-control" :name="name" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled"></textarea><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='select'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <select class="form-control" :name="name" v-model="config[name]" :required="item.required" :disabled="item.disabled" :placeholder="item.placeholder">
+                                <option v-for="option in item.options" :value="option.value">{{option.label}}</option>
+                            </select><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='radio'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <label class="radio-inline" v-for="(optionname, optionvalue) in item.options">
+                                <input type="radio" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
+                            </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='checkbox'">
+                        <div class="col-sm-offset-3 col-sm-7">
+                            <div class="checkbox">
+                                <label>
+                                    <input type="checkbox" :name="name" v-model="config[name]" :disabled="item.disabled"> {{item.name}}
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='checkboxes'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <label class="checkbox-inline" v-for="(optionname, optionvalue) in item.options">
+                                <input type="checkbox" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
+                            </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">备注</label>
+                    <div class="col-sm-6">
+                        <input type="text" name="remark" v-model="set.remark" placeholder="可留空" class="form-control">
+                    </div>
+                </div>
+                <div class="form-group" v-show="note">
+                    <div class="col-sm-offset-3 col-sm-6">
+                        <div class="alert alert-dismissible alert-info">
+                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                            <strong>提示：</strong><span v-html="note"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
+                </div>
+            </form>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">备注</label>
-        <div class="col-sm-6">
-            <input type="text" name="remark" v-model="set.remark" placeholder="可留空" class="form-control">
-        </div>
-    </div>
-    <div class="form-group" v-show="note">
-        <div class="col-sm-offset-3 col-sm-6">
-            <div class="alert alert-dismissible alert-info">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <strong>提示：</strong><span v-html="note"></span>
-            </div>
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
-    </div>
-  </form>
-</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}vue/2.6.14/vue.min.js"></script>
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="/static/js/bootstrapValidator.min.js"></script>
 <script>
-var info = {$info|json_encode|raw};
-var typeList = {$typeList|json_encode|raw};
-var classList = {$classList|json_encode|raw};
-new Vue({
-    el: '#app',
-    data: {
-        action: '{$action}',
-        selectedType: false,
-        set: {
-            deploy: '{$deploy}',
-            id: '',
-            type: '',
-            name: '',
-            config : '',
-            remark: '',
+    var info = {$info|json_encode|raw};
+    var typeList = {$typeList|json_encode|raw};
+    var classList = {$classList|json_encode|raw};
+    new Vue({
+        el: '#app',
+        data: {
+            action: '{$action}',
+            selectedType: false,
+            set: {
+                deploy: '{$deploy}',
+                id: '',
+                type: '',
+                name: '',
+                config : '',
+                remark: '',
+            },
+            inputs: {},
+            config: {},
+            typeList: typeList,
+            classList: classList,
+            note: '',
+            typeOption: [],
         },
-        inputs: {},
-        config: {},
-        typeList: typeList,
-        classList: classList,
-        note: '',
-        typeOption: [],
-    },
-    watch: {
-        'set.type': function(val){
-            if(this.action == 'add' && val && typeList[val]){
-                this.inputs = typeList[val].inputs;
-                this.note = typeList[val].note;
-                this.config = {};
+        watch: {
+            'set.type': function(val){
+                if(this.action == 'add' && val && typeList[val]){
+                    this.inputs = typeList[val].inputs;
+                    this.note = typeList[val].note;
+                    this.config = {};
+                    $.each(this.inputs, (name, item) => {
+                        if(typeof item.value == 'undefined'){
+                            if(item.type == 'checkbox'){
+                                item.value = false;
+                            }else if(item.type == 'checkboxes'){
+                                item.value = [];
+                            }else{
+                                item.value = null;
+                            }
+                        }
+                        this.$set(this.config, name, item.value)
+                    })
+                }
+            }
+        },
+        computed: {
+            groupedTypes() {
+                return Object.keys(classList).map((key) => {
+                    var tempList = [];
+                    Object.keys(typeList).forEach((key2) => {
+                        if(typeList[key2].class == key){
+                            tempList.push({label: typeList[key2].name, value: key2})
+                        }
+                    })
+                    return {label: classList[key], types: tempList}
+                })
+            }
+        },
+        mounted() {
+            this.typeOption = this.groupedTypes;
+            if(this.action == 'edit') {
+                this.selectedType = true;
+            }
+            if(this.action == 'edit'){
+                Object.keys(info).forEach((key) => {
+                    this.set[key] = info[key]
+                })
+                var config = JSON.parse(info.config);
+                this.inputs = typeList[this.set.type].inputs;
+                this.note = typeList[this.set.type].note;
                 $.each(this.inputs, (name, item) => {
+                    item.value = config[name];
                     if(typeof item.value == 'undefined'){
+                        if(typeof config[name] != 'undefined'){
+                            item.value = config[name];
+                        }
                         if(item.type == 'checkbox'){
-                            item.value = false; 
+                            item.value = false;
                         }else if(item.type == 'checkboxes'){
-                            item.value = []; 
+                            item.value = [];
                         }else{
                             item.value = null;
                         }
                     }
                     this.$set(this.config, name, item.value)
                 })
+            }else{
+                this.set.type = Object.keys(typeList)[0]
             }
-        }
-    },
-    computed: {
-        groupedTypes() {
-            return Object.keys(classList).map((key) => {
-                var tempList = [];
-                Object.keys(typeList).forEach((key2) => {
-                    if(typeList[key2].class == key){
-                        tempList.push({label: typeList[key2].name, value: key2})
-                    }
-                })
-                return {label: classList[key], types: tempList}
-            })
-        }
-    },
-    mounted() {
-        this.typeOption = this.groupedTypes;
-        if(this.action == 'edit') {
-            this.selectedType = true;
-        }
-        if(this.action == 'edit'){
-            Object.keys(info).forEach((key) => {
-                this.set[key] = info[key]
-            })
-            var config = JSON.parse(info.config);
-            this.inputs = typeList[this.set.type].inputs;
-            this.note = typeList[this.set.type].note;
-            $.each(this.inputs, (name, item) => {
-                if(typeof config[name] != 'undefined'){
-                    item.value = config[name];
-                }
-                if(typeof item.value == 'undefined'){
-                    if(item.type == 'checkbox'){
-                        item.value = false; 
-                    }else if(item.type == 'checkboxes'){
-                        item.value = []; 
-                    }else{
-                        item.value = null;
-                    }
-                }
-                this.$set(this.config, name, item.value)
-            })
-        }else{
-            this.set.type = Object.keys(typeList)[0]
-        }
 
-        this.$nextTick(function () {
-            $('[data-toggle="tooltip"]').tooltip();
-        })
-    },
-    methods: {
-        selectType(type) {
-            this.set.type = type;
-            this.selectedType = true;
-        },
-        submit(){
-            var that=this;
-            Object.keys(this.config).forEach((key) => {
-                if(this.config[key] && typeof this.config[key] == 'string'){
-                    this.config[key] = this.trim(this.config[key]);
-                }
+            this.$nextTick(function () {
+                $('[data-toggle="tooltip"]').tooltip();
             })
-            this.set.config = JSON.stringify(this.config);
-            this.set.name = this.config[Object.keys(this.config)[0]];
-            let loading = layer.msg('正在进行账户有效性检查', {icon: 16,shade: 0.1,time: 0});
-            $.ajax({
-                type: "POST",
-                url: "",
-                data: this.set,
-                dataType: 'json',
-                success: function(data) {
-                    layer.close(loading);
-                    if(data.code == 0){
-                        layer.alert(data.msg, {icon: 1}, function(){
-                            if(data.msg.indexOf('自动部署账户')>0){
-                                window.location.href = '/cert/deployaccount';
-                            }else{
-                                window.location.href = '/cert/certaccount';
-                            }
-                        });
-                    }else{
-                        layer.alert(data.msg, {icon: 2});
-                    }
-                },
-                error: function(data){
-                    layer.close(loading);
-                    layer.msg('服务器错误');
-                }
-            });
         },
-        isShow(show){
-            if(typeof show == 'boolean' && show){
-                return show;
-            }else if(typeof show == 'string' && show){
+        methods: {
+            selectType(type) {
+                this.set.type = type;
+                this.selectedType = true;
+            },
+            submit(){
                 var that=this;
                 Object.keys(this.config).forEach((key) => {
-                    show = show.replace(new RegExp(key, 'g'), 'that.config["'+key+'"]')
+                    if(this.config[key] && typeof this.config[key] == 'string'){
+                        this.config[key] = this.trim(this.config[key]);
+                    }
                 })
-                return eval(show);
-            }else{
-                return true;
+                this.set.config = JSON.stringify(this.config);
+                this.set.name = this.config[Object.keys(this.config)[0]];
+                let loading = layer.msg('正在进行账户有效性检查', {icon: 16,shade: 0.1,time: 0});
+                $.ajax({
+                    type: "POST",
+                    url: "",
+                    data: this.set,
+                    dataType: 'json',
+                    success: function(data) {
+                        layer.close(loading);
+                        if(data.code == 0){
+                            layer.alert(data.msg, {icon: 1}, function(){
+                                if(data.msg.indexOf('自动部署账户')>0){
+                                    window.location.href = '/cert/deployaccount';
+                                }else{
+                                    window.location.href = '/cert/certaccount';
+                                }
+                            });
+                        }else{
+                            layer.alert(data.msg, {icon: 2});
+                        }
+                    },
+                    error: function(data){
+                        layer.close(loading);
+                        layer.msg('服务器错误');
+                    }
+                });
+            },
+            isShow(show){
+                if(typeof show == 'boolean' && show){
+                    return show;
+                }else if(typeof show == 'string' && show){
+                    var that=this;
+                    Object.keys(this.config).forEach((key) => {
+                        show = show.replace(new RegExp(key, 'g'), 'that.config["'+key+'"]')
+                    })
+                    return eval(show);
+                }else{
+                    return true;
+                }
+            },
+            trim(str){
+                return str.replace(/(^\s*)|(\s*$)/g, "");
             }
         },
-        trim(str){
-            return str.replace(/(^\s*)|(\s*$)/g, "");
-        }
-    },
-});
+    });
 </script>
-{/block}
+{/block}
\ No newline at end of file
diff --git a/app/view/cert/certaccount.html b/app/view/cert/certaccount.html
old mode 100644
new mode 100755
index 776affa..8e94203
--- a/app/view/cert/certaccount.html
+++ b/app/view/cert/certaccount.html
@@ -1,93 +1,91 @@
 {extend name="common/layout" /}
 {block name="title"}SSL证书账户管理{/block}
 {block name="main"}
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-	<input type="text" class="form-control" name="kw" placeholder="账户名称或备注">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新SSL证书账户列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="/cert/account/add?deploy=0" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-</form>
-
-      <table id="listTable">
-	  </table>
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">SSL证书账户管理</h3>
     </div>
-  </div>
-</div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            <input type="text" class="form-control" name="kw" placeholder="账户名称或备注">
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新SSL证书账户列表"><i class="fa fa-refresh"></i> 刷新</a>
+        <a class="btn btn-success" href="/cert/account/add?deploy=0"><i class="fa fa-plus"></i> 添加</a>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    $(document).ready(function(){
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/cert/account/data?deploy=0',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'typename',
-				title: '所属平台',
-				formatter: function(value, row, index) {
-					return '<img src="/static/images/'+row.icon+'" class="type-logo"></img>'+value;
-				}
-			},
-			{
-				field: 'name',
-				title: '账户名称'
-			},
-			{
-				field: 'remark',
-				title: '备注'
-			},
-			{
-				field: 'addtime',
-				title: '添加时间'
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="/cert/account/edit?deploy=0&id='+row.id+'" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a> <a href="/cert/certorder?aid='+row.id+'" class="btn btn-default btn-xs">订单</a>';
-					return html;
-				}
-			},
-		]
-	})
-})
-function delItem(id){
-	layer.confirm('确定要删除此账户吗？', {
-		btn: ['确定','取消']
-	}, function(){
-		$.post('/cert/account/del', {id: id, deploy: 0}, function(data){
-			if(data.code == 0) {
-				layer.msg('删除成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.alert(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
+        $("#listTable").bootstrapTable({
+            url: '/cert/account/data?deploy=0',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'typename',
+                    title: '所属平台',
+                    formatter: function(value, row, index) {
+                        return '<img src="/static/images/'+row.icon+'" class="type-logo"></img>'+value;
+                    }
+                },
+                {
+                    field: 'name',
+                    title: '账户名称'
+                },
+                {
+                    field: 'remark',
+                    title: '备注'
+                },
+                {
+                    field: 'addtime',
+                    title: '添加时间'
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function(value, row, index) {
+                        var html = '<a href="/cert/account/edit?deploy=0&id='+row.id+'" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a> <a href="/cert/certorder?aid='+row.id+'" class="btn btn-default btn-xs">订单</a>';
+                        return html;
+                    }
+                },
+            ]
+        })
+    })
+    function delItem(id){
+        layer.confirm('确定要删除此账户吗？', {
+            btn: ['确定','取消']
+        }, function(){
+            $.post('/cert/account/del', {id: id, deploy: 0}, function(data){
+                if(data.code == 0) {
+                    layer.msg('删除成功', {icon: 1, time:800});
+                    $('#listTable').bootstrapTable('refresh');
+                } else {
+                    layer.alert(data.msg, {icon: 2});
+                }
+            }, 'json');
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/cert/certorder.html b/app/view/cert/certorder.html
old mode 100644
new mode 100755
index 12bbee0..ec9acde
--- a/app/view/cert/certorder.html
+++ b/app/view/cert/certorder.html
@@ -2,471 +2,477 @@
 {block name="title"}SSL证书订单列表{/block}
 {block name="main"}
 <style>
-tbody tr>td:nth-child(5){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:180px;}
-.tips{cursor:pointer;}
-textarea.form-control{margin-bottom: 3px;}
-hr{margin-top: 10px;margin-bottom: 15px;border-top: 1px solid #eee;}
-.modal-log{padding: 15px 15px 0 15px}
-pre.pre-log{height: 330px;overflow-y: auto;width: 100%;background-color: rgba(51, 51, 51, 1);white-space: pre-line;color: rgba(236, 236, 236, 1)}
+	#orderItem .orderTitle{word-break:keep-all;}
+	#orderItem .orderContent{word-break:break-all;}
+	.fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+	tbody tr>td:nth-child(5){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:180px;}
+	.tips{cursor:pointer;}
+	textarea.form-control{margin-bottom: 3px;}
+	hr{margin-top: 10px;margin-bottom: 15px;border-top: 1px solid #eee;}
+	.modal-log{padding: 15px 15px 0 15px}
+	pre.pre-log{height: 330px;overflow-y: auto;width: 100%;background-color: rgba(51, 51, 51, 1);white-space: pre-line;color: rgba(236, 236, 236, 1)}
 </style>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-	<input type="hidden" name="id" value="">
-	<input type="hidden" name="aid" value="">
-  <div class="form-group">
-	<label>搜索</label>
-	<div class="form-group">
-		<input type="text" class="form-control" name="domain" placeholder="域名">
-	  </div>
-  </div>
-  <div class="form-group">
-	<select name="type" class="form-control"><option value="">所有平台</option>{foreach $types as $k=>$v}
-		<option value="{$k}">{$v}</option>
-	{/foreach}</select>
-  </div>
-  <div class="form-group">
-	<select name="status" class="form-control"><option value="">所有状态</option><option value="0">待提交</option><option value="1">待验证</option><option value="2">正在验证</option><option value="5">失败</option><option value="3">已签发</option><option value="4">已吊销</option><option value="6">即将过期</option><option value="7">已过期</option></select>
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新订单列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <div class="btn-group">
-	<a href="/cert/order/add" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-  </div>
-  <div class="btn-group" role="group">
-	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量操作 <span class="caret"></span></button>
-	<ul class="dropdown-menu"><li><a href="javascript:operation('delete')">删除</a></li><li><a href="javascript:operation('reset')">重置订单</a></li><li><a href="javascript:operation('open')">开启续签</a></li><li><a href="javascript:operation('close')">关闭续签</a></li></ul>
-  </div>
-  
-</form>
-
-      <table id="listTable">
-	  </table>
-    </div>
-  </div>
-</div>
+<div class="panel panel-default">
+	<div class="panel-heading font-bold">
+		<h3 class="panel-title">SSL证书订单列表</h3>
+	</div>
+	<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
+		<input type="hidden" name="id" value="">
+		<input type="hidden" name="aid" value="">
+		<div class="form-group">
+			<input type="text" class="form-control" name="domain" placeholder="域名">
+		</div>
+		<div class="form-group">
+			<select name="type" class="form-control">
+				<option value="">所有平台</option>
+				{foreach $types as $k=>$v}
+					<option value="{$k}">{$v}</option>
+				{/foreach}
+			</select>
+		</div>
+		<div class="form-group">
+			<select name="status" class="form-control">
+				<option value="">所有状态</option>
+				<option value="0">待提交</option>
+				<option value="1">待验证</option>
+				<option value="2">正在验证</option>
+				<option value="5">失败</option>
+				<option value="3">已签发</option>
+				<option value="4">已吊销</option>
+				<option value="6">即将过期</option>
+				<option value="7">已过期</option>
+			</select>
+		</div>
+		<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
+		<a href="javascript:searchClear()" class="btn btn-default" title="刷新订单列表"><i class="fa fa-refresh"></i> 刷新</a>
+		<div class="btn-group">
+			<a href="/cert/order/add" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
+		</div>
+		<div class="btn-group" role="group">
+			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量操作 <span class="caret"></span></button>
+			<ul class="dropdown-menu"><li><a href="javascript:operation('delete')">删除</a></li><li><a href="javascript:operation('reset')">重置订单</a></li><li><a href="javascript:operation('open')">开启续签</a></li><li><a href="javascript:operation('close')">关闭续签</a></li></ul>
+		</div>
+	</form>
+	<table id="listTable">
+	</table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="{$cdnpublic}FileSaver.js/2.0.5/FileSaver.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 10;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+	$(document).ready(function(){
+		updateToolbar();
+		const defaultPageSize = 10;
+		const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+		const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/cert/order/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		uniqueId: 'id',
-		columns: [
-			{
-				field: '',
-				checkbox: true
-			},
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'typename',
-				title: '证书账户',
-				formatter: function(value, row, index) {
-					if(value){
-						return '<span title="'+row.aremark+'" data-toggle="tooltip" data-placement="right"><img src="/static/images/'+row.icon+'" class="type-logo">'+value+'('+row.aid+')</span>';
-					}
-					return '手动续期';
-				}
-			},
-			{
-				field: 'domains',
-				title: '绑定域名',
-				formatter: function(value, row, index) {
-					return value.join('<br/>');
-				}
-			},
-			{
-				field: 'keytype',
-				title: '证书信息',
-				formatter: function(value, row, index) {
-					return '<span class="text-muted">签名算法:</span>'+row.keytype+'('+row.keysize+')'+(row.issuer?'<br/><span class="text-muted">颁发机构:</span>'+row.issuer:'');
-				}
-			},
-			{
-				field: 'isauto',
-				title: '自动续签',
-				formatter: function(value, row, index) {
-					if(value == 1){
-						return '<div class="material-switch"><input id="isauto'+row.id+'" type="checkbox" checked onchange="setAuto('+row.id+',0)"/><label for="isauto'+row.id+'" class="label-primary"></label></div>';
-					}else{
-						return '<div class="material-switch"><input id="isauto'+row.id+'" type="checkbox" onchange="setAuto('+row.id+',1)"/><label for="isauto'+row.id+'" class="label-primary"></label></div>';
-					}
-				}
-			},
-			{
-				field: 'issuetime',
-				title: '签发时间',
-				formatter: function(value, row, index) {
-					return value ? value.substring(0,10) : '暂未签发';
-				}
-			},
-			{
-				field: 'end_day',
-				title: '到期时间',
-				formatter: function(value, row, index) {
-					if(value){
-						if(value > 7){
-							return '<span title="'+row.expiretime+'" data-toggle="tooltip" data-placement="right" style="color:green">剩余' + value + '天<span>';
-						}else if(value > 0){
-							return '<span title="'+row.expiretime+'" data-toggle="tooltip" data-placement="right" style="color:#ff7f00">剩余' + value + '天<span>';
-						}else{
-							return '<span title="'+row.expiretime+'" data-toggle="tooltip" data-placement="right" style="color:red">已过期<span>';
-						}
-					}else{
-						return '暂未签发';
-					}
-				}
-			},
-			{
-				field: 'status',
-				title: '状态',
-				formatter: function(value, row, index) {
-					if(value == 4) {
-						return '<span class="label" style="background-color: #a5a5a5;">已吊销</span>';
-					} else if(value == 3) {
-						return '<span class="label label-success">已签发</span>';
-					} else if(value == 2) {
-						if(row.retrytime != null){
-							var now = new Date().getTime();
-							var retry = new Date(row.retrytime).getTime();
-							var diff = retry - now;
-							if(diff > 0){
-								var min = Math.floor(diff / 60000);
-								var sec = Math.floor((diff - min * 60000) / 1000);
-								return '<span title="'+min+'分'+sec+'秒后自动验证" data-toggle="tooltip" data-placement="top" class="label" style="background-color: #3e76fb;">正在验证</span>';
-							}
-						}
-						return '<span class="label" style="background-color: #3e76fb;">正在验证</span>';
-					} else if(value == 1) {
-						if(row.retrytime != null){
-							var now = new Date().getTime();
-							var retry = new Date(row.retrytime).getTime();
-							var diff = retry - now;
-							if(diff > 0){
-								var min = Math.floor(diff / 60000);
-								var sec = Math.floor((diff - min * 60000) / 1000);
-								return '<span title="'+min+'分'+sec+'秒后自动验证" data-toggle="tooltip" data-placement="top" class="label" style="background-color: #3e76fb;">待验证</span>';
-							}
-						}
-						return '<span class="label" style="background-color: #3e76fb;">待验证</span>';
-					} else if(value == 0) {
-						return '<span class="label label-info">待提交</span>';
-					} else {
-						var title = '失败';
-						if(value == -1) title = '购买证书失败';
-						else if(value == -2) title = '创建订单失败';
-						else if(value == -3) title = '添加DNS失败';
-						else if(value == -4) title = '验证DNS失败';
-						else if(value == -5) title = '验证订单失败';
-						else if(value == -6) title = '订单验证未通过';
-						else if(value == -7) title = '签发证书失败';
-						if(row.retrytime != null){
-							var now = new Date().getTime();
-							var retry = new Date(row.retrytime).getTime();
-							var diff = retry - now;
-							if(diff > 0){
-								var min = Math.floor(diff / 60000);
-								var sec = Math.floor((diff - min * 60000) / 1000);
-								return '<span title="'+min+'分'+sec+'秒后自动重试" data-toggle="tooltip" data-placement="top" class="label label-danger">'+title+'</span>'+(row.error?' <span onclick="showmsg(\''+row.error+'\')" class="tips" title="失败原因"><i class="fa fa-info-circle"></i></span>':'');
-							}
-						}
-						return '<span class="label label-danger">'+title+'</span>'+(row.error?' <span onclick="showmsg(\''+row.error+'\')" class="tips" title="失败原因"><i class="fa fa-info-circle"></i></span>':'');
-					}
-				}
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '';
-					if(row.status == 0) {
-						html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 立即提交</a>&nbsp;&nbsp;';
-					}else if(row.status == 1) {
-						html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-check-circle"></i> 提交验证</a>&nbsp;&nbsp;';
-					}else if(row.status == 2) {
-						html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-check-circle"></i> 继续验证</a>&nbsp;&nbsp;';
-					}else if(row.status == 3) {
-						html += '<a href="javascript:download(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-download"></i> 下载</a>&nbsp;&nbsp;';
-						if(row.aid > 0){
-							html += '<a href="javascript:renewOrder(\''+row.id+'\')" class="btn btn-warning btn-xs"><i class="fa fa-refresh"></i> 续签</a>&nbsp;&nbsp;';
-						}
-					}else if(row.status == 4) {
-						html += '<a href="javascript:renewOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 重新申请</a>&nbsp;&nbsp;';
-					}else{
-						html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-repeat"></i> 重试</a>&nbsp;&nbsp;';
-					}
-					html += '<a href="/cert/order/edit?id='+row.id+'" class="btn btn-primary btn-xs"><i class="fa fa-edit"></i> 修改</a>&nbsp;&nbsp;';
-					html += '<div class="btn-group dropdown-group" role="group"><button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></button><ul class="dropdown-menu">';
-					html += '<li><a href="javascript:showLog(\''+row.processid+'\')">查看日志</a></li>';
-					if(row.status == 3){
-						html += '<li><a href="/cert/deploytask?oid='+row.id+'">部署任务</a></li>';
-						if(row.aid > 0){
-							html += '<li><a href="javascript:revokeOrder(\''+row.id+'\')">吊销证书</a></li>';
-						}
-					}else if(row.status < 0){
-						html += '<li><a href="javascript:resetOrder(\''+row.id+'\')">重置订单</a></li>';
-					}else if(row.status == 1 || row.status == 2){
-						html += '<li><a href="javascript:resetOrder(\''+row.id+'\')">取消订单</a></li>';
-					}
-					html += '<li><a href="javascript:delItem('+row.id+','+row.status+')">删除</a></li>';
-					html += '</ul></div>';
-					return html;
-				}
-			},
-		],
-		onLoadSuccess: function(data) {
-			$('[data-toggle="tooltip"]').tooltip()
-			$('.dropdown-group').on('show.bs.dropdown', function (e) {
-				var btnPos = $(e.target)[0].getBoundingClientRect();
-				var screenWidth = $(window).width();
-				var screenHeight = $(window).height();
-				var childrenWidth = $(e.target).children('.dropdown-menu').width();
-				var childrenHeight = $(e.target).children('.dropdown-menu').height();
-				var top = btnPos.bottom;
-				if(top + childrenHeight + 12 > screenHeight){
-					top = btnPos.top - childrenHeight - 12;
-				}
-				var left = btnPos.left;
-				if(left + childrenWidth + 7 > screenWidth){
-					left = screenWidth - childrenWidth - 7;
-				}
-				$(e.target).children('.dropdown-menu').css({position:'fixed', top:top, left:left});
-			});
-		}
-	})
-})
-function showmsg(msg){
-	layer.alert(msg, {icon: 0, title: '失败原因'});
-}
-function setAuto(id, status){
-	$.post('/cert/order/setauto', {id: id, isauto: status}, function(data){
-		if(data.code == 0) {
-			layer.msg('已'+(status==1?'开启':'关闭')+'自动续签', {icon: 1, time:800});
-			$('#listTable').bootstrapTable('refresh');
-		} else {
-			layer.msg(data.msg, {icon: 2});
-		}
-	}, 'json');
-}
-function delItem(id,status){
-	var msg = '确定要删除此证书订单吗？';
-	if(status == 3) msg += '删除后将无法再次下载证书';
-	layer.confirm(msg, {
-		btn: ['确定','取消']
-	}, function(){
-		$.post('/cert/order/del', {id: id}, function(data){
-			if(data.code == 0) {
-				layer.msg('删除成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.msg(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
-function doOrder(id, reset){
-	reset = reset || 0;
-	var ii = layer.msg('正在处理证书订单...', {icon: 16,shade: 0.1,time: 0});
-	$.ajax({
-		type: "POST",
-		url: "/cert/order/process",
-		data: {id: id, reset: reset},
-		dataType: 'json',
-		success: function(data) {
-			layer.close(ii);
-			if(data.code == 0) {
-				layer.alert(data.msg, {icon: 1});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				if(data.msg == '订单正在处理中，请稍后再试'){
-					layer.alert(data.msg, {icon: 2}, function(){
-						layer.closeAll();
-						var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
-						showLog(row.processid)
-					});
-				}else{
-					layer.alert(data.msg, {icon: 2});
-					$('#listTable').bootstrapTable('refresh');
-				}
-			}
-		},
-		error: function(data){
-			layer.close(ii);
-			layer.msg('执行超时，请稍后刷新列表或查看日志', {icon:0});
-		}
-	});
-}
-function resetOrder(id){
-	layer.confirm('重置订单后，订单将变成待提交状态，是否确定？', {
-		btn: ['确定','取消'], title: '重置订单', icon: 0
-	}, function(){
-		$.post('/cert/order/reset', {id: id}, function(data){
-			if(data.code == 0) {
-				layer.msg('重置订单状态成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.msg(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
-function revokeOrder(id){
-	layer.confirm('是否确定要吊销该证书？吊销后浏览器将不再信任该证书', {
-		btn: ['确定','取消'], title: '吊销证书', icon: 0
-	}, function(){
-		var ii = layer.load(2, {shade:[0.1,'#fff']});
-		$.post('/cert/order/revoke', {id: id}, function(data){
-			layer.close(ii);
-			if(data.code == 0) {
-				layer.alert('吊销证书成功！', {icon: 1});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.msg(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
-function renewOrder(id){
-	layer.confirm('是否确定重新申请该证书？', {
-		btn: ['确定','取消'], title: '续签证书', icon: 0
-	}, function(){
-		doOrder(id, 1);
-	});
-}
-function download(id){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.post('/cert/order/get', {id: id}, function(data){
-		layer.close(ii);
-		if(data.code == 0) {
-			layer.open({
-				type: 1,
-				title: '下载证书',
-				area: [$(window).width() > 768 ? '600px' : '100%', '360px'],
-				shadeClose: true,
-				content: '<div class="modal-body"><div class="row text-center"><div class="form-group col-xs-6"><label>证书(PEM格式)</label><textarea rows="6" class="form-control" name="fullchain">'+data.data.fullchain+'</textarea><a onclick="copy(\'fullchain\')" class="btn btn-default"><i class="fa fa-copy"></i> 复制</a>&nbsp;&nbsp;<a onclick="downloadFile(\'fullchain.crt\',\'fullchain\')" class="btn btn-default"><i class="fa fa-download"></i> 下载</a></div><div class="form-group col-xs-6"><label>私钥(PEM格式)</label><textarea rows="6" class="form-control" name="privatekey">'+data.data.privatekey+'</textarea><a onclick="copy(\'privatekey\')" class="btn btn-default"><i class="fa fa-copy"></i> 复制</a>&nbsp;&nbsp;<a onclick="downloadFile(\'private.key\',\'privatekey\')" class="btn btn-default"><i class="fa fa-download"></i> 下载</a></div></div><hr/><label>IIS服务器(pfx格式)：</label><input type="hidden" name="pfx" value="'+data.data.pfx+'"><a onclick="downloadPFX()" class="btn btn-default"><i class="fa fa-download"></i> 下载</a>（密码为123456）</div>',
-			});
-		} else {
-			layer.alert(data.msg, {icon: 2});
-		}
-	}, 'json');
-}
-function copy(obj){
-	$("textarea[name='"+obj+"']").select();
-	document.execCommand("Copy");
-	layer.msg('复制成功', {icon:1, time:600});
-}
-function downloadFile(filename,obj){
-	var content = $("textarea[name='"+obj+"']").val();
-	if(!content) return;
-	var blob = new Blob([content], {type: "application/force-download"});
-	saveAs(blob, filename);
-}
-function downloadPFX(id){
-	var content = $("input[name='pfx']").val();
-	if(!content) return;
-	var bstr = atob(content),
-	n = bstr.length,
-	u8arr = new Uint8Array(n)
-	while (n--) {
-		u8arr[n] = bstr.charCodeAt(n)
-	}
-	var filename = 'cert.pfx';
-	var blob = new Blob([u8arr], {type: "application/force-download"});
-	saveAs(blob, filename);
-}
-var intverval;
-function showLog(processid){
-	if(processid == '' || processid == 'null'){
-		layer.msg('暂无日志', {time: 600});
-		return;
-	}
-	$.post('/cert/order/show_log', {processid: processid}, function(data){
-		if(data.code == 0) {
-			layer.closeAll();
-			var filemtime = data.time;
-			layer.open({
-				type: 1,
-				title: '查看日志',
-				area: [$(window).width() > 768 ? '600px' : '100%', '400px'],
-				shadeClose: true,
-				resize: false,
-				content: '<div class="modal-log"><pre class="pre-log" id="execLog">'+data.data+'</pre></div>',
-				success: function(){
-					var exec_log = $('#execLog');
-					exec_log[0].scrollTop = exec_log[0].scrollHeight
-					intverval = setInterval(function(){
-						$.post('/cert/order/show_log', {processid: processid}, function(data){
-							if(data.code == 0 && data.time != filemtime) {
-								var exec_log = $('#execLog');
-								exec_log.html(data.data);
-								filemtime = data.time;
-								exec_log[0].scrollTop = exec_log[0].scrollHeight
-							}
-						}, 'json');
-					}, 1500)
+		$("#listTable").bootstrapTable({
+			url: '/cert/order/data',
+			pageNumber: pageNumber,
+			pageSize: pageSize,
+			classes: 'table table-striped table-hover table-bordered',
+			uniqueId: 'id',
+			columns: [
+				{
+					field: '',
+					checkbox: true
 				},
-				end: function(){
-					clearInterval(intverval);
+				{
+					field: 'id',
+					title: 'ID'
+				},
+				{
+					field: 'typename',
+					title: '证书账户',
+					formatter: function(value, row, index) {
+						if(value){
+							return '<span title="'+row.aremark+'" data-toggle="tooltip" data-placement="right"><img src="/static/images/'+row.icon+'" class="type-logo">'+value+'('+row.aid+')</span>';
+						}
+						return '手动续期';
+					}
+				},
+				{
+					field: 'domains',
+					title: '绑定域名',
+					formatter: function(value, row, index) {
+						return value.join('<br/>');
+					}
+				},
+				{
+					field: 'keytype',
+					title: '证书信息',
+					formatter: function(value, row, index) {
+						return '<span class="text-muted">签名算法:</span>'+row.keytype+'('+row.keysize+')'+(row.issuer?'<br/><span class="text-muted">颁发机构:</span>'+row.issuer:'');
+					}
+				},
+				{
+					field: 'isauto',
+					title: '自动续签',
+					formatter: function(value, row, index) {
+						if(value == 1){
+							return '<div class="material-switch"><input id="isauto'+row.id+'" type="checkbox" checked onchange="setAuto('+row.id+',0)"/><label for="isauto'+row.id+'" class="label-primary"></label></div>';
+						}else{
+							return '<div class="material-switch"><input id="isauto'+row.id+'" type="checkbox" onchange="setAuto('+row.id+',1)"/><label for="isauto'+row.id+'" class="label-primary"></label></div>';
+						}
+					}
+				},
+				{
+					field: 'issuetime',
+					title: '签发时间',
+					formatter: function(value, row, index) {
+						return value ? value.substring(0,10) : '暂未签发';
+					}
+				},
+				{
+					field: 'end_day',
+					title: '到期时间',
+					formatter: function(value, row, index) {
+						if(value){
+							if(value > 7){
+								return '<span title="'+row.expiretime+'" data-toggle="tooltip" data-placement="right" style="color:green">剩余' + value + '天<span>';
+							}else if(value > 0){
+								return '<span title="'+row.expiretime+'" data-toggle="tooltip" data-placement="right" style="color:#ff7f00">剩余' + value + '天<span>';
+							}else{
+								return '<span title="'+row.expiretime+'" data-toggle="tooltip" data-placement="right" style="color:red">已过期<span>';
+							}
+						}else{
+							return '暂未签发';
+						}
+					}
+				},
+				{
+					field: 'status',
+					title: '状态',
+					formatter: function(value, row, index) {
+						if(value == 4) {
+							return '<span class="label" style="background-color: #a5a5a5;">已吊销</span>';
+						} else if(value == 3) {
+							return '<span class="label label-success">已签发</span>';
+						} else if(value == 2) {
+							if(row.retrytime != null){
+								var now = new Date().getTime();
+								var retry = new Date(row.retrytime).getTime();
+								var diff = retry - now;
+								if(diff > 0){
+									var min = Math.floor(diff / 60000);
+									var sec = Math.floor((diff - min * 60000) / 1000);
+									return '<span title="'+min+'分'+sec+'秒后自动验证" data-toggle="tooltip" data-placement="top" class="label" style="background-color: #3e76fb;">正在验证</span>';
+								}
+							}
+							return '<span class="label" style="background-color: #3e76fb;">正在验证</span>';
+						} else if(value == 1) {
+							if(row.retrytime != null){
+								var now = new Date().getTime();
+								var retry = new Date(row.retrytime).getTime();
+								var diff = retry - now;
+								if(diff > 0){
+									var min = Math.floor(diff / 60000);
+									var sec = Math.floor((diff - min * 60000) / 1000);
+									return '<span title="'+min+'分'+sec+'秒后自动验证" data-toggle="tooltip" data-placement="top" class="label" style="background-color: #3e76fb;">待验证</span>';
+								}
+							}
+							return '<span class="label" style="background-color: #3e76fb;">待验证</span>';
+						} else if(value == 0) {
+							return '<span class="label label-info">待提交</span>';
+						} else {
+							var title = '失败';
+							if(value == -1) title = '购买证书失败';
+							else if(value == -2) title = '创建订单失败';
+							else if(value == -3) title = '添加DNS失败';
+							else if(value == -4) title = '验证DNS失败';
+							else if(value == -5) title = '验证订单失败';
+							else if(value == -6) title = '订单验证未通过';
+							else if(value == -7) title = '签发证书失败';
+							if(row.retrytime != null){
+								var now = new Date().getTime();
+								var retry = new Date(row.retrytime).getTime();
+								var diff = retry - now;
+								if(diff > 0){
+									var min = Math.floor(diff / 60000);
+									var sec = Math.floor((diff - min * 60000) / 1000);
+									return '<span title="'+min+'分'+sec+'秒后自动重试" data-toggle="tooltip" data-placement="top" class="label label-danger">'+title+'</span>'+(row.error?' <span onclick="showmsg(\''+row.error+'\')" class="tips" title="失败原因"><i class="fa fa-info-circle"></i></span>':'');
+								}
+							}
+							return '<span class="label label-danger">'+title+'</span>'+(row.error?' <span onclick="showmsg(\''+row.error+'\')" class="tips" title="失败原因"><i class="fa fa-info-circle"></i></span>':'');
+						}
+					}
+				},
+				{
+					field: 'action',
+					title: '操作',
+					formatter: function(value, row, index) {
+						var html = '';
+						if(row.status == 0) {
+							html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 立即提交</a>&nbsp;&nbsp;';
+						}else if(row.status == 1) {
+							html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-check-circle"></i> 提交验证</a>&nbsp;&nbsp;';
+						}else if(row.status == 2) {
+							html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-check-circle"></i> 继续验证</a>&nbsp;&nbsp;';
+						}else if(row.status == 3) {
+							html += '<a href="javascript:download(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-download"></i> 下载</a>&nbsp;&nbsp;';
+							if(row.aid > 0){
+								html += '<a href="javascript:renewOrder(\''+row.id+'\')" class="btn btn-warning btn-xs"><i class="fa fa-refresh"></i> 续签</a>&nbsp;&nbsp;';
+							}
+						}else if(row.status == 4) {
+							html += '<a href="javascript:renewOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 重新申请</a>&nbsp;&nbsp;';
+						}else{
+							html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-repeat"></i> 重试</a>&nbsp;&nbsp;';
+						}
+						html += '<a href="/cert/order/edit?id='+row.id+'" class="btn btn-primary btn-xs"><i class="fa fa-edit"></i> 修改</a>&nbsp;&nbsp;';
+						html += '<div class="btn-group dropdown-group" role="group"><button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></button><ul class="dropdown-menu">';
+						html += '<li><a href="javascript:showLog(\''+row.processid+'\')">查看日志</a></li>';
+						if(row.status == 3){
+							html += '<li><a href="/cert/deploytask?oid='+row.id+'">部署任务</a></li>';
+							if(row.aid > 0){
+								html += '<li><a href="javascript:revokeOrder(\''+row.id+'\')">吊销证书</a></li>';
+							}
+						}else if(row.status < 0){
+							html += '<li><a href="javascript:resetOrder(\''+row.id+'\')">重置订单</a></li>';
+						}else if(row.status == 1 || row.status == 2){
+							html += '<li><a href="javascript:resetOrder(\''+row.id+'\')">取消订单</a></li>';
+						}
+						html += '<li><a href="javascript:delItem('+row.id+','+row.status+')">删除</a></li>';
+						html += '</ul></div>';
+						return html;
+					}
+				},
+			],
+			onLoadSuccess: function(data) {
+				$('[data-toggle="tooltip"]').tooltip()
+				$('.dropdown-group').on('show.bs.dropdown', function (e) {
+					var btnPos = $(e.target)[0].getBoundingClientRect();
+					var screenWidth = $(window).width();
+					var screenHeight = $(window).height();
+					var childrenWidth = $(e.target).children('.dropdown-menu').width();
+					var childrenHeight = $(e.target).children('.dropdown-menu').height();
+					var top = btnPos.bottom;
+					if(top + childrenHeight + 12 > screenHeight){
+						top = btnPos.top - childrenHeight - 12;
+					}
+					var left = btnPos.left;
+					if(left + childrenWidth + 7 > screenWidth){
+						left = screenWidth - childrenWidth - 7;
+					}
+					$(e.target).children('.dropdown-menu').css({position:'fixed', top:top, left:left});
+				});
+			}
+		})
+	})
+	function showmsg(msg){
+		layer.alert(msg, {icon: 0, title: '失败原因'});
+	}
+	function setAuto(id, status){
+		$.post('/cert/order/setauto', {id: id, isauto: status}, function(data){
+			if(data.code == 0) {
+				layer.msg('已'+(status==1?'开启':'关闭')+'自动续签', {icon: 1, time:800});
+				$('#listTable').bootstrapTable('refresh');
+			} else {
+				layer.msg(data.msg, {icon: 2});
+			}
+		}, 'json');
+	}
+	function delItem(id,status){
+		var msg = '确定要删除此证书订单吗？';
+		if(status == 3) msg += '删除后将无法再次下载证书';
+		layer.confirm(msg, {
+			btn: ['确定','取消']
+		}, function(){
+			$.post('/cert/order/del', {id: id}, function(data){
+				if(data.code == 0) {
+					layer.msg('删除成功', {icon: 1, time:800});
+					$('#listTable').bootstrapTable('refresh');
+				} else {
+					layer.msg(data.msg, {icon: 2});
 				}
-			});
-		} else {
-			layer.msg(data.msg, {icon: 2, time: 600});
-		}
-	}, 'json');
-}
-function operation(action){
-	var rows = $("#listTable").bootstrapTable('getSelections');
-	if(rows.length == 0){
-		layer.msg('请选择要操作的订单');
-		return;
+			}, 'json');
+		});
 	}
-	var ids = [];
-	for(var i in rows){
-		ids.push(rows[i].id);
+	function doOrder(id, reset){
+		reset = reset || 0;
+		var ii = layer.msg('正在处理证书订单...', {icon: 16,shade: 0.1,time: 0});
+		$.ajax({
+			type: "POST",
+			url: "/cert/order/process",
+			data: {id: id, reset: reset},
+			dataType: 'json',
+			success: function(data) {
+				layer.close(ii);
+				if(data.code == 0) {
+					layer.alert(data.msg, {icon: 1});
+					$('#listTable').bootstrapTable('refresh');
+				} else {
+					if(data.msg == '订单正在处理中，请稍后再试'){
+						layer.alert(data.msg, {icon: 2}, function(){
+							layer.closeAll();
+							var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
+							showLog(row.processid)
+						});
+					}else{
+						layer.alert(data.msg, {icon: 2});
+						$('#listTable').bootstrapTable('refresh');
+					}
+				}
+			},
+			error: function(data){
+				layer.close(ii);
+				layer.msg('执行超时，请稍后刷新列表或查看日志', {icon:0});
+			}
+		});
 	}
-	if(action == 'delete'){
-		if(!confirm('确定要删除所选证书吗？删除后将无法再次下载')) return;
-	}else if(action == 'reset'){
-		if(!confirm('重置订单后，订单将变成待提交状态，是否确定重置？')) return;
+	function resetOrder(id){
+		layer.confirm('重置订单后，订单将变成待提交状态，是否确定？', {
+			btn: ['确定','取消'], title: '重置订单', icon: 0
+		}, function(){
+			$.post('/cert/order/reset', {id: id}, function(data){
+				if(data.code == 0) {
+					layer.msg('重置订单状态成功', {icon: 1, time:800});
+					$('#listTable').bootstrapTable('refresh');
+				} else {
+					layer.msg(data.msg, {icon: 2});
+				}
+			}, 'json');
+		});
 	}
-
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/cert/order/operation',
-		data : {act: action, ids: ids},
-		dataType : 'json',
-		success : function(data) {
+	function revokeOrder(id){
+		layer.confirm('是否确定要吊销该证书？吊销后浏览器将不再信任该证书', {
+			btn: ['确定','取消'], title: '吊销证书', icon: 0
+		}, function(){
+			var ii = layer.load(2, {shade:[0.1,'#fff']});
+			$.post('/cert/order/revoke', {id: id}, function(data){
+				layer.close(ii);
+				if(data.code == 0) {
+					layer.alert('吊销证书成功！', {icon: 1});
+					$('#listTable').bootstrapTable('refresh');
+				} else {
+					layer.msg(data.msg, {icon: 2});
+				}
+			}, 'json');
+		});
+	}
+	function renewOrder(id){
+		layer.confirm('是否确定重新申请该证书？', {
+			btn: ['确定','取消'], title: '续签证书', icon: 0
+		}, function(){
+			doOrder(id, 1);
+		});
+	}
+	function download(id){
+		var ii = layer.load(2, {shade:[0.1,'#fff']});
+		$.post('/cert/order/get', {id: id}, function(data){
 			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				layer.alert(data.msg, {icon: 1});
-				searchRefresh();
-			}else{
+			if(data.code == 0) {
+				layer.open({
+					type: 1,
+					title: '下载证书',
+					area: [$(window).width() > 768 ? '600px' : '100%', '360px'],
+					shadeClose: true,
+					content: '<div class="modal-body"><div class="row text-center"><div class="form-group col-xs-6"><label>证书(PEM格式)</label><textarea rows="6" class="form-control" name="fullchain">'+data.data.fullchain+'</textarea><a onclick="copy(\'fullchain\')" class="btn btn-default"><i class="fa fa-copy"></i> 复制</a>&nbsp;&nbsp;<a onclick="downloadFile(\'fullchain.crt\',\'fullchain\')" class="btn btn-default"><i class="fa fa-download"></i> 下载</a></div><div class="form-group col-xs-6"><label>私钥(PEM格式)</label><textarea rows="6" class="form-control" name="privatekey">'+data.data.privatekey+'</textarea><a onclick="copy(\'privatekey\')" class="btn btn-default"><i class="fa fa-copy"></i> 复制</a>&nbsp;&nbsp;<a onclick="downloadFile(\'private.key\',\'privatekey\')" class="btn btn-default"><i class="fa fa-download"></i> 下载</a></div></div><hr/><label>IIS服务器(pfx格式)：</label><input type="hidden" name="pfx" value="'+data.data.pfx+'"><a onclick="downloadPFX()" class="btn btn-default"><i class="fa fa-download"></i> 下载</a>（密码为123456）</div>',
+				});
+			} else {
 				layer.alert(data.msg, {icon: 2});
 			}
+		}, 'json');
+	}
+	function copy(obj){
+		$("textarea[name='"+obj+"']").select();
+		document.execCommand("Copy");
+		layer.msg('复制成功', {icon:1, time:600});
+	}
+	function downloadFile(filename,obj){
+		var content = $("textarea[name='"+obj+"']").val();
+		if(!content) return;
+		var blob = new Blob([content], {type: "application/force-download"});
+		saveAs(blob, filename);
+	}
+	function downloadPFX(id){
+		var content = $("input[name='pfx']").val();
+		if(!content) return;
+		var bstr = atob(content),
+				n = bstr.length,
+				u8arr = new Uint8Array(n)
+		while (n--) {
+			u8arr[n] = bstr.charCodeAt(n)
 		}
-	});
-}
+		var filename = 'cert.pfx';
+		var blob = new Blob([u8arr], {type: "application/force-download"});
+		saveAs(blob, filename);
+	}
+	var intverval;
+	function showLog(processid){
+		if(processid == '' || processid == 'null'){
+			layer.msg('暂无日志', {time: 600});
+			return;
+		}
+		$.post('/cert/order/show_log', {processid: processid}, function(data){
+			if(data.code == 0) {
+				layer.closeAll();
+				var filemtime = data.time;
+				layer.open({
+					type: 1,
+					title: '查看日志',
+					area: [$(window).width() > 768 ? '600px' : '100%', '400px'],
+					shadeClose: true,
+					resize: false,
+					content: '<div class="modal-log"><pre class="pre-log" id="execLog">'+data.data+'</pre></div>',
+					success: function(){
+						var exec_log = $('#execLog');
+						exec_log[0].scrollTop = exec_log[0].scrollHeight
+						intverval = setInterval(function(){
+							$.post('/cert/order/show_log', {processid: processid}, function(data){
+								if(data.code == 0 && data.time != filemtime) {
+									var exec_log = $('#execLog');
+									exec_log.html(data.data);
+									filemtime = data.time;
+									exec_log[0].scrollTop = exec_log[0].scrollHeight
+								}
+							}, 'json');
+						}, 1500)
+					},
+					end: function(){
+						clearInterval(intverval);
+					}
+				});
+			} else {
+				layer.msg(data.msg, {icon: 2, time: 600});
+			}
+		}, 'json');
+	}
+	function operation(action){
+		var rows = $("#listTable").bootstrapTable('getSelections');
+		if(rows.length == 0){
+			layer.msg('请选择要操作的订单');
+			return;
+		}
+		var ids = [];
+		for(var i in rows){
+			ids.push(rows[i].id);
+		}
+		if(action == 'delete'){
+			if(!confirm('确定要删除所选证书吗？删除后将无法再次下载')) return;
+		}else if(action == 'reset'){
+			if(!confirm('重置订单后，订单将变成待提交状态，是否确定重置？')) return;
+		}
+
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/cert/order/operation',
+			data : {act: action, ids: ids},
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					layer.closeAll();
+					layer.alert(data.msg, {icon: 1});
+					searchRefresh();
+				}else{
+					layer.alert(data.msg, {icon: 2});
+				}
+			}
+		});
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/cert/certset.html b/app/view/cert/certset.html
old mode 100644
new mode 100755
index e54d1ac..3492244
--- a/app/view/cert/certset.html
+++ b/app/view/cert/certset.html
@@ -2,119 +2,114 @@
 {block name="title"}SSL证书计划任务{/block}
 {block name="main"}
 <div class="row">
-<div class="col-xs-12 col-sm-8 col-lg-6 center-block" style="float: none;">
-<div class="panel panel-warning">
-<div class="panel-heading"><h3 class="panel-title">计划任务说明</h3></div>
-<div class="panel-body">
-  <p><li>计划任务：将以下命令添加到计划任务，1分钟1次</li></p>
-  <p><code>cd {:app()->getRootPath()} && php think certtask</code></p>
-  <p><li>上次运行时间：<font color="green">{:config_get('certtask_time', '未运行', true)}</font></li></p>
-</div>
-</div>
-
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">自动续签设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">到期前续签天数</label>
-	  <div class="col-sm-9"><input type="text" name="cert_renewdays" value="{:config_get('cert_renewdays', '7')}" class="form-control" placeholder="证书到期前多少天自动续签"/></div>
+	<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
+		<div class="panel panel-warning">
+			<div class="panel-heading"><h3 class="panel-title">计划任务说明</h3></div>
+			<div class="panel-body">
+				<p>计划任务：将以下命令添加到计划任务，1分钟1次</p>
+				<p><code>cd {:app()->getRootPath()} && php think certtask</code></p>
+				<p>上次运行时间：<font color="green">{:config_get('certtask_time', '未运行', true)}</font></p>
+			</div>
+		</div>
+		<div class="panel panel-info">
+			<div class="panel-heading"><h3 class="panel-title">自动续签设置</h3></div>
+			<div class="panel-body">
+				<form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">到期前续签天数</label>
+						<div class="col-sm-9"><input type="text" name="cert_renewdays" value="{:config_get('cert_renewdays', '7')}" class="form-control" placeholder="证书到期前多少天自动续签"/></div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9">
+							<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				提示：只有已开启自动续签的证书，才会自动续签。
+			</div>
+		</div>
+		<div class="panel panel-info">
+			<div class="panel-heading"><h3 class="panel-title">自动部署设置</h3></div>
+			<div class="panel-body">
+				<form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">部署任务运行时段（小时）</label>
+						<div class="col-sm-9"><div class="input-group"><select class="form-control" name="deploy_hour_start" default="{:config_get('deploy_hour_start', '0')}">{for start="0" end="24"}<option value="{$i}">{$i}</option>{/for}</select><span class="input-group-addon">—</span><select class="form-control" name="deploy_hour_end" default="{:config_get('deploy_hour_end', '23')}">{for start="0" end="24"}<option value="{$i}">{$i}</option>{/for}</select></div></div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9">
+							<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="panel panel-info">
+			<div class="panel-heading"><h3 class="panel-title">通知设置</h3></div>
+			<div class="panel-body">
+				<form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">邮件通知</label>
+						<div class="col-sm-9"><select class="form-control" name="cert_notice_mail" default="{:config_get('cert_notice_mail')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">微信公众号通知</label>
+						<div class="col-sm-9"><select class="form-control" name="cert_notice_wxtpl" default="{:config_get('cert_notice_wxtpl')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Telegram机器人通知</label>
+						<div class="col-sm-9"><select class="form-control" name="cert_notice_tgbot" default="{:config_get('cert_notice_tgbot')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">群机器人Webhook</label>
+						<div class="col-sm-9"><select class="form-control" name="cert_notice_webhook" default="{:config_get('cert_notice_webhook')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9"><input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/></div>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				开启后，将在证书签发成功/失败，自动部署任务成功/失败时发送通知。只有计划任务执行会发送通知，控制台手动执行的不会发送。
+			</div>
+		</div>
 	</div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9">
-		<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
-	  </div>
-	</div>
-  </form>
-</div>
-<div class="panel-footer">
-	<li>提示：只有已开启自动续签的证书，才会自动续签。</li>
-</div>
-</div>
-
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">自动部署设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">部署任务运行时段（小时）</label>
-	  <div class="col-sm-9"><div class="input-group"><select class="form-control" name="deploy_hour_start" default="{:config_get('deploy_hour_start', '0')}">{for start="0" end="24"}<option value="{$i}">{$i}</option>{/for}</select><span class="input-group-addon">—</span><select class="form-control" name="deploy_hour_end" default="{:config_get('deploy_hour_end', '23')}">{for start="0" end="24"}<option value="{$i}">{$i}</option>{/for}</select></div></div>
-	</div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9">
-		<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
-	  </div>
-	</div>
-  </form>
-</div>
-</div>
-
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">通知设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">邮件通知</label>
-	  <div class="col-sm-9"><select class="form-control" name="cert_notice_mail" default="{:config_get('cert_notice_mail')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">微信公众号通知</label>
-	  <div class="col-sm-9"><select class="form-control" name="cert_notice_wxtpl" default="{:config_get('cert_notice_wxtpl')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
-	</div>
-	<div class="form-group">
-		<label class="col-sm-3 control-label">Telegram机器人通知</label>
-		<div class="col-sm-9"><select class="form-control" name="cert_notice_tgbot" default="{:config_get('cert_notice_tgbot')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
-	  </div>
-	  <div class="form-group">
-		<label class="col-sm-3 control-label">群机器人Webhook</label>
-		<div class="col-sm-9"><select class="form-control" name="cert_notice_webhook" default="{:config_get('cert_notice_webhook')}"><option value="0">关闭</option><option value="1">开启</option><option value="2">开启(仅失败时)</option></select></div>
-	  </div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9"><input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/></div>
-	</div>
-  </form>
-</div>
-<div class="panel-footer">
-	<li>开启后，将在证书签发成功/失败，自动部署任务成功/失败时发送通知。只有计划任务执行会发送通知，控制台手动执行的不会发送。</li>
-</div>
-</div>
-
-</div>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-var items = $("select[default]");
-for (i = 0; i < items.length; i++) {
-	$(items[i]).val($(items[i]).attr("default")||0);
-}
-function saveSetting(obj){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '/system/set',
-		data : $(obj).serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert('设置保存成功！', {
-					icon: 1,
-					closeBtn: false
-				}, function(){
-				  window.location.reload()
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
+	var items = $("select[default]");
+	for (i = 0; i < items.length; i++) {
+		$(items[i]).val($(items[i]).attr("default")||0);
+	}
+	function saveSetting(obj){
+		var ii = layer.load(2, {shade:[0.1,'#fff']});
+		$.ajax({
+			type : 'POST',
+			url : '/system/set',
+			data : $(obj).serialize(),
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					layer.alert('设置保存成功！', {
+						icon: 1,
+						closeBtn: false
+					}, function(){
+						window.location.reload()
+					});
+				}else{
+					layer.alert(data.msg, {icon: 2})
+				}
+			},
+			error:function(data){
+				layer.close(ii);
+				layer.msg('服务器错误');
 			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-	return false;
-}
+		});
+		return false;
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/cert/cname.html b/app/view/cert/cname.html
old mode 100644
new mode 100755
index 9393d4f..f009a58
--- a/app/view/cert/cname.html
+++ b/app/view/cert/cname.html
@@ -2,19 +2,22 @@
 {block name="title"}CMAME代理记录管理{/block}
 {block name="main"}
 <style>
-.copy-btn{color:#52c41a;cursor:pointer;margin-right: 5px;}
-.copy-btn:hover{color:#85ef79;}
-.btn-refresh{margin-left:5px;font-size:10px;background-color:#6896cf}
-tbody tr>td:nth-child(3){word-break:break-all;max-width:180px;}
-tbody tr>td:nth-child(4){word-break:break-all;max-width:260px;}
+	#orderItem .orderTitle{word-break:keep-all;}
+	#orderItem .orderContent{word-break:break-all;}
+	.fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+	.copy-btn{color:#52c41a;cursor:pointer;margin-right: 5px;}
+	.copy-btn:hover{color:#85ef79;}
+	.btn-refresh{margin-left:5px;font-size:10px;background-color:#6896cf}
+	tbody tr>td:nth-child(3){word-break:break-all;max-width:180px;}
+	tbody tr>td:nth-child(4){word-break:break-all;max-width:260px;}
 </style>
 <div class="modal" id="modal-store" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
 			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
+				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
+					<span aria-hidden="true">&times;</span>
+				</button>
 				<h4 class="modal-title" id="modal-title">添加CNAME代理</h4>
 			</div>
 			<div class="modal-body">
@@ -29,13 +32,16 @@ tbody tr>td:nth-child(4){word-break:break-all;max-width:260px;}
 					</div>
 					<div class="form-group">
 						<label class="col-sm-3 control-label">CNAME记录值</label>
-						<div class="col-sm-9"><div class="input-group">
-						<input type="text" name="rr" placeholder="自定义主机记录" class="form-control" required><span class="input-group-addon">.</span>
-						<select name="did" class="form-control" required>
-							{foreach $domains as $k=>$v}
-								<option value="{$k}">{$v}</option>
-							{/foreach}
-						</select></div></div>
+						<div class="col-sm-9">
+							<div class="input-group">
+								<input type="text" name="rr" placeholder="自定义主机记录" class="form-control" required><span class="input-group-addon">.</span>
+								<select name="did" class="form-control" required>
+									{foreach $domains as $k=>$v}
+									<option value="{$k}">{$v}</option>
+									{/foreach}
+								</select>
+							</div>
+						</div>
 					</div>
 				</form>
 			</div>
@@ -46,200 +52,198 @@ tbody tr>td:nth-child(4){word-break:break-all;max-width:260px;}
 		</div>
 	</div>
 </div>
-<div class="panel panel-default"><div class="panel-body"><p>CNAME代理可以让未在本系统添加的域名自动申请SSL证书，支持所有DNS服务商。</p><p>注：仅支持基于ACME的证书类型，不支持腾讯云等云厂商SSL证书。</p></div></div>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
+<div class="panel panel-default">
 	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-	<input type="text" class="form-control" name="kw" placeholder="被代理域名">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="javascript:addframe()" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-</form>
-
-      <table id="listTable">
-	  </table>
-    </div>
-  </div>
+		<p>CNAME代理可以让未在本系统添加的域名自动申请SSL证书，支持所有DNS服务商。</p>
+		<p>注：仅支持基于ACME的证书类型，不支持腾讯云等云厂商SSL证书。</p>
+	</div>
 </div>
+<div class="panel panel-default">
+	<div class="panel-heading font-bold">
+		<h3 class="panel-title">CMAME代理记录管理</h3>
+	</div>
+	<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
+		<div class="form-group">
+			<input type="text" class="form-control" name="kw" placeholder="被代理域名">
+		</div>
+		<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
+		<a href="javascript:searchClear()" class="btn btn-default" title="刷新列表"><i class="fa fa-refresh"></i> 刷新</a>
+		<a href="javascript:addframe()" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
+	</form>
+	<table id="listTable">
+	</table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}clipboard.js/1.7.1/clipboard.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+	$(document).ready(function(){
+		updateToolbar();
+		const defaultPageSize = 15;
+		const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+		const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/cert/cname/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		uniqueId: 'id',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'domain',
-				title: '被代理域名'
-			},
-			{
-				field: 'host',
-				title: '主机记录',
-				formatter: function(value, row, index) {
-					return value + '<a href="javascript:;" data-clipboard-text="'+value+'" class="copy-btn pull-right"><i class="fa fa-copy"></i></a>';
-				}
-			},
-			{
-				field: 'record',
-				title: 'CNAME记录值',
-				formatter: function(value, row, index) {
-					return value + '<a href="javascript:;" data-clipboard-text="'+value+'" class="copy-btn pull-right"><i class="fa fa-copy"></i></a>';
-				}
-			},
-			{
-				field: 'status',
-				title: '状态',
-				formatter: function(value, row, index) {
-					var html = '';
-					if(value == 1) {
-						html += '<span class="label label-success">已验证</span>';
-					} else {
-						html += '<span class="label label-warning">未验证</span>';
+		$("#listTable").bootstrapTable({
+			url: '/cert/cname/data',
+			pageNumber: pageNumber,
+			pageSize: pageSize,
+			classes: 'table table-striped table-hover table-bordered',
+			uniqueId: 'id',
+			columns: [
+				{
+					field: 'id',
+					title: 'ID'
+				},
+				{
+					field: 'domain',
+					title: '被代理域名'
+				},
+				{
+					field: 'host',
+					title: '主机记录',
+					formatter: function(value, row, index) {
+						return value + '<a href="javascript:;" data-clipboard-text="'+value+'" class="copy-btn pull-right"><i class="fa fa-copy"></i></a>';
 					}
-					html += '<a href="javascript:checkItem('+row.id+')" title="立即验证" class="btn btn-primary btn-xs btn-refresh"><i class="fa fa-refresh"></i></a>';
-					return html;
-				}
-			},
-			{
-				field: 'addtime',
-				title: '添加时间'
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="javascript:editframe('+row.id+')" class="btn btn-primary btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a>';
-					return html;
-				}
-			},
-		],
-		onLoadSuccess: function(data){
-			var clipboard = new Clipboard('.copy-btn');
-			clipboard.on('success', function (e) {
-				layer.msg('复制成功！', {icon: 1, time: 600});
-			});
-			clipboard.on('error', function (e) {
-				layer.msg('复制失败', {icon: 2});
-			});
-		},
-	})
-})
-function addframe(){
-	$("#modal-store").modal('show');
-	$("#modal-title").html("添加CNAME代理");
-	$("#form-store input[name=action]").val("add");
-	$("#form-store input[name=id]").val('');
-	$("#form-store input[name=domain]").val('');
-	$("#form-store input[name=domain]").prop('readonly', false);
-	$("#form-store input[name=rr]").val('');
-	var defaultDid = getCookie('cname_did');
-	if(defaultDid){
-		$("#form-store select[name=did]").val(defaultDid);
-	}
-}
-function editframe(id){
-	var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
-	$("#modal-store").modal('show');
-	$("#modal-title").html("修改CNAME代理");
-	$("#form-store input[name=action]").val("edit");
-	$("#form-store input[name=id]").val(id);
-	$("#form-store input[name=domain]").val(row.domain);
-	$("#form-store input[name=domain]").prop('readonly', true);
-	$("#form-store input[name=rr]").val(row.rr);
-	$("#form-store select[name=did]").val(row.did);
-}
-function changeDomain(obj){
-	var domain = $(obj).val();
-	if(domain == '') {
-		$("#form-store input[name=rr]").val('');
-		return;
-	}
-	var rr = domain.replace(/\./g, '-') + '.cname';
-	$("#form-store input[name=rr]").val(rr);
-}
-function save(){
-	if($("#form-store input[name=domain]").val()=='' || $("#form-store input[name=rr]").val()==''){
-		layer.alert('请确保各项不能为空！');return false;
-	}
-	var act = $("#form-store input[name=action]").val();
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/cert/cname/'+act,
-		data : $("#form-store").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				setCookie('cname_did', $("#form-store select[name=did]").val(), 2562000);
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					layer.closeAll();
-					$("#modal-store").modal('hide');
-					searchRefresh();
+				},
+				{
+					field: 'record',
+					title: 'CNAME记录值',
+					formatter: function(value, row, index) {
+						return value + '<a href="javascript:;" data-clipboard-text="'+value+'" class="copy-btn pull-right"><i class="fa fa-copy"></i></a>';
+					}
+				},
+				{
+					field: 'status',
+					title: '状态',
+					formatter: function(value, row, index) {
+						var html = '';
+						if(value == 1) {
+							html += '<span class="label label-success">已验证</span>';
+						} else {
+							html += '<span class="label label-warning">未验证</span>';
+						}
+						html += '<a href="javascript:checkItem('+row.id+')" title="立即验证" class="btn btn-primary btn-xs btn-refresh"><i class="fa fa-refresh"></i></a>';
+						return html;
+					}
+				},
+				{
+					field: 'addtime',
+					title: '添加时间'
+				},
+				{
+					field: 'action',
+					title: '操作',
+					formatter: function(value, row, index) {
+						var html = '<a href="javascript:editframe('+row.id+')" class="btn btn-primary btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a>';
+						return html;
+					}
+				},
+			],
+			onLoadSuccess: function(data){
+				var clipboard = new Clipboard('.copy-btn');
+				clipboard.on('success', function (e) {
+					layer.msg('复制成功！', {icon: 1, time: 600});
 				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
+				clipboard.on('error', function (e) {
+					layer.msg('复制失败', {icon: 2});
+				});
+			},
+		})
+	})
+	function addframe(){
+		$("#modal-store").modal('show');
+		$("#modal-title").html("添加CNAME代理");
+		$("#form-store input[name=action]").val("add");
+		$("#form-store input[name=id]").val('');
+		$("#form-store input[name=domain]").val('');
+		$("#form-store input[name=domain]").prop('readonly', false);
+		$("#form-store input[name=rr]").val('');
+		var defaultDid = getCookie('cname_did');
+		if(defaultDid){
+			$("#form-store select[name=did]").val(defaultDid);
 		}
-	});
-}
-function delItem(id){
-	layer.confirm('确定要删除此CNAME代理记录吗？', {
-		btn: ['确定','取消']
-	}, function(){
-		$.post('/cert/cname/del', {id: id}, function(data){
+	}
+	function editframe(id){
+		var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
+		$("#modal-store").modal('show');
+		$("#modal-title").html("修改CNAME代理");
+		$("#form-store input[name=action]").val("edit");
+		$("#form-store input[name=id]").val(id);
+		$("#form-store input[name=domain]").val(row.domain);
+		$("#form-store input[name=domain]").prop('readonly', true);
+		$("#form-store input[name=rr]").val(row.rr);
+		$("#form-store select[name=did]").val(row.did);
+	}
+	function changeDomain(obj){
+		var domain = $(obj).val();
+		if(domain == '') {
+			$("#form-store input[name=rr]").val('');
+			return;
+		}
+		var rr = domain.replace(/\./g, '-') + '.cname';
+		$("#form-store input[name=rr]").val(rr);
+	}
+	function save(){
+		if($("#form-store input[name=domain]").val()=='' || $("#form-store input[name=rr]").val()==''){
+			layer.alert('请确保各项不能为空！');return false;
+		}
+		var act = $("#form-store input[name=action]").val();
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/cert/cname/'+act,
+			data : $("#form-store").serialize(),
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					setCookie('cname_did', $("#form-store select[name=did]").val(), 2562000);
+					layer.alert(data.msg,{
+						icon: 1,
+						closeBtn: false
+					}, function(){
+						layer.closeAll();
+						$("#modal-store").modal('hide');
+						searchRefresh();
+					});
+				}else{
+					layer.alert(data.msg, {icon: 2})
+				}
+			}
+		});
+	}
+	function delItem(id){
+		layer.confirm('确定要删除此CNAME代理记录吗？', {
+			btn: ['确定','取消']
+		}, function(){
+			$.post('/cert/cname/del', {id: id}, function(data){
+				if(data.code == 0) {
+					layer.msg('删除成功', {icon: 1, time:800});
+					searchRefresh();
+				} else {
+					layer.msg(data.msg, {icon: 2});
+				}
+			}, 'json');
+		});
+	}
+	function checkItem(id){
+		var ii = layer.load(2);
+		$.post('/cert/cname/check', {id: id}, function(data){
+			layer.close(ii);
 			if(data.code == 0) {
-				layer.msg('删除成功', {icon: 1, time:800});
+				if(data.status == 1){
+					layer.alert('验证已通过！', {icon: 6});
+				}else{
+					layer.alert('验证未通过，请按要求添加CNAME解析', {icon: 5});
+				}
 				searchRefresh();
 			} else {
-				layer.msg(data.msg, {icon: 2});
+				layer.alert(data.msg, {icon: 2});
 			}
 		}, 'json');
-	});
-}
-function checkItem(id){
-	var ii = layer.load(2);
-	$.post('/cert/cname/check', {id: id}, function(data){
-		layer.close(ii);
-		if(data.code == 0) {
-			if(data.status == 1){
-				layer.alert('验证已通过！', {icon: 6});
-			}else{
-				layer.alert('验证未通过，请按要求添加CNAME解析', {icon: 5});
-			}
-			searchRefresh();
-		} else {
-			layer.alert(data.msg, {icon: 2});
-		}
-	}, 'json');
-}
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/cert/deploy_form.html b/app/view/cert/deploy_form.html
old mode 100644
new mode 100755
index 499976f..b172e14
--- a/app/view/cert/deploy_form.html
+++ b/app/view/cert/deploy_form.html
@@ -2,146 +2,171 @@
 {block name="title"}自动部署任务{/block}
 {block name="main"}
 <style>
-.tips{color: #f6a838; padding-left: 5px;}
-.input-note{color: green;}
-.control-label[is-required]:before {
-    content: "*";
-    color: #f56c6c;
-    margin-right: 4px;
-}
+    .tips{color: #f6a838; padding-left: 5px;}
+    .input-note{color: green;}
+    .control-label[is-required]:before {
+        content: "*";
+        color: #f56c6c;
+        margin-right: 4px;
+    }
 </style>
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/cert/deploytask" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}自动部署任务</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="accountform">
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right" is-required>自动部署账户</label>
-        <div class="col-sm-6"><select name="aid" v-model="set.aid" class="form-control" required :disabled="action=='edit'">
-            <option value="">--选择自动部署账户--</option>
-            {foreach $accounts as $k=>$v}
-                <option value="{$k}" data-type="{$v.type}">{$v.name}</option>
-            {/foreach}
-        </select></div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right" is-required>关联SSL证书</label>
-        <div class="col-sm-6"><select name="oid" v-model="set.oid" class="form-control select2" placeholder="选择要部署的SSL证书">
-            {foreach $orders as $k=>$v}
-                <option value="{$k}">{$v.name}</option>
-            {/foreach}
-        </select></div>
-    </div>
-    <div v-for="(item,name) in inputs" v-show="isShow(item.show)">
-        <div class="form-group" v-if="item.type=='input'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <input type="text" class="form-control" :name="name" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled" :data-bv-id="item.validator=='id'" :data-bv-phone="item.validator=='phone'" :data-bv-numeric="item.validator=='numeric'" :data-bv-digits="item.validator=='digits'" :data-bv-integer="item.validator=='integer'" :data-bv-email="item.validator=='email'" :data-bv-uri="item.validator=='uri'" :min="item.min" :max="item.max"><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='textarea'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <textarea class="form-control" :name="name" rows="5" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled"></textarea><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='select'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <select class="form-control" :name="name" v-model="config[name]" :required="item.required" :disabled="item.disabled" :placeholder="item.placeholder">
-                    <option v-for="option in item.options" :value="option.value">{{option.label}}</option>
-                </select><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='radio'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <label class="radio-inline" v-for="(optionname, optionvalue) in item.options">
-                    <input type="radio" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
-                </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='checkbox'">
-            <div class="col-sm-offset-3 col-sm-7">
-                <div class="checkbox">
-                    <label>
-                        <input type="checkbox" :name="name" v-model="config[name]" :disabled="item.disabled"> {{item.name}}
-                    </label> 
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading font-bold"><h3 class="panel-title"><a href="/cert/deploytask" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}自动部署任务</h3></div>
+        <div class="panel-body">
+            <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="accountform">
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>自动部署账户</label>
+                    <div class="col-sm-6"><select name="aid" v-model="set.aid" class="form-control" required :disabled="action=='edit'">
+                        <option value="">--选择自动部署账户--</option>
+                        {foreach $accounts as $k=>$v}
+                        <option value="{$k}" data-type="{$v.type}">{$v.name}</option>
+                        {/foreach}
+                    </select></div>
                 </div>
-            </div>
-        </div>
-        <div class="form-group" v-if="item.type=='checkboxes'">
-            <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
-            <div class="col-sm-6">
-                <label class="checkbox-inline" v-for="(optionname, optionvalue) in item.options">
-                    <input type="checkbox" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
-                </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
-            </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>关联SSL证书</label>
+                    <div class="col-sm-6"><select name="oid" v-model="set.oid" class="form-control select2" placeholder="选择要部署的SSL证书">
+                        {foreach $orders as $k=>$v}
+                        <option value="{$k}">{$v.name}</option>
+                        {/foreach}
+                    </select></div>
+                </div>
+                <div v-for="(item,name) in inputs" v-show="isShow(item.show)">
+                    <div class="form-group" v-if="item.type=='input'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <input type="text" class="form-control" :name="name" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled" :data-bv-id="item.validator=='id'" :data-bv-phone="item.validator=='phone'" :data-bv-numeric="item.validator=='numeric'" :data-bv-digits="item.validator=='digits'" :data-bv-integer="item.validator=='integer'" :data-bv-email="item.validator=='email'" :data-bv-uri="item.validator=='uri'" :min="item.min" :max="item.max"><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='textarea'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <textarea class="form-control" :name="name" rows="5" v-model="config[name]" :placeholder="item.placeholder" :required="item.required" :disabled="item.disabled"></textarea><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='select'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <select class="form-control" :name="name" v-model="config[name]" :required="item.required" :disabled="item.disabled" :placeholder="item.placeholder">
+                                <option v-for="option in item.options" :value="option.value">{{option.label}}</option>
+                            </select><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='radio'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <label class="radio-inline" v-for="(optionname, optionvalue) in item.options">
+                                <input type="radio" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
+                            </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='checkbox'">
+                        <div class="col-sm-offset-3 col-sm-7">
+                            <div class="checkbox">
+                                <label>
+                                    <input type="checkbox" :name="name" v-model="config[name]" :disabled="item.disabled"> {{item.name}}
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group" v-if="item.type=='checkboxes'">
+                        <label class="col-sm-3 control-label no-padding-right" :is-required="item.required">{{item.name}}</label>
+                        <div class="col-sm-6">
+                            <label class="checkbox-inline" v-for="(optionname, optionvalue) in item.options">
+                                <input type="checkbox" :name="name" :value="optionvalue" v-model="config[name]" :disabled="item.disabled"> {{optionname}}
+                            </label><br/><span v-if="item.note" class="input-note" v-html="item.note"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">备注</label>
+                    <div class="col-sm-6">
+                        <input type="text" name="remark" v-model="set.remark" placeholder="可留空" class="form-control">
+                    </div>
+                </div>
+                <div class="form-group" v-show="note">
+                    <div class="col-sm-offset-3 col-sm-6">
+                        <div class="alert alert-dismissible alert-info">
+                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                            <strong>提示：</strong><span v-html="note"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
+                </div>
+            </form>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">备注</label>
-        <div class="col-sm-6">
-            <input type="text" name="remark" v-model="set.remark" placeholder="可留空" class="form-control">
-        </div>
-    </div>
-    <div class="form-group" v-show="note">
-        <div class="col-sm-offset-3 col-sm-6">
-            <div class="alert alert-dismissible alert-info">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <strong>提示：</strong><span v-html="note"></span>
-            </div>
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
-    </div>
-  </form>
-</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}vue/2.6.14/vue.min.js"></script>
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}select2/4.0.13/js/select2.min.js"></script>
 <script src="{$cdnpublic}select2/4.0.13/js/i18n/zh-CN.min.js"></script>
 <script src="/static/js/bootstrapValidator.min.js"></script>
 <script>
-var info = {$info|json_encode|raw};
-var typeList = {$typeList|json_encode|raw};
-new Vue({
-    el: '#app',
-    data: {
-        action: '{$action}',
-        set: {
-            id: '',
-            aid: '',
-            oid: '',
-            config : '',
-            remark: '',
-            type: '',
+    var info = {$info|json_encode|raw};
+    var typeList = {$typeList|json_encode|raw};
+    new Vue({
+        el: '#app',
+        data: {
+            action: '{$action}',
+            set: {
+                id: '',
+                aid: '',
+                oid: '',
+                config : '',
+                remark: '',
+                type: '',
+            },
+            inputs: {},
+            config: {},
+            typeList: typeList,
+            note: '',
         },
-        inputs: {},
-        config: {},
-        typeList: typeList,
-        note: '',
-    },
-    watch: {
-        'set.aid': function(val){
-            this.set.type = $('option:selected', 'select[name=aid]').data('type');
+        watch: {
+            'set.aid': function(val){
+                this.set.type = $('option:selected', 'select[name=aid]').data('type');
+            },
+            'set.type': function(val){
+                if(this.action == 'add' && val && typeList[val]){
+                    this.inputs = typeList[val].taskinputs;
+                    this.note = typeList[val].tasknote;
+                    this.config = {};
+                    $.each(this.inputs, (name, item) => {
+                        if(typeof item.value == 'undefined'){
+                            if(item.type == 'checkbox'){
+                                item.value = false;
+                            }else if(item.type == 'checkboxes'){
+                                item.value = [];
+                            }else{
+                                item.value = null;
+                            }
+                        }
+                        this.$set(this.config, name, item.value)
+                    })
+                }
+            }
         },
-        'set.type': function(val){
-            if(this.action == 'add' && val && typeList[val]){
-                this.inputs = typeList[val].taskinputs;
-                this.note = typeList[val].tasknote;
-                this.config = {};
+        mounted() {
+            if(this.action == 'edit'){
+                Object.keys(info).forEach((key) => {
+                    this.set[key] = info[key]
+                })
+                var config = JSON.parse(info.config);
+                this.inputs = typeList[this.set.type].taskinputs;
+                this.note = typeList[this.set.type].tasknote;
                 $.each(this.inputs, (name, item) => {
+                    if(typeof config[name] != 'undefined'){
+                        item.value = config[name];
+                    }
                     if(typeof item.value == 'undefined'){
                         if(item.type == 'checkbox'){
-                            item.value = false; 
+                            item.value = false;
                         }else if(item.type == 'checkboxes'){
-                            item.value = []; 
+                            item.value = [];
                         }else{
                             item.value = null;
                         }
@@ -149,107 +174,81 @@ new Vue({
                     this.$set(this.config, name, item.value)
                 })
             }
-        }
-    },
-    mounted() {
-        if(this.action == 'edit'){
-            Object.keys(info).forEach((key) => {
-                this.set[key] = info[key]
-            })
-            var config = JSON.parse(info.config);
-            this.inputs = typeList[this.set.type].taskinputs;
-            this.note = typeList[this.set.type].tasknote;
-            $.each(this.inputs, (name, item) => {
-                if(typeof config[name] != 'undefined'){
-                    item.value = config[name];
-                }
-                if(typeof item.value == 'undefined'){
-                    if(item.type == 'checkbox'){
-                        item.value = false; 
-                    }else if(item.type == 'checkboxes'){
-                        item.value = []; 
-                    }else{
-                        item.value = null;
-                    }
-                }
-                this.$set(this.config, name, item.value)
-            })
-        }
 
-        var that = this;
-        this.$nextTick(function () {
-            $('[data-toggle="tooltip"]').tooltip();
-            $('select[name=oid]').select2({placeholder: '选择要部署的SSL证书'}).on('select2:select', function(e){
-                that.set.oid = e.params.data.id
-            });
-            if(document.referrer.indexOf('&oid=') > 0){
-                var oid = document.referrer.split('&oid=')[1].split('&')[0];
-                if(oid){
-                    $('select[name=oid]').val(oid).trigger('change');
-                    that.set.oid = oid;
-                }
-            }
-        })
-    },
-    methods: {
-        submit(){
-            var that=this;
-            if(this.set.aid == ''){
-                layer.msg('请选择自动部署账户', {icon: 2, time:900});
-                return false;
-            }
-            if(this.set.oid == ''){
-                layer.msg('请选择要部署的SSL证书', {icon: 2, time:900});
-                return false;
-            }
-            Object.keys(this.config).forEach((key) => {
-                if(this.config[key] && typeof this.config[key] == 'string'){
-                    this.config[key] = this.trim(this.config[key]);
+            var that = this;
+            this.$nextTick(function () {
+                $('[data-toggle="tooltip"]').tooltip();
+                $('select[name=oid]').select2({placeholder: '选择要部署的SSL证书'}).on('select2:select', function(e){
+                    that.set.oid = e.params.data.id
+                });
+                if(document.referrer.indexOf('&oid=') > 0){
+                    var oid = document.referrer.split('&oid=')[1].split('&')[0];
+                    if(oid){
+                        $('select[name=oid]').val(oid).trigger('change');
+                        that.set.oid = oid;
+                    }
                 }
             })
-            this.set.config = JSON.stringify(this.config);
-            var ii = layer.load(2, {shade:[0.1,'#fff']});
-            $.ajax({
-                type: "POST",
-                url: "",
-                data: this.set,
-                dataType: 'json',
-                success: function(data) {
-                    layer.close(ii);
-                    if(data.code == 0){
-                        layer.alert(data.msg, {icon: 1}, function(){
-                            if(document.referrer.indexOf('/cert/deploytask?') > 0)
-                                window.location.href = document.referrer;
-                            else
-                                window.location.href = '/cert/deploytask';
-                        });
-                    }else{
-                        layer.alert(data.msg, {icon: 2});
-                    }
-                },
-                error: function(data){
-                    layer.close(ii);
-                    layer.msg('服务器错误');
-                }
-            });
         },
-        isShow(show){
-            if(typeof show == 'boolean' && show){
-                return show;
-            }else if(typeof show == 'string' && show){
+        methods: {
+            submit(){
                 var that=this;
+                if(this.set.aid == ''){
+                    layer.msg('请选择自动部署账户', {icon: 2, time:900});
+                    return false;
+                }
+                if(this.set.oid == ''){
+                    layer.msg('请选择要部署的SSL证书', {icon: 2, time:900});
+                    return false;
+                }
                 Object.keys(this.config).forEach((key) => {
-                    show = show.replace(new RegExp(key, 'g'), 'that.config["'+key+'"]')
+                    if(this.config[key] && typeof this.config[key] == 'string'){
+                        this.config[key] = this.trim(this.config[key]);
+                    }
                 })
-                return eval(show);
-            }else{
-                return true;
+                this.set.config = JSON.stringify(this.config);
+                var ii = layer.load(2, {shade:[0.1,'#fff']});
+                $.ajax({
+                    type: "POST",
+                    url: "",
+                    data: this.set,
+                    dataType: 'json',
+                    success: function(data) {
+                        layer.close(ii);
+                        if(data.code == 0){
+                            layer.alert(data.msg, {icon: 1}, function(){
+                                if(document.referrer.indexOf('/cert/deploytask?') > 0)
+                                    window.location.href = document.referrer;
+                                else
+                                    window.location.href = '/cert/deploytask';
+                            });
+                        }else{
+                            layer.alert(data.msg, {icon: 2});
+                        }
+                    },
+                    error: function(data){
+                        layer.close(ii);
+                        layer.msg('服务器错误');
+                    }
+                });
+            },
+            isShow(show){
+                if(typeof show == 'boolean' && show){
+                    return show;
+                }else if(typeof show == 'string' && show){
+                    var that=this;
+                    Object.keys(this.config).forEach((key) => {
+                        show = show.replace(new RegExp(key, 'g'), 'that.config["'+key+'"]')
+                    })
+                    return eval(show);
+                }else{
+                    return true;
+                }
+            },
+            trim(str){
+                return str.replace(/(^\s*)|(\s*$)/g, "");
             }
         },
-        trim(str){
-            return str.replace(/(^\s*)|(\s*$)/g, "");
-        }
-    },
-});
+    });
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/cert/deployaccount.html b/app/view/cert/deployaccount.html
old mode 100644
new mode 100755
index 41d3dcf..8a1d950
--- a/app/view/cert/deployaccount.html
+++ b/app/view/cert/deployaccount.html
@@ -1,93 +1,91 @@
 {extend name="common/layout" /}
 {block name="title"}自动部署任务账户管理{/block}
 {block name="main"}
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-	<input type="text" class="form-control" name="kw" placeholder="账户名称或备注">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新SSL证书账户列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="/cert/account/add?deploy=1" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-</form>
-
-      <table id="listTable">
-	  </table>
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">自动部署任务账户管理</h3>
     </div>
-  </div>
-</div>
+    <form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
+        <div class="form-group">
+            <input type="text" class="form-control" name="kw" placeholder="账户名称或备注">
+        </div>
+        <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
+        <a href="javascript:searchClear()" class="btn btn-default" title="刷新SSL证书账户列表"><i class="fa fa-refresh"></i> 刷新</a>
+        <a href="/cert/account/add?deploy=1" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    $(document).ready(function(){
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/cert/account/data?deploy=1',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'typename',
-				title: '账户类型',
-				formatter: function(value, row, index) {
-					return '<img src="/static/images/'+row.icon+'" class="type-logo"></img>'+value;
-				}
-			},
-			{
-				field: 'name',
-				title: '账户名称'
-			},
-			{
-				field: 'remark',
-				title: '备注'
-			},
-			{
-				field: 'addtime',
-				title: '添加时间'
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="/cert/account/edit?deploy=1&id='+row.id+'" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a> <a href="/cert/deploytask?aid='+row.id+'" class="btn btn-default btn-xs">任务</a>';
-					return html;
-				}
-			},
-		]
-	})
-})
-function delItem(id){
-	layer.confirm('确定要删除此账户吗？', {
-		btn: ['确定','取消']
-	}, function(){
-		$.post('/cert/account/del', {id: id, deploy: 1}, function(data){
-			if(data.code == 0) {
-				layer.msg('删除成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.alert(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
+        $("#listTable").bootstrapTable({
+            url: '/cert/account/data?deploy=1',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'typename',
+                    title: '账户类型',
+                    formatter: function(value, row, index) {
+                        return '<img src="/static/images/'+row.icon+'" class="type-logo"></img>'+value;
+                    }
+                },
+                {
+                    field: 'name',
+                    title: '账户名称'
+                },
+                {
+                    field: 'remark',
+                    title: '备注'
+                },
+                {
+                    field: 'addtime',
+                    title: '添加时间'
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function(value, row, index) {
+                        var html = '<a href="/cert/account/edit?deploy=1&id='+row.id+'" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a> <a href="/cert/deploytask?aid='+row.id+'" class="btn btn-default btn-xs">任务</a>';
+                        return html;
+                    }
+                },
+            ]
+        })
+    })
+    function delItem(id){
+        layer.confirm('确定要删除此账户吗？', {
+            btn: ['确定','取消']
+        }, function(){
+            $.post('/cert/account/del', {id: id, deploy: 1}, function(data){
+                if(data.code == 0) {
+                    layer.msg('删除成功', {icon: 1, time:800});
+                    $('#listTable').bootstrapTable('refresh');
+                } else {
+                    layer.alert(data.msg, {icon: 2});
+                }
+            }, 'json');
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/cert/deploytask.html b/app/view/cert/deploytask.html
old mode 100644
new mode 100755
index 9a38fd7..5c929a2
--- a/app/view/cert/deploytask.html
+++ b/app/view/cert/deploytask.html
@@ -2,342 +2,322 @@
 {block name="title"}SSL证书自动部署任务{/block}
 {block name="main"}
 <style>
-tbody tr>td:nth-child(4){max-width:180px;}
-.tips{cursor:pointer;}
-pre.pre-log{height: 330px;overflow-y: auto;width: 100%;background-color: rgba(51, 51, 51, 1);white-space: pre-line;color: rgba(236, 236, 236, 1)}
+	#orderItem .orderTitle{word-break:keep-all;}
+	#orderItem .orderContent{word-break:break-all;}
+	.fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+	tbody tr>td:nth-child(4){max-width:180px;}
+	.tips{cursor:pointer;}
+	pre.pre-log{height: 330px;overflow-y: auto;width: 100%;background-color: rgba(51, 51, 51, 1);white-space: pre-line;color: rgba(236, 236, 236, 1)}
 </style>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-	<input type="hidden" name="aid" value="">
-	<input type="hidden" name="oid" value="">
-  <div class="form-group">
-	<label>搜索</label>
-	<div class="form-group">
-		<input type="text" class="form-control" name="domain" placeholder="域名">
-	  </div>
-  </div>
-  <div class="form-group">
-	<div class="form-group">
-		<input type="text" class="form-control" name="remark" placeholder="备注">
-	  </div>
-  </div>
-  <div class="form-group">
-	<select name="type" class="form-control"><option value="">所有平台</option>{foreach $types as $k=>$v}
-		<option value="{$k}">{$v}</option>
-	{/foreach}</select>
-  </div>
-  <div class="form-group">
-	<select name="status" class="form-control"><option value="">所有状态</option><option value="0">待处理</option><option value="1">已完成</option><option value="-1">处理失败</option></select>
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新任务列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="/cert/deploy/add" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-  <div class="btn-group" role="group">
-	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量操作 <span class="caret"></span></button>
-	<ul class="dropdown-menu"><li><a href="javascript:operation('delete')">删除</a></li><li><a href="javascript:operation('reset')">重置任务</a></li><li><a href="javascript:operation('open')">开启任务</a></li><li><a href="javascript:operation('close')">停止任务</a></li><li><a href="javascript:operation('cert')">修改关联证书</a></li></ul>
-  </div>
-</form>
-
-      <table id="listTable">
-	  </table>
-    </div>
-  </div>
-</div>
+<div class="panel panel-default">
+	<div class="panel-heading font-bold">
+		<h3 class="panel-title">SSL证书自动部署任务</h3>
+	</div>
+	<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
+		<input type="hidden" name="aid" value="">
+		<input type="hidden" name="oid" value="">
+		<div class="form-group">
+			<input type="text" class="form-control" name="domain" placeholder="域名">
+		</div>
+		<div class="form-group">
+			<input type="text" class="form-control" name="remark" placeholder="备注">
+		</div>
+		<div class="form-group">
+			<select name="type" class="form-control">
+				<option value="">所有平台</option>
+				{foreach $types as $k=>$v}
+					<option value="{$k}">{$v}</option>
+				{/foreach}
+			</select>
+		</div>
+		<div class="form-group">
+			<select name="status" class="form-control">
+				<option value="">所有状态</option>
+				<option value="0">待处理</option>
+				<option value="1">已完成</option>
+				<option value="-1">处理失败</option>
+			</select>
+		</div>
+		<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
+		<a href="javascript:searchClear()" class="btn btn-default" title="刷新任务列表"><i class="fa fa-refresh"></i> 刷新</a>
+		<a href="/cert/deploy/add" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
+		<div class="btn-group" role="group">
+			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量操作 <span class="caret"></span></button>
+			<ul class="dropdown-menu"><li><a href="javascript:operation('delete')">删除</a></li><li><a href="javascript:operation('reset')">重置任务</a></li><li><a href="javascript:operation('open')">开启任务</a></li><li><a href="javascript:operation('close')">停止任务</a></li><li><a href="javascript:operation('cert')">修改关联证书</a></li></ul>
+		</div>
+	</form>
+	<table id="listTable">
+	</table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="{$cdnpublic}FileSaver.js/2.0.5/FileSaver.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 10;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+	$(document).ready(function(){
+		updateToolbar();
+		const defaultPageSize = 10;
+		const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+		const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/cert/deploy/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		uniqueId: 'id',
-		columns: [
-			{
-				field: '',
-				checkbox: true
-			},
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'typename',
-				title: '自动部署账户',
-				formatter: function(value, row, index) {
-					if(!value) return '已被删除'
-					return '<span title="'+row.aname+'" data-toggle="tooltip" data-placement="right"><img src="/static/images/'+row.icon+'" class="type-logo">'+(row.aremark?row.aremark:value+'('+row.aid+')')+'</span>';
-				}
-			},
-			{
-				field: 'domains',
-				title: '关联SSL证书',
-				formatter: function(value, row, index) {
-					var html = '<a href="/cert/certorder?id='+row.oid+'" target="_blank">ID:'+row.oid+'（'+row.certtypename+'）</a><br/><span class="text-muted">';
-					html += value.length > 3 ? value.slice(0, 3).join('、') + ' 等'+value.length+'个域名' : value.join('、');
-					html += '</span>';
-					return html;
-				}
-			},
-			{
-				field: 'remark',
-				title: '备注'
-			},
-			{
-				field: 'active',
-				title: '任务开关',
-				formatter: function(value, row, index) {
-					if(value == 1){
-						return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" checked onchange="setActive('+row.id+',0)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
-					}else{
-						return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" onchange="setActive('+row.id+',1)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
-					}
-				}
-			},
-			{
-				field: 'lasttime',
-				title: '上次执行时间',
-				formatter: function(value, row, index) {
-					return value ? value : '暂未执行'
-				}
-			},
-			{
-				field: 'status',
-				title: '状态',
-				formatter: function(value, row, index) {
-					if(value == 1) {
-						return '<span class="label label-success">已完成</span>';
-					} else if(value == 0) {
-						if(row.islock == 1) return '<span class="label" style="background-color: #3e76fb;">正在处理</span>';
-						else return '<span class="label label-info">待处理</span>';
-					} else {
-						return '<span class="label label-danger">处理失败</span>'+(row.error?' <span onclick="showmsg(\''+row.error+'\')" class="tips" title="失败原因"><i class="fa fa-info-circle"></i></span>':'');
-					}
-				}
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '';
-					if(row.status == 0) {
-						html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 手动执行</a>&nbsp;&nbsp;';
-					}else if(row.status == 1) {
-						html += '<a href="javascript:reDoOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 重新执行</a>&nbsp;&nbsp;';
-					}else{
-						html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-repeat"></i> 重试</a>&nbsp;&nbsp;';
-					}
-					html += '<a href="/cert/deploy/edit?id='+row.id+'" class="btn btn-primary btn-xs"><i class="fa fa-edit"></i> 修改</a>&nbsp;&nbsp;';
-					html += '<div class="btn-group dropdown-group" role="group"><button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></button><ul class="dropdown-menu">';
-					html += '<li><a href="javascript:showLog(\''+row.processid+'\')">查看日志</a></li>';
-					if(row.status < 0){
-						html += '<li><a href="javascript:resetOrder(\''+row.id+'\')">重置任务</a></li>';
-					}
-					html += '<li><a href="javascript:delItem('+row.id+','+row.status+')">删除</a></li>';
-					html += '</ul></div>';
-					return html;
-				}
-			},
-		],
-		onLoadSuccess: function(data) {
-			$('[data-toggle="tooltip"]').tooltip()
-			$('.dropdown-group').on('show.bs.dropdown', function (e) {
-				var btnPos = $(e.target)[0].getBoundingClientRect();
-				var screenWidth = $(window).width();
-				var screenHeight = $(window).height();
-				var childrenWidth = $(e.target).children('.dropdown-menu').width();
-				var childrenHeight = $(e.target).children('.dropdown-menu').height();
-				var top = btnPos.bottom;
-				if(top + childrenHeight + 12 > screenHeight){
-					top = btnPos.top - childrenHeight - 12;
-				}
-				var left = btnPos.left;
-				if(left + childrenWidth + 7 > screenWidth){
-					left = screenWidth - childrenWidth - 7;
-				}
-				$(e.target).children('.dropdown-menu').css({position:'fixed', top:top, left:left});
-			});
-		}
-	})
-})
-function showmsg(msg){
-	layer.alert(msg, {icon: 0, title: '失败原因'});
-}
-function setActive(id, active){
-	$.post('/cert/deploy/setactive', {id: id, active: active}, function(data){
-		if(data.code == 0) {
-			layer.msg('修改成功', {icon: 1, time:800});
-			$('#listTable').bootstrapTable('refresh');
-		} else {
-			layer.msg(data.msg, {icon: 2});
-		}
-	}, 'json');
-}
-function delItem(id,status){
-	layer.confirm('确定要删除此自动部署任务吗？', {
-		btn: ['确定','取消']
-	}, function(){
-		$.post('/cert/deploy/del', {id: id}, function(data){
-			if(data.code == 0) {
-				layer.msg('删除成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.msg(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
-function doOrder(id, reset){
-	reset = reset || 0;
-	var ii = layer.msg('正在执行SSL证书部署...', {icon: 16,shade: 0.1,time: 0});
-	$.ajax({
-		type: "POST",
-		url: "/cert/deploy/process",
-		data: {id: id, reset: reset},
-		dataType: 'json',
-		success: function(data) {
-			layer.close(ii);
-			if(data.code == 0) {
-				layer.alert(data.msg, {icon: 1});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				if(data.msg == '部署任务处理中，请稍后再试'){
-					layer.alert(data.msg, {icon: 2}, function(){
-						layer.closeAll();
-						var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
-						showLog(row.processid)
-					});
-				}else{
-					layer.alert(data.msg, {icon: 2});
-					$('#listTable').bootstrapTable('refresh');
-				}
-			}
-		},
-		error: function(data){
-			layer.close(ii);
-			layer.msg('执行超时，请稍后刷新列表或查看日志', {icon:0});
-		}
-	});
-}
-function resetOrder(id){
-	layer.confirm('重置任务后，任务将变成待处理状态，是否确定？', {
-		btn: ['确定','取消'], title: '重置任务', icon: 0
-	}, function(){
-		$.post('/cert/deploy/reset', {id: id}, function(data){
-			if(data.code == 0) {
-				layer.msg('重置任务状态成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.msg(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
-function reDoOrder(id){
-	layer.confirm('是否确定重新部署该证书？', {
-		btn: ['确定','取消'], title: '重新执行', icon: 0
-	}, function(){
-		doOrder(id, 1);
-	});
-}
-var intverval;
-function showLog(processid){
-	if(processid == '' || processid == 'null'){
-		layer.msg('暂无日志', {time: 600});
-		return;
-	}
-	$.post('/cert/deploy/show_log', {processid: processid}, function(data){
-		if(data.code == 0) {
-			var filemtime = data.time;
-			layer.open({
-				type: 1,
-				title: '查看日志',
-				area: [$(window).width() > 768 ? '600px' : '100%', '400px'],
-				shadeClose: true,
-				resize: false,
-				content: '<div class="modal-log"><pre class="pre-log" id="execLog">'+data.data+'</pre></div>',
-				success: function(){
-					var exec_log = $('#execLog');
-					exec_log[0].scrollTop = exec_log[0].scrollHeight
-					intverval = setInterval(function(){
-						$.post('/cert/deploy/show_log', {processid: processid}, function(data){
-							if(data.code == 0 && data.time != filemtime) {
-								var exec_log = $('#execLog');
-								exec_log.html(data.data);
-								filemtime = data.time;
-								exec_log[0].scrollTop = exec_log[0].scrollHeight
-							}
-						}, 'json');
-					}, 1500)
+		$("#listTable").bootstrapTable({
+			url: '/cert/deploy/data',
+			pageNumber: pageNumber,
+			pageSize: pageSize,
+			classes: 'table table-striped table-hover table-bordered',
+			uniqueId: 'id',
+			columns: [
+				{
+					field: '',
+					checkbox: true
 				},
-				end: function(){
-					clearInterval(intverval);
-				}
-			});
-		} else {
-			layer.msg(data.msg, {icon: 2, time: 600});
-		}
-	}, 'json');
-}
-function operation(action){
-	var rows = $("#listTable").bootstrapTable('getSelections');
-	if(rows.length == 0){
-		layer.msg('请选择要操作的任务');
-		return;
-	}
-	var ids = [];
-	for(var i in rows){
-		ids.push(rows[i].id);
-	}
-	if(action == 'delete'){
-		if(!confirm('确定要删除所选自动部署任务吗？')) return;
-	}else if(action == 'reset'){
-		if(!confirm('重置任务后，任务将变成待处理状态，是否确定重置？')) return;
-	}else if(action == 'cert'){
-		return batch_set_cert(ids);
-	}
-
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/cert/deploy/operation',
-		data : {act: action, ids: ids},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				layer.alert(data.msg, {icon: 1});
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
+				{
+					field: 'id',
+					title: 'ID'
+				},
+				{
+					field: 'typename',
+					title: '自动部署账户',
+					formatter: function(value, row, index) {
+						if(!value) return '已被删除'
+						return '<span title="'+row.aname+'" data-toggle="tooltip" data-placement="right"><img src="/static/images/'+row.icon+'" class="type-logo">'+(row.aremark?row.aremark:value+'('+row.aid+')')+'</span>';
+					}
+				},
+				{
+					field: 'domains',
+					title: '关联SSL证书',
+					formatter: function(value, row, index) {
+						var html = '<a href="/cert/certorder?id='+row.oid+'" target="_blank">ID:'+row.oid+'（'+row.certtypename+'）</a><br/><span class="text-muted">';
+						html += value.length > 3 ? value.slice(0, 3).join('、') + ' 等'+value.length+'个域名' : value.join('、');
+						html += '</span>';
+						return html;
+					}
+				},
+				{
+					field: 'remark',
+					title: '备注'
+				},
+				{
+					field: 'active',
+					title: '任务开关',
+					formatter: function(value, row, index) {
+						if(value == 1){
+							return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" checked onchange="setActive('+row.id+',0)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
+						}else{
+							return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" onchange="setActive('+row.id+',1)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
+						}
+					}
+				},
+				{
+					field: 'lasttime',
+					title: '上次执行时间',
+					formatter: function(value, row, index) {
+						return value ? value : '暂未执行'
+					}
+				},
+				{
+					field: 'status',
+					title: '状态',
+					formatter: function(value, row, index) {
+						if(value == 1) {
+							return '<span class="label label-success">已完成</span>';
+						} else if(value == 0) {
+							if(row.islock == 1) return '<span class="label" style="background-color: #3e76fb;">正在处理</span>';
+							else return '<span class="label label-info">待处理</span>';
+						} else {
+							return '<span class="label label-danger">处理失败</span>'+(row.error?' <span onclick="showmsg(\''+row.error+'\')" class="tips" title="失败原因"><i class="fa fa-info-circle"></i></span>':'');
+						}
+					}
+				},
+				{
+					field: 'action',
+					title: '操作',
+					formatter: function(value, row, index) {
+						var html = '';
+						if(row.status == 0) {
+							html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 手动执行</a>&nbsp;&nbsp;';
+						}else if(row.status == 1) {
+							html += '<a href="javascript:reDoOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-play-circle"></i> 重新执行</a>&nbsp;&nbsp;';
+						}else{
+							html += '<a href="javascript:doOrder(\''+row.id+'\')" class="btn btn-success btn-xs"><i class="fa fa-repeat"></i> 重试</a>&nbsp;&nbsp;';
+						}
+						html += '<a href="/cert/deploy/edit?id='+row.id+'" class="btn btn-primary btn-xs"><i class="fa fa-edit"></i> 修改</a>&nbsp;&nbsp;';
+						html += '<div class="btn-group dropdown-group" role="group"><button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></button><ul class="dropdown-menu">';
+						html += '<li><a href="javascript:showLog(\''+row.processid+'\')">查看日志</a></li>';
+						if(row.status < 0){
+							html += '<li><a href="javascript:resetOrder(\''+row.id+'\')">重置任务</a></li>';
+						}
+						html += '<li><a href="javascript:delItem('+row.id+','+row.status+')">删除</a></li>';
+						html += '</ul></div>';
+						return html;
+					}
+				},
+			],
+			onLoadSuccess: function(data) {
+				$('[data-toggle="tooltip"]').tooltip()
+				$('.dropdown-group').on('show.bs.dropdown', function (e) {
+					var btnPos = $(e.target)[0].getBoundingClientRect();
+					var screenWidth = $(window).width();
+					var screenHeight = $(window).height();
+					var childrenWidth = $(e.target).children('.dropdown-menu').width();
+					var childrenHeight = $(e.target).children('.dropdown-menu').height();
+					var top = btnPos.bottom;
+					if(top + childrenHeight + 12 > screenHeight){
+						top = btnPos.top - childrenHeight - 12;
+					}
+					var left = btnPos.left;
+					if(left + childrenWidth + 7 > screenWidth){
+						left = screenWidth - childrenWidth - 7;
+					}
+					$(e.target).children('.dropdown-menu').css({position:'fixed', top:top, left:left});
+				});
 			}
+		})
+	})
+	function showmsg(msg){
+		layer.alert(msg, {icon: 0, title: '失败原因'});
+	}
+	function setActive(id, active){
+		$.post('/cert/deploy/setactive', {id: id, active: active}, function(data){
+			if(data.code == 0) {
+				layer.msg('修改成功', {icon: 1, time:800});
+				$('#listTable').bootstrapTable('refresh');
+			} else {
+				layer.msg(data.msg, {icon: 2});
+			}
+		}, 'json');
+	}
+	function delItem(id,status){
+		layer.confirm('确定要删除此自动部署任务吗？', {
+			btn: ['确定','取消']
+		}, function(){
+			$.post('/cert/deploy/del', {id: id}, function(data){
+				if(data.code == 0) {
+					layer.msg('删除成功', {icon: 1, time:800});
+					$('#listTable').bootstrapTable('refresh');
+				} else {
+					layer.msg(data.msg, {icon: 2});
+				}
+			}, 'json');
+		});
+	}
+	function doOrder(id, reset){
+		reset = reset || 0;
+		var ii = layer.msg('正在执行SSL证书部署...', {icon: 16,shade: 0.1,time: 0});
+		$.ajax({
+			type: "POST",
+			url: "/cert/deploy/process",
+			data: {id: id, reset: reset},
+			dataType: 'json',
+			success: function(data) {
+				layer.close(ii);
+				if(data.code == 0) {
+					layer.alert(data.msg, {icon: 1});
+					$('#listTable').bootstrapTable('refresh');
+				} else {
+					if(data.msg == '部署任务处理中，请稍后再试'){
+						layer.alert(data.msg, {icon: 2}, function(){
+							layer.closeAll();
+							var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
+							showLog(row.processid)
+						});
+					}else{
+						layer.alert(data.msg, {icon: 2});
+						$('#listTable').bootstrapTable('refresh');
+					}
+				}
+			},
+			error: function(data){
+				layer.close(ii);
+				layer.msg('执行超时，请稍后刷新列表或查看日志', {icon:0});
+			}
+		});
+	}
+	function resetOrder(id){
+		layer.confirm('重置任务后，任务将变成待处理状态，是否确定？', {
+			btn: ['确定','取消'], title: '重置任务', icon: 0
+		}, function(){
+			$.post('/cert/deploy/reset', {id: id}, function(data){
+				if(data.code == 0) {
+					layer.msg('重置任务状态成功', {icon: 1, time:800});
+					$('#listTable').bootstrapTable('refresh');
+				} else {
+					layer.msg(data.msg, {icon: 2});
+				}
+			}, 'json');
+		});
+	}
+	function reDoOrder(id){
+		layer.confirm('是否确定重新部署该证书？', {
+			btn: ['确定','取消'], title: '重新执行', icon: 0
+		}, function(){
+			doOrder(id, 1);
+		});
+	}
+	var intverval;
+	function showLog(processid){
+		if(processid == '' || processid == 'null'){
+			layer.msg('暂无日志', {time: 600});
+			return;
 		}
-	});
-}
-function batch_set_cert(ids){
-	layer.prompt({title: '填写证书ID', value: '', formType: 0}, function(text, index){
-		var ii = layer.load(2, {shade:[0.1,'#fff']});
+		$.post('/cert/deploy/show_log', {processid: processid}, function(data){
+			if(data.code == 0) {
+				var filemtime = data.time;
+				layer.open({
+					type: 1,
+					title: '查看日志',
+					area: [$(window).width() > 768 ? '600px' : '100%', '400px'],
+					shadeClose: true,
+					resize: false,
+					content: '<div class="modal-log"><pre class="pre-log" id="execLog">'+data.data+'</pre></div>',
+					success: function(){
+						var exec_log = $('#execLog');
+						exec_log[0].scrollTop = exec_log[0].scrollHeight
+						intverval = setInterval(function(){
+							$.post('/cert/deploy/show_log', {processid: processid}, function(data){
+								if(data.code == 0 && data.time != filemtime) {
+									var exec_log = $('#execLog');
+									exec_log.html(data.data);
+									filemtime = data.time;
+									exec_log[0].scrollTop = exec_log[0].scrollHeight
+								}
+							}, 'json');
+						}, 1500)
+					},
+					end: function(){
+						clearInterval(intverval);
+					}
+				});
+			} else {
+				layer.msg(data.msg, {icon: 2, time: 600});
+			}
+		}, 'json');
+	}
+	function operation(action){
+		var rows = $("#listTable").bootstrapTable('getSelections');
+		if(rows.length == 0){
+			layer.msg('请选择要操作的任务');
+			return;
+		}
+		var ids = [];
+		for(var i in rows){
+			ids.push(rows[i].id);
+		}
+		if(action == 'delete'){
+			if(!confirm('确定要删除所选自动部署任务吗？')) return;
+		}else if(action == 'reset'){
+			if(!confirm('重置任务后，任务将变成待处理状态，是否确定重置？')) return;
+		}else if(action == 'cert'){
+			return batch_set_cert(ids);
+		}
+
+		var ii = layer.load(2);
 		$.ajax({
 			type : 'POST',
 			url : '/cert/deploy/operation',
-			data : {act: 'cert', ids: ids, certid: text},
+			data : {act: action, ids: ids},
 			dataType : 'json',
 			success : function(data) {
 				layer.close(ii);
@@ -350,7 +330,27 @@ function batch_set_cert(ids){
 				}
 			}
 		});
-	});
-}
+	}
+	function batch_set_cert(ids){
+		layer.prompt({title: '填写证书ID', value: '', formType: 0}, function(text, index){
+			var ii = layer.load(2, {shade:[0.1,'#fff']});
+			$.ajax({
+				type : 'POST',
+				url : '/cert/deploy/operation',
+				data : {act: 'cert', ids: ids, certid: text},
+				dataType : 'json',
+				success : function(data) {
+					layer.close(ii);
+					if(data.code == 0){
+						layer.closeAll();
+						layer.alert(data.msg, {icon: 1});
+						searchRefresh();
+					}else{
+						layer.alert(data.msg, {icon: 2});
+					}
+				}
+			});
+		});
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/cert/order_form.html b/app/view/cert/order_form.html
old mode 100644
new mode 100755
index d03c1ee..b33059a
--- a/app/view/cert/order_form.html
+++ b/app/view/cert/order_form.html
@@ -2,194 +2,191 @@
 {block name="title"}SSL证书订单{/block}
 {block name="main"}
 <style>
-.tips{color: #f6a838; padding-left: 5px;}
-.control-label[is-required]:before {
-    content: "*";
-    color: #f56c6c;
-    margin-right: 4px;
-}
+    .tips{color: #f6a838; padding-left: 5px;}
+    .control-label[is-required]:before {
+        content: "*";
+        color: #f56c6c;
+        margin-right: 4px;
+    }
 </style>
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/cert/certorder" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}修改{else}添加{/if}SSL证书订单</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="taskform">
-    <div class="form-group">
-        <label class="col-sm-3 col-xs-12 control-label no-padding-right" is-required>证书账户</label>
-        <div class="col-sm-6"><select name="aid" v-model="set.aid" class="form-control" required>
-            <option value="">--选择证书账户--</option>
-            {foreach $accounts as $k=>$v}
-                <option value="{$k}" data-type="{$v.type}">{$v.name}</option>
-            {/foreach}
-            <option value="-1" data-type="">手动续期</option>
-        </select></div>
-    </div>
-    <div class="form-group" v-show="set.aid==-1">
-        <label class="col-sm-3 control-label no-padding-right" is-required>证书内容</label>
-        <div class="col-sm-6">
-            <div class="input-group">
-                <textarea name="fullchain" v-model="set.fullchain" class="form-control" rows="5" placeholder="输入PEM格式证书链" required></textarea>
-                <a class="btn btn-default input-group-addon" @click="upload('fullchain')" title="上传证书文件"><i class="fa fa-upload"></i></a>
-            </div>
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading font-bold"><h3 class="panel-title"><a href="/cert/certorder" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}修改{else}添加{/if}SSL证书订单</h3></div>
+        <div class="panel-body">
+            <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="taskform">
+                <div class="form-group">
+                    <label class="col-sm-3 col-xs-12 control-label no-padding-right" is-required>证书账户</label>
+                    <div class="col-sm-6"><select name="aid" v-model="set.aid" class="form-control" required>
+                        <option value="">--选择证书账户--</option>
+                        {foreach $accounts as $k=>$v}
+                        <option value="{$k}" data-type="{$v.type}">{$v.name}</option>
+                        {/foreach}
+                        <option value="-1" data-type="">手动续期</option>
+                    </select></div>
+                </div>
+                <div class="form-group" v-show="set.aid==-1">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>证书内容</label>
+                    <div class="col-sm-6">
+                        <div class="input-group">
+                            <textarea name="fullchain" v-model="set.fullchain" class="form-control" rows="5" placeholder="输入PEM格式证书链" required></textarea>
+                            <a class="btn btn-default input-group-addon" @click="upload('fullchain')" title="上传证书文件"><i class="fa fa-upload"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.aid==-1">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>私钥内容</label>
+                    <div class="col-sm-6">
+                        <div class="input-group">
+                            <textarea name="privatekey" v-model="set.privatekey" class="form-control" rows="5" placeholder="输入PEM格式私钥" required></textarea>
+                            <a class="btn btn-default input-group-addon" @click="upload('privatekey')" title="上传私钥文件"><i class="fa fa-upload"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.aid!=-1">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>签名算法</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline" v-for="item in keytypeList">
+                            <input type="radio" name="keytype" :value="item" v-model="set.keytype"> {{item}}
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.aid!=-1">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>密钥长度</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline" v-for="item in keysizeList">
+                            <input type="radio" name="keysize" :value="item.value" v-model="set.keysize"> {{item.label}}
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.aid!=-1">
+                    <label class="col-sm-3 control-label no-padding-right" is-required>绑定域名</label>
+                    <div class="col-sm-6">
+                        <textarea name="domains" v-model="domains" class="form-control" rows="5" placeholder="请输入域名，一行一个" required></textarea>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
+                </div>
+                <div class="panel panel-default" v-show="set.aid!=-1"><div class="panel-body"><p><b style="color:#39b603;"><i class="fa fa-info-circle fa-fw"></i></b>提示：添加或修改订单信息，点击提交后，不会立即执行签发，只能通过计划任务或列表手动点击来执行</p><p>证书签发之前确保该主域名下没有CAA类型记录，避免证书验证失败。</p></div></div>
+                <div class="panel panel-default" v-show="set.aid==-1"><div class="panel-body"><p><b style="color:#39b603;"><i class="fa fa-info-circle fa-fw"></i></b>提示：选择手动续期，到达设置的续期天数，只会发送消息通知。</p></div></div>
+            </form>
         </div>
     </div>
-    <div class="form-group" v-show="set.aid==-1">
-        <label class="col-sm-3 control-label no-padding-right" is-required>私钥内容</label>
-        <div class="col-sm-6">
-            <div class="input-group">
-                <textarea name="privatekey" v-model="set.privatekey" class="form-control" rows="5" placeholder="输入PEM格式私钥" required></textarea>
-                <a class="btn btn-default input-group-addon" @click="upload('privatekey')" title="上传私钥文件"><i class="fa fa-upload"></i></a>
-            </div>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.aid!=-1">
-        <label class="col-sm-3 control-label no-padding-right" is-required>签名算法</label>
-        <div class="col-sm-6">
-            <label class="radio-inline" v-for="item in keytypeList">
-                <input type="radio" name="keytype" :value="item" v-model="set.keytype"> {{item}}
-            </label>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.aid!=-1">
-        <label class="col-sm-3 control-label no-padding-right" is-required>密钥长度</label>
-        <div class="col-sm-6">
-            <label class="radio-inline" v-for="item in keysizeList">
-                <input type="radio" name="keysize" :value="item.value" v-model="set.keysize"> {{item.label}}
-            </label>
-        </div>
-    </div>
-
-    <div class="form-group" v-show="set.aid!=-1">
-        <label class="col-sm-3 control-label no-padding-right" is-required>绑定域名</label>
-        <div class="col-sm-6">
-            <textarea name="domains" v-model="domains" class="form-control" rows="5" placeholder="请输入域名，一行一个" required></textarea>
-        </div>
-    </div>
-
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
-    </div>
-    <div class="panel panel-default" v-show="set.aid!=-1"><div class="panel-body"><p><b style="color:#39b603;"><i class="fa fa-info-circle fa-fw"></i></b>提示：添加或修改订单信息，点击提交后，不会立即执行签发，只能通过计划任务或列表手动点击来执行</p><p>证书签发之前确保该主域名下没有CAA类型记录，避免证书验证失败。</p></div></div>
-    <div class="panel panel-default" v-show="set.aid==-1"><div class="panel-body"><p><b style="color:#39b603;"><i class="fa fa-info-circle fa-fw"></i></b>提示：选择手动续期，到达设置的续期天数，只会发送消息通知。</p></div></div>
-  </form>
-</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}vue/2.6.14/vue.min.js"></script>
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="/static/js/bootstrapValidator.min.js"></script>
 <script>
-var action = '{$action}';
-var info = {$info|json_encode|raw};
-new Vue({
-    el: '#app',
-    data: {
-        action: '{$action}',
-        type: '',
-        domains: '',
-        set: {
-            id: '',
-            aid: '',
-            fullchain: '',
-            privatekey: '',
-            keytype: '',
-            keysize: '',
-            domains: [],
+    var action = '{$action}';
+    var info = {$info|json_encode|raw};
+    new Vue({
+        el: '#app',
+        data: {
+            action: '{$action}',
+            type: '',
+            domains: '',
+            set: {
+                id: '',
+                aid: '',
+                fullchain: '',
+                privatekey: '',
+                keytype: '',
+                keysize: '',
+                domains: [],
+            },
+            keytypeList: [
+                'RSA',
+                'ECC'
+            ],
+            keysizeMap: [
+                {label:'2048 bit',value:'2048',type:'RSA'},
+                {label:'3072 bit',value:'3072',type:'RSA'},
+                {label:'P-256',value:'256',type:'ECC'},
+                {label:'P-384',value:'384',type:'ECC'},
+            ],
+            keysizeList: [],
         },
-        keytypeList: [
-            'RSA',
-            'ECC'
-        ],
-        keysizeMap: [
-            {label:'2048 bit',value:'2048',type:'RSA'},
-            {label:'3072 bit',value:'3072',type:'RSA'},
-            {label:'P-256',value:'256',type:'ECC'},
-            {label:'P-384',value:'384',type:'ECC'},
-        ],
-        keysizeList: [],
-    },
-    watch: {
-        'set.aid': function(val){
-            this.type = $('option:selected', 'select[name=aid]').data('type');
-        },
-        'set.keytype': function(val){
-            this.keysizeList = this.keysizeMap.filter((item) => {
-                return item.type == val;
-            })
-            if(!this.keysizeList.filter((item) => {return item.value == this.set.keysize}).length)
-                this.set.keysize = this.keysizeList[0].value;
-        },
-        domains: function(val){
-            this.set.domains = val.split("\n").filter((item) => {
-                return item.trim() != '';
-            });
-        }
-    },
-    mounted() {
-        if(this.action == 'edit'){
-            Object.keys(info).forEach((key) => {
-                this.$set(this.set, key, info[key])
-            })
-            this.domains = info.domains.join("\n");
-        }else{
-            this.set.keytype = 'RSA';
-        }
-        $("#taskform").bootstrapValidator({
-            live: 'submitted',
-        });
-        $('[data-toggle="tooltip"]').tooltip();
-    },
-    methods: {
-        submit(){
-            var that=this;
-            $("#taskform").data("bootstrapValidator").validate();
-            if(!$("#taskform").data("bootstrapValidator").isValid()){
-                return false;
+        watch: {
+            'set.aid': function(val){
+                this.type = $('option:selected', 'select[name=aid]').data('type');
+            },
+            'set.keytype': function(val){
+                this.keysizeList = this.keysizeMap.filter((item) => {
+                    return item.type == val;
+                })
+                if(!this.keysizeList.filter((item) => {return item.value == this.set.keysize}).length)
+                    this.set.keysize = this.keysizeList[0].value;
+            },
+            domains: function(val){
+                this.set.domains = val.split("\n").filter((item) => {
+                    return item.trim() != '';
+                });
             }
-            var ii = layer.load(2, {shade:[0.1,'#fff']});
-            $.ajax({
-                type: "POST",
-                url: "",
-                data: this.set,
-                dataType: 'json',
-                success: function(data) {
-                    layer.close(ii);
-                    if(data.code == 0){
-                        layer.alert(data.msg, {icon: 1}, function(){
-                            if(document.referrer.indexOf('/cert/certorder?') > 0)
-                                window.location.href = document.referrer;
-                            else
-                                window.location.href = '/cert/certorder';
-                        });
-                    }else{
-                        layer.alert(data.msg, {icon: 2});
-                    }
-                },
-                error: function(data){
-                    layer.close(ii);
-                    layer.msg('服务器错误');
-                }
-            });
         },
-        upload(name){
-            //读取上传文件并填充到表单
-            var file = document.createElement('input');
-            file.type = 'file';
-            file.accept = '.pem,.crt,.key';
-            file.style.display = 'none';
-            file.onchange = function(){
-                var reader = new FileReader();
-                reader.onload = function(e){
-                    this.set[name] = e.target.result;
+        mounted() {
+            if(this.action == 'edit'){
+                Object.keys(info).forEach((key) => {
+                    this.$set(this.set, key, info[key])
+                })
+                this.domains = info.domains.join("\n");
+            }else{
+                this.set.keytype = 'RSA';
+            }
+            $("#taskform").bootstrapValidator({
+                live: 'submitted',
+            });
+            $('[data-toggle="tooltip"]').tooltip();
+        },
+        methods: {
+            submit(){
+                var that=this;
+                $("#taskform").data("bootstrapValidator").validate();
+                if(!$("#taskform").data("bootstrapValidator").isValid()){
+                    return false;
+                }
+                var ii = layer.load(2, {shade:[0.1,'#fff']});
+                $.ajax({
+                    type: "POST",
+                    url: "",
+                    data: this.set,
+                    dataType: 'json',
+                    success: function(data) {
+                        layer.close(ii);
+                        if(data.code == 0){
+                            layer.alert(data.msg, {icon: 1}, function(){
+                                if(document.referrer.indexOf('/cert/certorder?') > 0)
+                                    window.location.href = document.referrer;
+                                else
+                                    window.location.href = '/cert/certorder';
+                            });
+                        }else{
+                            layer.alert(data.msg, {icon: 2});
+                        }
+                    },
+                    error: function(data){
+                        layer.close(ii);
+                        layer.msg('服务器错误');
+                    }
+                });
+            },
+            upload(name){
+                //读取上传文件并填充到表单
+                var file = document.createElement('input');
+                file.type = 'file';
+                file.accept = '.pem,.crt,.key';
+                file.style.display = 'none';
+                file.onchange = function(){
+                    var reader = new FileReader();
+                    reader.onload = function(e){
+                        this.set[name] = e.target.result;
+                    }.bind(this);
+                    reader.readAsText(file.files[0]);
                 }.bind(this);
-                reader.readAsText(file.files[0]);
-            }.bind(this);
-            document.body.appendChild(file);
-            file.click();
-        }
-    },
-});
+                document.body.appendChild(file);
+                file.click();
+            }
+        },
+    });
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/common/layout.html b/app/view/common/layout.html
old mode 100644
new mode 100755
index 5564388..e505926
--- a/app/view/common/layout.html
+++ b/app/view/common/layout.html
@@ -1,250 +1,250 @@
 <!DOCTYPE html>
-<html lang="zh-cn">
+<html lang="zh-CN">
 <head>
-  <meta charset="utf-8"/>
-  <meta name="renderer" content="webkit">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <title>{block name="title"}标题{/block}</title>
-  <link href="{$cdnpublic}twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="{$cdnpublic}font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
-  <link href="{$cdnpublic}select2/4.0.13/css/select2.min.css" rel="stylesheet"/>
-  <link href="/static/css/app.min.css" rel="stylesheet">
-  <link href="/static/css/skins/{$skin}.css" rel="stylesheet">
-  <link href="/static/css/bootstrap-table.css?v=2" rel="stylesheet"/>
-  <script src="{$cdnpublic}jquery/3.6.4/jquery.min.js"></script>
-  <!--[if lt IE 9]>
+    <meta charset="utf-8" />
+    <title>{block name="title"}标题{/block} | 聚合DNS管理系统</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <link rel="stylesheet" href="{$cdnpublic}twitter-bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" />
+    <link rel="stylesheet" href="{$cdnpublic}animate.css/3.5.2/animate.min.css" type="text/css" />
+    <link rel="stylesheet" href="{$cdnpublic}font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
+    <link rel="stylesheet" href="{$cdnpublic}simple-line-icons/2.4.1/css/simple-line-icons.min.css" type="text/css" />
+    <link rel="stylesheet" href="{$cdnpublic}select2/4.0.13/css/select2.min.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/font.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/app.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/bootstrap-table.css?v=2" />
+    <!--[if lt IE 9]>
     <script src="{$cdnpublic}html5shiv/3.7.3/html5shiv.min.js"></script>
     <script src="{$cdnpublic}respond.js/1.4.2/respond.min.js"></script>
-  <![endif]-->
-  <style>
-    .type-logo{width: 18px;margin-top: -2px;padding-right: 4px;}
-  </style>
+    <![endif]-->
+    <style>
+        .type-logo{width: 18px;margin-top: -2px;padding-right: 4px;}
+    </style>
 </head>
-
-<body class="hold-transition {$skin} sidebar-mini">
-  <div class="wrapper">
-    <header class="main-header">
-      <!-- Logo -->
-      <a href="javascript:;" class="logo">
-        <!-- mini logo for sidebar mini 50x50 pixels -->
-        <span class="logo-mini"><i class="fa fa-cube"></i></span>
-        <!-- logo for regular state and mobile devices -->
-        <span class="logo-lg"></span>聚合DNS管理系统
-      </a>
-      <!-- Header Navbar: style can be found in header.less -->
-      <nav class="navbar navbar-static-top">
-        <!-- Sidebar toggle button-->
-        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
-          <span class="visible-xs-inline">菜单</span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-        </a>
-  
-        <div class="navbar-custom-menu">
-          <ul class="nav navbar-nav">
-            <li>
-              <a href="/" title="平台首页"><i class="fa fa-home fa-fw"></i></a>
-            </li>
-            <li class="hidden-xs">
-              <a href="#" data-toggle="fullscreen" title="全屏"><i class="fa fa-arrows-alt fa-fw"></i></a>
-            </li>
-            <li class="hidden-xs">
-              <a href="#" data-toggle="control-sidebar" title="更换皮肤"><i class="fa fa-wrench fa-fw"></i></a>
-            </li>
-            <!-- User Account: style can be found in dropdown.less -->
-            <li class="dropdown user user-menu">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                <img src="/static/images/user.png" class="user-image" alt="User Image">
-                <span class="hidden-xs">{$user.username}</span>
-              </a>
-              <ul class="dropdown-menu">
-                <!-- User image -->
-                <li class="user-header">
-                  <img src="/static/images/user.png" class="img-circle" alt="User Image">
-                  <p>
-                    {$user.username}
-                    <small>{$user.regtime}</small>
-                  </p>
-                </li>
-                <!-- Menu Footer-->
-                <li class="user-footer">
-                  {if request()->user['type'] eq 'user'}<div class="pull-left">
-                    <a href="/setpwd" class="btn btn-primary"><i class="fa fa-lock"></i> 修改密码</a>
-                  </div>{/if}
-                  <div class="pull-right">
-                    <a href="/logout" class="btn btn-danger"><i class="fa fa-sign-out"></i> 退出登录</a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-          </ul>
+<body>
+<div class="app app-header-fixed  ">
+    <!-- header -->
+    <header id="header" class="app-header navbar" role="menu">
+        <!-- navbar header -->
+        <div class="navbar-header bg-black">
+            <button class="pull-right visible-xs dk" ui-toggle="show" target=".navbar-collapse">
+                <i class="glyphicon glyphicon-cog"></i>
+            </button>
+            <button class="pull-right visible-xs" ui-toggle="off-screen" target=".app-aside" ui-scroll="app">
+                <i class="glyphicon glyphicon-align-justify"></i>
+            </button>
+            <!-- brand -->
+            <a href="./" class="navbar-brand text-lt">
+                <i class="fa fa-meetup"></i>
+                <span class="hidden-folded m-l-xs">聚合DNS管理</span>
+            </a>
+            <!-- / brand -->
         </div>
-      </nav>
+        <!-- / navbar header -->
+
+        <!-- navbar collapse -->
+        <div class="collapse pos-rlt navbar-collapse box-shadow bg-black">
+            <!-- buttons -->
+            <div class="nav navbar-nav hidden-xs">
+                <a href="#" class="btn no-shadow navbar-btn" ui-toggle="app-aside-folded" target=".app">
+                    <i class="fa fa-dedent fa-fw text"></i>
+                    <i class="fa fa-indent fa-fw text-active"></i>
+                </a>
+            </div>
+            <!-- / buttons -->
+            <!-- nabar right -->
+            <ul class="nav navbar-nav navbar-right">
+                <li class="dropdown">
+                    <a href="#" data-toggle="dropdown" class="dropdown-toggle clear" data-toggle="dropdown">
+                        <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
+                            <img src="/static/images/user.png">
+                            <i class="on md b-white bottom"></i>
+                        </span>
+                        <span class="hidden-sm hidden-md" style="text-transform:uppercase;">{$user.username}</span> <b class="caret"></b>
+                    </a>
+                    <!-- dropdown -->
+                    <ul class="dropdown-menu animated fadeInRight w">
+                        {if request()->user['type'] eq 'user'}
+                        <li>
+                            <a href="/setpwd">
+                                <span>修改密码</span>
+                            </a>
+                        </li>
+                        {/if}
+                        <li class="divider"></li>
+                        <li>
+                            <a ui-sref="access.signin" href="/logout">
+                                <span>退出登录</span>
+                            </a>
+                        </li>
+                    </ul>
+                    <!-- / dropdown -->
+                </li>
+            </ul>
+            <!-- / navbar right -->
+        </div>
+        <!-- / navbar collapse -->
     </header>
-    <!-- Left side column. contains the logo and sidebar -->
-    <aside class="main-sidebar">
-      <!-- sidebar: style can be found in sidebar.less -->
-      <section class="sidebar">
-        <!-- Sidebar user panel -->
-        <div class="user-panel">
-          <div class="pull-left image">
-            <img src="/static/images/user.png" class="img-circle" alt="User Image">
-          </div>
-          <div class="pull-left info">
-            <p>{$user.username}</p>
-            <i class="fa fa-circle text-success"></i> Online
-          </div>
+    <!-- / header -->
+    <!-- aside -->
+    <aside id="aside" class="app-aside hidden-xs bg-white">
+        <div class="aside-wrap">
+            <div class="navi-wrap">
+                <!-- nav -->
+                <nav ui-nav class="navi clearfix">
+                    <ul class="nav">
+                        {if request()->user['type'] eq 'user'}
+                        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
+                            <span>导航</span>
+                        </li>
+                        <li class="<?php echo checkIfActive('index')?>">
+                            <a href="/">
+                                <i class="fa fa-home fa-fw"></i>
+                                <span class="font-bold">管理中心</span>
+                            </a>
+                        </li>
+                        <li class="line dk"></li>
+                        {/if}
+                        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
+                            <span>查询</span>
+                        </li>
+                        <li class="{:checkIfActive('domain,record,record_log,record_batch_add,domain_add,weight,record_batch_add2,record_batch_edit2,expire_notice')}">
+                            <a href="/domain"><i class="fa fa-list-ul fa-fw"></i> <span>域名管理</span></a>
+                        </li>
+                        {if request()->user['level'] eq 2}
+                        <li class="{:checkIfActive('account')}">
+                            <a href="/account"><i class="fa fa-lock fa-fw"></i> <span>域名账户</span></a>
+                        </li>
+                        <li class="{:checkIfActive('overview,task,taskinfo,taskform')}">
+                            <a href class="auto">
+                                <span class="pull-right text-muted">
+                                    <i class="fa fa-fw fa-angle-right text"></i>
+                                    <i class="fa fa-fw fa-angle-down text-active"></i>
+                                </span>
+                                <i class="fa fa-heartbeat fa-fw"></i>
+                                <span>容灾切换</span>
+                            </a>
+                            <ul class="nav nav-sub dk">
+                                <li><a href="/dmonitor/overview">运行概览</a></li>
+                                <li><a href="/dmonitor/task">切换策略</a></li>
+                            </ul>
+                        </li>
+                        <li class="{:checkIfActive('opipset,opiplist,opipform')}">
+                            <a href class="auto">
+                                <span class="pull-right text-muted">
+                                    <i class="fa fa-fw fa-angle-right text"></i>
+                                    <i class="fa fa-fw fa-angle-down text-active"></i>
+                                </span>
+                                <i class="fa fa-globe fa-fw"></i>
+                                <span>CF优选IP</span>
+                            </a>
+                            <ul class="nav nav-sub dk">
+                                <li><a href="/optimizeip/opipset">优选设置</a></li>
+                                <li><a href="/optimizeip/opiplist">任务管理</a></li>
+                            </ul>
+                        </li>
+                        <li class="{:checkIfActive('certaccount,account_form,certorder,order_form,order_import,deployaccount,deploytask,deploy_form,certset,cname')}">
+                            <a href class="auto">
+                                <span class="pull-right text-muted">
+                                    <i class="fa fa-fw fa-angle-right text"></i>
+                                    <i class="fa fa-fw fa-angle-down text-active"></i>
+                                </span>
+                                <i class="fa fa-expeditedssl fa-fw"></i>
+                                <span>SSL证书</span>
+                            </a>
+                            <ul class="nav nav-sub dk">
+                                <li><a href="/cert/certaccount">SSL证书账户</a></li>
+                                <li><a href="/cert/certorder">SSL证书订单</a></li>
+                                <li><a href="/cert/deployaccount">自动部署账户</a></li>
+                                <li><a href="/cert/deploytask">自动部署任务</a></li>
+                                <li><a href="/cert/cname">CNAME代理</a></li>
+                                <li><a href="/cert/certset">计划任务设置</a></li>
+                            </ul>
+                        </li>
+                        <li class="{:checkIfActive('loginset,noticeset,proxyset')}">
+                            <a href class="auto">
+                                <span class="pull-right text-muted">
+                                    <i class="fa fa-fw fa-angle-right text"></i>
+                                    <i class="fa fa-fw fa-angle-down text-active"></i>
+                                </span>
+                                <i class="fa fa-cogs fa-fw"></i>
+                                <span>系统设置</span>
+                            </a>
+                            <ul class="nav nav-sub dk">
+                                <li><a href="/system/loginset">登录设置</a></li>
+                                <li><a href="/system/noticeset">通知设置</a></li>
+                                <li><a href="/system/proxyset">代理设置</a></li>
+                                <li><a href="https://www.showdoc.com.cn/dnsmgr/11058996709621562" target="_blank" rel="noreferrer">接口文档</a></li>
+                            </ul>
+                        </li>
+                        <li class="{:checkIfActive('user')}">
+                            <a href="/user"><i class="fa fa-user fa-fw"></i> <span>用户管理</span></a>
+                        </li>
+                        {/if}
+                        <li class="line dk hidden-folded"></li>
+                        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
+                            <span>其他</span>
+                        </li>
+                        <li class="{:checkIfActive('log')}">
+                            <a href="/log"><i class="fa fa-list fa-fw"></i> <span>操作日志</span></a>
+                        </li>
+                    </ul>
+                </nav>
+                <!-- nav -->
+                <!-- aside footer -->
+                <div class="wrapper m-t">
+                    <div class="text-center-folded">
+                        <span class="pull-right pull-none-folded">60%</span>
+                        <span class="hidden-folded">Milestone</span>
+                    </div>
+                    <div class="progress progress-xxs m-t-sm dk">
+                        <div class="progress-bar progress-bar-info" style="width: 60%;">
+                        </div>
+                    </div>
+                    <div class="text-center-folded">
+                        <span class="pull-right pull-none-folded">35%</span>
+                        <span class="hidden-folded">Release</span>
+                    </div>
+                    <div class="progress progress-xxs m-t-sm dk">
+                        <div class="progress-bar progress-bar-primary" style="width: 35%;">
+                        </div>
+                    </div>
+                </div>
+                <!-- / aside footer -->
+            </div>
         </div>
-        <!-- sidebar menu: : style can be found in sidebar.less -->
-        <ul class="sidebar-menu" data-widget="tree">
-          <li class="header">功能导航</li>
-          {if request()->user['type'] eq 'user'}<li class="{:checkIfActive('index')}">
-            <a href="/"><i class="fa fa-home fa-fw"></i> <span>后台首页</span></a>
-          </li>{/if}
-          <li class="{:checkIfActive('domain,record,record_log,record_batch_add,domain_add,weight,record_batch_add2,record_batch_edit2,expire_notice')}">
-            <a href="/domain"><i class="fa fa-list-ul fa-fw"></i> <span>域名管理</span></a>
-          </li>
-          {if request()->user['level'] eq 2}
-          <li class="{:checkIfActive('account')}">
-            <a href="/account"><i class="fa fa-lock fa-fw"></i> <span>域名账户</span></a>
-          </li>
-          <li class="treeview {:checkIfActive('overview,task,taskinfo,taskform')}">
-            <a href="javascript:;">
-              <i class="fa fa-heartbeat fa-fw"></i>
-              <span>容灾切换</span>
-              <span class="pull-right-container">
-                <i class="fa fa-angle-left pull-right"></i>
-              </span>
-            </a>
-            <ul class="treeview-menu">
-              <li class="{:checkIfActive('overview')}"><a href="/dmonitor/overview"><i class="fa fa-circle-o"></i> 运行概览</a></li>
-              <li class="{:checkIfActive('task,taskform')}"><a href="/dmonitor/task"><i class="fa fa-circle-o"></i> 切换策略</a></li>
-            </ul>
-          </li>
-          <li class="treeview {:checkIfActive('opipset,opiplist,opipform')}">
-            <a href="javascript:;">
-              <i class="fa fa-globe fa-fw"></i>
-              <span>CF优选IP</span>
-              <span class="pull-right-container">
-                <i class="fa fa-angle-left pull-right"></i>
-              </span>
-            </a>
-            <ul class="treeview-menu">
-              <li class="{:checkIfActive('opipset')}"><a href="/optimizeip/opipset"><i class="fa fa-circle-o"></i> 优选设置</a></li>
-              <li class="{:checkIfActive('opiplist,opipform')}"><a href="/optimizeip/opiplist"><i class="fa fa-circle-o"></i> 任务管理</a></li>
-            </ul>
-          </li>
-          <li class="treeview {:checkIfActive('certaccount,account_form,certorder,order_form,order_import,deployaccount,deploytask,deploy_form,certset,cname')}">
-            <a href="javascript:;">
-              <i class="fa fa-expeditedssl fa-fw"></i>
-              <span>SSL证书</span>
-              <span class="pull-right-container">
-                <i class="fa fa-angle-left pull-right"></i>
-              </span>
-            </a>
-            <ul class="treeview-menu">
-              <li class="{:checkIfActive('certaccount')}"><a href="/cert/certaccount"><i class="fa fa-circle-o"></i> SSL证书账户</a></li>
-              <li class="{:checkIfActive('certorder,order_form,order_import')}"><a href="/cert/certorder"><i class="fa fa-circle-o"></i> SSL证书订单</a></li>
-              <li class="{:checkIfActive('deployaccount')}"><a href="/cert/deployaccount"><i class="fa fa-circle-o"></i> 自动部署账户</a></li>
-              <li class="{:checkIfActive('deploytask,deploy_form')}"><a href="/cert/deploytask"><i class="fa fa-circle-o"></i> 自动部署任务</a></li>
-              <li class="{:checkIfActive('cname')}"><a href="/cert/cname"><i class="fa fa-circle-o"></i> CNAME代理</a></li>
-              <li class="{:checkIfActive('certset')}"><a href="/cert/certset"><i class="fa fa-circle-o"></i> 计划任务设置</a></li>
-            </ul>
-          </li>
-          <li class="treeview {:checkIfActive('loginset,noticeset,proxyset')}">
-            <a href="javascript:;">
-              <i class="fa fa-cogs fa-fw"></i>
-              <span>系统设置</span>
-              <span class="pull-right-container">
-                <i class="fa fa-angle-left pull-right"></i>
-              </span>
-            </a>
-            <ul class="treeview-menu">
-              <li class="{:checkIfActive('loginset')}"><a href="/system/loginset"><i class="fa fa-circle-o"></i> 登录设置</a></li>
-              <li class="{:checkIfActive('noticeset')}"><a href="/system/noticeset"><i class="fa fa-circle-o"></i> 通知设置</a></li>
-              <li class="{:checkIfActive('proxyset')}"><a href="/system/proxyset"><i class="fa fa-circle-o"></i> 代理设置</a></li>
-              <li><a href="https://www.showdoc.com.cn/dnsmgr/11058996709621562" target="_blank" rel="noreferrer"><i class="fa fa-circle-o"></i> <span>接口文档</span></a></li>
-            </ul>
-          </li>
-          <li class="{:checkIfActive('user')}">
-            <a href="/user"><i class="fa fa-user fa-fw"></i> <span>用户管理</span></a>
-          </li>{/if}
-          <li class="{:checkIfActive('log')}">
-            <a href="/log"><i class="fa fa-list fa-fw"></i> <span>操作日志</span></a>
-          </li>
-        </ul>
-      </section>
-      <!-- /.sidebar -->
     </aside>
-  
-    <!-- Content Wrapper. Contains page content -->
-    <div class="content-wrapper">
-      <!-- Main content -->
-      <section class="content">
-{block name="main"}主内容{/block}
-</section>
-<!-- /.content -->
+    <!-- / aside -->
+    <!-- content -->
+    <div id="content" class="app-content" role="main">
+        <div class="app-content-body ">
+            <div class="bg-light lter b-b wrapper-md hidden-print">
+                <h1 class="m-n font-thin h3">{block name="title"}标题{/block}</h1>
+            </div>
+            <div class="wrapper-md control">
+                {block name="main"}主内容{/block}
+            </div>
+        </div>
+    </div>
+    <!-- / content -->
+    <!-- footer -->
+    <footer id="footer" class="app-footer" role="footer">
+        <div class="wrapper b-t bg-light">
+            <span class="pull-right">Powered by <a href="/" target="_blank">聚合DNS管理系统</a></span>
+            &copy; 2016-2024 Copyright.
+        </div>
+    </footer>
+    <!-- / footer -->
 </div>
-<!-- Control Sidebar -->
-<aside class="control-sidebar control-sidebar-dark" style="display: none;">
-<!-- Tab panes -->
-<div class="tab-content">
-  <!-- Home tab content -->
-  <div class="tab-pane active">
-  <h4 class="control-sidebar-heading">皮肤</h4>
-    <ul class="list-unstyled clearfix skin-list">
-        <li><a href="javascript:;" data-skin="skin-blue" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #4e73df;"></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Blue</p></li>
-        <li><a href="javascript:;" data-skin="skin-black" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black</p></li>
-        <li><a href="javascript:;" data-skin="skin-purple" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #605ca8;"></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Purple</p></li>
-        <li><a href="javascript:;" data-skin="skin-green" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="width: 80%; height: 7px;"></span></div><div><span style="width: 20%; height: 20px; background: #000;"></span><span style="width: 80%; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Green</p></li>
-        <li><a href="javascript:;" data-skin="skin-red" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="width: 80%; height: 7px;"></span></div><div><span style="width: 20%; height: 20px; background: #000;"></span><span style="width: 80%; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Red</p></li>
-        <li><a href="javascript:;" data-skin="skin-yellow" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="width: 80%; height: 7px;"></span></div><div><span style="width: 20%; height: 20px; background: #000;"></span><span style="width: 80%; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Yellow</p></li>
-
-        <li><a href="javascript:;" data-skin="skin-blue-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px; background: #4e73df;"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Blue Light</p></li>
-        <li><a href="javascript:;" data-skin="skin-black-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px; background: #000;"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Black Light</p></li>
-        <li><a href="javascript:;" data-skin="skin-purple-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px; background: #605ca8;"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Purple Light</p></li>
-        <li><a href="javascript:;" data-skin="skin-green-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px;" class="bg-green"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Green Light</p></li>
-        <li><a href="javascript:;" data-skin="skin-red-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px;" class="bg-red"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Red Light</p></li>
-        <li><a href="javascript:;" data-skin="skin-yellow-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px;" class="bg-yellow"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Yellow Light</p></li>
-
-        <li><a href="javascript:;" data-skin="skin-black-blue" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px; background: #4e73df;"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Blue</p></li>
-        <li><a href="javascript:;" data-skin="skin-black-purple" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px; background: #605ca8;"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Purple</p></li>
-        <li><a href="javascript:;" data-skin="skin-black-green" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px;" class="bg-green"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Green</p></li>
-        <li><a href="javascript:;" data-skin="skin-black-red" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px;" class="bg-red"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Red</p></li>
-        <li><a href="javascript:;" data-skin="skin-black-yellow" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px;" class="bg-yellow"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Yellow</p></li>
-        <li><a href="javascript:;" data-skin="skin-black-pink" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px; background: #f5549f;"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Pink</p></li>
-    </ul>
-  </div>
-  <!-- /.tab-pane -->
-</div>
-</aside>
-<!-- /.control-sidebar -->
-<!-- Add the sidebar's background. This div must be placed
-   immediately after the control sidebar -->
-<div class="control-sidebar-bg"></div>
-</div>
-<!-- ./wrapper -->
 
+<script src="{$cdnpublic}jquery/3.4.1/jquery.min.js"></script>
 <script src="{$cdnpublic}twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
-<script src="{$cdnpublic}fastclick/1.0.6/fastclick.min.js"></script>
-<script src="/static/js/app.js"></script>
-<script>
-  document.addEventListener('pointerdown', function(e) {
-    if (e.target.closest('table')) {
-        return;
-    }
-
-    startX = e.clientX;
-
-    // 如果触摸开始于屏幕左边缘的10%区域内
-    if (startX < window.innerWidth * 0.1) {
-        e.preventDefault(); // 尝试阻止默认行为
-    }
-}, false);
-
-</script>
+<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
+<script src="/static/js/ui-load.js"></script>
+<script src="/static/js/ui-jp.config.js"></script>
+<script src="/static/js/ui-jp.js"></script>
+<script src="/static/js/ui-nav.js"></script>
+<script src="/static/js/ui-toggle.js"></script>
 {block name="script"}{/block}
 </body>
 </html>
\ No newline at end of file
diff --git a/app/view/dispatch_jump.html b/app/view/dispatch_jump.html
old mode 100644
new mode 100755
index 7e7452b..e868b53
--- a/app/view/dispatch_jump.html
+++ b/app/view/dispatch_jump.html
@@ -1,60 +1,162 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
     <title>温馨提示</title>
-    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
-    <meta name="renderer" content="webkit"/>
+    <meta content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" name="viewport">
+    <meta content="webkit" name="renderer"/>
     <style type="text/css">
-        *{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased}
-        body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333}
-        a{outline:0;color:#3498db;text-decoration:none;cursor:pointer}
-        .system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center}
-        .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px}
-        .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400}
-        .system-message .jump{font-size:14px}
-        .system-message .jump a{color:#333}
-        .system-message p{font-size:9pt;line-height:20px}
-        .system-message .btn{display:inline-block;margin-right:10px;width:138px;height:2pc;border:1px solid #44a0e8;border-radius:30px;color:#44a0e8;text-align:center;font-size:1pc;line-height:2pc;margin-bottom:5px;}
-        .success .btn{border-color:#69bf4e;color:#69bf4e}
-        .error .btn{border-color:#ff8992;color:#ff8992}
-        .info .btn{border-color:#3498db;color:#3498db}
-        .copyright p{width:100%;color:#919191;text-align:center;font-size:10px}
-        .system-message .btn-grey{border-color:#bbb;color:#bbb}
-        .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
-        @media (max-width:768px){body {padding:20px 0;}}
-            @media (max-width:480px){.system-message h1{font-size:30px;}}
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+            font-family: Lantinghei SC, Open Sans, Arial, Hiragino Sans GB, Microsoft YaHei, "微软雅黑", STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
+            -webkit-font-smoothing: antialiased
+        }
+
+        body {
+            padding: 70px 0;
+            background: #edf1f4;
+            font-weight: 400;
+            font-size: 1pc;
+            -webkit-text-size-adjust: none;
+            color: #333
+        }
+
+        a {
+            outline: 0;
+            color: #3498db;
+            text-decoration: none;
+            cursor: pointer
+        }
+
+        .system-message {
+            margin: 20px 5%;
+            padding: 40px 20px;
+            background: #fff;
+            box-shadow: 1px 1px 1px hsla(0, 0%, 39%, .1);
+            text-align: center
+        }
+
+        .system-message h1 {
+            margin: 0;
+            margin-bottom: 9pt;
+            color: #444;
+            font-weight: 400;
+            font-size: 40px
+        }
+
+        .system-message .jump, .system-message .image {
+            margin: 20px 0;
+            padding: 0;
+            padding: 10px 0;
+            font-weight: 400
+        }
+
+        .system-message .jump {
+            font-size: 14px
+        }
+
+        .system-message .jump a {
+            color: #333
+        }
+
+        .system-message p {
+            font-size: 9pt;
+            line-height: 20px
+        }
+
+        .system-message .btn {
+            display: inline-block;
+            margin-right: 10px;
+            width: 138px;
+            height: 2pc;
+            border: 1px solid #44a0e8;
+            border-radius: 30px;
+            color: #44a0e8;
+            text-align: center;
+            font-size: 1pc;
+            line-height: 2pc;
+            margin-bottom: 5px;
+        }
+
+        .success .btn {
+            border-color: #69bf4e;
+            color: #69bf4e
+        }
+
+        .error .btn {
+            border-color: #ff8992;
+            color: #ff8992
+        }
+
+        .info .btn {
+            border-color: #3498db;
+            color: #3498db
+        }
+
+        .copyright p {
+            width: 100%;
+            color: #919191;
+            text-align: center;
+            font-size: 10px
+        }
+
+        .system-message .btn-grey {
+            border-color: #bbb;
+            color: #bbb
+        }
+
+        .clearfix:after {
+            clear: both;
+            display: block;
+            visibility: hidden;
+            height: 0;
+            content: "."
+        }
+
+        @media (max-width: 768px) {
+            body {
+                padding: 20px 0;
+            }
+        }
+
+        @media (max-width: 480px) {
+            .system-message h1 {
+                font-size: 30px;
+            }
+        }
     </style>
 </head>
 <body>
 <div class="system-message {$code}">
     <div class="image">
-        <img src="/static/images/{$code}.svg" alt="" width="150" />
+        <img alt="" src="/static/images/{$code}.svg" width="150"/>
     </div>
     <h1>{$msg}</h1>
     {if $url}
-        <p class="jump">
-            页面将在 <span id="wait">{$wait}</span> 秒后自动跳转
-        </p>
+    <p class="jump">
+        页面将在 <span id="wait">{$wait}</span> 秒后自动跳转
+    </p>
     {/if}
     <p class="clearfix">
-        <a href="javascript:history.go(-1);" class="btn btn-grey">返回上一页</a>
+        <a class="btn btn-grey" href="javascript:history.go(-1);">返回上一页</a>
         {if $url}
-            <a href="{$url}" class="btn btn-primary">立即跳转</a>
+        <a class="btn btn-primary" href="{$url}">立即跳转</a>
         {/if}
     </p>
 </div>
-    <script type="text/javascript">
-        (function () {
-            var wait = document.getElementById('wait');
-            var interval = setInterval(function () {
-                var time = --wait.innerHTML;
-                if (time <= 0) {
-                    location.href = "{$url}";
-                    clearInterval(interval);
-                }
-            }, 1000);
-        })();
-    </script>
+<script type="text/javascript">
+    (function () {
+        var wait = document.getElementById('wait');
+        var interval = setInterval(function () {
+            var time = --wait.innerHTML;
+            if (time <= 0) {
+                location.href = "{$url}";
+                clearInterval(interval);
+            }
+        }, 1000);
+    })();
+</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/app/view/dmonitor/overview.html b/app/view/dmonitor/overview.html
old mode 100644
new mode 100755
index 5fec815..967d8c3
--- a/app/view/dmonitor/overview.html
+++ b/app/view/dmonitor/overview.html
@@ -2,211 +2,208 @@
 {block name="title"}容灾切换运行概览{/block}
 {block name="main"}
 <style>
-.info-box-content{padding:18px 10px}
-.hbox{display:table;width:100%;height:100%;border-spacing:0;table-layout:fixed;border:1px solid #edf1f2}
-.hbox .col{display:table-cell;float:none;height:100%;vertical-align:top;border:1px solid #edf1f2;padding-top:18px;padding-bottom:18px;color:#98a6ad}
-.hbox .col .fa{display:block;padding-bottom:3px}
-.hbox .col span{font-size:14px}
-.hbox .col:hover{background-color:#f9f9f9;color:#6e7173}
+    .round {
+        line-height: 53px;
+        color: #7266ba;
+        width: 58px;
+        height: 58px;
+        font-size: 26px;
+        margin-left:15px;
+        display: inline-block;
+        font-weight: 400;
+        border: 3px solid #f8f8fe;
+        text-align: center;
+        border-radius: 50%;
+        background: #e3dff9;
+    }
 </style>
-<div class="modal" id="modal-clean">
-	<div class="modal-dialog" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-				<h4 class="modal-title">数据清理</h4>
-			</div>
-			<div class="modal-body">
-				<form id="form-clean" onsubmit="return false;">
-					<div class="form-group">
-						<label>清理多少天前的切换记录</label>
-						<input type="number" class="form-control" name="days" value="30">
-					</div>
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-outline-info" data-dismiss="modal">取消</button>
-				<button type="button" class="btn btn-danger" onclick="submitClean()">确定</button>
-			</div>
-		</div>
-	</div>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal inmodal fade" data-backdrop="static" id="modal-clean" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button aria-label="Close" class="close" data-dismiss="modal" type="button">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                <h4 class="modal-title">数据清理</h4>
+            </div>
+            <div class="modal-body">
+                <form id="form-clean" onsubmit="return false;">
+                    <div class="form-group">
+                        <label>清理多少天前的切换记录</label>
+                        <input class="form-control" name="days" type="number" value="30">
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline-info" data-dismiss="modal" type="button">取消</button>
+                <button class="btn btn-primary" onclick="submitClean()" type="button">确定</button>
+            </div>
+        </div>
+    </div>
 </div>
-<div class="modal" id="modal-notice">
-	<div class="modal-dialog" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-				<h4 class="modal-title">通知设置</h4>
-			</div>
-			<div class="modal-body">
-				<form id="form-notice" onsubmit="return false;" class="form-horizontal">
-					<div class="form-group">
-						<label class="col-sm-4 control-label">邮件通知</label>
-						<div class="col-sm-8"><select class="form-control" name="notice_mail" default="{:config_get('notice_mail')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-4 control-label">微信公众号通知</label>
-						<div class="col-sm-8"><select class="form-control" name="notice_wxtpl" default="{:config_get('notice_wxtpl')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-4 control-label">Telegram机器人通知</label>
-						<div class="col-sm-8"><select class="form-control" name="notice_tgbot" default="{:config_get('notice_tgbot')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-4 control-label">群机器人Webhook</label>
-						<div class="col-sm-8"><select class="form-control" name="notice_webhook" default="{:config_get('notice_webhook')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-					</div>
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-outline-info" data-dismiss="modal">取消</button>
-				<button type="button" class="btn btn-primary" onclick="submitNotice()">确定</button>
-			</div>
-		</div>
-	</div>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal inmodal fade" data-backdrop="static" id="modal-notice" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button aria-label="Close" class="close" data-dismiss="modal" type="button">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                <h4 class="modal-title">通知设置</h4>
+            </div>
+            <div class="modal-body">
+                <form id="form-notice" onsubmit="return false;" class="form-horizontal">
+                    <div class="form-group">
+                        <label class="col-sm-4 control-label">邮件通知</label>
+                        <div class="col-sm-8"><select class="form-control" name="notice_mail" default="{:config_get('notice_mail')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-4 control-label">微信公众号通知</label>
+                        <div class="col-sm-8"><select class="form-control" name="notice_wxtpl" default="{:config_get('notice_wxtpl')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-4 control-label">Telegram机器人通知</label>
+                        <div class="col-sm-8"><select class="form-control" name="notice_tgbot" default="{:config_get('notice_tgbot')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-4 control-label">群机器人Webhook</label>
+                        <div class="col-sm-8"><select class="form-control" name="notice_webhook" default="{:config_get('notice_webhook')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline-info" data-dismiss="modal" type="button">取消</button>
+                <button class="btn btn-primary" onclick="submitNotice()" type="button">确定</button>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row row-sm text-center">
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-certificate fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-primary-dk font-thin h1"><span>{$info.run_state==1?'<font color="green">正在运行</font>':'<font color="red">已停止</font>'}</span><span class="text-muted text-md"></span></div><span class="text-muted">运行状态</span></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-heart fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-dark-dk font-thin h1"><span>{$info.run_count}</span><span class="text-muted text-md"></span></div><span class="text-muted">今日运行次数</span></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-bandcamp fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-success-dk font-thin h1"><span>{$info.fail_count}</span><span class="text-muted text-md"></span></div><span class="text-muted">24H告警次数</span></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-gratipay fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-info-dk font-thin h1"><span>{$info.switch_count}</span><span class="text-muted text-md"></span></div><span class="text-muted">24H切换次数</span></div>
+            </div>
+        </div>
+    </div>
 </div>
 <div class="row">
-	<div class="col-md-3 col-sm-6 col-xs-12">
-	  <div class="info-box">
-		<span class="info-box-icon bg-aqua"><i class="fa fa-certificate"></i></span>
-
-		<div class="info-box-content">
-		  <span class="info-box-text">运行状态</span>
-		  <span class="info-box-number">{$info.run_state==1?'<font color="green">正在运行</font>':'<font color="red">已停止</font>'}</span>
-		</div>
-		<!-- /.info-box-content -->
-	  </div>
-	  <!-- /.info-box -->
-	</div>
-	<!-- /.col -->
-	<div class="col-md-3 col-sm-6 col-xs-12">
-	  <div class="info-box">
-		<span class="info-box-icon bg-green"><i class="fa fa-heart"></i></span>
-
-		<div class="info-box-content">
-		  <span class="info-box-text">今日运行次数</span>
-		  <span class="info-box-number">{$info.run_count}</span>
-		</div>
-		<!-- /.info-box-content -->
-	  </div>
-	  <!-- /.info-box -->
-	</div>
-	<!-- /.col -->
-
-	<!-- fix for small devices only -->
-	<div class="clearfix visible-sm-block"></div>
-
-	<div class="col-md-3 col-sm-6 col-xs-12">
-	  <div class="info-box">
-		<span class="info-box-icon bg-red"><i class="fa fa-bandcamp"></i></span>
-
-		<div class="info-box-content">
-		  <span class="info-box-text">24H告警次数</span>
-		  <span class="info-box-number">{$info.fail_count}</span>
-		</div>
-		<!-- /.info-box-content -->
-	  </div>
-	  <!-- /.info-box -->
-	</div>
-	<!-- /.col -->
-	<div class="col-md-3 col-sm-6 col-xs-12">
-	  <div class="info-box">
-		<span class="info-box-icon bg-yellow"><i class="fa fa-gratipay"></i></span>
-
-		<div class="info-box-content">
-		  <span class="info-box-text">24H切换次数</span>
-		  <span class="info-box-number">{$info.switch_count}</span>
-		</div>
-		<!-- /.info-box-content -->
-	  </div>
-	  <!-- /.info-box -->
-	</div>
-	<!-- /.col -->
-  </div>
-<div class="row">
-<div class="col-xs-12 col-md-6">
-	<div class="panel panel-success">
-		<div class="panel-heading"><h3 class="panel-title">运行概览</h3></div>
-	<div class="panel-body">
-		<li class="list-group-item"><span class="glyphicon glyphicon-time"></span> <b>上次运行时间：</b> {$info.run_time}</li>
-		<li class="list-group-item"><span class="glyphicon glyphicon-time"></span> <b>当前时间：</b> {:date('Y-m-d H:i:s')}</li>
-		<li class="list-group-item"><span class="fa fa-th-large"></span> <b>Swoole组件：</b> {$info.swoole|raw}</li>
-		{if $info.run_error}<li class="list-group-item"><span class="fa fa-times-circle"></span> <b>上次运行错误信息：</b> {$info.run_error}</li>{/if}
-		<div class="hbox text-center text-sm">
-			<a href="/dmonitor/task" class="col">
-			  <i class="fa fa-list-alt fa-2x"></i>
-			  <span>切换策略</span>
-			</a>
-			<a href="javascript:noticeset()" class="col">
-				<i class="fa fa-bullhorn fa-2x"></i>
-			  <span>通知设置</span>
-			</a>
-			<a href="javascript:clean()" class="col">
-			  <i class="fa fa-trash fa-2x"></i>
-			  <span>数据清理</span>
-			</a>
-		</div>
+    <div class="col-xs-12 col-md-6">
+        <div class="panel panel-success">
+            <div class="panel-heading font-bold"><h3 class="panel-title">运行概览</h3></div>
+            <div class="panel-body">
+                <li class="list-group-item"><span class="glyphicon glyphicon-time"></span>
+                    <b>上次运行时间：</b>{$info.run_time}
+                </li>
+                <li class="list-group-item">
+                    <span class="glyphicon glyphicon-time"></span>
+                    <b>当前时间：</b>{:date('Y-m-d H:i:s')}
+                </li>
+                <li class="list-group-item">
+                    <span class="fa fa-th-large"></span>
+                    <b>Swoole组件：</b>{$info.swoole|raw}
+                </li>
+                {if $info.run_error}
+                    <li class="list-group-item">
+                        <span class="fa fa-times-circle"></span>
+                        <b>上次运行错误信息：</b>{$info.run_error}
+                    </li>
+                {/if}
+                <li class="list-group-item">
+                    <div class="hbox text-center b-light text-sm">
+                        <a href="/dmonitor/task" class="col padder-v text-muted b-light">
+                            <i class="fa fa-list-alt block m-b-xs fa-2x"></i>
+                            <span>切换策略</span>
+                        </a>
+                        <a href="javascript:noticeset()" class="col padder-v text-muted b-light">
+                            <i class="fa fa-bullhorn block m-b-xs fa-2x"></i>
+                            <span>通知设置</span>
+                        </a>
+                        <a href="javascript:clean()" class="col padder-v text-muted b-light">
+                            <i class="fa fa-trash block m-b-xs fa-2x"></i>
+                            <span>数据清理</span>
+                        </a>
+                    </div>
+                </li>
+            </div>
+        </div>
     </div>
-  </div>
-</div>
-<div class="col-xs-12 col-md-6">
-  <div class="panel panel-info">
-	<div class="panel-heading"><h3 class="panel-title">操作说明</h3></div>
-	<div class="panel-body">
-		<p>1、php需要安装swoole组件</p>
-		<p>2、在命令行执行以下命令启动进程：</p>
-		<p><code>cd {:app()->getRootPath()} && php think dmtask</code></p>
-		<p>3、也可以使用进程守护管理器，添加守护进程，运行目录：{:app()->getRootPath()}，启动命令：php think dmtask</p>
+    <div class="col-xs-12 col-md-6">
+        <div class="panel panel-info">
+            <div class="panel-heading font-bold"><h3 class="panel-title">操作说明</h3></div>
+            <div class="panel-body">
+                <p>1、php需要安装swoole组件</p>
+                <p>2、在命令行执行以下命令启动进程：<code>cd {:app()->getRootPath()} && php think dmtask</code></p>
+                <p>3、也可以使用进程守护管理器，添加守护进程，运行目录：<code>{:app()->getRootPath()}</code>，启动命令：<code>php think dmtask</code></p>
+            </div>
+        </div>
     </div>
-  </div>
-</div>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-var items = $("select[default]");
-for (i = 0; i < items.length; i++) {
-	$(items[i]).val($(items[i]).attr("default")||0);
-}
-function clean(){
-	$('#modal-clean').modal('show');
-}
-function noticeset(){
-	$('#modal-notice').modal('show');
-}
-function submitClean(){
-	var days = $('#form-clean input[name=days]').val();
-	if(days < 1){
-		layer.alert('清理天数不能小于1', {icon: 2});
-		return;
-	}
-	$.post('/dmonitor/clean', {days: days}, function(res){
-		if(res.code == 0){
-			layer.msg(res.msg, {icon: 1});
-			$('#modal-clean').modal('hide');
-		}else{
-			layer.alert(res.msg, {icon: 2});
-		}
-	});
-}
-function submitNotice(){
-	$.post('/system/set', $("#form-notice").serialize(), function(res){
-		if(res.code == 0){
-			layer.alert('设置保存成功！<br/>重启检测进程或容器后生效', {
-				icon: 1,
-				closeBtn: false
-			}, function(){
-				window.location.reload()
-			});
-		}else{
-			layer.alert(res.msg, {icon: 2});
-		}
-	});
-}
+    var items = $("select[default]");
+    for (i = 0; i < items.length; i++) {
+        $(items[i]).val($(items[i]).attr("default")||0);
+    }
+    function clean() {
+        $('#modal-clean').modal('show');
+    }
+    function noticeset(){
+        $('#modal-notice').modal('show');
+    }
+    function submitClean() {
+        var days = $('#form-clean input[name=days]').val();
+        if (days < 1) {
+            layer.alert('清理天数不能小于1', {icon: 2});
+            return;
+        }
+        $.post('/dmonitor/clean', {days: days}, function (res) {
+            if (res.code == 0) {
+                layer.msg(res.msg, {icon: 1});
+                $('#modal-clean').modal('hide');
+            } else {
+                layer.alert(res.msg, {icon: 2});
+            }
+        });
+    }
+    function submitNotice(){
+        $.post('/system/set', $("#form-notice").serialize(), function(res){
+            if(res.code == 0){
+                layer.alert('设置保存成功！<br/>重启检测进程或容器后生效', {
+                    icon: 1,
+                    closeBtn: false
+                }, function(){
+                    window.location.reload()
+                });
+            }else{
+                layer.alert(res.msg, {icon: 2});
+            }
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/dmonitor/task.html b/app/view/dmonitor/task.html
old mode 100644
new mode 100755
index a3a47a9..be71ac1
--- a/app/view/dmonitor/task.html
+++ b/app/view/dmonitor/task.html
@@ -2,177 +2,184 @@
 {block name="title"}容灾切换策略{/block}
 {block name="main"}
 <style>
-tbody tr>td:nth-child(2){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:180px;}
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
 </style>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-	<div class="form-group">
-		<select name="type" class="form-control"><option value="1">域名</option><option value="3">解析记录</option><option value="4">备用解析记录</option><option value="2">解析记录ID</option><option value="5">备注</option></select>
-	</div>
-  </div>
-  <div class="form-group">
-	<input type="text" class="form-control" name="kw" placeholder="">
-  </div>
-  <div class="form-group">
-	<div class="form-group">
-		<select name="status" class="form-control"><option value="">健康状况</option><option value="0">正常</option><option value="1">异常</option></select>
-	</div>
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新域名账户列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="/dmonitor/task/add" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-</form>
-
-      <table id="listTable">
-	  </table>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">容灾切换策略</h3>
     </div>
-  </div>
-</div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            <div class="form-group">
+                <select class="form-control" name="type">
+                    <option value="1">域名</option>
+                    <option value="3">解析记录</option>
+                    <option value="4">备用解析记录</option>
+                    <option value="2">解析记录ID</option>
+                    <option value="5">备注</option>
+                </select>
+            </div>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="kw" placeholder="" type="text">
+        </div>
+        <div class="form-group">
+            <div class="form-group">
+                <select name="status" class="form-control">
+                    <option value="">健康状况</option>
+                    <option value="0">正常</option>
+                    <option value="1">异常</option>
+                </select>
+            </div>
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新容灾切换策略"><i class="fa fa-refresh"></i> 刷新</a>
+        <a class="btn btn-success" href="/dmonitor/task/add"><i class="fa fa-plus"></i> 添加</a>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/dmonitor/task/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'rr',
-				title: '域名',
-				formatter: function(value, row, index) {
-					return '<span title="'+row.remark+'" data-toggle="tooltip" data-placement="right">' + value + '.' + row.domain + '</span>';
-				}
-			},
-			{
-				field: 'main_value',
-				title: '解析记录',
-				formatter: function(value, row, index) {
-					return value;
-				}
-			},
-			{
-				field: 'type',
-				title: '切换设置',
-				formatter: function(value, row, index) {
-					if(value == 1) {
-						return '暂停解析';
-					} else if(value == 2) {
-						return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="备用：'+row.backup_value+'" class="tips">切换备用</span>';
-					} else if(value == 3) {
-						return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="同域名正常数量<='+row.cycle+'" class="tips">条件开启</span>';
-					} else {
-						return '无操作';
-					}
-				}
-			},
-			{
-				field: 'frequency',
-				title: '检测间隔',
-				formatter: function(value, row, index) {
-					if(row.type <= 2){
-						var checktype = 'PING';
-						if(row.checktype == 2){
-							checktype = row.checkurl;
-						}else if(row.checktype == 1){
-							checktype = 'TCP('+row.tcpport+'端口)';
-						}
-					}else{
-						var checktype = '';
-					}
-					return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="'+checktype+'" class="tips">' + value + '秒</span>';
-				}
-			},
-			{
-				field: 'status',
-				title: '健康状况',
-				formatter: function(value, row, index) {
-					if(value == 0) {
-						return '<span class="label label-success">正常</span>';
-					} else {
-						return '<span class="label label-danger">异常</span>';
-					}
-				}
-			},
-			{
-				field: 'active',
-				title: '运行开关',
-				formatter: function(value, row, index) {
-					if(value == 1){
-						return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" checked onchange="setActive('+row.id+',0)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
-					}else{
-						return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" onchange="setActive('+row.id+',1)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
-					}
-				}
-			},
-			{
-				field: 'checktime',
-				title: '上次检测时间',
-				formatter: function(value, row, index) {
-					return value > 0 ? row.checktimestr : '未运行';
-				}
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="/dmonitor/task/info/'+row.id+'" class="btn btn-info btn-xs">切换日志</a>&nbsp;&nbsp;';
-					html += '<a href="/dmonitor/task/edit?id='+row.id+'" class="btn btn-primary btn-xs">修改</a>&nbsp;&nbsp;';
-					html += '<a href="/record/'+row.did+'?keyword='+row.rr+'" class="btn btn-default btn-xs" target="_blank">解析</a>&nbsp;&nbsp;';
-					html += '<a href="javascript:delItem(\''+row.id+'\')" class="btn btn-danger btn-xs">删除</a>&nbsp;&nbsp;';
-					return html;
-				}
-			},
-		],
-		onLoadSuccess: function(data) {
-			$('[data-toggle="tooltip"]').tooltip()
-		}
-	})
-})
-function setActive(id, active){
-	$.post('/dmonitor/task/setactive', {id: id, active: active}, function(data){
-		if(data.code == 0) {
-			layer.msg('修改成功', {icon: 1, time:800});
-			$('#listTable').bootstrapTable('refresh');
-		} else {
-			layer.msg(data.msg, {icon: 2});
-		}
-	}, 'json');
-}
-function delItem(id){
-	layer.confirm('确定要删除此切换策略吗？', {
-		btn: ['确定','取消']
-	}, function(){
-		$.post('/dmonitor/task/del', {id: id}, function(data){
-			if(data.code == 0) {
-				layer.msg('删除成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.msg(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
+        $("#listTable").bootstrapTable({
+            url: '/dmonitor/task/data',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'rr',
+                    title: '域名',
+                    formatter: function (value, row, index) {
+                        return '<span title="' + row.remark + '" data-toggle="tooltip" data-placement="right">' + value + '.' + row.domain + '</span>';
+                    }
+                },
+                {
+                    field: 'main_value',
+                    title: '解析记录',
+                    formatter: function (value, row, index) {
+                        return value;
+                    }
+                },
+                {
+                    field: 'type',
+                    title: '切换设置',
+                    formatter: function (value, row, index) {
+                        if (value == 1) {
+                            return '暂停解析';
+                        } else if (value == 2) {
+                            return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="备用：' + row.backup_value + '" class="tips">切换备用</span>';
+                        } else if (value == 3) {
+                            return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="同域名正常数量<=' + row.cycle + '" class="tips">条件开启</span>';
+                        } else {
+                            return '无操作';
+                        }
+                    }
+                },
+                {
+                    field: 'frequency',
+                    title: '检测间隔',
+                    formatter: function (value, row, index) {
+                        if (row.type <= 2) {
+                            var checktype = 'PING';
+                            if (row.checktype == 2) {
+                                checktype = row.checkurl;
+                            } else if (row.checktype == 1) {
+                                checktype = 'TCP(' + row.tcpport + '端口)';
+                            }
+                        } else {
+                            var checktype = '';
+                        }
+                        return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="' + checktype + '" class="tips">' + value + '秒</span>';
+                    }
+                },
+                {
+                    field: 'status',
+                    title: '健康状况',
+                    formatter: function (value, row, index) {
+                        if (value == 0) {
+                            return '<span class="label label-success">正常</span>';
+                        } else {
+                            return '<span class="label label-danger">异常</span>';
+                        }
+                    }
+                },
+                {
+                    field: 'active',
+                    title: '运行开关',
+                    formatter: function(value, row, index) {
+                        if(value == 1){
+                            return '<div class="material-switch"><input id="active' + row.id + '" type="checkbox" checked onchange="setActive(' + row.id + ',0)"/><label for="active' + row.id + '" class="label-primary"></label></div>';
+                        }else{
+                            return '<div class="material-switch"><input id="active' + row.id + '" type="checkbox" onchange="setActive(' + row.id + ',1)"/><label for="active' + row.id + '" class="label-primary"></label></div>';
+                        }
+                    }
+                },
+                {
+                    field: 'checktime',
+                    title: '上次检测时间',
+                    formatter: function (value, row, index) {
+                        return value > 0 ? row.checktimestr : '未运行';
+                    }
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function (value, row, index) {
+                        var html = '<a href="/dmonitor/task/info/' + row.id + '" class="btn btn-info btn-xs">切换日志</a>&nbsp;&nbsp;';
+                        html += '<a href="/dmonitor/task/edit?id=' + row.id + '" class="btn btn-primary btn-xs">修改</a>&nbsp;&nbsp;';
+                        html += '<a href="/record/' + row.did + '?keyword=' + row.rr + '" class="btn btn-default btn-xs" target="_blank">解析</a>&nbsp;&nbsp;';
+                        html += '<a href="javascript:delItem(\'' + row.id + '\')" class="btn btn-danger btn-xs">删除</a>&nbsp;&nbsp;';
+                        return html;
+                    }
+                },
+            ],
+            onLoadSuccess: function (data) {
+                $('[data-toggle="tooltip"]').tooltip()
+            }
+        })
+    })
+
+    function setActive(id, active) {
+        $.post('/dmonitor/task/setactive', {id: id, active: active}, function (data) {
+            if (data.code == 0) {
+                layer.msg('修改成功', {icon: 1, time: 800});
+                $('#listTable').bootstrapTable('refresh');
+            } else {
+                layer.msg(data.msg, {icon: 2});
+            }
+        }, 'json');
+    }
+
+    function delItem(id) {
+        layer.confirm('确定要删除此切换策略吗？', {
+            btn: ['确定', '取消']
+        }, function () {
+            $.post('/dmonitor/task/del', {id: id}, function (data) {
+                if (data.code == 0) {
+                    layer.msg('删除成功', {icon: 1, time: 800});
+                    $('#listTable').bootstrapTable('refresh');
+                } else {
+                    layer.msg(data.msg, {icon: 2});
+                }
+            }, 'json');
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/dmonitor/taskform.html b/app/view/dmonitor/taskform.html
old mode 100644
new mode 100755
index 404d2ac..969ccab
--- a/app/view/dmonitor/taskform.html
+++ b/app/view/dmonitor/taskform.html
@@ -2,149 +2,160 @@
 {block name="title"}容灾切换策略{/block}
 {block name="main"}
 <style>
-    .dselect::before{
+    .dselect::before {
         content: '.';
         position: absolute;
         left: 0;
     }
+    
     .control-label[is-required]:before {
         content: "*";
         color: #f56c6c;
         margin-right: 4px;
     }
-    .tips{color: #f6a838; padding-left: 5px;}
+
+    .tips {
+        color: #f6a838;
+        padding-left: 5px;
+    }
 </style>
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/dmonitor/task" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}容灾切换策略</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="taskform">
-    <div class="form-group">
-        <label class="col-sm-3 col-xs-12 control-label no-padding-right" is-required>域名选择</label>
-        <div class="col-sm-6">
-            <div class="input-group">
-                <input type="text" name="rr" v-model="set.rr" placeholder="主机记录" class="form-control" required>
-                <span class="input-group-addon">.</span>
-                <select name="did" v-model="set.did" class="form-control" required>
-                    <option value="">--主域名--</option>
-                    <option v-for="option in domainList" :value="option.id">{{option.name}}</option>
-                </select>
-            </div>
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading font-bold"><h3 class="panel-title"><a class="btn btn-sm btn-default pull-right" href="/dmonitor/task" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}容灾切换策略</h3></div>
+        <div class="panel-body">
+            <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="taskform">
+                <div class="form-group">
+                    <label class="col-sm-3 col-xs-12 control-label no-padding-right is-required">域名选择</label>
+                    <div class="col-sm-6">
+                        <div class="input-group">
+                            <input type="text" name="rr" v-model="set.rr" placeholder="主机记录" class="form-control" required>
+                            <span class="input-group-addon">.</span>
+                            <select name="did" v-model="set.did" class="form-control" required>
+                                <option value="">--主域名--</option>
+                                <option v-for="option in domainList" :value="option.id">{{option.name}}</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right is-required">解析记录</label>
+                    <div class="col-sm-6">
+                        <div class="input-group">
+                            <select name="recordid" v-model="set.recordid" id="recordid" class="form-control" required>
+                                <option v-for="option in recordList" :value="option.RecordId">{{option.Value}}
+                                    (线路:{{option.LineName}})
+                                </option>
+                            </select>
+                            <div class="input-group-btn">
+                                <button type="button" @click="getRecordList" class="btn btn-info">点击获取</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right is-required">切换设置</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline" v-for="option in typeList">
+                            <input type="radio" name="type" :value="option.value" v-model="set.type" :disabled="option.disabled"> {{option.label}}
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type==2">
+                    <label class="col-sm-3 control-label no-padding-right is-required">备用解析记录</label>
+                    <div class="col-sm-6">
+                        <input type="text" name="backup_value" v-model="set.backup_value" placeholder="支持填写IPv4或CNAME地址" class="form-control" required>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type==2&&dnstype=='cloudflare'">
+                    <div class="col-sm-offset-3 col-sm-7">
+                        <div class="checkbox">
+                            <label>
+                                <input type="checkbox" name="name" v-model="set.cdn"> 切换时同时开启Cloudflare代理模式
+                            </label>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type<=2">
+                    <label class="col-sm-3 control-label no-padding-right is-required">检测协议</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline" v-for="option in checktypeList">
+                            <input type="radio" name="checktype" :value="option.value" v-model="set.checktype" :disabled="option.disabled"> {{option.label}}
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type<=2&&set.checktype<2">
+                    <label class="col-sm-3 control-label no-padding-right is-required">指定检测IP</label>
+                    <div class="col-sm-6">
+                        <input type="text" name="checkip" v-model="set.checkurl" placeholder="留空默认为解析记录值IP" class="form-control">
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type<=2&&set.checktype==1">
+                    <label class="col-sm-3 control-label no-padding-right is-required">TCP检测端口</label>
+                    <div class="col-sm-6">
+                        <input type="text" name="tcpport" v-model="set.tcpport" placeholder="填写TCP端口号" class="form-control" data-bv-integer="true" min="1" max="65535" required>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type<=2&&set.checktype==2">
+                    <label class="col-sm-3 control-label no-padding-right is-required">检测URL地址</label>
+                    <div class="col-sm-6">
+                        <input type="text" name="checkurl" v-model="set.checkurl" placeholder="填写以http(s)://开头的完整地址，http状态码须为2xx/3xx" class="form-control" data-bv-uri="true" required>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type<=2&&set.checktype==2">
+                    <label class="col-sm-3 control-label no-padding-right">使用代理请求</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline">
+                            <input type="radio" name="proxy" value="0" v-model="set.proxy"> 否
+                        </label>
+                        <label class="radio-inline">
+                            <input type="radio" name="proxy" value="1" v-model="set.proxy"> 是
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type<=2&&set.checktype>0">
+                    <label class="col-sm-3 control-label no-padding-right is-required">最大超时时间</label>
+                    <div class="col-sm-3">
+                        <div class="input-group">
+                            <input type="text" name="timeout" v-model="set.timeout" placeholder="填写请求最大超时时间" class="form-control" data-bv-integer="true" min="1" required>
+                            <span class="input-group-addon">秒</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type==3">
+                    <label class="col-sm-3 control-label no-padding-right is-required">同域名正常数量<span class="tips" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="与暂停解析配合使用，当同域名正常记录数量&lt;=几条时开启解析"><i class="fa fa-question-circle"></i></span></label>
+                    <div class="col-sm-3">
+                        <input type="text" name="cycle" v-model="set.cycle" placeholder="同域名正常记录数量&lt;=几条时开启解析" class="form-control" data-bv-integer="true" min="0" required>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right is-required">检测间隔</label>
+                    <div class="col-sm-3">
+                        <div class="input-group">
+                            <input type="text" name="frequency" v-model="set.frequency" placeholder="每次检测的间隔时间" class="form-control" data-bv-integer="true" min="1" required>
+                            <span class="input-group-addon">秒</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type<=2">
+                    <label class="col-sm-3 control-label no-padding-right is-required">确认次数</label>
+                    <div class="col-sm-3">
+                        <input type="text" name="cycle" v-model="set.cycle" placeholder="连续失败几次后进行切换" class="form-control" data-bv-integer="true" min="1" required>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">备注</label>
+                    <div class="col-sm-6">
+                        <input type="text" name="remark" v-model="set.remark" placeholder="可留空" class="form-control">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6">
+                        <button type="button" class="btn btn-primary" @click="submit">提交</button>
+                    </div>
+                </div>
+            </form>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right" is-required>解析记录</label>
-        <div class="col-sm-6"><div class="input-group">
-            <select name="recordid" v-model="set.recordid" id="recordid" class="form-control" required>
-                <option v-for="option in recordList" :value="option.RecordId">{{option.Value}} (线路:{{option.LineName}})</option>
-            </select>
-            <div class="input-group-btn">
-                <button type="button" @click="getRecordList" class="btn btn-info">点击获取</button>
-            </div>
-        </div></div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right" is-required>切换设置</label>
-        <div class="col-sm-6">
-            <label class="radio-inline" v-for="option in typeList">
-                <input type="radio" name="type" :value="option.value" v-model="set.type" :disabled="option.disabled"> {{option.label}}
-            </label>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type==2">
-        <label class="col-sm-3 control-label no-padding-right" is-required>备用解析记录</label>
-        <div class="col-sm-6">
-            <input type="text" name="backup_value" v-model="set.backup_value" placeholder="支持填写IPv4或CNAME地址" class="form-control" required>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type==2&&dnstype=='cloudflare'">
-        <div class="col-sm-offset-3 col-sm-7">
-            <div class="checkbox">
-                <label>
-                    <input type="checkbox" name="name" v-model="set.cdn"> 切换时同时开启Cloudflare代理模式
-                </label> 
-            </div>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type<=2">
-        <label class="col-sm-3 control-label no-padding-right" is-required>检测协议</label>
-        <div class="col-sm-6">
-            <label class="radio-inline" v-for="option in checktypeList">
-                <input type="radio" name="checktype" :value="option.value" v-model="set.checktype" :disabled="option.disabled"> {{option.label}}
-            </label>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type<=2&&set.checktype<2">
-        <label class="col-sm-3 control-label no-padding-right">指定检测IP</label>
-        <div class="col-sm-6">
-            <input type="text" name="checkip" v-model="set.checkurl" placeholder="留空默认为解析记录值IP" class="form-control"  data-bv-ip="true">
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type<=2&&set.checktype==1">
-        <label class="col-sm-3 control-label no-padding-right" is-required>TCP检测端口</label>
-        <div class="col-sm-6">
-            <input type="text" name="tcpport" v-model="set.tcpport" placeholder="填写TCP端口号" class="form-control" data-bv-integer="true" min="1" max="65535" required>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type<=2&&set.checktype==2">
-        <label class="col-sm-3 control-label no-padding-right" is-required>检测URL地址</label>
-        <div class="col-sm-6">
-            <input type="text" name="checkurl" v-model="set.checkurl" placeholder="填写以http(s)://开头的完整地址，http状态码须为2xx/3xx" class="form-control" data-bv-uri="true" required>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type<=2&&set.checktype==2">
-        <label class="col-sm-3 control-label no-padding-right">使用代理请求</label>
-        <div class="col-sm-6">
-            <label class="radio-inline">
-                <input type="radio" name="proxy" value="0" v-model="set.proxy"> 否
-            </label>
-            <label class="radio-inline">
-                <input type="radio" name="proxy" value="1" v-model="set.proxy"> 是
-            </label>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type<=2&&set.checktype>0">
-        <label class="col-sm-3 control-label no-padding-right" is-required>最大超时时间</label>
-        <div class="col-sm-3">
-            <div class="input-group">
-                <input type="text" name="timeout" v-model="set.timeout" placeholder="填写请求最大超时时间" class="form-control" data-bv-integer="true" min="1" required>
-                <span class="input-group-addon">秒</span>
-            </div>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type==3">
-        <label class="col-sm-3 control-label no-padding-right" is-required>同域名正常数量<span class="tips" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="与暂停解析配合使用，当同域名正常记录数量&lt;=几条时开启解析"><i class="fa fa-question-circle"></i></span></label>
-        <div class="col-sm-3">
-            <input type="text" name="cycle" v-model="set.cycle" placeholder="同域名正常记录数量&lt;=几条时开启解析" class="form-control" data-bv-integer="true" min="0" required>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right" is-required>检测间隔</label>
-        <div class="col-sm-3">
-            <div class="input-group">
-                <input type="text" name="frequency" v-model="set.frequency" placeholder="每次检测的间隔时间" class="form-control" data-bv-integer="true" min="1" required>
-                <span class="input-group-addon">秒</span>
-            </div>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type<=2">
-        <label class="col-sm-3 control-label no-padding-right" is-required>确认次数</label>
-        <div class="col-sm-3">
-            <input type="text" name="cycle" v-model="set.cycle" placeholder="连续失败几次后进行切换" class="form-control" data-bv-integer="true" min="1" required>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">备注</label>
-        <div class="col-sm-6">
-            <input type="text" name="remark" v-model="set.remark" placeholder="可留空" class="form-control">
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
-    </div>
-  </form>
-</div>
 </div>
 {/block}
 {block name="script"}
@@ -152,146 +163,162 @@
 <script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="/static/js/bootstrapValidator.min.js"></script>
 <script>
-var action = '{$action}';
-var info = {$info|json_encode|raw};
-var domainList = {$domains|json_encode|raw};
-var support_ping = '{$support_ping}';
-new Vue({
-    el: '#app',
-    data: {
-        action: '{$action}',
-        set: {
-            id: '',
-            remark: '',
-            rr: '',
-            did: '',
-            recordid: '',
-            recordinfo: '',
-            main_value: '',
-            type: 1,
-            backup_value: '',
-            checktype: 1,
-            tcpport: 80,
-            checkurl: '',
-            frequency: 5,
-            timeout: 2,
-            cycle: 3,
-            proxy: 0,
-            cdn: 0,
+    var action = '{$action}';
+    var info = {$info | json_encode | raw};
+    var domainList = {$domains | json_encode | raw};
+    var support_ping = '{$support_ping}';
+    new Vue({
+        el: '#app',
+        data: {
+            action: '{$action}',
+            set: {
+                id: '',
+                remark: '',
+                rr: '',
+                did: '',
+                recordid: '',
+                recordinfo: '',
+                main_value: '',
+                type: 1,
+                backup_value: '',
+                checktype: 1,
+                tcpport: 80,
+                checkurl: '',
+                frequency: 5,
+                timeout: 2,
+                cycle: 3,
+                proxy: 0,
+                cdn: 0,
+            },
+            dnstype: null,
+            domainList: domainList,
+            recordList: [],
+            typeList: [
+                {value: 0, label: '无操作'},
+                {value: 1, label: '暂停解析'},
+                {value: 2, label: '切换备用解析'},
+                {value: 3, label: '条件开启解析'},
+            ],
+            checktypeList: [
+                {value: 0, label: 'PING', disabled: support_ping == '0'},
+                {value: 1, label: 'TCP'},
+                {value: 2, label: 'HTTP(S)'},
+            ]
         },
-        dnstype: null,
-        domainList: domainList,
-        recordList: [],
-        typeList: [
-            {value:0, label:'无操作'},
-            {value:1, label:'暂停解析'},
-            {value:2, label:'切换备用解析'},
-            {value:3, label:'条件开启解析'},
-        ],
-        checktypeList: [
-            {value:0, label:'PING', disabled: support_ping=='0'},
-            {value:1, label:'TCP'},
-            {value:2, label:'HTTP(S)'},
-        ]
-    },
-    watch: {
-        'set.recordid': function(val){
-            if(val == '') return;
-            var record = this.recordList.find(item => item.RecordId == val);
-            if(record){
-                this.set.recordinfo = JSON.stringify({Line:record.Line, LineName:record.LineName, TTL:record.TTL});
-                if(typeof record.Value == 'object') this.set.main_value = record.Value[0];
-                else this.set.main_value = record.Value;
+        watch: {
+            'set.recordid': function (val) {
+                if (val == '') return;
+                var record = this.recordList.find(item => item.RecordId == val);
+                if (record) {
+                    this.set.recordinfo = JSON.stringify({
+                        Line: record.Line,
+                        LineName: record.LineName,
+                        TTL: record.TTL
+                    });
+                    if (typeof record.Value == 'object') this.set.main_value = record.Value[0];
+                    else this.set.main_value = record.Value;
+                }
+            },
+            'set.did': function (val) {
+                if (val == '') return;
+                this.dnstype = this.domainList.find(item => item.id == val).type;
             }
         },
-        'set.did': function(val){
-            if(val == '') return;
-            this.dnstype = this.domainList.find(item => item.id == val).type;
-        }
-    },
-    mounted() {
-        if(this.action == 'edit'){
-            Object.keys(info).forEach((key) => {
-                this.$set(this.set, key, info[key])
-            })
-            var recordinfo = JSON.parse(this.set.recordinfo);
-            this.recordList = [{RecordId:this.set.recordid, Value:this.set.main_value, Line:recordinfo.Line, LineName:recordinfo.LineName, TTL:recordinfo.TTL}];
-        }
-        $("#taskform").bootstrapValidator({
-            live: 'submitted',
-        });
-        $('[data-toggle="tooltip"]').tooltip();
-    },
-    methods: {
-        getRecordList(){
-            var that = this;
-            if(this.set.did == ''){
-                layer.msg('请先选择域名', {time: 800});return;
+        mounted() {
+            if (this.action == 'edit') {
+                Object.keys(info).forEach((key) => {
+                    this.$set(this.set, key, info[key])
+                })
+                var recordinfo = JSON.parse(this.set.recordinfo);
+                this.recordList = [{
+                    RecordId: this.set.recordid,
+                    Value: this.set.main_value,
+                    Line: recordinfo.Line,
+                    LineName: recordinfo.LineName,
+                    TTL: recordinfo.TTL
+                }];
             }
-            if(this.set.rr == ''){
-                layer.msg('主机记录不能为空', {time: 800});return;
-            }
-            var ii = layer.load(2, {shade:[0.1,'#fff']});
-            $.ajax({
-                type : 'POST',
-                url : '/record/list',
-                data : {id:this.set.did, rr:this.set.rr},
-                dataType : 'json',
-                success : function(data) {
-                    layer.close(ii);
-                    if(data.code == 0){
-                        layer.msg('成功获取到'+data.data.length+'条解析记录', {icon:1, time:800});
-                        that.recordList = data.data;
-                        if(that.set.recordid){
-                            var record = that.recordList.find(item => item.RecordId == that.set.recordid);
-                            if(record){
-                                that.set.recordinfo = JSON.stringify({Line:record.Line, LineName:record.LineName, TTL:record.TTL});
-                                if(typeof record.Value == 'object') that.set.main_value = record.Value[0];
-                                else that.set.main_value = record.Value;
+            $("#taskform").bootstrapValidator({
+                live: 'submitted',
+            });
+            $('[data-toggle="tooltip"]').tooltip();
+        },
+        methods: {
+            getRecordList() {
+                var that = this;
+                if (this.set.did == '') {
+                    layer.msg('请先选择域名', {time: 800});
+                    return;
+                }
+                if (this.set.rr == '') {
+                    layer.msg('主机记录不能为空', {time: 800});
+                    return;
+                }
+                var ii = layer.load(2, {shade: [0.1, '#fff']});
+                $.ajax({
+                    type: 'POST',
+                    url: '/record/list',
+                    data: {id: this.set.did, rr: this.set.rr},
+                    dataType: 'json',
+                    success: function (data) {
+                        layer.close(ii);
+                        if (data.code == 0) {
+                            layer.msg('成功获取到' + data.data.length + '条解析记录', {icon: 1, time: 800});
+                            that.recordList = data.data;
+                            if (that.set.recordid) {
+                                var record = that.recordList.find(item => item.RecordId == that.set.recordid);
+                                if (record) {
+                                    that.set.recordinfo = JSON.stringify({
+                                        Line: record.Line,
+                                        LineName: record.LineName,
+                                        TTL: record.TTL
+                                    });
+                                    if (typeof record.Value == 'object') that.set.main_value = record.Value[0];
+                                    else that.set.main_value = record.Value;
+                                }
                             }
+                        } else {
+                            layer.alert(data.msg, {icon: 2});
                         }
-                    }else{
-                        layer.alert(data.msg, {icon:2});
+                    },
+                    error: function (data) {
+                        layer.close(ii);
+                        layer.msg('服务器错误');
                     }
-                },
-                error:function(data){
-                    layer.close(ii);
-                    layer.msg('服务器错误');
+                });
+            },
+            submit() {
+                var that = this;
+                $("#taskform").data("bootstrapValidator").validate();
+                if (!$("#taskform").data("bootstrapValidator").isValid()) {
+                    return false;
                 }
-            });
-        },
-        submit(){
-            var that=this;
-            $("#taskform").data("bootstrapValidator").validate();
-            if(!$("#taskform").data("bootstrapValidator").isValid()){
-                return false;
+                var ii = layer.load(2, {shade: [0.1, '#fff']});
+                $.ajax({
+                    type: "POST",
+                    url: "",
+                    data: this.set,
+                    dataType: 'json',
+                    success: function (data) {
+                        layer.close(ii);
+                        if (data.code == 0) {
+                            layer.alert(data.msg, {icon: 1}, function () {
+                                if (document.referrer.indexOf('task?') > 0)
+                                    window.location.href = document.referrer;
+                                else
+                                    window.location.href = '/dmonitor/task';
+                            });
+                        } else {
+                            layer.alert(data.msg, {icon: 2});
+                        }
+                    },
+                    error: function (data) {
+                        layer.close(ii);
+                        layer.msg('服务器错误');
+                    }
+                });
             }
-            var ii = layer.load(2, {shade:[0.1,'#fff']});
-            $.ajax({
-                type: "POST",
-                url: "",
-                data: this.set,
-                dataType: 'json',
-                success: function(data) {
-                    layer.close(ii);
-                    if(data.code == 0){
-                        layer.alert(data.msg, {icon: 1}, function(){
-                            if(document.referrer.indexOf('task?') > 0)
-                                window.location.href = document.referrer;
-                            else
-                                window.location.href = '/dmonitor/task';
-                        });
-                    }else{
-                        layer.alert(data.msg, {icon: 2});
-                    }
-                },
-                error: function(data){
-                    layer.close(ii);
-                    layer.msg('服务器错误');
-                }
-            });
-        }
-    },
-});
+        },
+    });
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/dmonitor/taskinfo.html b/app/view/dmonitor/taskinfo.html
old mode 100644
new mode 100755
index 2dd0bdf..aa153cc
--- a/app/view/dmonitor/taskinfo.html
+++ b/app/view/dmonitor/taskinfo.html
@@ -2,72 +2,70 @@
 {block name="title"}切换记录{/block}
 {block name="main"}
 <style>
-tbody tr>td:nth-child(4){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:180px;}
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
 </style>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-	<div class="form-group">
-		<select name="action" class="form-control"><option value="0">操作类型</option><option value="1">发生异常</option><option value="2">恢复正常</option></select>
-	  </div>
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新日志列表"><i class="fa fa-refresh"></i> 刷新</a>
-  &nbsp;&nbsp;24H告警次数：<strong>{$info.fail_count}</strong>&nbsp;&nbsp;切换次数：<strong>{$info.switch_count}</strong>
-</form>
-
-      <table id="listTable">
-	  </table>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">切换记录</h3>
     </div>
-  </div>
-</div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            <div class="form-group">
+                <select class="form-control" name="action">
+                    <option value="0">操作类型</option>
+                    <option value="1">发生异常</option>
+                    <option value="2">恢复正常</option>
+                </select>
+            </div>
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新切换记录列表"><i class="fa fa-refresh"></i> 刷新</a>&nbsp;&nbsp;24H告警次数：<strong>{$info.fail_count}</strong>&nbsp;&nbsp;切换次数：<strong>{$info.switch_count}</strong>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-var action_name = {$info.action_name|json_encode|raw};
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    var action_name = {$info.action_name | json_encode | raw};
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/dmonitor/task/log/data/{$info.id}',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'action',
-				title: '操作类型',
-				formatter: function(value, row, index) {
-					return action_name[value];
-				}
-			},
-			{
-				field: 'date',
-				title: '时间'
-			},
-			{
-				field: 'errmsg',
-				title: '异常原因'
-			}
-		],
-	})
-})
+        $("#listTable").bootstrapTable({
+            url: '/dmonitor/task/log/data/{$info.id}',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'action',
+                    title: '操作类型',
+                    formatter: function (value, row, index) {
+                        return action_name[value];
+                    }
+                },
+                {
+                    field: 'date',
+                    title: '时间'
+                },
+                {
+                    field: 'errmsg',
+                    title: '异常原因'
+                }
+            ],
+        })
+    })
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/account.html b/app/view/domain/account.html
old mode 100644
new mode 100755
index e050312..e2e448f
--- a/app/view/domain/account.html
+++ b/app/view/domain/account.html
@@ -1,248 +1,250 @@
 {extend name="common/layout" /}
 {block name="title"}域名账户{/block}
 {block name="main"}
-<div class="modal" id="modal-store" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
-				<h4 class="modal-title" id="modal-title">添加/修改域名账户</h4>
-			</div>
-			<div class="modal-body">
-				<form class="form-horizontal" id="form-store">
-					<input type="hidden" name="action"/>
-					<input type="hidden" name="id"/>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">所属平台</label>
-						<div class="col-sm-9">
-							<select name="type" class="form-control">
-								{foreach $dnsconfig as $k=>$v}
-									<option value="{$k}">{$v['name']}</option>
-								{/foreach}
-							</select>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right" id="ak_name">AccessKey</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="ak" required>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right" id="sk_name">SecretKey</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="sk" required>
-						</div>
-					</div>
-					<div class="form-group" id="ext_name_div" style="display:none;">
-						<label class="col-sm-3 control-label no-padding-right" id="ext_name">扩展字段</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="ext" placeholder="">
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right" id="ext_name">使用代理</label>
-						<div class="col-sm-9">
-							<label class="radio-inline"><input type="radio" name="proxy" value="0"> 否
-							</label><label class="radio-inline"><input type="radio" name="proxy" value="1"> 是
-							</label>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">备注</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="remark" placeholder="备注选填">
-						</div>
-					</div>
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
-				<button type="button" class="btn btn-primary" id="store" onclick="save()">保存</button>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-    <input type="text" class="form-control" name="kw" placeholder="AccessKey或备注">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新域名账户列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="javascript:addframe()" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-</form>
-
-      <table id="listTable">
-	  </table>
+<div aria-hidden="true" class="modal inmodal fade" data-backdrop="static" id="modal-store" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="modal-title">添加/修改域名账户</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" id="form-store">
+                    <input name="action" type="hidden"/>
+                    <input name="id" type="hidden"/>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">所属平台</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" name="type">
+                                {foreach $dnsconfig as $k=>$v}
+                                <option value="{$k}">{$v['name']}</option>
+                                {/foreach}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right" id="ak_name">AccessKey</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="ak" required type="text">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right" id="sk_name">SecretKey</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="sk" required type="text">
+                        </div>
+                    </div>
+                    <div class="form-group" id="ext_name_div" style="display:none;">
+                        <label class="col-sm-3 control-label no-padding-right" id="ext_name">扩展字段</label>
+                        <div class="col-sm-9">
+                            <input type="text" class="form-control" name="ext" placeholder="">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right" id="ext_name">使用代理</label>
+                        <div class="col-sm-9">
+                            <label class="radio-inline"><input type="radio" name="proxy" value="0"> 否
+                            </label><label class="radio-inline"><input type="radio" name="proxy" value="1"> 是
+                        </label>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">备注</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="remark" placeholder="备注选填" type="text">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-white" data-dismiss="modal" type="button">关闭</button>
+                <button class="btn btn-primary" id="store" onclick="save()" type="button">保存</button>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">域名账户</h3>
+    </div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            <input class="form-control" name="kw" placeholder="AccessKey或备注" type="text">
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新域名账户列表"><i class="fa fa-refresh"></i> 刷新</a>
+        <a class="btn btn-success" href="javascript:addframe()"><i class="fa fa-plus"></i> 添加</a>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-var dnsconfig = {$dnsconfig|json_encode|raw};
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    var dnsconfig = {$dnsconfig | json_encode | raw}
 
-	$("#listTable").bootstrapTable({
-		url: '/account/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'typename',
-				title: '所属平台',
-				formatter: function(value, row, index) {
-					return '<img src="/static/images/'+row.type+'.ico" class="type-logo"></img>'+value;
-				}
-			},
-            {
-				field: 'ak',
-				title: 'AccessKey'
-			},
-			{
-				field: 'remark',
-				title: '备注'
-			},
-			{
-				field: 'addtime',
-				title: '添加时间'
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="javascript:editframe('+row.id+')" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a>';
-					return html;
-				}
-			},
-		],
-	})
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("select[name=type]").change(function(){
-		var type = $(this).val();
-		if(dnsconfig[type] == undefined) return;
-		$("#ak_name").html(dnsconfig[type].config.ak);
-		$("#sk_name").html(dnsconfig[type].config.sk);
-		if(dnsconfig[type].config.ext == undefined){
-			$("#ext_name_div").hide();
-		}else{
-			$("#ext_name_div").show();
-			$("#ext_name").html(dnsconfig[type].config.ext);
-		}
-	});
-})
-function addframe(){
-	$("#modal-store").modal('show');
-	$("#modal-title").html("添加域名账户");
-	$("#form-store input[name=action]").val("add");
-	$("#form-store input[name=id]").val('');
-	$("#form-store input[name=ak]").val('');
-	$("#form-store input[name=sk]").val('');
-	$("#form-store input[name=ext]").val('');
-	$("#form-store input[name=proxy]").eq(0).prop('checked',true);
-	$("#form-store input[name=remark]").val('');
-	$("select[name=type]").change();
-}
-function editframe(id){
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/account/op/act/get',
-		data : {id: id},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				$("#modal-store").modal('show');
-				$("#modal-title").html("修改域名账户");
-				$("#form-store input[name=action]").val("edit");
-				$("#form-store input[name=id]").val(data.data.id);
-				$("#form-store select[name=type]").val(data.data.type);
-				$("#form-store input[name=ak]").val(data.data.ak);
-				$("#form-store input[name=sk]").val(data.data.sk);
-				$("#form-store input[name=ext]").val(data.data.ext);
-				$("#form-store input[name=proxy]").eq(data.data.proxy).prop('checked',true);
-				$("#form-store input[name=remark]").val(data.data.remark);
-				$("select[name=type]").change();
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function save(){
-	if($("#form-store input[name=username]").val()==''){
-		layer.alert('请确保各项不能为空！');return false;
-	}
-	var act = $("#form-store input[name=action]").val();
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/account/op/act/'+act,
-		data : $("#form-store").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					layer.closeAll();
-					$("#modal-store").modal('hide');
-					searchRefresh();
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function delItem(id) {
-	var confirmobj = layer.confirm('确定要删除此域名账户吗？', {
-	  btn: ['确定','取消']
-	}, function(){
-	  var ii = layer.load(2);
-	  $.ajax({
-		type : 'POST',
-		url : '/account/op/act/del',
-		data : {id: id},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
-			}
-		}
-	  });
-	}, function(){
-	  layer.close(confirmobj);
-	});
-}
+        $("#listTable").bootstrapTable({
+            url: '/account/data',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'typename',
+                    title: '所属平台',
+                    formatter: function (value, row, index) {
+                        return '<img src="/static/images/' + row.type + '.ico" class="type-logo"></img>' + value;
+                    }
+                },
+                {
+                    field: 'ak',
+                    title: 'AccessKey'
+                },
+                {
+                    field: 'remark',
+                    title: '备注'
+                },
+                {
+                    field: 'addtime',
+                    title: '添加时间'
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function (value, row, index) {
+                        var html = '<a href="javascript:editframe(' + row.id + ')" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem(' + row.id + ')" class="btn btn-danger btn-xs">删除</a>';
+                        return html;
+                    }
+                },
+            ],
+        })
+
+        $("select[name=type]").change(function () {
+            var type = $(this).val();
+            if (dnsconfig[type] == undefined) return;
+            $("#ak_name").html(dnsconfig[type].config.ak);
+            $("#sk_name").html(dnsconfig[type].config.sk);
+            if(dnsconfig[type].config.ext == undefined){
+                $("#ext_name_div").hide();
+            }else{
+                $("#ext_name_div").show();
+                $("#ext_name").html(dnsconfig[type].config.ext);
+            }
+        });
+    })
+
+    function addframe() {
+        $("#modal-store").modal('show');
+        $("#modal-title").html("添加域名账户");
+        $("#form-store input[name=action]").val("add");
+        $("#form-store input[name=id]").val('');
+        $("#form-store input[name=ak]").val('');
+        $("#form-store input[name=sk]").val('');
+        $("#form-store input[name=ext]").val('');
+        $("#form-store input[name=proxy]").eq(0).prop('checked',true);
+        $("#form-store input[name=remark]").val('');
+        $("select[name=type]").change();
+    }
+
+    function editframe(id) {
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/account/op/act/get',
+            data: {id: id},
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    $("#modal-store").modal('show');
+                    $("#modal-title").html("修改域名账户");
+                    $("#form-store input[name=action]").val("edit");
+                    $("#form-store input[name=id]").val(data.data.id);
+                    $("#form-store select[name=type]").val(data.data.type);
+                    $("#form-store input[name=ak]").val(data.data.ak);
+                    $("#form-store input[name=sk]").val(data.data.sk);
+                    $("#form-store input[name=ext]").val(data.data.ext);
+                    $("#form-store input[name=proxy]").eq(data.data.proxy).prop('checked',true);
+                    $("#form-store input[name=remark]").val(data.data.remark);
+                    $("select[name=type]").change();
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function save() {
+        if ($("#form-store input[name=username]").val() == '') {
+            layer.alert('请确保各项不能为空！');
+            return false;
+        }
+        var act = $("#form-store input[name=action]").val();
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/account/op/act/' + act,
+            data: $("#form-store").serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        layer.closeAll();
+                        $("#modal-store").modal('hide');
+                        searchRefresh();
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function delItem(id) {
+        var confirmobj = layer.confirm('确定要删除此域名账户吗？', {
+            btn: ['确定', '取消']
+        }, function () {
+            var ii = layer.load(2);
+            $.ajax({
+                type: 'POST',
+                url: '/account/op/act/del',
+                data: {id: id},
+                dataType: 'json',
+                success: function (data) {
+                    layer.close(ii);
+                    if (data.code == 0) {
+                        layer.closeAll();
+                        searchRefresh();
+                    } else {
+                        layer.alert(data.msg, {icon: 2});
+                    }
+                }
+            });
+        }, function () {
+            layer.close(confirmobj);
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/batchadd.html b/app/view/domain/batchadd.html
old mode 100644
new mode 100755
index 1c7cfba..e0f0265
--- a/app/view/domain/batchadd.html
+++ b/app/view/domain/batchadd.html
@@ -1,138 +1,143 @@
 {extend name="common/layout" /}
 {block name="title"}批量添加解析 - {$domainName}{/block}
 {block name="main"}
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/record/{$domainId}" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量添加解析 - {$domainName}</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="form-store">
-    <div class="form-group">
-        <label class="col-sm-3 col-xs-12 control-label no-padding-right">主机记录&记录值</label>
-        <div class="col-sm-6">
-            <textarea name="record" placeholder="主机记录和记录值用空格隔开，一行一个" class="form-control" rows="8" required></textarea>
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading font-bold"><h3 class="panel-title"><a class="btn btn-sm btn-default pull-right" href="/record/{$domainId}" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量添加解析 - {$domainName}</h3></div>
+        <div class="panel-body">
+            <form class="form-horizontal" id="form-store" method="post" onsubmit="return false" role="form">
+                <div class="form-group">
+                    <label class="col-sm-3 col-xs-12 control-label no-padding-right">主机记录&记录值</label>
+                    <div class="col-sm-6">
+                        <textarea class="form-control" name="record" placeholder="主机记录和记录值用空格隔开，一行一个" required rows="8"></textarea>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">记录类型</label>
+                    <div class="col-sm-6">
+                        <select class="form-control" name="type">
+                            <option value="">A / CNAME / AAAA 自动识别</option>
+                            <option value="A">A</option>
+                            <option value="CNAME">CNAME</option>
+                            <option value="AAAA">AAAA</option>
+                            <option value="NS">NS</option>
+                            <option value="MX">MX</option>
+                            <option value="SRV">SRV</option>
+                            <option value="TXT">TXT</option>
+                            <option value="CAA">CAA</option>
+                            {if $dnsconfig.redirect}
+                                <option value="REDIRECT_URL">显性URL</option>
+                                <option value="FORWARD_URL">隐性URL</option>
+                            {/if}
+                        </select>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">线路类型</label>
+                    <div class="col-sm-6" id="line_list">
+                    </div>
+                </div>
+                <div class="form-group" id="mx_type" style="display:none">
+                    <label class="col-sm-3 control-label no-padding-right">MX优先级</label>
+                    <div class="col-sm-6">
+                        <input class="form-control" name="mx" type="text" value="10">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">TTL</label>
+                    <div class="col-sm-6">
+                        <input class="form-control" min="{$minTTL}" name="ttl" placeholder="指解析结果在DNS服务器中的缓存时间" required type="text" value="600">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6"><button class="btn btn-primary" onclick="save()" type="button">添加</button></div>
+                </div>
+            </form>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">记录类型</label>
-        <div class="col-sm-6">
-            <select name="type" class="form-control">
-                <option value="">A / CNAME / AAAA 自动识别</option>
-                <option value="A">A</option>
-                <option value="CNAME">CNAME</option>
-                <option value="AAAA">AAAA</option>
-                <option value="NS">NS</option>
-                <option value="MX">MX</option>
-                <option value="SRV">SRV</option>
-                <option value="TXT">TXT</option>
-                <option value="CAA">CAA</option>
-                {if $dnsconfig.redirect}<option value="REDIRECT_URL">显性URL</option>
-                <option value="FORWARD_URL">隐性URL</option>{/if}
-            </select>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">线路类型</label>
-        <div class="col-sm-6" id="line_list">
-        </div>
-    </div>
-    <div class="form-group" style="display:none" id="mx_type">
-        <label class="col-sm-3 control-label no-padding-right">MX优先级</label>
-        <div class="col-sm-6">
-            <input type="text" class="form-control" name="mx" value="10">
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">TTL</label>
-        <div class="col-sm-6">
-            <input type="text" class="form-control" name="ttl" value="600" placeholder="指解析结果在DNS服务器中的缓存时间" required min="{$minTTL}">
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" onclick="save()">添加</button></div>
-    </div>
-  </form>
-</div>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="/static/js/bootstrapValidator.min.js"></script>
 <script>
-var recordLine = {$recordLine|json_encode|raw};
-var dnsconfig = {$dnsconfig|json_encode|raw};
-var defaultLine = recordLine[0].id;
-$(document).ready(function(){
-    $("select[name=type]").change(function(){
-		if($(this).val() == 'MX'){
-			$("#mx_type").show();
-		}else{
-			$("#mx_type").hide();
-		}
-	});
+    var recordLine = {$recordLine | json_encode | raw}
 
-    $("#form-store").bootstrapValidator();
-    initLine();
-});
+    var dnsconfig = {$dnsconfig | json_encode | raw}
 
-function initLine(option, elem){
-	option = option || '';
-	elem = elem || 'line_list';
-	$("#"+elem).empty();
-	$.each(recordLine, function(index, item){
-		if(item.parent == null){
-			option += '<option value="'+item.id+'">'+item.name+'</option>';
-		}
-	})
-	$("#"+elem).append('<select name="line" class="form-control" onchange="changeLine(this, \''+elem+'\')">'+option+'</select>');
-}
-function changeLine(obj, elem){
-	var line = $(obj).val();
-	var flag = false;
-	$("#"+elem).children().each(function(index, elem){
-		if(flag) $(elem).remove()
-		if(obj == elem){
-			flag = true;
-		}
-	})
-	if($(obj).find("option:selected").text() == '子集线路（非必填）') return;
-	var tempLine = recordLine.filter((x) => x.parent == line)
-	if(tempLine.length > 0){
-		var option = '<option value="'+line+'">子集线路（非必填）</option>';
-		$.each(tempLine, function(index, item){
-			option += '<option value="'+item.id+'">'+item.name+'</option>';
-		})
-		$("#"+elem).append('<select name="line" class="form-control" onchange="changeLine(this, \''+elem+'\')">'+option+'</select>');
-	}
-}
-function save(){
-	$("#form-store").data("bootstrapValidator").validate();
-	if(!$("#form-store").data("bootstrapValidator").isValid()){
-		return;
-	}
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/batchadd/{$domainId}',
-		data : $("#form-store").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					if(document.referrer.indexOf('/record?') > 0)
-                        window.location.href = document.referrer;
-                    else
-                        window.location.href = '/record/{$domainId}';
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
+    var defaultLine = recordLine[0].id;
+    $(document).ready(function () {
+        $("select[name=type]").change(function () {
+            if ($(this).val() == 'MX') {
+                $("#mx_type").show();
+            } else {
+                $("#mx_type").hide();
+            }
+        });
+
+        $("#form-store").bootstrapValidator();
+        initLine();
+    });
+
+    function initLine(option, elem) {
+        option = option || '';
+        elem = elem || 'line_list';
+        $("#" + elem).empty();
+        $.each(recordLine, function (index, item) {
+            if (item.parent == null) {
+                option += '<option value="' + item.id + '">' + item.name + '</option>';
+            }
+        })
+        $("#" + elem).append('<select name="line" class="form-control" onchange="changeLine(this, \'' + elem + '\')">' + option + '</select>');
+    }
+
+    function changeLine(obj, elem) {
+        var line = $(obj).val();
+        var flag = false;
+        $("#" + elem).children().each(function (index, elem) {
+            if (flag) $(elem).remove()
+            if (obj == elem) {
+                flag = true;
+            }
+        })
+        if ($(obj).find("option:selected").text() == '子集线路（非必填）') return;
+        var tempLine = recordLine.filter((x) => x.parent == line)
+        if (tempLine.length > 0) {
+            var option = '<option value="' + line + '">子集线路（非必填）</option>';
+            $.each(tempLine, function (index, item) {
+                option += '<option value="' + item.id + '">' + item.name + '</option>';
+            })
+            $("#" + elem).append('<select name="line" class="form-control" onchange="changeLine(this, \'' + elem + '\')">' + option + '</select>');
+        }
+    }
+
+    function save() {
+        $("#form-store").data("bootstrapValidator").validate();
+        if (!$("#form-store").data("bootstrapValidator").isValid()) {
+            return;
+        }
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/record/batchadd/{$domainId}',
+            data: $("#form-store").serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        if (document.referrer.indexOf('/record?') > 0)
+                            window.location.href = document.referrer;
+                        else
+                            window.location.href = '/record/{$domainId}';
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/batchadd2.html b/app/view/domain/batchadd2.html
old mode 100644
new mode 100755
index 220e9ea..adf921f
--- a/app/view/domain/batchadd2.html
+++ b/app/view/domain/batchadd2.html
@@ -2,175 +2,175 @@
 {block name="title"}批量添加解析{/block}
 {block name="main"}
 <style>
-tbody tr>td:nth-child(3){min-width:300px;word-break:break-all;}
+    tbody tr>td:nth-child(3){min-width:300px;word-break:break-all;}
 </style>
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量添加解析</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="form-store">
-    <div class="form-group">
-        <label class="col-sm-3 col-xs-12 control-label no-padding-right">主机记录&记录值</label>
-        <div class="col-sm-6">
-            <textarea name="record" v-model="set.record" placeholder="主机记录和记录值用空格隔开，一行一个" class="form-control" rows="8" required></textarea>
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量添加解析</h3></div>
+        <div class="panel-body">
+            <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="form-store">
+                <div class="form-group">
+                    <label class="col-sm-3 col-xs-12 control-label no-padding-right">主机记录&记录值</label>
+                    <div class="col-sm-6">
+                        <textarea name="record" v-model="set.record" placeholder="主机记录和记录值用空格隔开，一行一个" class="form-control" rows="8" required></textarea>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">记录类型</label>
+                    <div class="col-sm-6">
+                        <select name="type" class="form-control" v-model="set.type">
+                            <option value="">A / CNAME / AAAA 自动识别</option>
+                            <option value="A">A</option>
+                            <option value="CNAME">CNAME</option>
+                            <option value="AAAA">AAAA</option>
+                            <option value="NS">NS</option>
+                            <option value="MX">MX</option>
+                            <option value="SRV">SRV</option>
+                            <option value="TXT">TXT</option>
+                            <option value="CAA">CAA</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">线路类型</label>
+                    <div class="col-sm-6">
+                        <select name="line" class="form-control" disabled><option value="default">默认</option></select>
+                    </div>
+                </div>
+                <div class="form-group" v-if="existCF">
+                    <label class="col-sm-3 control-label no-padding-right">开启反代</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline">
+                            <input type="radio" name="proxy" value="0" v-model="set.proxy"> 否
+                        </label>
+                        <label class="radio-inline">
+                            <input type="radio" name="proxy" value="1" v-model="set.proxy"> 是（仅Cloudflare域名）
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group" style="display:none" id="mx_type">
+                    <label class="col-sm-3 control-label no-padding-right">MX优先级</label>
+                    <div class="col-sm-6">
+                        <input type="text" class="form-control" name="mx" v-model="set.mx">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">TTL</label>
+                    <div class="col-sm-6">
+                        <input type="text" class="form-control" name="ttl" v-model="set.ttl" placeholder="指解析结果在DNS服务器中的缓存时间" required>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">确定添加</button></div>
+                </div>
+            </form>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">记录类型</label>
-        <div class="col-sm-6">
-            <select name="type" class="form-control" v-model="set.type">
-                <option value="">A / CNAME / AAAA 自动识别</option>
-                <option value="A">A</option>
-                <option value="CNAME">CNAME</option>
-                <option value="AAAA">AAAA</option>
-                <option value="NS">NS</option>
-                <option value="MX">MX</option>
-                <option value="SRV">SRV</option>
-                <option value="TXT">TXT</option>
-                <option value="CAA">CAA</option>
-            </select>
+    <div class="panel panel-default">
+        <div class="panel-heading"><h3 class="panel-title">解析记录添加结果</h3></div>
+        <div class="panel-body">
+            <table class="table table-striped table-hover table-bordered">
+                <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>域名</th>
+                    <th>添加结果</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr v-for="item in domainList">
+                    <td>{{item.id}}</td>
+                    <td><img :src="'/static/images/'+item.type+'.ico'" class="type-logo"></img><a :href="'/record/'+item.id" target="_blank">{{item.name}}</a></td>
+                    <td v-html="item.result"></td>
+                </tr>
+                </tbody>
+            </table>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">线路类型</label>
-        <div class="col-sm-6">
-			<select name="line" class="form-control" disabled><option value="default">默认</option></select>
-        </div>
-    </div>
-	<div class="form-group" v-if="existCF">
-        <label class="col-sm-3 control-label no-padding-right">开启反代</label>
-        <div class="col-sm-6">
-            <label class="radio-inline">
-                <input type="radio" name="proxy" value="0" v-model="set.proxy"> 否
-            </label>
-            <label class="radio-inline">
-                <input type="radio" name="proxy" value="1" v-model="set.proxy"> 是（仅Cloudflare域名）
-            </label>
-        </div>
-    </div>
-    <div class="form-group" style="display:none" id="mx_type">
-        <label class="col-sm-3 control-label no-padding-right">MX优先级</label>
-        <div class="col-sm-6">
-            <input type="text" class="form-control" name="mx" v-model="set.mx">
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">TTL</label>
-        <div class="col-sm-6">
-            <input type="text" class="form-control" name="ttl" v-model="set.ttl" placeholder="指解析结果在DNS服务器中的缓存时间" required>
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">确定添加</button></div>
-    </div>
-  </form>
-</div>
-</div>
-<div class="panel panel-default">
-	<div class="panel-heading"><h3 class="panel-title">解析记录添加结果</h3></div>
-	<div class="panel-body">
-		<table class="table table-striped table-hover table-bordered">
-			<thead>
-				<tr>
-					<th>ID</th>
-					<th>域名</th>
-					<th>添加结果</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr v-for="item in domainList">
-					<td>{{item.id}}</td>
-					<td><img :src="'/static/images/'+item.type+'.ico'" class="type-logo"></img><a :href="'/record/'+item.id" target="_blank">{{item.name}}</a></td>
-					<td v-html="item.result"></td>
-				</tr>
-			</tbody>
-		</table>
-	</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}vue/2.6.14/vue.min.js"></script>
 <script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-new Vue({
-    el: '#app',
-    data: {
-		domainList: [],
-		set: {
-			record: '',
-			type: '',
-			mx: 10,
-			ttl: 600,
-			proxy: 0,
-		},
-		existCF: false,
-    },
-	watch: {
-		'set.type': function(val){
-			if(val == 'MX'){
-				$("#mx_type").show();
-			}else{
-				$("#mx_type").hide();
-			}
-		}
-    },
-    mounted() {
-		this.domainList = JSON.parse(sessionStorage.getItem('domains')) || [];
-		if(this.domainList.length == 0){
-			layer.alert('请先选中要添加解析的域名', {icon: 2}, function(){
-				window.location.href = '/domain';
-			});
-		}
-		for(var i=0; i<this.domainList.length; i++){
-			this.$set(this.domainList[i], 'result', '<span class="text-muted">待添加</span>');
-		}
-		this.existCF = this.domainList.some(item => item.type === 'cloudflare');
-    },
-    methods: {
-		async save(id){
-			var that = this;
-			return new Promise((resolve, reject) => {
-				$.ajax({
-					type: "POST",
-					url: '/record/batchadd/'+id,
-					data: that.set,
-					dataType: 'json',
-					success: function(data) {
-						resolve(data);
-					},
-					error: function() {
-						reject('服务器错误');
-					}
-				});
-			});
-		},
-        async submit(){
-			if(this.set.record == ''){
-				layer.alert('请填写主机记录和记录值', {icon: 2});
-				return;
-			}
-			if(this.set.ttl == ''){
-				layer.alert('请填写TTL', {icon: 2});
-				return;
-			}
-			if(this.set.type == 'MX' && this.set.mx == ''){
-				layer.alert('请填写MX优先级', {icon: 2});
-				return;
-			}
-			var ii = layer.load(2);
-			for(var i=0; i<this.domainList.length; i++){
-				this.domainList[i].result = '<span class="text-yellow"><i class="fa fa-refresh fa-spin fa-fw"></i> 正在添加</span>';
-				var res = await this.save(this.domainList[i].id);
-				if(res.code == 0){
-					this.domainList[i].result = '<span class="text-green">'+res.msg+'</span>';
-				}else{
-					this.domainList[i].result = '<span class="text-red">'+res.msg+'</span>';
-				}
-			}
-			layer.close(ii);
-        }
-    },
-});
+    new Vue({
+        el: '#app',
+        data: {
+            domainList: [],
+            set: {
+                record: '',
+                type: '',
+                mx: 10,
+                ttl: 600,
+                proxy: 0,
+            },
+            existCF: false,
+        },
+        watch: {
+            'set.type': function(val){
+                if(val == 'MX'){
+                    $("#mx_type").show();
+                }else{
+                    $("#mx_type").hide();
+                }
+            }
+        },
+        mounted() {
+            this.domainList = JSON.parse(sessionStorage.getItem('domains')) || [];
+            if(this.domainList.length == 0){
+                layer.alert('请先选中要添加解析的域名', {icon: 2}, function(){
+                    window.location.href = '/domain';
+                });
+            }
+            for(var i=0; i<this.domainList.length; i++){
+                this.$set(this.domainList[i], 'result', '<span class="text-muted">待添加</span>');
+            }
+            this.existCF = this.domainList.some(item => item.type === 'cloudflare');
+        },
+        methods: {
+            async save(id){
+                var that = this;
+                return new Promise((resolve, reject) => {
+                    $.ajax({
+                        type: "POST",
+                        url: '/record/batchadd/'+id,
+                        data: that.set,
+                        dataType: 'json',
+                        success: function(data) {
+                            resolve(data);
+                        },
+                        error: function() {
+                            reject('服务器错误');
+                        }
+                    });
+                });
+            },
+            async submit(){
+                if(this.set.record == ''){
+                    layer.alert('请填写主机记录和记录值', {icon: 2});
+                    return;
+                }
+                if(this.set.ttl == ''){
+                    layer.alert('请填写TTL', {icon: 2});
+                    return;
+                }
+                if(this.set.type == 'MX' && this.set.mx == ''){
+                    layer.alert('请填写MX优先级', {icon: 2});
+                    return;
+                }
+                var ii = layer.load(2);
+                for(var i=0; i<this.domainList.length; i++){
+                    this.domainList[i].result = '<span class="text-yellow"><i class="fa fa-refresh fa-spin fa-fw"></i> 正在添加</span>';
+                    var res = await this.save(this.domainList[i].id);
+                    if(res.code == 0){
+                        this.domainList[i].result = '<span class="text-green">'+res.msg+'</span>';
+                    }else{
+                        this.domainList[i].result = '<span class="text-red">'+res.msg+'</span>';
+                    }
+                }
+                layer.close(ii);
+            }
+        },
+    });
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/batchedit.html b/app/view/domain/batchedit.html
old mode 100644
new mode 100755
index 70177f4..43a2e56
--- a/app/view/domain/batchedit.html
+++ b/app/view/domain/batchedit.html
@@ -2,156 +2,156 @@
 {block name="title"}批量修改解析{/block}
 {block name="main"}
 <style>
-tbody tr>td:nth-child(3){min-width:300px;word-break:break-all;}
+    tbody tr>td:nth-child(3){min-width:300px;word-break:break-all;}
 </style>
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量修改解析</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="form-store">
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">主机记录</label>
-        <div class="col-sm-6">
-			<input type="text" class="form-control" name="name" v-model="set.name" placeholder="填写已有的主机记录" required>
-		</div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">记录类型</label>
-        <div class="col-sm-6">
-            <select name="type" class="form-control" v-model="set.type">
-                <option value="A">A</option>
-                <option value="CNAME">CNAME</option>
-                <option value="AAAA">AAAA</option>
-                <option value="NS">NS</option>
-                <option value="MX">MX</option>
-                <option value="SRV">SRV</option>
-                <option value="TXT">TXT</option>
-                <option value="CAA">CAA</option>
-            </select>
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading font-bold"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量修改解析</h3></div>
+        <div class="panel-body">
+            <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="form-store">
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">主机记录</label>
+                    <div class="col-sm-6">
+                        <input type="text" class="form-control" name="name" v-model="set.name" placeholder="填写已有的主机记录" required>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">记录类型</label>
+                    <div class="col-sm-6">
+                        <select name="type" class="form-control" v-model="set.type">
+                            <option value="A">A</option>
+                            <option value="CNAME">CNAME</option>
+                            <option value="AAAA">AAAA</option>
+                            <option value="NS">NS</option>
+                            <option value="MX">MX</option>
+                            <option value="SRV">SRV</option>
+                            <option value="TXT">TXT</option>
+                            <option value="CAA">CAA</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">线路类型</label>
+                    <div class="col-sm-6">
+                        <select name="line" class="form-control" disabled><option value="default">默认</option></select>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">记录值</label>
+                    <div class="col-sm-6">
+                        <input type="text" class="form-control" name="value" v-model="set.value" placeholder="输入新的记录值" required>
+                    </div>
+                </div>
+                <div class="form-group" style="display:none" id="mx_type">
+                    <label class="col-sm-3 control-label no-padding-right">MX优先级</label>
+                    <div class="col-sm-6">
+                        <input type="text" class="form-control" name="mx" v-model="set.mx" placeholder="留空则不修改">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">TTL</label>
+                    <div class="col-sm-6">
+                        <input type="text" class="form-control" name="ttl" v-model="set.ttl" placeholder="留空则不修改">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">确定修改</button></div>
+                </div>
+            </form>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">线路类型</label>
-        <div class="col-sm-6">
-			<select name="line" class="form-control" disabled><option value="default">默认</option></select>
+    <div class="panel panel-default">
+        <div class="panel-heading"><h3 class="panel-title">解析记录修改结果</h3></div>
+        <div class="panel-body">
+            <table class="table table-striped table-hover table-bordered">
+                <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>域名</th>
+                    <th>修改结果</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr v-for="item in domainList">
+                    <td>{{item.id}}</td>
+                    <td><img :src="'/static/images/'+item.type+'.ico'" class="type-logo"></img><a :href="'/record/'+item.id" target="_blank">{{item.name}}</a></td>
+                    <td v-html="item.result"></td>
+                </tr>
+                </tbody>
+            </table>
         </div>
     </div>
-	<div class="form-group">
-		<label class="col-sm-3 control-label no-padding-right">记录值</label>
-		<div class="col-sm-6">
-			<input type="text" class="form-control" name="value" v-model="set.value" placeholder="输入新的记录值" required>
-		</div>
-	</div>
-    <div class="form-group" style="display:none" id="mx_type">
-        <label class="col-sm-3 control-label no-padding-right">MX优先级</label>
-        <div class="col-sm-6">
-            <input type="text" class="form-control" name="mx" v-model="set.mx" placeholder="留空则不修改">
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">TTL</label>
-        <div class="col-sm-6">
-            <input type="text" class="form-control" name="ttl" v-model="set.ttl" placeholder="留空则不修改">
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">确定修改</button></div>
-    </div>
-  </form>
-</div>
-</div>
-<div class="panel panel-default">
-	<div class="panel-heading"><h3 class="panel-title">解析记录修改结果</h3></div>
-	<div class="panel-body">
-		<table class="table table-striped table-hover table-bordered">
-			<thead>
-				<tr>
-					<th>ID</th>
-					<th>域名</th>
-					<th>修改结果</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr v-for="item in domainList">
-					<td>{{item.id}}</td>
-					<td><img :src="'/static/images/'+item.type+'.ico'" class="type-logo"></img><a :href="'/record/'+item.id" target="_blank">{{item.name}}</a></td>
-					<td v-html="item.result"></td>
-				</tr>
-			</tbody>
-		</table>
-	</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}vue/2.6.14/vue.min.js"></script>
 <script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-new Vue({
-    el: '#app',
-    data: {
-		domainList: [],
-		set: {
-			id: '',
-			name: '',
-			type: 'A',
-			value: '',
-			mx: '',
-			ttl: '',
-		}
-    },
-    mounted() {
-		this.domainList = JSON.parse(sessionStorage.getItem('domains')) || [];
-		if(this.domainList.length == 0){
-			layer.alert('请先选中要修改解析的域名', {icon: 2}, function(){
-				window.location.href = '/domain';
-			});
-		}
-		for(var i=0; i<this.domainList.length; i++){
-			this.$set(this.domainList[i], 'result', '<span class="text-muted">待修改</span>');
-		}
-    },
-    methods: {
-		async save(id){
-			var that = this;
-			return new Promise((resolve, reject) => {
-				that.set.id = id;
-				$.ajax({
-					type: "POST",
-					url: '/record/batchedit',
-					data: that.set,
-					dataType: 'json',
-					success: function(data) {
-						resolve(data);
-					},
-					error: function() {
-						reject('服务器错误');
-					}
-				});
-			});
-		},
-        async submit(){
-			if(this.set.name == ''){
-				layer.alert('请填写主机记录', {icon: 2});
-				return;
-			}
-			if(this.set.value == ''){
-				layer.alert('请填写记录值', {icon: 2});
-				return;
-			}
-			var ii = layer.load(2);
-			for(var i=0; i<this.domainList.length; i++){
-				this.domainList[i].result = '<span class="text-yellow"><i class="fa fa-refresh fa-spin fa-fw"></i> 正在修改</span>';
-				var res = await this.save(this.domainList[i].id);
-				if(res.code == 0){
-					this.domainList[i].result = '<span class="text-green">'+res.msg+'</span>';
-				}else{
-					this.domainList[i].result = '<span class="text-red">'+res.msg+'</span>';
-				}
-			}
-			layer.close(ii);
-        }
-    },
-});
+    new Vue({
+        el: '#app',
+        data: {
+            domainList: [],
+            set: {
+                id: '',
+                name: '',
+                type: 'A',
+                value: '',
+                mx: '',
+                ttl: '',
+            }
+        },
+        mounted() {
+            this.domainList = JSON.parse(sessionStorage.getItem('domains')) || [];
+            if(this.domainList.length == 0){
+                layer.alert('请先选中要修改解析的域名', {icon: 2}, function(){
+                    window.location.href = '/domain';
+                });
+            }
+            for(var i=0; i<this.domainList.length; i++){
+                this.$set(this.domainList[i], 'result', '<span class="text-muted">待修改</span>');
+            }
+        },
+        methods: {
+            async save(id){
+                var that = this;
+                return new Promise((resolve, reject) => {
+                    that.set.id = id;
+                    $.ajax({
+                        type: "POST",
+                        url: '/record/batchedit',
+                        data: that.set,
+                        dataType: 'json',
+                        success: function(data) {
+                            resolve(data);
+                        },
+                        error: function() {
+                            reject('服务器错误');
+                        }
+                    });
+                });
+            },
+            async submit(){
+                if(this.set.name == ''){
+                    layer.alert('请填写主机记录', {icon: 2});
+                    return;
+                }
+                if(this.set.value == ''){
+                    layer.alert('请填写记录值', {icon: 2});
+                    return;
+                }
+                var ii = layer.load(2);
+                for(var i=0; i<this.domainList.length; i++){
+                    this.domainList[i].result = '<span class="text-yellow"><i class="fa fa-refresh fa-spin fa-fw"></i> 正在修改</span>';
+                    var res = await this.save(this.domainList[i].id);
+                    if(res.code == 0){
+                        this.domainList[i].result = '<span class="text-green">'+res.msg+'</span>';
+                    }else{
+                        this.domainList[i].result = '<span class="text-red">'+res.msg+'</span>';
+                    }
+                }
+                layer.close(ii);
+            }
+        },
+    });
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/domain.html b/app/view/domain/domain.html
old mode 100644
new mode 100755
index 7969e66..de3ae11
--- a/app/view/domain/domain.html
+++ b/app/view/domain/domain.html
@@ -2,614 +2,629 @@
 {block name="title"}域名管理{/block}
 {block name="main"}
 <link href="{$cdnpublic}bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
-<div class="modal" id="modal-store" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
-				<h4 class="modal-title" id="modal-title">添加域名</h4>
-			</div>
-			<div class="modal-body">
-				<form class="form-horizontal" id="form-store">
-					<div class="form-group">
-						<label class="col-sm-3 control-label">域名账户</label>
-						<div class="col-sm-9">
-							<select name="aid" class="form-control">
-								{foreach $accounts as $item}
-									<option value="{$item.id}" data-type="{$item.type}" data-add="{$item.add}">{$item.name}</option>
-								{/foreach}
-							</select>
-						</div>
-					</div>
-					<div class="form-group" id="methodSelect" style="display: none;">
-						<label class="col-sm-3 control-label"></label>
-						<div class="col-sm-9">
-							<label class="radio-inline"><input type="radio" name="method" value="0" checked> 已有域名</label>
-							<label class="radio-inline"><input type="radio" name="method" value="1"> 新域名</label>
-						</div>
-					</div>
-					<div class="form-group" id="domainSelect">
-						<label class="col-sm-3 control-label">选择域名</label>
-						<div class="col-sm-9">
-							<select name="domain" id="domainList" class="form-control"></select>
-						</div>
-					</div>
-					<div class="form-group" id="domainInput" style="display: none;">
-						<label class="col-sm-3 control-label">输入域名</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="adddomain" placeholder="输入要新增的域名" value="">
-						</div>
-					</div>
-					
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
-				<button type="button" class="btn btn-primary" id="store" onclick="saveAdd()">添加</button>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="modal" id="modal-store2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
-				<h4 class="modal-title" id="modal-title">修改域名配置</h4>
-			</div>
-			<div class="modal-body">
-				<form class="form-horizontal" id="form-store2">
-					<input type="hidden" name="id"/>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">到期时间</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="expiretime" placeholder="" value="">
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">到期提醒</label>
-						<div class="col-sm-9">
-							<div class="input-group">
-								<select name="is_notice" class="form-control">
-									<option value="0">否</option>
-									<option value="1">是</option>
-								</select>
-								<a tabindex="0" class="input-group-addon" role="button" data-toggle="popover" data-trigger="focus" title="" data-placement="bottom" data-content="域名到期提醒，其他设置在“到期提醒设置”里面" data-original-title="说明"><span class="glyphicon glyphicon-info-sign"></span></a>
-							</div>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">是否隐藏</label>
-						<div class="col-sm-9">
-							<div class="input-group">
-								<select name="is_hide" class="form-control">
-									<option value="0">否</option>
-									<option value="1">是</option>
-								</select>
-								<a tabindex="0" class="input-group-addon" role="button" data-toggle="popover" data-trigger="focus" title="" data-placement="bottom" data-content="隐藏后仅管理员可见，普通用户在列表不可见" data-original-title="说明"><span class="glyphicon glyphicon-info-sign"></span></a>
-							</div>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">对接开关</label>
-						<div class="col-sm-9">
-							<div class="input-group">
-								<select name="is_sso" class="form-control">
-									<option value="0">否</option>
-									<option value="1">是</option>
-								</select>
-								<a tabindex="0" class="input-group-addon" role="button" data-toggle="popover" data-trigger="focus" title="" data-placement="bottom" data-content="对接开关开启后，将允许通过API接口一键登录该域名独立管理面板" data-original-title="说明"><span class="glyphicon glyphicon-info-sign"></span></a>
-							</div>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">备注</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="remark" placeholder="">
-						</div>
-					</div>
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
-				<button type="button" class="btn btn-primary" id="store" onclick="saveEdit()">保存</button>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-    <input type="text" class="form-control" name="kw" placeholder="域名或备注">
-  </div>
-  <div class="form-group">
-	<select name="type" class="form-control"><option value="">所有平台</option>{foreach $types as $k=>$v}
-		<option value="{$k}">{$v}</option>
-	{/foreach}</select>
-  </div>
-  <div class="form-group">
-	<select name="status" class="form-control"><option value="">所有状态</option><option value="1">即将到期</option><option value="2">已到期</option></select>
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新域名列表"><i class="fa fa-refresh"></i> 刷新</a>
-  {if request()->user['level'] eq 2}<a href="javascript:addframe()" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-  <div class="btn-group" role="group">
-	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量操作 <span class="caret"></span></button>
-	<ul class="dropdown-menu"><li><a href="/domain/add">添加域名</a></li><li><a href="javascript:operation('editremark')">修改域名备注</a></li><li><a href="javascript:operation('opennotice')">开启到期提醒</a></li><li><a href="javascript:operation('closenotice')">关闭到期提醒</a></li><li><a href="javascript:operation('delete')">删除域名</a></li><li role="separator" class="divider"></li><li><a href="javascript:operation('addrecord')">添加解析</a></li><li><a href="javascript:operation('editrecord')">修改解析</a></li></ul>
-  </div>
-  <a href="/domain/expirenotice" class="btn btn-default">到期提醒设置</a>{/if}
-</form>
-
-      <table id="listTable">
-	  </table>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal" data-backdrop="static" id="modal-store" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="modal-title">添加域名</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" id="form-store">
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">域名账户</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" name="aid">
+                                {foreach $accounts as $item}
+                                    <option value="{$item.id}" data-type="{$item.type}" data-add="{$item.add}">{$item.name}</option>
+                                {/foreach}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group" id="methodSelect" style="display: none;">
+                        <label class="col-sm-3 control-label"></label>
+                        <div class="col-sm-9">
+                            <label class="radio-inline"><input type="radio" name="method" value="0" checked> 已有域名</label>
+                            <label class="radio-inline"><input type="radio" name="method" value="1"> 新域名</label>
+                        </div>
+                    </div>
+                    <div class="form-group" id="domainSelect">
+                        <label class="col-sm-3 control-label">选择域名</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" id="domainList" name="domain"></select>
+                        </div>
+                    </div>
+                    <div class="form-group" id="domainInput" style="display: none;">
+                        <label class="col-sm-3 control-label">输入域名</label>
+                        <div class="col-sm-9">
+                            <input type="text" class="form-control" name="adddomain" placeholder="输入要新增的域名" value="">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-white" data-dismiss="modal" type="button">关闭</button>
+                <button class="btn btn-primary" id="store" onclick="saveAdd()" type="button">添加</button>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal inmodal fade" data-backdrop="static" id="modal-store2" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="modal-title">修改域名配置</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" id="form-store2">
+                    <input name="id" type="hidden"/>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">到期时间</label>
+                        <div class="col-sm-9">
+                            <input type="text" class="form-control" name="expiretime" placeholder="" value="">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">到期提醒</label>
+                        <div class="col-sm-9">
+                            <div class="input-group">
+                                <select name="is_notice" class="form-control">
+                                    <option value="0">否</option>
+                                    <option value="1">是</option>
+                                </select>
+                                <a tabindex="0" class="input-group-addon" role="button" data-toggle="popover" data-trigger="focus" title="" data-placement="bottom" data-content="域名到期提醒，其他设置在“到期提醒设置”里面" data-original-title="说明"><span class="glyphicon glyphicon-info-sign"></span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">是否隐藏</label>
+                        <div class="col-sm-9">
+                            <div class="input-group">
+                                <select class="form-control" name="is_hide">
+                                    <option value="0">否</option>
+                                    <option value="1">是</option>
+                                </select>
+                                <a class="input-group-addon" data-content="隐藏后仅管理员可见，普通用户在列表不可见" data-original-title="说明" data-placement="bottom" data-toggle="popover" data-trigger="focus" role="button" tabindex="0" title=""><span class="glyphicon glyphicon-info-sign"></span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">对接开关</label>
+                        <div class="col-sm-9">
+                            <div class="input-group">
+                                <select class="form-control" name="is_sso">
+                                    <option value="0">否</option>
+                                    <option value="1">是</option>
+                                </select>
+                                <a class="input-group-addon" data-content="对接开关开启后，将允许通过API接口一键登录该域名独立管理面板" data-original-title="说明" data-placement="bottom" data-toggle="popover" data-trigger="focus" role="button" tabindex="0" title=""><span class="glyphicon glyphicon-info-sign"></span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">备注</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="remark" placeholder="" type="text">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-white" data-dismiss="modal" type="button">关闭</button>
+                <button class="btn btn-primary" id="store" onclick="saveEdit()" type="button">保存</button>
+            </div>
+        </div>
+    </div>
+</div>
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">域名管理</h3>
+    </div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            <input class="form-control" name="kw" placeholder="域名或备注" type="text">
+        </div>
+        <div class="form-group">
+            <select class="form-control" name="type">
+                <option value="">所有平台</option>
+                {foreach $types as $k=>$v}
+                <option value="{$k}">{$v}</option>
+                {/foreach}
+            </select>
+        </div>
+        <div class="form-group">
+            <select name="status" class="form-control">
+                <option value="">所有状态</option>
+                <option value="1">即将到期</option>
+                <option value="2">已到期</option>
+            </select>
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新域名列表"><i class="fa fa-refresh"></i> 刷新</a>
+        {if request()->user['level'] eq 2}
+            <a class="btn btn-success" href="javascript:addframe()"><i class="fa fa-plus"></i> 添加</a>
+            <div class="btn-group" role="group">
+                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量操作 <span class="caret"></span></button>
+                <ul class="dropdown-menu"><li><a href="/domain/add">添加域名</a></li><li><a href="javascript:operation('editremark')">修改域名备注</a></li><li><a href="javascript:operation('delete')">删除域名</a></li><li role="separator" class="divider"></li><li><a href="javascript:operation('addrecord')">添加解析</a></li><li><a href="javascript:operation('editrecord')">修改解析</a></li></ul>
+            </div>
+            <a href="/domain/expirenotice" class="btn btn-default">到期提醒设置</a>
+        {/if}
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}moment.js/2.29.4/moment.min.js"></script>
 <script src="{$cdnpublic}moment.js/2.29.4/locale/zh-cn.js"></script>
 <script src="{$cdnpublic}bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="{$cdnpublic}select2/4.0.13/js/select2.min.js"></script>
 <script src="{$cdnpublic}select2/4.0.13/js/i18n/zh-CN.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-var userLevel = "{:request()->user['level']}";
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    var userLevel = "{:request()->user['level']}";
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/domain/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		uniqueId: 'id',
-		columns: [
-			{
-				field: '',
-				checkbox: true
-			},
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'typename',
-				title: '平台账户',
-				formatter: function(value, row, index) {
-					return '<img src="/static/images/'+row.type+'.ico" class="type-logo"></img>'+(row.aremark?row.aremark:value+'('+row.aid+')');
-				}
-			},
-            {
-				field: 'name',
-				title: '域名',
-				formatter: function(value, row, index) {
-					return '<a href="/record/'+row.id+'" title="进入解析记录管理" onclick="loading()">'+value+'</a>';
-				}
-			},
-			{
-				field: 'recordcount',
-				title: '记录数'
-			},
-			{
-				field: 'addtime',
-				title: '添加时间'
-			},
-			{
-				field: 'regtime',
-				title: '注册时间',
-				visible: false,
-				formatter: function(value, row, index) {
-					var html = '';
-					if(value == null) {
-						if (row.checkstatus == 0) {
-							html = '<font color="#bdbdbd">待查询</font>';
-						} else if (row.checkstatus == 2) {
-							html = '<font color="#bdbdbd">查询失败</font>';
-						}
-					} else {
-						html = value.slice(0,10);
-					}
-					return html;
-				}
-			},
-			{
-				field: 'expiretime',
-				title: '到期时间',
-				formatter: function(value, row, index) {
-					var html = '';
-					if(value == null) {
-						if (row.checkstatus == 0) {
-							html = '<font color="#bdbdbd">待查询</font>';
-						} else if (row.checkstatus == 2) {
-							html = '<font color="#bdbdbd">查询失败</font>';
-						}
-					} else {
-						var now = new Date().getTime();
-						var expiretime = new Date(value).getTime();
-						var days = parseInt((expiretime - now) / 1000 / 24 / 60 / 60);
-						if (days > 30) {
-							html += '<span title="还有'+days+'天到期" data-toggle="tooltip" data-placement="bottom">'+value.slice(0,10)+'</span>';
-						} else if (days > 0) {
-							html += '<b><span class="text-yellow" title="还有'+days+'天到期" data-toggle="tooltip" data-placement="bottom">'+value.slice(0,10)+'</span></b>';
-						} else {
-							html += '<b><span class="text-red" title="已到期" data-toggle="tooltip" data-placement="bottom">'+value.slice(0,10)+'</span></b>';
-						}
-					}
-					html += '&nbsp;<a href="javascript:updateDate('+row.id+')" title="刷新到期时间" class="text-green"><i class="fa fa-refresh"></i></a>';
-					return html;
-				}
-			},
-			{
-				field: 'is_notice',
-				title: '到期提醒',
-				formatter: function(value, row, index) {
-					return value==1?'<font color="green">是</font>':'<font color="blue">否</font>';
-				}
-			},
-			{
-				field: 'is_hide',
-				title: '是否隐藏',
-				visible: false,
-				formatter: function(value, row, index) {
-					return value==1?'<font color="grey">是</font>':'<font color="blue">否</font>';
-				}
-			},
-			{
-				field: 'is_sso',
-				title: '对接开关',
-				visible: false,
-				formatter: function(value, row, index) {
-					return value==1?'<font color="green">是</font>':'<font color="red">否</font>';
-				}
-			},
-			{
-				field: 'remark',
-				title: '备注'
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="/record/'+row.id+'" class="btn btn-success btn-xs" onclick="loading()">解析</a>';
-					if(userLevel == '2'){
-						html += ' <a href="javascript:editframe('+row.id+')" class="btn btn-info btn-xs">配置</a>';
-						html += ' <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a>';
-					}
-					return html;
-				}
-			},
-		],
-		onLoadSuccess: function(data) {
-			$('[data-toggle="tooltip"]').tooltip()
-		}
-	})
+        $("#listTable").bootstrapTable({
+            url: '/domain/data',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            uniqueId: 'id',
+            columns: [
+                {
+                    field: '',
+                    checkbox: true
+                },
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'typename',
+                    title: '平台账户',
+                    formatter: function (value, row, index) {
+                        return '<img src="/static/images/'+row.type+'.ico" class="type-logo"></img> '+(row.aremark?row.aremark:value+'('+row.aid+')');
+                    }
+                },
+                {
+                    field: 'name',
+                    title: '域名',
+                    formatter: function (value, row, index) {
+                        return '<a href="/record/' + row.id + '" title="进入解析记录管理" onclick="loading()">' + value + '</a>';
+                    }
+                },
+                {
+                    field: 'recordcount',
+                    title: '记录数'
+                },
+                {
+                    field: 'addtime',
+                    title: '添加时间'
+                },
+                {
+                    field: 'regtime',
+                    title: '注册时间',
+                    visible: false,
+                    formatter: function(value, row, index) {
+                        var html = '';
+                        if(value == null) {
+                            if (row.checkstatus == 0) {
+                                html = '<font color="#bdbdbd">待查询</font>';
+                            } else if (row.checkstatus == 2) {
+                                html = '<font color="#bdbdbd">查询失败</font>';
+                            }
+                        } else {
+                            html = value.slice(0,10);
+                        }
+                        return html;
+                    }
+                },
+                {
+                    field: 'expiretime',
+                    title: '到期时间',
+                    formatter: function(value, row, index) {
+                        var html = '';
+                        if(value == null) {
+                            if (row.checkstatus == 0) {
+                                html = '<font color="#bdbdbd">待查询</font>';
+                            } else if (row.checkstatus == 2) {
+                                html = '<font color="#bdbdbd">查询失败</font>';
+                            }
+                        } else {
+                            var now = new Date().getTime();
+                            var expiretime = new Date(value).getTime();
+                            var days = parseInt((expiretime - now) / 1000 / 24 / 60 / 60);
+                            if (days > 30) {
+                                html += '<span title="还有'+days+'天到期" data-toggle="tooltip" data-placement="bottom">'+value.slice(0,10)+'</span>';
+                            } else if (days > 0) {
+                                html += '<b><span class="text-yellow" title="还有'+days+'天到期" data-toggle="tooltip" data-placement="bottom">'+value.slice(0,10)+'</span></b>';
+                            } else {
+                                html += '<b><span class="text-red" title="已到期" data-toggle="tooltip" data-placement="bottom">'+value.slice(0,10)+'</span></b>';
+                            }
+                        }
+                        html += '&nbsp;<a href="javascript:updateDate('+row.id+')" title="刷新到期时间" class="text-green"><i class="fa fa-refresh"></i></a>';
+                        return html;
+                    }
+                },
+                {
+                    field: 'is_notice',
+                    title: '到期提醒',
+                    formatter: function(value, row, index) {
+                        return value==1?'<font color="green">是</font>':'<font color="blue">否</font>';
+                    }
+                },
+                {
+                    field: 'is_hide',
+                    title: '是否隐藏',
+                    visible: false,
+                    formatter: function(value, row, index) {
+                        return value==1?'<font color="grey">是</font>':'<font color="blue">否</font>';
+                    }
+                },
+                {
+                    field: 'is_sso',
+                    title: '对接开关',
+                    visible: false,
+                    formatter: function(value, row, index) {
+                        return value==1?'<font color="green">是</font>':'<font color="red">否</font>';
+                    }
+                },
+                {
+                    field: 'remark',
+                    title: '备注'
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function (value, row, index) {
+                        var html = '<a href="/record/' + row.id + '" class="btn btn-success btn-xs" onclick="loading()">解析</a>';
+                        if (userLevel == '2') {
+                            html += ' <a href="javascript:editframe(' + row.id + ')" class="btn btn-info btn-xs">配置</a>';
+                            html += ' <a href="javascript:delItem(' + row.id + ')" class="btn btn-danger btn-xs">删除</a>';
+                        }
+                        return html;
+                    }
+                },
+            ],
+            onLoadSuccess: function(data) {
+                $('[data-toggle="tooltip"]').tooltip()
+            }
+        })
 
-	$("#form-store select[name=aid]").change(function(){
-		if($(this).val() != ''){
-			$("#form-store input[name=method][value=0]").prop('checked', true);
-			$("#domainSelect").show();
-			$("#domainInput").hide();
-			var add = $(this).find('option:selected').data('add');
-			if(add == '1'){
-				$("#methodSelect").show();
-			}else{
-				$("#methodSelect").hide();
-			}
-			getDomainList();
-		}
-	})
-	$("#form-store input[name=method]").change(function(){
-		var value = $("#form-store input[name=method]:checked").val();
-		if(value == '0'){
-			$("#domainSelect").show();
-			$("#domainInput").hide();
-			getDomainList();
-		}else{
-			$("#domainSelect").hide();
-			$("#domainInput").show();
-			$('#domainList').empty();
-		}
-	})
+        $("#form-store select[name=aid]").change(function(){
+            if($(this).val() != ''){
+                $("#form-store input[name=method][value=0]").prop('checked', true);
+                $("#domainSelect").show();
+                $("#domainInput").hide();
+                var add = $(this).find('option:selected').data('add');
+                if(add == '1'){
+                    $("#methodSelect").show();
+                }else{
+                    $("#methodSelect").hide();
+                }
+                getDomainList();
+            }
+        })
+        $("#form-store input[name=method]").change(function(){
+            var value = $("#form-store input[name=method]:checked").val();
+            if(value == '0'){
+                $("#domainSelect").show();
+                $("#domainInput").hide();
+                getDomainList();
+            }else{
+                $("#domainSelect").hide();
+                $("#domainInput").show();
+                $('#domainList').empty();
+            }
+        })
 
-	$('[data-toggle="popover"]').popover()
-})
-function addframe(){
-	$("#modal-store").modal('show');
-	var aid = $("#form-store select[name=aid]").val();
-	if(aid != ''){
-		$("#form-store select[name=aid]").change();
-	}
-}
-function saveAdd(){
-	var aid = $("#form-store select[name=aid]").val();
-	if(aid == ''){
-		layer.alert('请选择域名账户！');return false;
-	}
-	var method = $("#form-store input[name=method]:checked").val();
-	if(method == '1'){
-		var name = $("#form-store input[name=adddomain]").val();
-		if(name == ''){
-			layer.alert('域名不能为空！');return false;
-		}
-	}else{
-		var select = $('#domainList').select2('data');
-		if(select.length == 0){
-			layer.alert('请选择域名！');return false;
-		}
-		var name = select[0].text;
-		var thirdid = select[0].id;
-		var recordcount = select[0].recordcount;
-		if(aid=='' || thirdid==''){
-			layer.alert('请确保各项不能为空！');return false;
-		}
-	}
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/domain/op/act/add',
-		data : {aid: aid, method: method, thirdid: thirdid, name: name, recordcount: recordcount},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					layer.closeAll();
-					$("#modal-store").modal('hide');
-					searchRefresh();
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function editframe(id){
-	var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
-	$("#modal-store2").modal('show');
-	$("#form-store2 input[name=id]").val(row.id);
-	$("#form-store2 select[name=is_hide]").val(row.is_hide);
-	$("#form-store2 select[name=is_sso]").val(row.is_sso);
-	$("#form-store2 select[name=is_notice]").val(row.is_notice);
-	$("#form-store2 input[name=remark]").val(row.remark);
+        $('[data-toggle="popover"]').popover()
+    })
 
-	$("#form-store2 input[name=expiretime]").datetimepicker({
-		format: 'YYYY-MM-DD HH:mm:ss',
-		locale: 'zh-cn',
-		defaultDate: row.expiretime,
-	}).val(row.expiretime);
-}
-function saveEdit(){
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/domain/op/act/edit',
-		data : $("#form-store2").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.msg(data.msg, {icon:1, time:800});
-				$("#modal-store2").modal('hide');
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function delItem(id) {
-	var confirmobj = layer.confirm('确定要删除此域名吗？删除域名不会影响已添加的解析', {
-	  btn: ['确定','取消']
-	}, function(){
-	  var ii = layer.load(2);
-	  $.ajax({
-		type : 'POST',
-		url : '/domain/op/act/del',
-		data : {id: id},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
-			}
-		}
-	  });
-	}, function(){
-		layer.close(confirmobj);
-	});
-}
-function getDomainList(){
-	$('#domainList').empty();
-	$('#domainList').select2({
-		placeholder: '请选择域名',
-		language: "zh-CN",
-		ajax:{
-			url: '/domain/list',
-			type: "post",
-			dataType: 'json',
-			delay: 300,
-			data: function(params) {
-				var aid = $("#form-store select[name=aid]").val();
-				var data = {
-					aid: aid,
-					kw: params.term,
-					page: params.page || 1,
-					pagesize: 10
-				};
-				return data;
-			},
-			processResults: function (data, params) {
-				params.page = params.page || 1
-				if(data.code == 0){
-					var resultData = [];
-					$.each(data.data.list, function(index, item){
-						resultData.push({'id': item.DomainId, 'text': item.Domain + (item.disabled ? ' (已添加)' : ''), 'recordcount': item.RecordCount, disabled:item.disabled});
-					})
-					return {
-						results: resultData,
-						pagination: {
-							more: data.data.total > params.page * 10
-						}
-					};
-				}else{
-					layer.alert(data.msg, {icon: 2});
-					return {
-		                results: []
-		            };
-				}
-			}
-		},
-		cache:false
-	});
-}
-function operation(action){
-	var rows = $("#listTable").bootstrapTable('getSelections');
-	if(rows.length == 0){
-		layer.msg('请选择要操作的域名');
-		return;
-	}
-	var ids = [];
-	$.each(rows, function(index, item){
-		ids.push(item.id);
-	})
-	if(action == 'editremark'){
-		batch_edit_remark(ids)
-		return;
-	}else if(action == 'addrecord'){
-		sessionStorage.setItem('domains', JSON.stringify(rows));
-		window.location.href = '/record/batchadd';
-		return;
-	}else if(action == 'editrecord'){
-		sessionStorage.setItem('domains', JSON.stringify(rows));
-		window.location.href = '/record/batchedit';
-		return;
-	}else if(action == 'delete'){
-		var confirmobj = layer.confirm('确定要删除所选域名吗？', {
-			btn: ['确定','取消']
-		}, function(){
-			var ii = layer.load(2);
-			$.ajax({
-				type : 'POST',
-				url : '/domain/op/act/batchdel',
-				data : {ids: ids},
-				dataType : 'json',
-				success : function(data) {
-					layer.close(ii);
-					if(data.code == 0){
-						layer.closeAll();
-						layer.alert(data.msg, {icon: 1});
-						searchRefresh();
-					}else{
-						layer.alert(data.msg, {icon: 2});
-					}
-				}
-			});
-		}, function(){
-			layer.close(confirmobj);
-		});
-	}else{
-		var is_notice = action == 'opennotice' ? 1 : 0;
-		var ii = layer.load(2);
-		$.ajax({
-			type : 'POST',
-			url : '/domain/op/act/batchsetnotice',
-			data : {ids: ids, is_notice: is_notice},
-			dataType : 'json',
-			success : function(data) {
-				layer.close(ii);
-				if(data.code == 0){
-					layer.closeAll();
-					layer.alert(data.msg, {icon: 1});
-					searchRefresh();
-				}else{
-					layer.alert(data.msg, {icon: 2});
-				}
-			}
-		});
-	}
-}
-function batch_edit_remark(ids) {
-	layer.open({
-		type: 1,
-		area: ['350px'],
-		closeBtn: 2,
-		title: '批量修改备注',
-		content: '<div style="padding:15px"><div class="form-group"><input class="form-control" type="text" name="remark2" value="" autocomplete="off" placeholder="备注信息"></div></div>',
-		btn: ['确认', '取消'],
-		yes: function(){
-			var remark = $("input[name='remark2']").val();
-			var ii = layer.load(2, {shade:[0.1,'#fff']});
-			$.ajax({
-				type : 'POST',
-				url : '/domain/op/act/batchedit',
-				data : {ids:ids, remark:remark},
-				dataType : 'json',
-				success : function(data) {
-					layer.close(ii);
-					layer.alert(data.msg,{
-						icon: 1,
-						closeBtn: false
-					}, function(){
-						layer.closeAll();
-						searchRefresh();
-					});
-				},
-				error:function(data){
-					layer.close(ii);
-					layer.msg('服务器错误');
-				}
-			});
-		}
-	});
-}
-function updateDate(id){
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/domain/updatedate',
-		data : {id: id},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.msg('刷新成功', {icon: 1, time: 600});
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
-			}
-		}
-	});
-}
-function loading(){
-	layer.load(2);
-}
-document.addEventListener("visibilitychange", function() {
-	if (document.visibilityState === "visible") {
-		layer.closeAll();
-	}
-});
+    function addframe() {
+        $("#modal-store").modal('show');
+        var aid = $("#form-store select[name=aid]").val();
+        if (aid != '') {
+            getDomainList()
+        }
+    }
+
+    function saveAdd() {
+        var aid = $("#form-store select[name=aid]").val();
+        if (aid == '') {
+            layer.alert('请选择域名账户！');
+            return false;
+        }
+        var method = $("#form-store input[name=method]:checked").val();
+        if (method == '1') {
+            var name = $("#form-store input[name=adddomain]").val();
+            if (name == '') {
+                layer.alert('域名不能为空！');
+                return false;
+            }
+        } else {
+            var select = $('#domainList').select2('data');
+            if (select.length == 0) {
+                layer.alert('请选择域名！');
+                return false;
+            }
+            var name = select[0].text;
+            var thirdid = select[0].id;
+            var recordcount = select[0].recordcount;
+            if (aid == '' || thirdid == '') {
+                layer.alert('请确保各项不能为空！');
+                return false;
+            }
+        }
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/domain/op/act/add',
+            data: {aid: aid, method: method, thirdid: thirdid, name: name, recordcount: recordcount},
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        layer.closeAll();
+                        $("#modal-store").modal('hide');
+                        searchRefresh();
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function editframe(id){
+        var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
+        $("#modal-store2").modal('show');
+        $("#form-store2 input[name=id]").val(row.id);
+        $("#form-store2 select[name=is_hide]").val(row.is_hide);
+        $("#form-store2 select[name=is_sso]").val(row.is_sso);
+        $("#form-store2 select[name=is_notice]").val(row.is_notice);
+        $("#form-store2 input[name=remark]").val(row.remark);
+
+        $("#form-store2 input[name=expiretime]").datetimepicker({
+            format: 'YYYY-MM-DD HH:mm:ss',
+            locale: 'zh-cn',
+            defaultDate: row.expiretime,
+        }).val(row.expiretime);
+    }
+    function saveEdit(){
+        var ii = layer.load(2);
+        $.ajax({
+            type : 'POST',
+            url : '/domain/op/act/edit',
+            data : $("#form-store2").serialize(),
+            dataType : 'json',
+            success : function(data) {
+                layer.close(ii);
+                if(data.code == 0){
+                    layer.msg(data.msg, {icon:1, time:800});
+                    $("#modal-store2").modal('hide');
+                    searchRefresh();
+                }else{
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function delItem(id) {
+        var confirmobj = layer.confirm('确定要删除此域名吗？删除域名不会影响已添加的解析', {
+            btn: ['确定', '取消']
+        }, function () {
+            var ii = layer.load(2);
+            $.ajax({
+                type: 'POST',
+                url: '/domain/op/act/del',
+                data: {id: id},
+                dataType: 'json',
+                success: function (data) {
+                    layer.close(ii);
+                    if (data.code == 0) {
+                        layer.closeAll();
+                        searchRefresh();
+                    } else {
+                        layer.alert(data.msg, {icon: 2});
+                    }
+                }
+            });
+        }, function () {
+            layer.close(confirmobj);
+        });
+    }
+
+    function getDomainList() {
+        $('#domainList').empty();
+        $('#domainList').select2({
+            placeholder: '请选择域名',
+            language: "zh-CN",
+            ajax: {
+                url: '/domain/list',
+                type: "post",
+                dataType: 'json',
+                delay: 300,
+                data: function (params) {
+                    var aid = $("#form-store select[name=aid]").val();
+                    var data = {
+                        aid: aid,
+                        kw: params.term,
+                        page: params.page || 1,
+                        pagesize: 10
+                    };
+                    return data;
+                },
+                processResults: function (data, params) {
+                    params.page = params.page || 1
+                    if (data.code == 0) {
+                        var resultData = [];
+                        $.each(data.data.list, function(index, item){
+                            resultData.push({'id': item.DomainId, 'text': item.Domain + (item.disabled ? ' (已添加)' : ''), 'recordcount': item.RecordCount, disabled:item.disabled});
+                        })
+                        return {
+                            results: resultData,
+                            pagination: {
+                                more: data.data.total > params.page * 10
+                            }
+                        };
+                    } else {
+                        layer.alert(data.msg, {icon: 2});
+                        return {
+                            results: []
+                        };
+                    }
+                }
+            },
+            cache: false
+        });
+    }
+
+    function operation(action){
+        var rows = $("#listTable").bootstrapTable('getSelections');
+        if(rows.length == 0){
+            layer.msg('请选择要操作的域名');
+            return;
+        }
+        var ids = [];
+        $.each(rows, function(index, item){
+            ids.push(item.id);
+        })
+        if(action == 'editremark'){
+            batch_edit_remark(ids)
+            return;
+        }else if(action == 'addrecord'){
+            sessionStorage.setItem('domains', JSON.stringify(rows));
+            window.location.href = '/record/batchadd';
+            return;
+        }else if(action == 'editrecord'){
+            sessionStorage.setItem('domains', JSON.stringify(rows));
+            window.location.href = '/record/batchedit';
+            return;
+        }else if(action == 'delete'){
+            var confirmobj = layer.confirm('确定要删除所选域名吗？', {
+                btn: ['确定','取消']
+            }, function(){
+                var ii = layer.load(2);
+                $.ajax({
+                    type : 'POST',
+                    url : '/domain/op/act/batchdel',
+                    data : {ids: ids},
+                    dataType : 'json',
+                    success : function(data) {
+                        layer.close(ii);
+                        if(data.code == 0){
+                            layer.closeAll();
+                            layer.alert(data.msg, {icon: 1});
+                            searchRefresh();
+                        }else{
+                            layer.alert(data.msg, {icon: 2});
+                        }
+                    }
+                });
+            }, function(){
+                layer.close(confirmobj);
+            });
+        }else{
+            var is_notice = action == 'opennotice' ? 1 : 0;
+            var ii = layer.load(2);
+            $.ajax({
+                type : 'POST',
+                url : '/domain/op/act/batchsetnotice',
+                data : {ids: ids, is_notice: is_notice},
+                dataType : 'json',
+                success : function(data) {
+                    layer.close(ii);
+                    if(data.code == 0){
+                        layer.closeAll();
+                        layer.alert(data.msg, {icon: 1});
+                        searchRefresh();
+                    }else{
+                        layer.alert(data.msg, {icon: 2});
+                    }
+                }
+            });
+        }
+    }
+    function batch_edit_remark(ids) {
+        layer.open({
+            type: 1,
+            area: ['350px'],
+            closeBtn: 2,
+            title: '批量修改备注',
+            content: '<div style="padding:15px"><div class="form-group"><input class="form-control" type="text" name="remark2" value="" autocomplete="off" placeholder="备注信息"></div></div>',
+            btn: ['确认', '取消'],
+            yes: function(){
+                var remark = $("input[name='remark2']").val();
+                var ii = layer.load(2, {shade:[0.1,'#fff']});
+                $.ajax({
+                    type : 'POST',
+                    url : '/domain/op/act/batchedit',
+                    data : {ids:ids, remark:remark},
+                    dataType : 'json',
+                    success : function(data) {
+                        layer.close(ii);
+                        layer.alert(data.msg,{
+                            icon: 1,
+                            closeBtn: false
+                        }, function(){
+                            layer.closeAll();
+                            searchRefresh();
+                        });
+                    },
+                    error:function(data){
+                        layer.close(ii);
+                        layer.msg('服务器错误');
+                    }
+                });
+            }
+        });
+    }
+
+    function updateDate(id){
+        var ii = layer.load(2);
+        $.ajax({
+            type : 'POST',
+            url : '/domain/updatedate',
+            data : {id: id},
+            dataType : 'json',
+            success : function(data) {
+                layer.close(ii);
+                if(data.code == 0){
+                    layer.msg('刷新成功', {icon: 1, time: 600});
+                    searchRefresh();
+                }else{
+                    layer.alert(data.msg, {icon: 2});
+                }
+            }
+        });
+    }
+
+    function loading() {
+        layer.load(2);
+    }
+
+    document.addEventListener("visibilitychange", function () {
+        if (document.visibilityState === "visible") {
+            layer.closeAll();
+        }
+    });
 </script>
-{/block}
+{/block}
\ No newline at end of file
diff --git a/app/view/domain/domain_add.html b/app/view/domain/domain_add.html
old mode 100644
new mode 100755
index 5aac6dc..ebb08e5
--- a/app/view/domain/domain_add.html
+++ b/app/view/domain/domain_add.html
@@ -1,158 +1,158 @@
 {extend name="common/layout" /}
 {block name="title"}批量添加域名{/block}
 {block name="main"}
-<div class="row" id="app">
-<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量添加域名</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="form-store">
-    <div class="form-group">
-		<label class="col-sm-3 control-label">域名账户</label>
-		<div class="col-sm-9">
-		<div class="input-group">
-			<select name="aid" class="form-control" v-model="aid">
-				{foreach $accounts as $k=>$v}
-					<option value="{$k}">{$v}</option>
-				{/foreach}
-			</select>
-			<div class="input-group-btn">
-                <button type="button" @click="getDomainList" class="btn btn-info">获取域名</button>
-            </div>
-		</div>
+<div id="app">
+	<div class="panel panel-default">
+		<div class="panel-heading font-bold"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>批量添加域名</h3></div>
+		<div class="panel-body">
+			<form onsubmit="return false" method="post" class="form-horizontal" role="form" id="form-store">
+				<div class="form-group">
+					<label class="col-sm-3 control-label">域名账户</label>
+					<div class="col-sm-6">
+						<div class="input-group">
+							<select name="aid" class="form-control" v-model="aid">
+								{foreach $accounts as $k=>$v}
+								<option value="{$k}">{$v}</option>
+								{/foreach}
+							</select>
+							<div class="input-group-btn">
+								<button type="button" @click="getDomainList" class="btn btn-info">获取域名</button>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="form-group">
+					<label class="col-sm-3 control-label">选择域名</label>
+					<div class="col-sm-6">
+						<table class="table table-striped table-hover table-bordered">
+							<thead>
+							<tr>
+								<th><input type="checkbox" v-model="checkall"></th>
+								<th>域名</th>
+							</tr>
+							</thead>
+							<tbody>
+							<tr v-for="item in domainList">
+								<td><input type="checkbox" name="domain[]" :value="item.DomainId" v-model="item.checked" :disabled="item.disabled"></td>
+								<td><span :title="item.DomainId">{{item.Domain}}</span><font color="#888" v-if="item.disabled"> (已添加)</font></td>
+							</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+				<div class="form-group">
+					<div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">确定添加</button></div>
+				</div>
+			</form>
 		</div>
 	</div>
-	<div class="form-group">
-		<label class="col-sm-3 control-label">选择域名</label>
-		<div class="col-sm-9">
-			<table class="table table-striped table-hover table-bordered">
-				<thead>
-					<tr>
-						<th><input type="checkbox" v-model="checkall"></th>
-						<th>域名</th>
-					</tr>
-				</thead>
-				<tbody>
-					<tr v-for="item in domainList">
-						<td><input type="checkbox" name="domain[]" :value="item.DomainId" v-model="item.checked" :disabled="item.disabled"></td>
-						<td><span :title="item.DomainId">{{item.Domain}}</span><font color="#888" v-if="item.disabled"> (已添加)</font></td>
-					</tr>
-				</tbody>
-			</table>
-		</div>
-	</div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-9"><button type="button" class="btn btn-primary" @click="submit">确定添加</button></div>
-    </div>
-  </form>
-</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}vue/2.6.14/vue.min.js"></script>
 <script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-new Vue({
-    el: '#app',
-    data: {
-		aid: '',
-		domainList: [],
-		page: 1,
-		pagesize: 10,
-		checkall: false,
-    },
-    watch: {
-		aid: function(val){
-			this.domainList = [];
+	new Vue({
+		el: '#app',
+		data: {
+			aid: '',
+			domainList: [],
+			page: 1,
+			pagesize: 10,
+			checkall: false,
 		},
-		checkall: function(val){
-			this.domainList.forEach(function(item){
-				item.checked = val&&!item.disabled;
-			});
-		}
-    },
-    mounted() {
-		this.aid = '{$accounts|@key}';
-    },
-    methods: {
-		async getDomainListPaged(){
-			var that = this;
-			return new Promise((resolve, reject) => {
-				$.ajax({
-					type: "POST",
-					url: "/domain/list",
-					data: {aid: that.aid, page: that.page, pagesize: that.pagesize},
-					dataType: 'json',
-					success: function(data) {
-						if(data.code == 0){
-							resolve(data.data);
-						}else{
-							reject(data.msg);
+		watch: {
+			aid: function(val){
+				this.domainList = [];
+			},
+			checkall: function(val){
+				this.domainList.forEach(function(item){
+					item.checked = val&&!item.disabled;
+				});
+			}
+		},
+		mounted() {
+			this.aid = '{$accounts|@key}';
+		},
+		methods: {
+			async getDomainListPaged(){
+				var that = this;
+				return new Promise((resolve, reject) => {
+					$.ajax({
+						type: "POST",
+						url: "/domain/list",
+						data: {aid: that.aid, page: that.page, pagesize: that.pagesize},
+						dataType: 'json',
+						success: function(data) {
+							if(data.code == 0){
+								resolve(data.data);
+							}else{
+								reject(data.msg);
+							}
 						}
+					});
+				});
+			},
+			async getDomainList(){
+				this.domainList = [];
+				while(true){
+					try{
+						layer.msg('正在获取第'+this.page+'页域名', {icon: 16, shade: 0.01});
+						var data = await this.getDomainListPaged();
+						if(data.total == 0 || data.list.length == 0){
+							layer.closeAll();
+							break;
+						}
+						this.domainList = this.domainList.concat(data.list);
+						if(this.domainList.length >= data.total){
+							layer.closeAll();
+							break;
+						}
+						this.page++;
+					}catch(e){
+						layer.alert(e, {icon: 2});
+						break;
+					}
+				}
+			},
+			submit(){
+				var domains = [];
+				this.domainList.forEach(function(item){
+					if(item.checked && !item.disabled){
+						domains.push({name: item.Domain, id: item.DomainId, recordcount:item.RecordCount});
 					}
 				});
-			});
-		},
-		async getDomainList(){
-			this.domainList = [];
-			while(true){
-				try{
-					layer.msg('正在获取第'+this.page+'页域名', {icon: 16, shade: 0.01});
-					var data = await this.getDomainListPaged();
-					if(data.total == 0 || data.list.length == 0){
-						layer.closeAll();
-						break;
-					}
-					this.domainList = this.domainList.concat(data.list);
-					if(this.domainList.length >= data.total){
-						layer.closeAll();
-						break;
-					}
-					this.page++;
-				}catch(e){
-					layer.alert(e, {icon: 2});
-					break;
+				if(this.aid == ''){
+					layer.alert('请选择域名账户');
+					return;
 				}
+				if(domains.length == 0){
+					layer.alert('请选择要添加的域名');
+					return;
+				}
+				var ii = layer.load(2, {shade:[0.1,'#fff']});
+				$.ajax({
+					type: "POST",
+					url: "/domain/op/act/batchadd",
+					data: {aid: this.aid, domains: domains},
+					dataType: 'json',
+					success: function(data) {
+						layer.close(ii);
+						if(data.code == 0){
+							layer.alert(data.msg, {icon: 1}, function(){
+								window.location.href = '/domain';
+							});
+						}else{
+							layer.alert(data.msg, {icon: 2});
+						}
+					},
+					error: function(data){
+						layer.close(ii);
+						layer.msg('服务器错误');
+					}
+				});
 			}
 		},
-        submit(){
-            var domains = [];
-			this.domainList.forEach(function(item){
-				if(item.checked && !item.disabled){
-					domains.push({name: item.Domain, id: item.DomainId, recordcount:item.RecordCount});
-				}
-			});
-			if(this.aid == ''){
-				layer.alert('请选择域名账户');
-				return;
-			}
-			if(domains.length == 0){
-				layer.alert('请选择要添加的域名');
-				return;
-			}
-            var ii = layer.load(2, {shade:[0.1,'#fff']});
-            $.ajax({
-                type: "POST",
-                url: "/domain/op/act/batchadd",
-                data: {aid: this.aid, domains: domains},
-                dataType: 'json',
-                success: function(data) {
-                    layer.close(ii);
-                    if(data.code == 0){
-                        layer.alert(data.msg, {icon: 1}, function(){
-                            window.location.href = '/domain';
-                        });
-                    }else{
-                        layer.alert(data.msg, {icon: 2});
-                    }
-                },
-                error: function(data){
-                    layer.close(ii);
-                    layer.msg('服务器错误');
-                }
-            });
-        }
-    },
-});
+	});
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/expire_notice.html b/app/view/domain/expire_notice.html
old mode 100644
new mode 100755
index 2455e0a..699776a
--- a/app/view/domain/expire_notice.html
+++ b/app/view/domain/expire_notice.html
@@ -2,84 +2,81 @@
 {block name="title"}域名到期提醒设置{/block}
 {block name="main"}
 <div class="row">
-<div class="col-xs-12 col-sm-8 col-lg-6 center-block" style="float: none;">
-
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>域名到期提醒设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">到期提醒天数</label>
-	  <div class="col-sm-9"><input type="text" name="expire_noticedays" value="{:config_get('expire_noticedays')}" class="form-control" placeholder="留空则不开启到期提醒"/><font color="green">域名到期前多少天发送通知，可填写多个天数，用英文逗号隔开。例如填写7,14则在域名到期前7天与14天分别发送通知。</font></div>
+	<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
+		<div class="panel panel-info">
+			<div class="panel-heading font-bold"><h3 class="panel-title"><a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>域名到期提醒设置</h3></div>
+			<div class="panel-body">
+				<form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">到期提醒天数</label>
+						<div class="col-sm-9"><input type="text" name="expire_noticedays" value="{:config_get('expire_noticedays')}" class="form-control" placeholder="留空则不开启到期提醒"/><font color="green">域名到期前多少天发送通知，可填写多个天数，用英文逗号隔开。例如填写7,14则在域名到期前7天与14天分别发送通知。</font></div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">邮件通知</label>
+						<div class="col-sm-9"><select class="form-control" name="expire_notice_mail" default="{:config_get('expire_notice_mail')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">微信公众号通知</label>
+						<div class="col-sm-9"><select class="form-control" name="expire_notice_wxtpl" default="{:config_get('expire_notice_wxtpl')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Telegram机器人通知</label>
+						<div class="col-sm-9"><select class="form-control" name="expire_notice_tgbot" default="{:config_get('expire_notice_tgbot')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">群机器人Webhook</label>
+						<div class="col-sm-9"><select class="form-control" name="expire_notice_webhook" default="{:config_get('expire_notice_webhook')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9">
+							<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="panel panel-warning">
+			<div class="panel-heading"><h3 class="panel-title">计划任务说明</h3></div>
+			<div class="panel-body">
+				<p>支持域名到期提醒+域名列表到期时间自动刷新。与SSL证书共用计划任务，不需要单独添加计划任务。</p><p><a href="/cert/certset">查看计划任务说明</a></p>
+			</div>
+		</div>
 	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">邮件通知</label>
-	  <div class="col-sm-9"><select class="form-control" name="expire_notice_mail" default="{:config_get('expire_notice_mail')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">微信公众号通知</label>
-	  <div class="col-sm-9"><select class="form-control" name="expire_notice_wxtpl" default="{:config_get('expire_notice_wxtpl')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-	</div>
-	<div class="form-group">
-		<label class="col-sm-3 control-label">Telegram机器人通知</label>
-		<div class="col-sm-9"><select class="form-control" name="expire_notice_tgbot" default="{:config_get('expire_notice_tgbot')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-	</div>
-	<div class="form-group">
-		<label class="col-sm-3 control-label">群机器人Webhook</label>
-		<div class="col-sm-9"><select class="form-control" name="expire_notice_webhook" default="{:config_get('expire_notice_webhook')}"><option value="0">关闭</option><option value="1">开启</option></select></div>
-	</div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9">
-		<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
-	  </div>
-	</div>
-  </form>
-</div>
-</div>
-
-<div class="panel panel-warning">
-<div class="panel-heading"><h3 class="panel-title">计划任务说明</h3></div>
-<div class="panel-body">
-  <p>支持域名到期提醒+域名列表到期时间自动刷新。与SSL证书共用计划任务，不需要单独添加计划任务。</p><p><a href="/cert/certset">查看计划任务说明</a></p>
-</div>
-</div>
-
-</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-var items = $("select[default]");
-for (i = 0; i < items.length; i++) {
-	$(items[i]).val($(items[i]).attr("default")||0);
-}
-function saveSetting(obj){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '',
-		data : $(obj).serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert('设置保存成功！', {
-					icon: 1,
-					closeBtn: false
-				}, function(){
-				  window.location.reload()
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
+	var items = $("select[default]");
+	for (i = 0; i < items.length; i++) {
+		$(items[i]).val($(items[i]).attr("default")||0);
+	}
+	function saveSetting(obj){
+		var ii = layer.load(2, {shade:[0.1,'#fff']});
+		$.ajax({
+			type : 'POST',
+			url : '',
+			data : $(obj).serialize(),
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					layer.alert('设置保存成功！', {
+						icon: 1,
+						closeBtn: false
+					}, function(){
+						window.location.reload()
+					});
+				}else{
+					layer.alert(data.msg, {icon: 2})
+				}
+			},
+			error:function(data){
+				layer.close(ii);
+				layer.msg('服务器错误');
 			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-	return false;
-}
+		});
+		return false;
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/log.html b/app/view/domain/log.html
old mode 100644
new mode 100755
index c677f2d..7a01dba
--- a/app/view/domain/log.html
+++ b/app/view/domain/log.html
@@ -1,47 +1,46 @@
 {extend name="common/layout" /}
 {block name="title"}域名日志{/block}
 {block name="main"}
-
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-
-      <table id="listTable">
-	  </table>
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">域名日志</h3>
     </div>
-  </div>
-</div>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/record/log/{$domainId}',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'time',
-				title: '操作时间'
-			},
-			{
-				field: 'data',
-				title: '操作行为'
-			}
-		],
-	})
-})
+        $("#listTable").bootstrapTable({
+            url: '/record/log/{$domainId}',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'time',
+                    title: '操作时间'
+                },
+                {
+                    field: 'data',
+                    title: '操作行为'
+                }
+            ],
+        })
+    })
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/record.html b/app/view/domain/record.html
old mode 100644
new mode 100755
index 3bbd116..b939b52
--- a/app/view/domain/record.html
+++ b/app/view/domain/record.html
@@ -1,723 +1,765 @@
 {extend name="common/layout" /}
 {block name="title"}解析管理 - {$domainName}{/block}
 {block name="main"}
-<style>
-td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:360px;}
-</style>
-<div class="modal" id="modal-store" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
-				<h4 class="modal-title" id="modal-title">添加/修改解析</h4>
-			</div>
-			<div class="modal-body">
-				<form class="form-horizontal" id="form-store">
-					<input type="hidden" name="action"/>
-					<input type="hidden" name="recordid"/>
-					<input type="hidden" name="recordinfo"/>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">主机记录</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="name" placeholder="填写域名前缀，支持多级" required>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">记录类型</label>
-						<div class="col-sm-9">
-							<select name="type" class="form-control">
-								<option value="A">A</option>
-								<option value="CNAME">CNAME</option>
-								<option value="AAAA">AAAA</option>
-								<option value="NS">NS</option>
-								<option value="MX">MX</option>
-								<option value="SRV">SRV</option>
-								<option value="TXT">TXT</option>
-								<option value="CAA">CAA</option>
-								{if $dnsconfig.redirect}<option value="REDIRECT_URL">显性URL</option>
-								<option value="FORWARD_URL">隐性URL</option>{/if}
-								{if $dnsconfig.type=='powerdns'}<option value="LOC">LOC</option>
-								<option value="PTR">PTR</option>
-								<option value="LUA">LUA</option>{/if}
-							</select>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">线路类型</label>
-						<div class="col-sm-9" id="line_list">
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">记录值</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="value" placeholder="输入记录值" required>
-						</div>
-					</div>
-					<div class="form-group" style="display:none" id="mx_type">
-						<label class="col-sm-3 control-label no-padding-right">MX优先级</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="mx" value="10">
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">TTL</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="ttl" value="600" placeholder="指解析结果在DNS服务器中的缓存时间" required min="{$minTTL}">
-						</div>
-					</div>
-					{if $dnsconfig.weight}<div class="form-group" style="display:none" id="weight">
-						<label class="col-sm-3 control-label no-padding-right">权重</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="weight" value="" placeholder="留空则不使用权重">
-						</div>
-					</div>{/if}
-					{if $dnsconfig.remark == 2}<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">备注</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="remark" placeholder="">
-						</div>
-					</div>{/if}
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
-				<button type="button" class="btn btn-primary" id="store" onclick="save()">保存</button>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="modal" id="modal-store2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
-				<h4 class="modal-title" id="modal-title">批量修改解析记录</h4>
-			</div>
-			<div class="modal-body">
-				<form class="form-horizontal" id="form-store2">
-					<input type="hidden" name="action" value="value"/>
-					<input type="hidden" name="recordinfo"/>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">记录类型</label>
-						<div class="col-sm-9">
-							<select name="type" class="form-control">
-								<option value="A">A</option>
-								<option value="CNAME">CNAME</option>
-								<option value="AAAA">AAAA</option>
-								<option value="NS">NS</option>
-								<option value="MX">MX</option>
-								<option value="SRV">SRV</option>
-								<option value="TXT">TXT</option>
-								<option value="CAA">CAA</option>
-								{if $dnsconfig.redirect}<option value="REDIRECT_URL">显性URL</option>
-								<option value="FORWARD_URL">隐性URL</option>{/if}
-								{if $dnsconfig.type=='powerdns'}<option value="LOC">LOC</option>
-								<option value="PTR">PTR</option>
-								<option value="LUA">LUA</option>{/if}
-							</select>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">记录值</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="value" placeholder="输入记录值" required>
-						</div>
-					</div>
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
-				<button type="button" class="btn btn-primary" id="store" onclick="batch_save()">保存</button>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="modal" id="modal-store3" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
-				<h4 class="modal-title" id="modal-title">批量修改解析线路</h4>
-			</div>
-			<div class="modal-body">
-				<form class="form-horizontal" id="form-store3">
-					<input type="hidden" name="action" value="line"/>
-					<input type="hidden" name="recordinfo"/>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">线路类型</label>
-						<div class="col-sm-9" id="line_list3">
-						</div>
-					</div>
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
-				<button type="button" class="btn btn-primary" id="store" onclick="batch_save_line()">保存</button>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default">
-	<div class="panel-heading">
-		<h3 class="panel-title">{if request()->user['type'] eq 'user'}<a href="/domain" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{/if}{$domainName}</h3>
-	</div>
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-<div id="searchbox1">
-  <div class="form-group">
-	<label>搜索</label>
-    <input type="text" class="form-control" name="keyword" placeholder="输入关键字">
-  </div>
-  <div class="form-group">
-	<select name="status" class="form-control"><option value="">所有状态</option><option value="1">启用</option><option value="0">暂停</option></select>
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新解析记录列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="javascript:addframe()" class="btn btn-success"><i class="fa fa-plus"></i> 添加记录</a>
-  {if $dnsconfig.type=='aliyun'}<a href="/record/weight/{$domainId}" class="btn btn-default">权重配置</a>{/if}
-  <div class="btn-group" role="group">
-	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量操作 <span class="caret"></span></button>
-	<ul class="dropdown-menu"><li><a href="/record/batchadd/{$domainId}">添加</a></li><li><a href="javascript:operation('open')">启用</a></li><li><a href="javascript:operation('pause')">暂停</a></li><li><a href="javascript:operation('edit')">修改记录</a></li><li><a href="javascript:operation('editline')">修改线路</a></li>{if $dnsconfig.remark == 1}<li><a href="javascript:operation('editremark')">修改备注</a></li>{/if}<li><a href="javascript:operation('delete')">删除</a></li></ul>
-  </div>
-  <div class="btn-group" role="group">
-	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">日志 <span class="caret"></span></button>
-	<ul class="dropdown-menu"><li><a href="/log?domain={$domainName}">本站日志</a></li>{if $dnsconfig.log}<li><a href="/record/log/{$domainId}">域名日志</a></li>{/if}</ul>
-  </div>
-  <a href="javascript:advanceSearch()" class="btn"><i class="fa fa-angle-down"></i> 高级搜索</a>
-</div>
-<div id="searchbox2" style="display:none">
-  <div class="form-group">
-	<select name="type" class="form-control"><option value="">全部类型</option>
-		<option value="A">A</option>
-		<option value="CNAME">CNAME</option>
-		<option value="AAAA">AAAA</option>
-		<option value="NS">NS</option>
-		<option value="MX">MX</option>
-		<option value="SRV">SRV</option>
-		<option value="TXT">TXT</option>
-		<option value="CAA">CAA</option>
-		{if $dnsconfig.redirect}<option value="REDIRECT_URL">显性URL</option>
-		<option value="FORWARD_URL">隐性URL</option>{/if}
-		{if $dnsconfig.type=='powerdns'}<option value="LOC">LOC</option>
-		<option value="PTR">PTR</option>
-		<option value="LUA">LUA</option>{/if}
-	</select>
-  </div>
-  <div class="form-group">
-    <input type="text" class="form-control" name="subdomain" placeholder="输入主机记录">
-  </div>
-  <div class="form-group">
-	<select name="line" class="form-control"><option value="">全部线路</option></select>
-  </div>
-  <div class="form-group">
-    <input type="text" class="form-control" name="value" placeholder="输入记录值">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新解析记录列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="javascript:advanceSearch()" class="btn"><i class="fa fa-angle-up"></i> 收起</a>
-</div>
-</form>
-
-      <table id="listTable">
-	  </table>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal inmodal fade" data-backdrop="static" id="modal-store" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="modal-title">添加/修改解析</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" id="form-store">
+                    <input name="action" type="hidden"/>
+                    <input name="recordid" type="hidden"/>
+                    <input type="hidden" name="recordinfo"/>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">主机记录</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="name" placeholder="填写域名前缀，支持多级" required type="text">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">记录类型</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" name="type">
+                                <option value="A">A</option>
+                                <option value="CNAME">CNAME</option>
+                                <option value="AAAA">AAAA</option>
+                                <option value="NS">NS</option>
+                                <option value="MX">MX</option>
+                                <option value="SRV">SRV</option>
+                                <option value="TXT">TXT</option>
+                                <option value="CAA">CAA</option>
+                                {if $dnsconfig.redirect}
+                                <option value="REDIRECT_URL">显性URL</option>
+                                <option value="FORWARD_URL">隐性URL</option>
+                                {/if}
+                                {if $dnsconfig.type=='powerdns'}
+                                <option value="LOC">LOC</option>
+                                <option value="PTR">PTR</option>
+                                <option value="LUA">LUA</option>
+                                {/if}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">线路类型</label>
+                        <div class="col-sm-9" id="line_list"></div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">记录值</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="value" placeholder="输入记录值" required type="text">
+                        </div>
+                    </div>
+                    <div class="form-group" id="mx_type" style="display:none">
+                        <label class="col-sm-3 control-label no-padding-right">MX优先级</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="mx" type="text" value="10">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">TTL</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" min="{$minTTL}" name="ttl" placeholder="指解析结果在DNS服务器中的缓存时间" required type="text" value="600">
+                        </div>
+                    </div>
+                    {if $dnsconfig.weight}
+                    <div class="form-group" id="weight" style="display:none">
+                        <label class="col-sm-3 control-label no-padding-right">权重</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="weight" placeholder="留空则不使用权重" type="text" value="">
+                        </div>
+                    </div>
+                    {/if}
+                    {if $dnsconfig.remark == 2}
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">备注</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="remark" placeholder="" type="text">
+                        </div>
+                    </div>
+                    {/if}
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-white" data-dismiss="modal" type="button">关闭</button>
+                <button class="btn btn-primary" id="store" onclick="save()" type="button">保存</button>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal inmodal fade" data-backdrop="static" id="modal-store2" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="modal-title">批量修改解析记录</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" id="form-store2">
+                    <input name="action" type="hidden" value="value"/>
+                    <input name="recordinfo" type="hidden"/>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">记录类型</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" name="type">
+                                <option value="A">A</option>
+                                <option value="CNAME">CNAME</option>
+                                <option value="AAAA">AAAA</option>
+                                <option value="NS">NS</option>
+                                <option value="MX">MX</option>
+                                <option value="SRV">SRV</option>
+                                <option value="TXT">TXT</option>
+                                <option value="CAA">CAA</option>
+                                {if $dnsconfig.redirect}
+                                <option value="REDIRECT_URL">显性URL</option>
+                                <option value="FORWARD_URL">隐性URL</option>
+                                {/if}
+                                {if $dnsconfig.type=='powerdns'}
+                                <option value="LOC">LOC</option>
+                                <option value="PTR">PTR</option>
+                                <option value="LUA">LUA</option>
+                                {/if}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">记录值</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="value" placeholder="输入记录值" required type="text">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-white" data-dismiss="modal" type="button">关闭</button>
+                <button class="btn btn-primary" id="store" onclick="batch_save()" type="button">保存</button>
+            </div>
+        </div>
+    </div>
+</div>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal inmodal fade" data-backdrop="static" id="modal-store3" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="modal-title">批量修改解析线路</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" id="form-store3">
+                    <input name="action" type="hidden" value="line"/>
+                    <input name="recordinfo" type="hidden"/>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">线路类型</label>
+                        <div class="col-sm-9" id="line_list3"></div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-white" data-dismiss="modal" type="button">关闭</button>
+                <button class="btn btn-primary" id="store" onclick="batch_save_line()" type="button">保存</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">{if request()->user['type'] eq 'user'}<a class="btn btn-sm btn-default pull-right" href="/domain" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{/if}解析管理 - {$domainName}</h3>
+    </div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div id="searchbox1">
+            <div class="form-group">
+                <input class="form-control" name="keyword" placeholder="输入关键字" type="text">
+            </div>
+            <div class="form-group">
+                <select class="form-control" name="status">
+                    <option value="">所有状态</option>
+                    <option value="1">启用</option>
+                    <option value="0">暂停</option>
+                </select>
+            </div>
+            <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+            <a class="btn btn-default" href="javascript:searchClear()" title="刷新解析记录列表"><i class="fa fa-refresh"></i> 刷新</a>
+            <a class="btn btn-success" href="javascript:addframe()"><i class="fa fa-plus"></i> 添加记录</a>
+            {if $dnsconfig.type=='aliyun'}
+            <a href="/record/weight/{$domainId}" class="btn btn-default">权重配置</a>
+            {/if}
+            <div class="btn-group" role="group">
+                <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">批量操作 <span class="caret"></span></button>
+                <ul class="dropdown-menu">
+                    <li><a href="/record/batchadd/{$domainId}">添加</a></li>
+                    <li><a href="javascript:operation('open')">启用</a></li>
+                    <li><a href="javascript:operation('pause')">暂停</a></li>
+                    <li><a href="javascript:operation('edit')">修改记录</a></li>
+                    <li><a href="javascript:operation('editline')">修改线路</a></li>
+                    {if $dnsconfig.remark == 1}
+                    <li><a href="javascript:operation('editremark')">修改备注</a></li>
+                    {/if}
+                    <li><a href="javascript:operation('delete')">删除</a></li>
+                </ul>
+            </div>
+            <div class="btn-group" role="group">
+                <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">日志 <span class="caret"></span></button>
+                <ul class="dropdown-menu">
+                    <li><a href="/log?domain={$domainName}">本站日志</a></li>
+                    {if $dnsconfig.log}
+                    <li><a href="/record/log/{$domainId}">域名日志</a></li>
+                    {/if}
+                </ul>
+            </div>
+            <a class="btn" href="javascript:advanceSearch()"><i class="fa fa-angle-down"></i> 高级搜索</a>
+        </div>
+        <div id="searchbox2" style="display:none">
+            <div class="form-group">
+                <select class="form-control" name="type">
+                    <option value="">全部类型</option>
+                    <option value="A">A</option>
+                    <option value="CNAME">CNAME</option>
+                    <option value="AAAA">AAAA</option>
+                    <option value="NS">NS</option>
+                    <option value="MX">MX</option>
+                    <option value="SRV">SRV</option>
+                    <option value="TXT">TXT</option>
+                    <option value="CAA">CAA</option>
+                    {if $dnsconfig.redirect}
+                    <option value="REDIRECT_URL">显性URL</option>
+                    <option value="FORWARD_URL">隐性URL</option>
+                    {/if}
+                    {if $dnsconfig.type=='powerdns'}
+                    <option value="LOC">LOC</option>
+                    <option value="PTR">PTR</option>
+                    <option value="LUA">LUA</option>
+                    {/if}
+                </select>
+            </div>
+            <div class="form-group">
+                <input class="form-control" name="subdomain" placeholder="输入主机记录" type="text">
+            </div>
+            <div class="form-group">
+                <select class="form-control" name="line">
+                    <option value="">全部线路</option>
+                </select>
+            </div>
+            <div class="form-group">
+                <input class="form-control" name="value" placeholder="输入记录值" type="text">
+            </div>
+            <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+            <a class="btn btn-default" href="javascript:searchClear()" title="刷新解析记录列表"><i class="fa fa-refresh"></i> 刷新</a>
+            <a class="btn" href="javascript:advanceSearch()"><i class="fa fa-angle-up"></i> 收起</a>
+        </div>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/bootstrapValidator.min.js"></script>
 <script src="/static/js/custom.js?v=1003"></script>
 <script>
-var recordLine = {$recordLine|json_encode|raw};
-var dnsconfig = {$dnsconfig|json_encode|raw};
-var defaultLine = recordLine[0].id;
-var sidePagination = dnsconfig.page ? 'client' : 'server';
-var showWeight = dnsconfig.weight;
-$(document).ready(function(){
-	updateToolbar();
-	let defaultPageSize = getCookie('record_pagesize') ? getCookie('record_pagesize') : 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    var recordLine = {$recordLine | json_encode | raw}
 
-	$("#listTable").bootstrapTable({
-		url: '/record/data/{$domainId}',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		uniqueId: 'RecordId',
-		sidePagination: sidePagination,
-		columns: [
-			{
-				field: '',
-				checkbox: true
-			},
-			{
-				field: 'RecordId',
-				visible: false,
-				title: '记录ID'
-			},
-			{
-				field: 'Name',
-				title: '主机记录'
-			},
-			{
-				field: 'Type',
-				title: '记录类型',
-				formatter: function(value, row, index) {
-					if(value == 'REDIRECT_URL') return '显性URL';
-					if(value == 'FORWARD_URL') return '隐性URL';
-					return value;
-				}
-			},
-            {
-				field: 'LineName',
-				title: '线路类型'
-			},
-			{
-				field: 'Value',
-				title: '记录值',
-				formatter: function(value, row, index) {
-					if(row.Type == 'MX') return value + ' | '+row.MX;
-					return value;
-				}
-			},
-			{
-				field: 'TTL',
-				title: 'TTL'
-			},
-			{
-				field: 'Weight',
-				visible: showWeight,
-				title: '权重'
-			},
-			{
-				field: 'Remark',
-				visible: dnsconfig.remark > 0,
-				title: '备注'
-			},
-			{
-				field: 'UpdateTime',
-				visible: false,
-				title: '最后更新时间'
-			},
-			{
-				field: 'Status',
-				title: '状态',
-				formatter: function(value, row, index) {
-					if(value == '1'){
-						return '<font color="green"><i class="fa fa-check-circle"></i>启用</font>';
-					}else{
-						return '<font color="orange"><i class="fa fa-pause-circle"></i>暂停</font>';
-					}
-				}
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					if((row.Type == 'NS' || row.Type == 'SOA') && row.Name == '@') return '-';
-					var html = '<a href="javascript:editframe(\''+row.RecordId+'\')" class="btn btn-primary btn-xs">修改</a>&nbsp;&nbsp;';
-					if(dnsconfig.status){
-						if(row.Status == '1'){
-							html += '<a href="javascript:setStatus(\''+row.RecordId+'\', \'0\')" class="btn btn-warning btn-xs">暂停</a>&nbsp;&nbsp;';
-						}else{
-							html += '<a href="javascript:setStatus(\''+row.RecordId+'\', \'1\')" class="btn btn-success btn-xs">启用</a>&nbsp;&nbsp;';
-						}
-					}
-					html += '<a href="javascript:delItem(\''+row.RecordId+'\')" class="btn btn-danger btn-xs">删除</a>&nbsp;&nbsp;';
-					if(dnsconfig.remark == 1){
-						html += '<a href="javascript:setRemark(\''+row.RecordId+'\')" class="btn btn-info btn-xs">备注</a>';
-					}
-					return html;
-				}
-			},
-		],
-		onPageChange: function(number, size){
-			if(size != defaultPageSize){
-				defaultPageSize = size;
-				setCookie('record_pagesize', size);
-			}
-		},
-	});
+    var dnsconfig = {$dnsconfig | json_encode | raw}
 
-	var typeChange = function(){
-		if($(this).val() == 'MX'){
-			$("#mx_type").show();
-		}else{
-			$("#mx_type").hide();
-		}
-		if(showWeight){
-			if($(this).val() == 'A' || $(this).val() == 'CNAME' || $(this).val() == 'AAAA'){
-				$("#weight").show();
-			}else{
-				$("#weight").hide();
-			}
-		}
-	};
+    var defaultLine = recordLine[0].id;
+    var sidePagination = dnsconfig.page ? 'client' : 'server';
+    var showWeight = dnsconfig.weight;
+    $(document).ready(function () {
+        updateToolbar();
+        let defaultPageSize = getCookie('record_pagesize') ? getCookie('record_pagesize') : 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#form-store select[name=type]").change(typeChange);
-	$("#form-store2 select[name=type]").change(typeChange);
+        $("#listTable").bootstrapTable({
+            url: '/record/data/{$domainId}',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            uniqueId: 'RecordId',
+            sidePagination: sidePagination,
+            columns: [
+                {
+                    field: '',
+                    checkbox: true
+                },
+                {
+                    field: 'RecordId',
+                    visible: false,
+                    title: '记录ID'
+                },
+                {
+                    field: 'Name',
+                    title: '主机记录'
+                },
+                {
+                    field: 'Type',
+                    title: '记录类型',
+                    formatter: function (value, row, index) {
+                        if (value == 'REDIRECT_URL') return '显性URL';
+                        if (value == 'FORWARD_URL') return '隐性URL';
+                        return value;
+                    }
+                },
+                {
+                    field: 'LineName',
+                    title: '线路类型'
+                },
+                {
+                    field: 'Value',
+                    title: '记录值',
+                    formatter: function (value, row, index) {
+                        if (row.Type == 'MX') return value + ' | ' + row.MX;
+                        return value;
+                    }
+                },
+                {
+                    field: 'TTL',
+                    title: 'TTL'
+                },
+                {
+                    field: 'Weight',
+                    visible: showWeight,
+                    title: '权重'
+                },
+                {
+                    field: 'Remark',
+                    visible: dnsconfig.remark > 0,
+                    title: '备注'
+                },
+                {
+                    field: 'UpdateTime',
+                    visible: false,
+                    title: '最后更新时间'
+                },
+                {
+                    field: 'Status',
+                    title: '状态',
+                    formatter: function (value, row, index) {
+                        if (value == '1') {
+                            return '<font color="green"><i class="fa fa-check-circle"></i>启用</font>';
+                        } else {
+                            return '<font color="orange"><i class="fa fa-pause-circle"></i>暂停</font>';
+                        }
+                    }
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function (value, row, index) {
+                        if ((row.Type == 'NS' || row.Type == 'SOA') && row.Name == '@') return '-';
+                        var html = '<a href="javascript:editframe(\'' + row.RecordId + '\')" class="btn btn-primary btn-xs">修改</a>&nbsp;&nbsp;';
+                        if (dnsconfig.status) {
+                            if (row.Status == '1') {
+                                html += '<a href="javascript:setStatus(\'' + row.RecordId + '\', \'0\')" class="btn btn-warning btn-xs">暂停</a>&nbsp;&nbsp;';
+                            } else {
+                                html += '<a href="javascript:setStatus(\'' + row.RecordId + '\', \'1\')" class="btn btn-success btn-xs">启用</a>&nbsp;&nbsp;';
+                            }
+                        }
+                        html += '<a href="javascript:delItem(\'' + row.RecordId + '\')" class="btn btn-danger btn-xs">删除</a>&nbsp;&nbsp;';
+                        if (dnsconfig.remark == 1) {
+                            html += '<a href="javascript:setRemark(\'' + row.RecordId + '\')" class="btn btn-info btn-xs">备注</a>';
+                        }
+                        return html;
+                    }
+                },
+            ],
+            onPageChange: function (number, size) {
+                if (size != defaultPageSize) {
+                    defaultPageSize = size;
+                    setCookie('record_pagesize', size);
+                }
+            },
+        });
 
-	$("#form-store").bootstrapValidator();
-	$("#form-store2").bootstrapValidator();
+        var typeChange = function () {
+            if ($(this).val() == 'MX') {
+                $("#mx_type").show();
+            } else {
+                $("#mx_type").hide();
+            }
+            if (showWeight) {
+                if ($(this).val() == 'A' || $(this).val() == 'CNAME' || $(this).val() == 'AAAA') {
+                    $("#weight").show();
+                } else {
+                    $("#weight").hide();
+                }
+            }
+        };
 
-	$.each(recordLine, function(index, item){
-		if(item.parent == null){
-			$("#searchToolbar select[name='line']").append('<option value="'+item.id+'">'+item.name+'</option>');
-		}
-	})
-})
-function initLine(option, elem){
-	option = option || '';
-	elem = elem || 'line_list';
-	$("#"+elem).empty();
-	$.each(recordLine, function(index, item){
-		if(item.parent == null){
-			option += '<option value="'+item.id+'">'+item.name+'</option>';
-		}
-	})
-	$("#"+elem).append('<select name="line" class="form-control" onchange="changeLine(this, \''+elem+'\')">'+option+'</select>');
-}
-function changeLine(obj, elem){
-	var line = $(obj).val();
-	var flag = false;
-	$("#"+elem).children().each(function(index, elem){
-		if(flag) $(elem).remove()
-		if(obj == elem){
-			flag = true;
-		}
-	})
-	if($(obj).find("option:selected").text() == '子集线路（非必填）') return;
-	var tempLine = recordLine.filter((x) => x.parent == line)
-	if(tempLine.length > 0){
-		var option = line.substr(0,2) == 'N.' ? '' : '<option value="'+line+'">子集线路（非必填）</option>';
-		$.each(tempLine, function(index, item){
-			option += '<option value="'+item.id+'">'+item.name+'</option>';
-		})
-		$("#"+elem).append('<select name="line" class="form-control" onchange="changeLine(this, \''+elem+'\')">'+option+'</select>');
-	}
-}
-function addframe(){
-	$("#modal-store").modal('show');
-	$("#modal-title").html("添加记录");
-	$("#form-store input[name=action]").val("add");
-	$("#form-store input[name=recordid]").val('');
-	$("#form-store input[name=name]").val('');
-	$("#form-store select[name=type]").val('A');
-	$("#form-store select[name=type]").change();
-	initLine();
-	$("#form-store input[name=value]").val('');
-	$("#form-store input[name=ttl]").val('600');
-	$("#form-store input[name=weight]").val('');
-	$("#form-store input[name=remark]").val('');
-	$("#form-store").data("bootstrapValidator").resetForm();
-}
-function editframe(recordid){
-	var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
-	$("#modal-store").modal('show');
-	$("#modal-title").html("修改记录");
-	$("#form-store input[name=action]").val("update");
-	$("#form-store input[name=recordid]").val(recordid);
-	$("#form-store input[name=recordinfo]").val(JSON.stringify(row));
-	$("#form-store input[name=name]").val(row.Name);
-	$("#form-store select[name=type]").val(row.Type);
-	$("#form-store select[name=type]").change();
-	initLine();
-	if($('#form-store select[name=line] option[value="'+row.Line+'"]').length > 0){
-		$("#form-store select[name=line]").val(row.Line);
-		$("#form-store select[name=line]").change();
-	}else{
-		initLine('<option value="'+row.Line+'">'+row.LineName+'</option>');
-	}
-	$("#form-store input[name=value]").val(row.Value);
-	$("#form-store input[name=mx]").val(row.MX);
-	$("#form-store input[name=ttl]").val(row.TTL);
-	$("#form-store input[name=weight]").val(row.Weight);
-	$("#form-store input[name=remark]").val(row.Remark);
-	$("#form-store").data("bootstrapValidator").resetForm();
-}
-function save(){
-	$("#form-store").data("bootstrapValidator").validate();
-	if(!$("#form-store").data("bootstrapValidator").isValid()){
-		return;
-	}
-	var act = $("#form-store input[name=action]").val();
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/'+act+'/{$domainId}',
-		data : $("#form-store").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					layer.closeAll();
-					$("#modal-store").modal('hide');
-					searchRefresh();
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function setStatus(recordid, status){
-	var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/status/{$domainId}',
-		data : {recordid: recordid, status: status, recordinfo: JSON.stringify(row)},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				layer.msg(status=='1'?'开启成功':'暂停成功', {icon: 1, time:500});
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
-			}
-		}
-	});
-}
-function delItem(recordid) {
-	var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
-	var confirmobj = layer.confirm('确定要删除此解析记录吗？', {
-	  btn: ['确定','取消']
-	}, function(){
-	  var ii = layer.load(2);
-	  $.ajax({
-		type : 'POST',
-		url : '/record/delete/{$domainId}',
-		data : {recordid: recordid, recordinfo: JSON.stringify(row)},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				layer.msg('删除成功', {icon: 1, time:800});
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
-			}
-		}
-	  });
-	}, function(){
-	  layer.close(confirmobj);
-	});
-}
-function setRemark(recordid) {
-	var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
-	layer.open({
-		type: 1,
-		area: ['350px'],
-		closeBtn: 2,
-		title: '编辑备注',
-		content: '<div style="padding:15px"><div class="form-group"><input class="form-control" type="text" name="remark" value="'+(row.Remark==null?'':row.Remark)+'" autocomplete="off" placeholder="备注信息"></div></div>',
-		btn: ['确认', '取消'],
-		yes: function(){
-			var remark = $("input[name='remark']").val();
-			var ii = layer.load(2, {shade:[0.1,'#fff']});
-			$.ajax({
-				type : 'POST',
-				url : '/record/remark/{$domainId}',
-				data : {recordid:recordid, remark:remark},
-				dataType : 'json',
-				success : function(data) {
-					layer.close(ii);
-					if(data.code == 0){
-						layer.closeAll();
-						layer.msg('保存成功', {icon: 1, time:800});
-						searchRefresh();
-					}else{
-						layer.alert(data.msg, {icon:2});
-					}
-				},
-				error:function(data){
-					layer.close(ii);
-					layer.msg('服务器错误');
-				}
-			});
-		}
-	});
-}
-function operation(action){
-	var rows = $("#listTable").bootstrapTable('getSelections');
-	if(rows.length == 0){
-		layer.msg('请选择要操作的记录');
-		return;
-	}
-	if(action == 'edit'){
-		batch_edit(rows)
-		return;
-	}else if(action == 'editline'){
-		batch_edit_line(rows)
-		return;
-	}else if(action == 'editremark'){
-		batch_edit_remark(rows)
-		return;
-	}
+        $("#form-store select[name=type]").change(typeChange);
+        $("#form-store2 select[name=type]").change(typeChange);
 
-	var confirmobj = layer.confirm('确定要'+(action=='open'?'启用':(action=='pause'?'暂停':'删除'))+'所选记录吗？', {
-	  btn: ['确定','取消']
-	}, function(){
-	  var ii = layer.load(2);
-	  $.ajax({
-		type : 'POST',
-		url : '/record/batch/{$domainId}',
-		data : {action: action, recordinfo: JSON.stringify(rows)},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				layer.alert(data.msg, {icon: 1});
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
-			}
-		}
-	  });
-	}, function(){
-	  layer.close(confirmobj);
-	});
-}
-function batch_edit(records){
-	var row = $("#listTable").bootstrapTable('getSelections')[0];
-	$("#batch_num").text(records.length);
-	$("#modal-store2").modal('show');
-	$("#form-store2 input[name=recordinfo]").val(JSON.stringify(records));
-	$("#form-store2 input[name=recordid]").val(row.RecordId);
-	$("#form-store2 input[name=name]").val(row.Name);
-	$("#form-store2 select[name=type]").val(row.Type);
-	$("#form-store2 select[name=type]").change();
-	$("#form-store2 input[name=value]").val(row.Value);
-	$("#form-store2").data("bootstrapValidator").resetForm();
-}
-function batch_save(){
-	$("#form-store2").data("bootstrapValidator").validate();
-	if(!$("#form-store2").data("bootstrapValidator").isValid()){
-		return;
-	}
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/batchedit/{$domainId}',
-		data : $("#form-store2").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					layer.closeAll();
-					$("#modal-store2").modal('hide');
-					searchRefresh();
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function batch_edit_line(rows){
-	$("#batch_num").text(rows.length);
-	$("#modal-store3").modal('show');
-	$("#form-store3 input[name=recordinfo]").val(JSON.stringify(rows));
-	initLine('', 'line_list3');
-}
-function batch_save_line(){
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/batchedit/{$domainId}',
-		data : $("#form-store3").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					layer.closeAll();
-					$("#modal-store3").modal('hide');
-					searchRefresh();
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function batch_edit_remark(rows) {
-	layer.open({
-		type: 1,
-		area: ['350px'],
-		closeBtn: 2,
-		title: '批量修改备注',
-		content: '<div style="padding:15px"><div class="form-group"><input class="form-control" type="text" name="remark" value="" autocomplete="off" placeholder="备注信息"></div></div>',
-		btn: ['确认', '取消'],
-		yes: function(){
-			var remark = $("input[name='remark']").val();
-			var ii = layer.load(2, {shade:[0.1,'#fff']});
-			$.ajax({
-				type : 'POST',
-				url : '/record/batch/{$domainId}',
-				data : {action:'remark', recordinfo: JSON.stringify(rows), remark:remark},
-				dataType : 'json',
-				success : function(data) {
-					layer.close(ii);
-					layer.alert(data.msg,{
-						icon: 1,
-						closeBtn: false
-					}, function(){
-						layer.closeAll();
-						searchRefresh();
-					});
-				},
-				error:function(data){
-					layer.close(ii);
-					layer.msg('服务器错误');
-				}
-			});
-		}
-	});
-}
-function advanceSearch(){
-	$('#searchToolbar').find('input[name]').each(function() {
-		$(this).val('');
-	});
-	$('#searchToolbar').find('select[name]').each(function() {
-		$(this).find('option:first').prop("selected", 'selected');
-	});
-	if($("#searchbox1").is(":visible")){
-		$("#searchbox1").slideUp();
-		$("#searchbox2").slideDown();
-	}else{
-		$("#searchbox2").slideUp();
-		$("#searchbox1").slideDown();
-	}
-}
+        $("#form-store").bootstrapValidator();
+        $("#form-store2").bootstrapValidator();
+
+        $.each(recordLine, function (index, item) {
+            if (item.parent == null) {
+                $("#searchToolbar select[name='line']").append('<option value="' + item.id + '">' + item.name + '</option>');
+            }
+        })
+    })
+
+    function initLine(option, elem) {
+        option = option || '';
+        elem = elem || 'line_list';
+        $("#" + elem).empty();
+        $.each(recordLine, function (index, item) {
+            if (item.parent == null) {
+                option += '<option value="' + item.id + '">' + item.name + '</option>';
+            }
+        })
+        $("#" + elem).append('<select name="line" class="form-control" onchange="changeLine(this, \'' + elem + '\')">' + option + '</select>');
+    }
+
+    function changeLine(obj, elem) {
+        var line = $(obj).val();
+        var flag = false;
+        $("#" + elem).children().each(function (index, elem) {
+            if (flag) $(elem).remove()
+            if (obj == elem) {
+                flag = true;
+            }
+        })
+        if ($(obj).find("option:selected").text() == '子集线路（非必填）') return;
+        var tempLine = recordLine.filter((x) => x.parent == line)
+        if (tempLine.length > 0) {
+            var option = line.substr(0, 2) == 'N.' ? '' : '<option value="' + line + '">子集线路（非必填）</option>';
+            $.each(tempLine, function (index, item) {
+                option += '<option value="' + item.id + '">' + item.name + '</option>';
+            })
+            $("#" + elem).append('<select name="line" class="form-control" onchange="changeLine(this, \'' + elem + '\')">' + option + '</select>');
+        }
+    }
+
+    function addframe() {
+        $("#modal-store").modal('show');
+        $("#modal-title").html("添加记录");
+        $("#form-store input[name=action]").val("add");
+        $("#form-store input[name=recordid]").val('');
+        $("#form-store input[name=name]").val('');
+        $("#form-store select[name=type]").val('A');
+        $("#form-store select[name=type]").change();
+        initLine();
+        $("#form-store input[name=value]").val('');
+        $("#form-store input[name=ttl]").val('600');
+        $("#form-store input[name=weight]").val('');
+        $("#form-store input[name=remark]").val('');
+        $("#form-store").data("bootstrapValidator").resetForm();
+    }
+
+    function editframe(recordid) {
+        var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
+        $("#modal-store").modal('show');
+        $("#modal-title").html("修改记录");
+        $("#form-store input[name=action]").val("update");
+        $("#form-store input[name=recordid]").val(recordid);
+        $("#form-store input[name=recordinfo]").val(JSON.stringify(row));
+        $("#form-store input[name=name]").val(row.Name);
+        $("#form-store select[name=type]").val(row.Type);
+        $("#form-store select[name=type]").change();
+        initLine();
+        if ($('#form-store select[name=line] option[value="' + row.Line + '"]').length > 0) {
+            $("#form-store select[name=line]").val(row.Line);
+            $("#form-store select[name=line]").change();
+        } else {
+            initLine('<option value="' + row.Line + '">' + row.LineName + '</option>');
+        }
+        $("#form-store input[name=value]").val(row.Value);
+        $("#form-store input[name=mx]").val(row.MX);
+        $("#form-store input[name=ttl]").val(row.TTL);
+        $("#form-store input[name=weight]").val(row.Weight);
+        $("#form-store input[name=remark]").val(row.Remark);
+        $("#form-store").data("bootstrapValidator").resetForm();
+    }
+
+    function save() {
+        $("#form-store").data("bootstrapValidator").validate();
+        if (!$("#form-store").data("bootstrapValidator").isValid()) {
+            return;
+        }
+        var act = $("#form-store input[name=action]").val();
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/record/' + act + '/{$domainId}',
+            data: $("#form-store").serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        layer.closeAll();
+                        $("#modal-store").modal('hide');
+                        searchRefresh();
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function setStatus(recordid, status) {
+        var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/record/status/{$domainId}',
+            data : {recordid: recordid, status: status, recordinfo: JSON.stringify(row)},
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.closeAll();
+                    layer.msg(status == '1' ? '开启成功' : '暂停成功', {icon: 1, time: 500});
+                    searchRefresh();
+                } else {
+                    layer.alert(data.msg, {icon: 2});
+                }
+            }
+        });
+    }
+
+    function delItem(recordid) {
+        var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
+        var confirmobj = layer.confirm('确定要删除此解析记录吗？', {
+            btn: ['确定', '取消']
+        }, function () {
+            var ii = layer.load(2);
+            $.ajax({
+                type: 'POST',
+                url: '/record/delete/{$domainId}',
+                data : {recordid: recordid, recordinfo: JSON.stringify(row)},
+                dataType: 'json',
+                success: function (data) {
+                    layer.close(ii);
+                    if (data.code == 0) {
+                        layer.closeAll();
+                        layer.msg('删除成功', {icon: 1, time: 800});
+                        searchRefresh();
+                    } else {
+                        layer.alert(data.msg, {icon: 2});
+                    }
+                }
+            });
+        }, function () {
+            layer.close(confirmobj);
+        });
+    }
+
+    function setRemark(recordid) {
+        var row = $("#listTable").bootstrapTable('getRowByUniqueId', recordid);
+        layer.open({
+            type: 1,
+            area: ['350px'],
+            closeBtn: 2,
+            title: '编辑备注',
+            content: '<div style="padding:15px"><div class="form-group"><input class="form-control" type="text" name="remark" value="' + (row.Remark == null ? '' : row.Remark) + '" autocomplete="off" placeholder="备注信息"></div></div>',
+            btn: ['确认', '取消'],
+            yes: function () {
+                var remark = $("input[name='remark']").val();
+                var ii = layer.load(2, {shade: [0.1, '#fff']});
+                $.ajax({
+                    type: 'POST',
+                    url: '/record/remark/{$domainId}',
+                    data: {recordid: recordid, remark: remark},
+                    dataType: 'json',
+                    success: function (data) {
+                        layer.close(ii);
+                        if (data.code == 0) {
+                            layer.closeAll();
+                            layer.msg('保存成功', {icon: 1, time: 800});
+                            searchRefresh();
+                        } else {
+                            layer.alert(data.msg, {icon: 2});
+                        }
+                    },
+                    error: function (data) {
+                        layer.close(ii);
+                        layer.msg('服务器错误');
+                    }
+                });
+            }
+        });
+    }
+
+    function operation(action) {
+        var rows = $("#listTable").bootstrapTable('getSelections');
+        if (rows.length == 0) {
+            layer.msg('请选择要操作的记录');
+            return;
+        }
+        if(action == 'edit'){
+            batch_edit(rows)
+            return;
+        }else if(action == 'editline'){
+            batch_edit_line(rows)
+            return;
+        }else if(action == 'editremark'){
+            batch_edit_remark(rows)
+            return;
+        }
+
+        var confirmobj = layer.confirm('确定要' + (action == 'open' ? '启用' : (action == 'pause' ? '暂停' : '删除')) + '所选记录吗？', {
+            btn: ['确定', '取消']
+        }, function () {
+            var ii = layer.load(2);
+            $.ajax({
+                type: 'POST',
+                url: '/record/batch/{$domainId}',
+                data : {action: action, recordinfo: JSON.stringify(rows)},
+                dataType: 'json',
+                success: function (data) {
+                    layer.close(ii);
+                    if (data.code == 0) {
+                        layer.closeAll();
+                        layer.alert(data.msg, {icon: 1});
+                        searchRefresh();
+                    } else {
+                        layer.alert(data.msg, {icon: 2});
+                    }
+                }
+            });
+        }, function () {
+            layer.close(confirmobj);
+        });
+    }
+
+    function batch_edit(records) {
+        var row = $("#listTable").bootstrapTable('getSelections')[0];
+        $("#batch_num").text(records.length);
+        $("#modal-store2").modal('show');
+        $("#form-store2 input[name=recordinfo]").val(JSON.stringify(records));
+        $("#form-store2 input[name=recordid]").val(row.RecordId);
+        $("#form-store2 input[name=name]").val(row.Name);
+        $("#form-store2 select[name=type]").val(row.Type);
+        $("#form-store2 select[name=type]").change();
+        $("#form-store2 input[name=value]").val(row.Value);
+        $("#form-store2").data("bootstrapValidator").resetForm();
+    }
+
+    function batch_save() {
+        $("#form-store2").data("bootstrapValidator").validate();
+        if (!$("#form-store2").data("bootstrapValidator").isValid()) {
+            return;
+        }
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/record/batchedit/{$domainId}',
+            data: $("#form-store2").serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        layer.closeAll();
+                        $("#modal-store2").modal('hide');
+                        searchRefresh();
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function batch_edit_line(rows){
+        $("#batch_num").text(rows.length);
+        $("#modal-store3").modal('show');
+        $("#form-store3 input[name=recordinfo]").val(JSON.stringify(rows));
+        initLine('', 'line_list3');
+    }
+
+    function batch_save_line() {
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/record/batchedit/{$domainId}',
+            data: $("#form-store3").serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        layer.closeAll();
+                        $("#modal-store3").modal('hide');
+                        searchRefresh();
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function batch_edit_remark(rows) {
+        layer.open({
+            type: 1,
+            area: ['350px'],
+            closeBtn: 2,
+            title: '批量修改备注',
+            content: '<div style="padding:15px"><div class="form-group"><input class="form-control" type="text" name="remark" value="" autocomplete="off" placeholder="备注信息"></div></div>',
+            btn: ['确认', '取消'],
+            yes: function () {
+                var remark = $("input[name='remark']").val();
+                var ii = layer.load(2, {shade: [0.1, '#fff']});
+                $.ajax({
+                    type: 'POST',
+                    url: '/record/batch/{$domainId}',
+                    data : {action:'remark', recordinfo: JSON.stringify(rows), remark:remark},
+                    dataType: 'json',
+                    success: function (data) {
+                        layer.close(ii);
+                        layer.alert(data.msg, {
+                            icon: 1,
+                            closeBtn: false
+                        }, function () {
+                            layer.closeAll();
+                            searchRefresh();
+                        });
+                    },
+                    error: function (data) {
+                        layer.close(ii);
+                        layer.msg('服务器错误');
+                    }
+                });
+            }
+        });
+    }
+
+    function advanceSearch() {
+        $('#searchToolbar').find('input[name]').each(function () {
+            $(this).val('');
+        });
+        $('#searchToolbar').find('select[name]').each(function () {
+            $(this).find('option:first').prop("selected", 'selected');
+        });
+        if ($("#searchbox1").is(":visible")) {
+            $("#searchbox1").slideUp();
+            $("#searchbox2").slideDown();
+        } else {
+            $("#searchbox2").slideUp();
+            $("#searchbox1").slideDown();
+        }
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/domain/weight.html b/app/view/domain/weight.html
old mode 100644
new mode 100755
index 02c592e..75dcbb8
--- a/app/view/domain/weight.html
+++ b/app/view/domain/weight.html
@@ -2,15 +2,13 @@
 {block name="title"}权重配置 - {$domainName}{/block}
 {block name="main"}
 <style>
-.table-bordered>tbody>tr>td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:200px;vertical-align:middle;}
+	.table-bordered>tbody>tr>td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:200px;vertical-align:middle;}
 </style>
 <div class="modal" id="modal-store" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
 	<div class="modal-dialog">
 		<div class="modal-content animated flipInX">
 			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
+				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
 				<h4 class="modal-title" id="modal-title">设置权重</h4>
 			</div>
 			<div class="modal-body">
@@ -32,10 +30,17 @@
 					</div>
 					<table class="table table-striped table-hover table-bordered">
 						<thead>
-							<tr><th>主机记录</th><th>记录类型</th><th>记录值</th><th>权重</th></tr>
+						<tr>
+							<th>主机记录</th>
+							<th>记录类型</th>
+							<th>记录值</th>
+							<th>权重</th>
+						</tr>
 						</thead>
 						<tbody id="weight-list">
-							<tr><td colspan="4" class="text-center">正在加载...</td></tr>
+						<tr>
+							<td colspan="4" class="text-center">正在加载...</td>
+						</tr>
 						</tbody>
 					</table>
 					<span class="text-muted">提示：权重范围为数字0-100</span>
@@ -50,26 +55,20 @@
 		</div>
 	</div>
 </div>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default">
-	<div class="panel-heading"><h3 class="panel-title"><a href="/record/{$domainId}" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>权重配置 - {$domainName}</h3></div>
+<div class="panel panel-default">
+	<div class="panel-heading font-bold"><h3 class="panel-title"><a href="/record/{$domainId}" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>权重配置 - {$domainName}</h3></div>
 	<div class="panel-body">
-
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-    <input type="text" class="form-control" name="keyword" placeholder="子域名">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新权重配置列表"><i class="fa fa-refresh"></i> 刷新</a>
-</form>
-
-      <table id="listTable">
-	  </table>
-    </div>
-  </div>
-</div>
+		<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
+			<div class="form-group">
+				<label>搜索</label>
+				<input type="text" class="form-control" name="keyword" placeholder="子域名">
+			</div>
+			<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
+			<a href="javascript:searchClear()" class="btn btn-default" title="刷新权重配置列表"><i class="fa fa-refresh"></i> 刷新</a>
+		</form>
+		<table id="listTable">
+		</table>
+	</div>
 </div>
 {/block}
 {block name="script"}
@@ -78,175 +77,423 @@
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-var dnsconfig = {$dnsconfig|json_encode|raw};
-var recordLine = {$recordLine|json_encode|raw};
-var domainId = {$domainId};
-var weightList = [];
-var lineList = [];
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+	var dnsconfig = {$dnsconfig|json_encode|raw};
+	var recordLine = {$recordLine|json_encode|raw};
+	var domainId = {$domainId};
+	var weightList = [];
+	var lineList = [];
+	$(document).ready(function(){
+		updateToolbar();
+		const defaultPageSize = 15;
+		const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+		const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/record/weight/data/{$domainId}',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		uniqueId: 'id',
-		columns: [
-			{
-				field: 'SubDomain',
-				title: '子域名'
-			},
-            {
-				field: 'Type',
-				title: '记录类型'
-			},
-			{
-				field: 'RecordCount',
-				title: '记录数量'
-			},
-			{
-				field: 'Open',
-				title: '权重配置状态',
-				formatter: function(value, row, index) {
-					if(value == 1){
-						return '<font color="green"><i class="fa fa-check-circle"></i>已开启</font>';
-					}else{
-						return '<font color="#b5bbc8"><i class="fa fa-pause-circle"></i>已关闭</font>';
-					}
-				}
-			},
-			{
-				field: '',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '';
-					if(row.Open == 1){
-						if(row.Type == 'CNAME'){
-							html += '<a class="btn btn-warning btn-xs" title="CNAME类型解析默认必须开权重模式，每次解析应答只返回一条解析结果记录值" disabled>关闭权重</a>&nbsp;&nbsp;';
+		$("#listTable").bootstrapTable({
+			url: '/record/weight/data/{$domainId}',
+			pageNumber: pageNumber,
+			pageSize: pageSize,
+			classes: 'table table-striped table-hover table-bordered',
+			uniqueId: 'id',
+			columns: [
+				{
+					field: 'SubDomain',
+					title: '子域名'
+				},
+				{
+					field: 'Type',
+					title: '记录类型'
+				},
+				{
+					field: 'RecordCount',
+					title: '记录数量'
+				},
+				{
+					field: 'Open',
+					title: '权重配置状态',
+					formatter: function(value, row, index) {
+						if(value == 1){
+							return '<font color="green"><i class="fa fa-check-circle"></i>已开启</font>';
 						}else{
-							html += '<a href="javascript:setWeightStatus(\''+row.SubDomain+'\', \'0\')" class="btn btn-warning btn-xs">关闭权重</a>&nbsp;&nbsp;';
+							return '<font color="#b5bbc8"><i class="fa fa-pause-circle"></i>已关闭</font>';
 						}
-					}else{
-						html += '<a href="javascript:setWeightStatus(\''+row.SubDomain+'\', \'1\')" class="btn btn-success btn-xs">开启权重</a>&nbsp;&nbsp;';
 					}
-					html += '<a href="javascript:editframe('+row.id+')" class="btn btn-primary btn-xs">设置权重</a>';
-					return html;
-				}
-			},
-		],
+				},
+				{
+					field: '',
+					title: '操作',
+					formatter: function(value, row, index) {
+						var html = '';
+						if(row.Open == 1){
+							if(row.Type == 'CNAME'){
+								html += '<a class="btn btn-warning btn-xs" title="CNAME类型解析默认必须开权重模式，每次解析应答只返回一条解析结果记录值" disabled>关闭权重</a>&nbsp;&nbsp;';
+							}else{
+								html += '<a href="javascript:setWeightStatus(\''+row.SubDomain+'\', \'0\')" class="btn btn-warning btn-xs">关闭权重</a>&nbsp;&nbsp;';
+							}
+						}else{
+							html += '<a href="javascript:setWeightStatus(\''+row.SubDomain+'\', \'1\')" class="btn btn-success btn-xs">开启权重</a>&nbsp;&nbsp;';
+						}
+						html += '<a href="javascript:editframe('+row.id+')" class="btn btn-primary btn-xs">设置权重</a>';
+						return html;
+					}
+				},
+			],
+		})
 	})
-})
-function editframe(id){
-	var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/list',
-		data : {id: domainId, rr: row.rr},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				$("#modal-store").modal('show');
-				$("#modal-title").html("设置权重 - "+row.SubDomain);
-				$("#form-store input[name=id]").val(id);
-				$("#form-store input[name=subdomain]").val(row.SubDomain);
-				$("#form-store input[name=type]").val(row.Type);
-				if(row.Type == 'CNAME') $("#weight-switch").prop("disabled", true);
-				else $("#weight-switch").prop("disabled", false);
-				
-				lineList = [];
-				$.each(recordLine, function(i, item){
-					if(data.data.find(x => x.Line == item.id)){
-						item.open = row.Open;
-						if(row.LineAlgorithms && row.LineAlgorithms.LineAlgorithm.length > 0){
-							var tmpLine = row.LineAlgorithms.LineAlgorithm.find(x => x.Line == item.id);
-							if(tmpLine) item.open = tmpLine.Open;
-						}
-						lineList.push(item);
-					}
-				});
-				$("#line").empty();
-				$.each(lineList, function(i, item){
-					$("#line").append('<option value="'+item.id+'">'+item.name+'</option>');
-				});
+	function editframe(id){
+		var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/record/list',
+			data : {id: domainId, rr: row.rr},
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					$("#modal-store").modal('show');
+					$("#modal-title").html("设置权重 - "+row.SubDomain);
+					$("#form-store input[name=id]").val(id);
+					$("#form-store input[name=subdomain]").val(row.SubDomain);
+					$("#form-store input[name=type]").val(row.Type);
+					if(row.Type == 'CNAME') $("#weight-switch").prop("disabled", true);
+					else $("#weight-switch").prop("disabled", false);
 
-				weightList = data.data;
-				changeLine();
-			}else{
-				layer.alert(data.msg, {icon: 2})
+					lineList = [];
+					$.each(recordLine, function(i, item){
+						if(data.data.find(x => x.Line == item.id)){
+							item.open = row.Open;
+							if(row.LineAlgorithms && row.LineAlgorithms.LineAlgorithm.length > 0){
+								var tmpLine = row.LineAlgorithms.LineAlgorithm.find(x => x.Line == item.id);
+								if(tmpLine) item.open = tmpLine.Open;
+							}
+							lineList.push(item);
+						}
+					});
+					$("#line").empty();
+					$.each(lineList, function(i, item){
+						$("#line").append('<option value="'+item.id+'">'+item.name+'</option>');
+					});
+
+					weightList = data.data;
+					changeLine();
+				}else{
+					layer.alert(data.msg, {icon: 2})
+				}
 			}
-		}
-	});
-}
-function changeLine(){
-	var line = $("#line").val();
-	$("#weight-switch").prop("checked", lineList.find(x => x.id == line).open);
-	$("#weight-list").empty();
-	$.each(weightList, function(i, item){
-		if(item.Line == line){
-			$("#weight-list").append('<tr><td>'+item.Name+'</td><td>'+item.Type+'</td><td>'+item.Value+'</td><td><input type="number" class="form-control" name="weight['+item.RecordId+']" value="'+item.Weight+'" style="width:80px;" min="0" max="100"/></td></tr>');
-		}
-	});
-	changeOpen();
-}
-function changeOpen(){
-	if($("#weight-switch").is(':checked')){
-		$("#weight-list input[name^='weight']").prop("disabled", false);
-	}else{
-		$("#weight-list input[name^='weight']").prop("disabled", true);
+		});
 	}
-}
-function save(){
-	if($("#form-store input[name=username]").val()==''){
-		layer.alert('请确保各项不能为空！');return false;
+	function changeLine(){
+		var line = $("#line").val();
+		$("#weight-switch").prop("checked", lineList.find(x => x.id == line).open);
+		$("#weight-list").empty();
+		$.each(weightList, function(i, item){
+			if(item.Line == line){
+				$("#weight-list").append('<tr><td>'+item.Name+'</td><td>'+item.Type+'</td><td>'+item.Value+'</td><td><input type="number" class="form-control" name="weight['+item.RecordId+']" value="'+item.Weight+'" style="width:80px;" min="0" max="100"/></td></tr>');
+			}
+		});
+		changeOpen();
 	}
-	var act = $("#form-store input[name=action]").val();
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/weight/{$domainId}/act/update',
-		data : $("#form-store").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
+	function changeOpen(){
+		if($("#weight-switch").is(':checked')){
+			$("#weight-list input[name^='weight']").prop("disabled", false);
+		}else{
+			$("#weight-list input[name^='weight']").prop("disabled", true);
+		}
+	}
+	function save(){
+		if($("#form-store input[name=username]").val()==''){
+			layer.alert('请确保各项不能为空！');return false;
+		}
+		var act = $("#form-store input[name=action]").val();
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/record/weight/{$domainId}/act/update',
+			data : $("#form-store").serialize(),
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					layer.alert(data.msg,{
+						icon: 1,
+						closeBtn: false
+					}, function(){
+						layer.closeAll();
+						$("#modal-store").modal('hide');
+						searchRefresh();
+					});
+				}else{
+					layer.alert(data.msg, {icon: 2})
+				}
+			}
+		});
+		return false;
+	}
+	function setWeightStatus(subdomain, status){
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/record/weight/{$domainId}/act/status',
+			data : {subdomain: subdomain, status: status},
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
 					layer.closeAll();
-					$("#modal-store").modal('hide');
 					searchRefresh();
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
+				}else{
+					layer.alert(data.msg, {icon: 2});
+				}
 			}
-		}
-	});
-	return false;
-}
-function setWeightStatus(subdomain, status){
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/record/weight/{$domainId}/act/status',
-		data : {subdomain: subdomain, status: status},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
+		});
+	}
+</script>
+{/block}{extend name="common/layout" /}
+{block name="title"}权重配置 - {$domainName}{/block}
+{block name="main"}
+<style>
+	.table-bordered>tbody>tr>td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:200px;vertical-align:middle;}
+</style>
+<div class="modal" id="modal-store" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
+	<div class="modal-dialog">
+		<div class="modal-content animated flipInX">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+				<h4 class="modal-title" id="modal-title">设置权重</h4>
+			</div>
+			<div class="modal-body">
+				<form class="form-horizontal" id="form-store" onsubmit="return save(this)">
+					<input type="hidden" name="id"/>
+					<input type="hidden" name="subdomain"/>
+					<input type="hidden" name="type"/>
+					<div class="form-group">
+						<label class="col-sm-3 control-label no-padding-right">选择线路</label>
+						<div class="col-sm-9">
+							<select name="line" id="line" class="form-control" onchange="changeLine()"></select>
+						</div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label no-padding-right">线路权重开关</label>
+						<div class="col-sm-9">
+							<div class="material-switch" style="padding-top:7px"><input id="weight-switch" name="status" type="checkbox" value="1" checked onchange="changeOpen()"/><label for="weight-switch" class="label-primary"></label></div>
+						</div>
+					</div>
+					<table class="table table-striped table-hover table-bordered">
+						<thead>
+						<tr>
+							<th>主机记录</th>
+							<th>记录类型</th>
+							<th>记录值</th>
+							<th>权重</th>
+						</tr>
+						</thead>
+						<tbody id="weight-list">
+						<tr>
+							<td colspan="4" class="text-center">正在加载...</td>
+						</tr>
+						</tbody>
+					</table>
+					<span class="text-muted">提示：权重范围为数字0-100</span>
+					<div class="form-group">
+						<div class="col-sm-12 text-right">
+							<button type="submit" class="btn btn-primary">保存</button>
+							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="panel panel-default">
+	<div class="panel-heading font-bold"><h3 class="panel-title"><a href="/record/{$domainId}" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>权重配置 - {$domainName}</h3></div>
+	<div class="panel-body">
+		<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
+			<div class="form-group">
+				<label>搜索</label>
+				<input type="text" class="form-control" name="keyword" placeholder="子域名">
+			</div>
+			<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
+			<a href="javascript:searchClear()" class="btn btn-default" title="刷新权重配置列表"><i class="fa fa-refresh"></i> 刷新</a>
+		</form>
+		<table id="listTable">
+		</table>
+	</div>
+</div>
+{/block}
+{block name="script"}
+<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
+<script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
+<script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
+<script src="/static/js/custom.js"></script>
+<script>
+	var dnsconfig = {$dnsconfig|json_encode|raw};
+	var recordLine = {$recordLine|json_encode|raw};
+	var domainId = {$domainId};
+	var weightList = [];
+	var lineList = [];
+	$(document).ready(function(){
+		updateToolbar();
+		const defaultPageSize = 15;
+		const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+		const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+
+		$("#listTable").bootstrapTable({
+			url: '/record/weight/data/{$domainId}',
+			pageNumber: pageNumber,
+			pageSize: pageSize,
+			classes: 'table table-striped table-hover table-bordered',
+			uniqueId: 'id',
+			columns: [
+				{
+					field: 'SubDomain',
+					title: '子域名'
+				},
+				{
+					field: 'Type',
+					title: '记录类型'
+				},
+				{
+					field: 'RecordCount',
+					title: '记录数量'
+				},
+				{
+					field: 'Open',
+					title: '权重配置状态',
+					formatter: function(value, row, index) {
+						if(value == 1){
+							return '<font color="green"><i class="fa fa-check-circle"></i>已开启</font>';
+						}else{
+							return '<font color="#b5bbc8"><i class="fa fa-pause-circle"></i>已关闭</font>';
+						}
+					}
+				},
+				{
+					field: '',
+					title: '操作',
+					formatter: function(value, row, index) {
+						var html = '';
+						if(row.Open == 1){
+							if(row.Type == 'CNAME'){
+								html += '<a class="btn btn-warning btn-xs" title="CNAME类型解析默认必须开权重模式，每次解析应答只返回一条解析结果记录值" disabled>关闭权重</a>&nbsp;&nbsp;';
+							}else{
+								html += '<a href="javascript:setWeightStatus(\''+row.SubDomain+'\', \'0\')" class="btn btn-warning btn-xs">关闭权重</a>&nbsp;&nbsp;';
+							}
+						}else{
+							html += '<a href="javascript:setWeightStatus(\''+row.SubDomain+'\', \'1\')" class="btn btn-success btn-xs">开启权重</a>&nbsp;&nbsp;';
+						}
+						html += '<a href="javascript:editframe('+row.id+')" class="btn btn-primary btn-xs">设置权重</a>';
+						return html;
+					}
+				},
+			],
+		})
+	})
+	function editframe(id){
+		var row = $("#listTable").bootstrapTable('getRowByUniqueId', id);
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/record/list',
+			data : {id: domainId, rr: row.rr},
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					$("#modal-store").modal('show');
+					$("#modal-title").html("设置权重 - "+row.SubDomain);
+					$("#form-store input[name=id]").val(id);
+					$("#form-store input[name=subdomain]").val(row.SubDomain);
+					$("#form-store input[name=type]").val(row.Type);
+
+					lineList = [];
+					$.each(recordLine, function(i, item){
+						if(data.data.find(x => x.Line == item.id)){
+							item.open = row.Open;
+							if(row.LineAlgorithms && row.LineAlgorithms.LineAlgorithm.length > 0){
+								var tmpLine = row.LineAlgorithms.LineAlgorithm.find(x => x.Line == item.id);
+								if(tmpLine) item.open = tmpLine.Open;
+							}
+							lineList.push(item);
+						}
+					});
+					$("#line").empty();
+					$.each(lineList, function(i, item){
+						$("#line").append('<option value="'+item.id+'">'+item.name+'</option>');
+					});
+
+					weightList = data.data;
+					changeLine();
+				}else{
+					layer.alert(data.msg, {icon: 2})
+				}
 			}
+		});
+	}
+	function changeLine(){
+		var line = $("#line").val();
+		$("#weight-switch").prop("checked", lineList.find(x => x.id == line).open);
+		$("#weight-list").empty();
+		$.each(weightList, function(i, item){
+			if(item.Line == line){
+				$("#weight-list").append('<tr><td>'+item.Name+'</td><td>'+item.Type+'</td><td>'+item.Value+'</td><td><input type="number" class="form-control" name="weight['+item.RecordId+']" value="'+item.Weight+'" style="width:80px;" min="0" max="100"/></td></tr>');
+			}
+		});
+		changeOpen();
+	}
+	function changeOpen(){
+		if($("#weight-switch").is(':checked')){
+			$("#weight-list input[name^='weight']").prop("disabled", false);
+		}else{
+			$("#weight-list input[name^='weight']").prop("disabled", true);
 		}
-	});
-}
+	}
+	function save(){
+		if($("#form-store input[name=username]").val()==''){
+			layer.alert('请确保各项不能为空！');return false;
+		}
+		var act = $("#form-store input[name=action]").val();
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/record/weight/{$domainId}/act/update',
+			data : $("#form-store").serialize(),
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					layer.alert(data.msg,{
+						icon: 1,
+						closeBtn: false
+					}, function(){
+						layer.closeAll();
+						$("#modal-store").modal('hide');
+						searchRefresh();
+					});
+				}else{
+					layer.alert(data.msg, {icon: 2})
+				}
+			}
+		});
+		return false;
+	}
+	function setWeightStatus(subdomain, status){
+		var ii = layer.load(2);
+		$.ajax({
+			type : 'POST',
+			url : '/record/weight/{$domainId}/act/status',
+			data : {subdomain: subdomain, status: status},
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					layer.closeAll();
+					searchRefresh();
+				}else{
+					layer.alert(data.msg, {icon: 2});
+				}
+			}
+		});
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/exception.tpl b/app/view/exception.tpl
old mode 100644
new mode 100755
index 302f24e..2211736
--- a/app/view/exception.tpl
+++ b/app/view/exception.tpl
@@ -13,80 +13,80 @@ if (!function_exists('parse_class')) {
     {
         $names = explode('\\', $name);
         return '<abbr title="'.$name.'">'.end($names).'</abbr>';
-    }
+}
 }
 
 if (!function_exists('parse_file')) {
-    function parse_file($file, $line)
-    {
-        return '<a class="toggle" title="'."{$file} line {$line}".'">'.basename($file)." line {$line}".'</a>';
-    }
+function parse_file($file, $line)
+{
+return '<a class="toggle" title="'."{$file} line {$line}".'">'.basename($file)." line {$line}".'</a>';
+}
 }
 
 if (!function_exists('parse_args')) {
-    function parse_args($args)
-    {
-        $result = [];
-        foreach ($args as $key => $item) {
-            switch (true) {
-                case is_object($item):
-                    $value = sprintf('<em>object</em>(%s)', parse_class(get_class($item)));
-                    break;
-                case is_array($item):
-                    if (count($item) > 3) {
-                        $value = sprintf('[%s, ...]', parse_args(array_slice($item, 0, 3)));
-                    } else {
-                        $value = sprintf('[%s]', parse_args($item));
-                    }
-                    break;
-                case is_string($item):
-                    if (strlen($item) > 20) {
-                        $value = sprintf(
-                            '\'<a class="toggle" title="%s">%s...</a>\'',
-                            htmlentities($item),
-                            htmlentities(substr($item, 0, 20))
-                        );
-                    } else {
-                        $value = sprintf("'%s'", htmlentities($item));
-                    }
-                    break;
-                case is_int($item):
-                case is_float($item):
-                    $value = $item;
-                    break;
-                case is_null($item):
-                    $value = '<em>null</em>';
-                    break;
-                case is_bool($item):
-                    $value = '<em>' . ($item ? 'true' : 'false') . '</em>';
-                    break;
-                case is_resource($item):
-                    $value = '<em>resource</em>';
-                    break;
-                default:
-                    $value = htmlentities(str_replace("\n", '', var_export(strval($item), true)));
-                    break;
-            }
+function parse_args($args)
+{
+$result = [];
+foreach ($args as $key => $item) {
+switch (true) {
+case is_object($item):
+$value = sprintf('<em>object</em>(%s)', parse_class(get_class($item)));
+break;
+case is_array($item):
+if (count($item) > 3) {
+$value = sprintf('[%s, ...]', parse_args(array_slice($item, 0, 3)));
+} else {
+$value = sprintf('[%s]', parse_args($item));
+}
+break;
+case is_string($item):
+if (strlen($item) > 20) {
+$value = sprintf(
+'\'<a class="toggle" title="%s">%s...</a>\'',
+htmlentities($item),
+htmlentities(substr($item, 0, 20))
+);
+} else {
+$value = sprintf("'%s'", htmlentities($item));
+}
+break;
+case is_int($item):
+case is_float($item):
+$value = $item;
+break;
+case is_null($item):
+$value = '<em>null</em>';
+break;
+case is_bool($item):
+$value = '<em>' . ($item ? 'true' : 'false') . '</em>';
+break;
+case is_resource($item):
+$value = '<em>resource</em>';
+break;
+default:
+$value = htmlentities(str_replace("\n", '', var_export(strval($item), true)));
+break;
+}
 
-            $result[] = is_int($key) ? $value : sprintf('\'%s\' => %s', htmlentities($key), $value);
-        }
+$result[] = is_int($key) ? $value : "'{$key}' => {$value}";
+}
 
-        return implode(', ', $result);
-    }
+return implode(', ', $result);
+}
 }
 if (!function_exists('echo_value')) {
-    function echo_value($val)
-    {
-        if (is_array($val) || is_object($val)) {
-            echo htmlentities(json_encode($val, JSON_PRETTY_PRINT));
-        } elseif (is_bool($val)) {
-            echo $val ? 'true' : 'false';
-        } elseif (is_scalar($val)) {
-            echo htmlentities($val);
-        } else {
-            echo 'Resource';
-        }
-    }
+function echo_value($val)
+{
+if (is_array($val) || is_object($val)) {
+echo htmlentities(json_encode($val, JSON_PRETTY_PRINT));
+} elseif (is_bool($val)) {
+echo $val ? 'true' : 'false';
+} elseif (is_scalar($val)) {
+echo htmlentities($val);
+} else {
+echo 'Resource';
+}
+}
 }
 ?>
 <!DOCTYPE html>
@@ -94,7 +94,7 @@ if (!function_exists('echo_value')) {
 <head>
     <meta charset="UTF-8">
     <title>系统发生错误</title>
-    <meta name="robots" content="noindex,nofollow" />
+    <meta name="robots" content="noindex,nofollow"/>
     <style>
         /* Base */
         body {
@@ -103,13 +103,15 @@ if (!function_exists('echo_value')) {
             margin: 0;
             padding: 0 20px 20px;
         }
-        h1{
+
+        h1 {
             margin: 10px 0 0;
             font-size: 28px;
             font-weight: 500;
             line-height: 32px;
         }
-        h2{
+
+        h2 {
             color: #4288ce;
             font-weight: 400;
             padding: 6px 0;
@@ -117,29 +119,36 @@ if (!function_exists('echo_value')) {
             font-size: 18px;
             border-bottom: 1px solid #eee;
         }
-        h3{
+
+        h3 {
             margin: 12px;
             font-size: 16px;
             font-weight: bold;
         }
-        abbr{
+
+        abbr {
             cursor: help;
             text-decoration: underline;
             text-decoration-style: dotted;
         }
-        a{
+
+        a {
             color: #868686;
             cursor: pointer;
         }
-        a:hover{
+
+        a:hover {
             text-decoration: underline;
         }
-        .line-error{
+
+        .line-error {
             background: #f8cbcb;
         }
+
         .echo table {
             width: 100%;
         }
+
         .echo pre {
             padding: 16px;
             overflow: auto;
@@ -150,25 +159,29 @@ if (!function_exists('echo_value')) {
             border-radius: 3px;
             font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
         }
+
         .echo pre > pre {
             padding: 0;
             margin: 0;
         }
+
         /* Exception Info */
         .exception {
             margin-top: 20px;
         }
-        .exception .message{
+
+        .exception .message {
             padding: 12px;
             border: 1px solid #ddd;
             border-bottom: 0 none;
             line-height: 18px;
-            font-size:16px;
+            font-size: 16px;
             border-top-left-radius: 4px;
             border-top-right-radius: 4px;
-            font-family: Consolas,"Liberation Mono",Courier,Verdana,"微软雅黑",serif;
+            font-family: Consolas, "Liberation Mono", Courier, Verdana, "微软雅黑", serif;
         }
-        .exception .code{
+
+        .exception .code {
             float: left;
             text-align: center;
             color: #fff;
@@ -177,7 +190,8 @@ if (!function_exists('echo_value')) {
             border-radius: 4px;
             background: #999;
         }
-        .exception .source-code{
+
+        .exception .source-code {
             padding: 6px;
             border: 1px solid #ddd;
 
@@ -185,140 +199,205 @@ if (!function_exists('echo_value')) {
             overflow-x: auto;
 
         }
-        .exception .source-code pre{
+
+        .exception .source-code pre {
             margin: 0;
         }
-        .exception .source-code pre ol{
+
+        .exception .source-code pre ol {
             margin: 0;
             color: #4288ce;
             display: inline-block;
             min-width: 100%;
             box-sizing: border-box;
-            font-size:14px;
-            font-family: "Century Gothic",Consolas,"Liberation Mono",Courier,Verdana,serif;
-            padding-left: <?php echo (isset($source) && !empty($source)) ? parse_padding($source) : 40;  ?>px;
+            font-size: 14px;
+            font-family: "Century Gothic", Consolas, "Liberation Mono", Courier, Verdana, serif;
+            padding-left: < ? php echo (isset($ source) & & ! empty($ source)) ? parse_padding($ source): 40;
+            ? > px;
         }
-        .exception .source-code pre li{
+
+        .exception .source-code pre li {
             border-left: 1px solid #ddd;
             height: 18px;
             line-height: 18px;
         }
-        .exception .source-code pre code{
+
+        .exception .source-code pre code {
             color: #333;
             height: 100%;
             display: inline-block;
             border-left: 1px solid #fff;
-            font-size:14px;
-            font-family: Consolas,"Liberation Mono",Courier,Verdana,"微软雅黑",serif;
+            font-size: 14px;
+            font-family: Consolas, "Liberation Mono", Courier, Verdana, "微软雅黑", serif;
         }
-        .exception .trace{
+
+        .exception .trace {
             padding: 6px;
             border: 1px solid #ddd;
             border-top: 0 none;
             line-height: 16px;
-            font-size:14px;
-            font-family: Consolas,"Liberation Mono",Courier,Verdana,"微软雅黑",serif;
+            font-size: 14px;
+            font-family: Consolas, "Liberation Mono", Courier, Verdana, "微软雅黑", serif;
         }
+
         .exception .trace h2:hover {
             text-decoration: underline;
             cursor: pointer;
         }
-        .exception .trace ol{
+
+        .exception .trace ol {
             margin: 12px;
         }
-        .exception .trace ol li{
+
+        .exception .trace ol li {
             padding: 2px 4px;
         }
-        .exception div:last-child{
+
+        .exception div:last-child {
             border-bottom-left-radius: 4px;
             border-bottom-right-radius: 4px;
         }
 
         /* Exception Variables */
-        .exception-var table{
+        .exception-var table {
             width: 100%;
             margin: 12px 0;
             box-sizing: border-box;
-            table-layout:fixed;
-            word-wrap:break-word;
+            table-layout: fixed;
+            word-wrap: break-word;
         }
-        .exception-var table caption{
+
+        .exception-var table caption {
             text-align: left;
             font-size: 16px;
             font-weight: bold;
             padding: 6px 0;
         }
-        .exception-var table caption small{
+
+        .exception-var table caption small {
             font-weight: 300;
             display: inline-block;
             margin-left: 10px;
             color: #ccc;
         }
-        .exception-var table tbody{
+
+        .exception-var table tbody {
             font-size: 13px;
-            font-family: Consolas, "Liberation Mono", Courier, "微软雅黑",serif;
+            font-family: Consolas, "Liberation Mono", Courier, "微软雅黑", serif;
         }
-        .exception-var table td{
+
+        .exception-var table td {
             padding: 0 6px;
             vertical-align: top;
             word-break: break-all;
         }
-        .exception-var table td:first-child{
+
+        .exception-var table td:first-child {
             width: 28%;
             font-weight: bold;
             white-space: nowrap;
         }
-        .exception-var table td pre{
+
+        .exception-var table td pre {
             margin: 0;
         }
 
         /* Copyright Info */
-        .copyright{
+        .copyright {
             margin-top: 24px;
             padding: 12px 0;
             border-top: 1px solid #eee;
         }
 
         /* SPAN elements with the classes below are added by prettyprint. */
-        pre.prettyprint .pln { color: #000 }  /* plain text */
-        pre.prettyprint .str { color: #080 }  /* string content */
-        pre.prettyprint .kwd { color: #008 }  /* a keyword */
-        pre.prettyprint .com { color: #800 }  /* a comment */
-        pre.prettyprint .typ { color: #606 }  /* a type name */
-        pre.prettyprint .lit { color: #066 }  /* a literal value */
+        pre.prettyprint .pln {
+            color: #000
+        }
+
+        /* plain text */
+        pre.prettyprint .str {
+            color: #080
+        }
+
+        /* string content */
+        pre.prettyprint .kwd {
+            color: #008
+        }
+
+        /* a keyword */
+        pre.prettyprint .com {
+            color: #800
+        }
+
+        /* a comment */
+        pre.prettyprint .typ {
+            color: #606
+        }
+
+        /* a type name */
+        pre.prettyprint .lit {
+            color: #066
+        }
+
+        /* a literal value */
         /* punctuation, lisp open bracket, lisp close bracket */
-        pre.prettyprint .pun, pre.prettyprint .opn, pre.prettyprint .clo { color: #660 }
-        pre.prettyprint .tag { color: #008 }  /* a markup tag name */
-        pre.prettyprint .atn { color: #606 }  /* a markup attribute name */
-        pre.prettyprint .atv { color: #080 }  /* a markup attribute value */
-        pre.prettyprint .dec, pre.prettyprint .var { color: #606 }  /* a declaration; a variable name */
-        pre.prettyprint .fun { color: red }  /* a function name */
+        pre.prettyprint .pun, pre.prettyprint .opn, pre.prettyprint .clo {
+            color: #660
+        }
+
+        pre.prettyprint .tag {
+            color: #008
+        }
+
+        /* a markup tag name */
+        pre.prettyprint .atn {
+            color: #606
+        }
+
+        /* a markup attribute name */
+        pre.prettyprint .atv {
+            color: #080
+        }
+
+        /* a markup attribute value */
+        pre.prettyprint .dec, pre.prettyprint .var {
+            color: #606
+        }
+
+        /* a declaration; a variable name */
+        pre.prettyprint .fun {
+            color: red
+        }
+
+        /* a function name */
     </style>
 </head>
 <body>
-    <?php if (\think\facade\App::isDebug()) { ?>
-        <?php foreach ($traces as $index => $trace) { ?>
-    <div class="exception">
-        <div class="message">
-            <div class="info">
-                <div>
-                    <h2><?php echo "#{$index} [{$trace['code']}]" . sprintf('%s in %s', parse_class($trace['name']), parse_file($trace['file'], $trace['line'])); ?></h2>
-                </div>
-                <div><h1><?php echo nl2br(htmlentities($trace['message'])); ?></h1></div>
+<?php if (\think\facade\App::isDebug()) { ?>
+<?php foreach ($traces as $index => $trace) { ?>
+<div class="exception">
+    <div class="message">
+        <div class="info">
+            <div>
+                <h2><?php echo "#{$index} [{$trace['code']}]" . sprintf('%s in %s', parse_class($trace['name']), parse_file($trace['file'], $trace['line'])); ?></h2>
             </div>
+            <div><h1><?php echo nl2br(htmlentities($trace['message'])); ?></h1></div>
         </div>
-            <?php if (!empty($trace['source'])) { ?>
-                <div class="source-code">
-                    <pre class="prettyprint lang-php"><ol start="<?php echo $trace['source']['first']; ?>"><?php foreach ((array) $trace['source']['source'] as $key => $value) { ?><li class="line-<?php echo "{$index}-"; echo $key + $trace['source']['first']; echo $trace['line'] === $key + $trace['source']['first'] ? ' line-error' : ''; ?>"><code><?php echo htmlentities($value); ?></code></li><?php } ?></ol></pre>
-                </div>
-            <?php }?>
-        <div class="trace">
-            <h2 data-expand="<?php echo 0 === $index ? '1' : '0'; ?>">Call Stack</h2>
-            <ol>
-                <li><?php echo sprintf('in %s', parse_file($trace['file'], $trace['line'])); ?></li>
-                <?php foreach ((array) $trace['trace'] as $value) { ?>
-                    <li>
-                        <?php
+    </div>
+    <?php if (!empty($trace['source'])) { ?>
+    <div class="source-code">
+        <pre class="prettyprint lang-php"><ol
+                    start="<?php echo $trace['source']['first']; ?>"><?php foreach ((array) $trace['source']['source'] as $key =>
+                $value) { ?><li class="line-<?php echo " {$index}-"; echo $key + $trace['source']['first']; echo $trace['line'] === $key + $trace['source']['first'] ? ' line-error' : ''; ?>"><code><?php echo htmlentities($value); ?></code></li><?php } ?></ol></pre>
+    </div>
+    <?php }?>
+    <div class="trace">
+        <h2 data-expand="<?php echo 0 === $index ? '1' : '0'; ?>">Call Stack</h2>
+        <ol>
+            <li><?php echo sprintf('in %s', parse_file($trace['file'], $trace['line'])); ?></li>
+            <?php foreach ((array) $trace['trace'] as $value) { ?>
+            <li>
+                <?php
                         // Show Function
                         if ($value['function']) {
                             echo sprintf(
@@ -335,168 +414,168 @@ if (!function_exists('echo_value')) {
                             echo sprintf(' in %s', parse_file($value['file'], $value['line']));
                         }
                         ?>
-                    </li>
-                <?php } ?>
-            </ol>
-        </div>
-    </div>
-        <?php } ?>
-    <?php } else { ?>
-    <div class="exception">
-        <div class="info"><h1><?php echo htmlentities($message); ?></h1></div>
-    </div>
-    <?php } ?>
-    
-    <?php if (!empty($datas)) { ?>
-    <div class="exception-var">
-        <h2>Exception Datas</h2>
-        <?php foreach ((array) $datas as $label => $value) { ?>
-        <table>
-            <?php if (empty($value)) { ?>
-            <caption><?php echo $label; ?><small>empty</small></caption>
-            <?php } else { ?>
-            <caption><?php echo $label; ?></caption>
-            <tbody>
-                <?php foreach ((array) $value as $key => $val) { ?>
-                <tr>
-                    <td><?php echo htmlentities($key); ?></td>
-                    <td><?php echo_value($val); ?></td>
-                </tr>
-                <?php } ?>
-            </tbody>
+            </li>
             <?php } ?>
-        </table>
-        <?php } ?>
+        </ol>
     </div>
-    <?php } ?>
+</div>
+<?php } ?>
+<?php } else { ?>
+<div class="exception">
+    <div class="info"><h1><?php echo htmlentities($message); ?></h1></div>
+</div>
+<?php } ?>
 
-    <?php if (!empty($tables)) { ?>
-    <div class="exception-var">
-        <h2>Environment Variables</h2>
-        <?php foreach ((array) $tables as $label => $value) { ?>
-        <table>
-            <?php if (empty($value)) { ?>
-            <caption><?php echo $label; ?><small>empty</small></caption>
-            <?php } else { ?>
-            <caption><?php echo $label; ?></caption>
-            <tbody>
-                <?php foreach ((array) $value as $key => $val) { ?>
-                <tr>
-                    <td><?php echo htmlentities($key); ?></td>
-                    <td><?php echo_value($val); ?></td>
-                </tr>
-                <?php } ?>
-            </tbody>
-            <?php } ?>
-        </table>
+<?php if (!empty($datas)) { ?>
+<div class="exception-var">
+    <h2>Exception Datas</h2>
+    <?php foreach ((array) $datas as $label => $value) { ?>
+    <table>
+        <?php if (empty($value)) { ?>
+        <caption><?php echo $label; ?><small>empty</small></caption>
+        <?php } else { ?>
+        <caption><?php echo $label; ?></caption>
+        <tbody>
+        <?php foreach ((array) $value as $key => $val) { ?>
+        <tr>
+            <td><?php echo htmlentities($key); ?></td>
+            <td><?php echo_value($val); ?></td>
+        </tr>
         <?php } ?>
-    </div>
+        </tbody>
+        <?php } ?>
+    </table>
     <?php } ?>
+</div>
+<?php } ?>
 
-    <?php if (\think\facade\App::isDebug()) { ?>
-    <div class="copyright">
-        <a title="官方网站" href="http://www.thinkphp.cn">ThinkPHP</a> 
-        <span>V<?php echo \think\facade\App::version(); ?></span> 
-        <span>{ 十年磨一剑-为API开发设计的高性能框架 }</span>
-        <span>- <a title="官方手册" href="https://www.kancloud.cn/manual/thinkphp6_0/content">官方手册</a></span>
-    </div>
-    <script>
-        function $(selector, node){
-            var elements;
+<?php if (!empty($tables)) { ?>
+<div class="exception-var">
+    <h2>Environment Variables</h2>
+    <?php foreach ((array) $tables as $label => $value) { ?>
+    <table>
+        <?php if (empty($value)) { ?>
+        <caption><?php echo $label; ?><small>empty</small></caption>
+        <?php } else { ?>
+        <caption><?php echo $label; ?></caption>
+        <tbody>
+        <?php foreach ((array) $value as $key => $val) { ?>
+        <tr>
+            <td><?php echo htmlentities($key); ?></td>
+            <td><?php echo_value($val); ?></td>
+        </tr>
+        <?php } ?>
+        </tbody>
+        <?php } ?>
+    </table>
+    <?php } ?>
+</div>
+<?php } ?>
+
+<?php if (\think\facade\App::isDebug()) { ?>
+<div class="copyright">
+    <a title="官方网站" href="http://www.thinkphp.cn">ThinkPHP</a>
+    <span>V<?php echo \think\facade\App::version(); ?></span>
+    <span>{ 十年磨一剑-为API开发设计的高性能框架 }</span>
+    <span>- <a title="官方手册" href="https://www.kancloud.cn/manual/thinkphp6_0/content">官方手册</a></span>
+</div>
+<script>
+    function $(selector, node) {
+        var elements;
+
+        node = node || document;
+        if (document.querySelectorAll) {
+            elements = node.querySelectorAll(selector);
+        } else {
+            switch (selector.substr(0, 1)) {
+                case '#':
+                    elements = [node.getElementById(selector.substr(1))];
+                    break;
+                case '.':
+                    if (document.getElementsByClassName) {
+                        elements = node.getElementsByClassName(selector.substr(1));
+                    } else {
+                        elements = get_elements_by_class(selector.substr(1), node);
+                    }
+                    break;
+                default:
+                    elements = node.getElementsByTagName();
+            }
+        }
+        return elements;
+
+        function get_elements_by_class(search_class, node, tag) {
+            var elements = [], eles,
+                pattern = new RegExp('(^|\\s)' + search_class + '(\\s|$)');
 
             node = node || document;
-            if(document.querySelectorAll){
-                elements = node.querySelectorAll(selector);
-            } else {
-                switch(selector.substr(0, 1)){
-                    case '#':
-                        elements = [node.getElementById(selector.substr(1))];
-                        break;
-                    case '.':
-                        if(document.getElementsByClassName){
-                            elements = node.getElementsByClassName(selector.substr(1));
-                        } else {
-                            elements = get_elements_by_class(selector.substr(1), node);
-                        }
-                        break;
-                    default:
-                        elements = node.getElementsByTagName();
+            tag = tag || '*';
+
+            eles = node.getElementsByTagName(tag);
+            for (var i = 0; i < eles.length; i++) {
+                if (pattern.test(eles[i].className)) {
+                    elements.push(eles[i])
                 }
             }
+
             return elements;
+        }
+    }
 
-            function get_elements_by_class(search_class, node, tag) {
-                var elements = [], eles, 
-                    pattern  = new RegExp('(^|\\s)' + search_class + '(\\s|$)');
+    $.getScript = function (src, func) {
+        var script = document.createElement('script');
 
-                node = node || document;
-                tag  = tag  || '*';
+        script.async = 'async';
+        script.src = src;
+        script.onload = func || function (){};
 
-                eles = node.getElementsByTagName(tag);
-                for(var i = 0; i < eles.length; i++) {
-                    if(pattern.test(eles[i].className)) {
-                        elements.push(eles[i])
-                    }
-                }
+        $('head')[0].appendChild(script);
+    }
 
-                return elements;
+    ;(function () {
+        var files = $('.toggle');
+        var ol = $('ol', $('.prettyprint')[0]);
+        var li = $('li', ol[0]);
+
+        // 短路径和长路径变换
+        for (var i = 0; i < files.length; i++) {
+            files[i].ondblclick = function () {
+                var title = this.title;
+
+                this.title = this.innerHTML;
+                this.innerHTML = title;
             }
         }
 
-        $.getScript = function(src, func){
-            var script = document.createElement('script');
-            
-            script.async  = 'async';
-            script.src    = src;
-            script.onload = func || function(){};
-            
-            $('head')[0].appendChild(script);
-        }
-
-        ;(function(){
-            var files = $('.toggle');
-            var ol    = $('ol', $('.prettyprint')[0]);
-            var li    = $('li', ol[0]);   
-
-            // 短路径和长路径变换
-            for(var i = 0; i < files.length; i++){
-                files[i].ondblclick = function(){
-                    var title = this.title;
-
-                    this.title = this.innerHTML;
-                    this.innerHTML = title;
+        (function () {
+            var expand = function (dom, expand) {
+                var ol = $('ol', dom.parentNode)[0];
+                expand = undefined === expand ? dom.attributes['data-expand'].value === '0' : undefined;
+                if (expand) {
+                    dom.attributes['data-expand'].value = '1';
+                    ol.style.display = 'none';
+                    dom.innerText = 'Call Stack (展开)';
+                } else {
+                    dom.attributes['data-expand'].value = '0';
+                    ol.style.display = 'block';
+                    dom.innerText = 'Call Stack (折叠)';
                 }
-            }
-
-            (function () {
-                var expand = function (dom, expand) {
-                    var ol = $('ol', dom.parentNode)[0];
-                    expand = undefined === expand ? dom.attributes['data-expand'].value === '0' : undefined;
-                    if (expand) {
-                        dom.attributes['data-expand'].value = '1';
-                        ol.style.display = 'none';
-                        dom.innerText = 'Call Stack (展开)';
-                    } else {
-                        dom.attributes['data-expand'].value = '0';
-                        ol.style.display = 'block';
-                        dom.innerText = 'Call Stack (折叠)';
-                    }
+            };
+            var traces = $('.trace');
+            for (var i = 0; i < traces.length; i++) {
+                var h2 = $('h2', traces[i])[0];
+                expand(h2);
+                h2.onclick = function () {
+                    expand(this);
                 };
-                var traces = $('.trace');
-                for (var i = 0; i < traces.length; i ++) {
-                    var h2 = $('h2', traces[i])[0];
-                    expand(h2);
-                    h2.onclick = function () {
-                        expand(this);
-                    };
-                }
-            })();
-
-            $.getScript('//cdn.bootcdn.net/ajax/libs/prettify/r298/prettify.min.js', function(){
-                prettyPrint();
-            });
+            }
         })();
-    </script>
-    <?php } ?>
+
+        $.getScript('//cdn.bootcdn.net/ajax/libs/prettify/r298/prettify.min.js', function () {
+            prettyPrint();
+        });
+    })();
+</script>
+<?php } ?>
 </body>
 </html>
diff --git a/app/view/index/index.html b/app/view/index/index.html
old mode 100644
new mode 100755
index 3d0a7e6..b53ce7d
--- a/app/view/index/index.html
+++ b/app/view/index/index.html
@@ -1,240 +1,312 @@
 {extend name="common/layout" /}
-{block name="title"}聚合DNS管理系统{/block}
+{block name="title"}管理中心{/block}
 {block name="main"}
 <style>
-.table>tbody>tr>td{white-space: normal;}
-.query-title {
-    background-color:#f5fafe;
-    word-break: keep-all;
-}
-.query-result{
-    word-break: break-all;
-}
+    .round {
+        line-height: 53px;
+        color: #7266ba;
+        width: 58px;
+        height: 58px;
+        font-size: 26px;
+        margin-left:15px;
+        display: inline-block;
+        font-weight: 400;
+        border: 3px solid #f8f8fe;
+        text-align: center;
+        border-radius: 50%;
+        background: #e3dff9;
+    }
 </style>
-<div class="row">
-	<div class="col-md-3 col-xs-6">
-		<!-- small box -->
-		<div class="small-box bg-aqua">
-		<div class="inner">
-			<h3 id="count1">0</h3>
-			<p>域名数量</p>
-		</div>
-		<div class="icon">
-			<i class="fa fa-list-ul"></i>
-		</div>
-		<a href="/domain" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
-		</div>
-	</div>
-	<!-- ./col -->
-	<div class="col-md-3 col-xs-6">
-		<!-- small box -->
-		<div class="small-box bg-green">
-		<div class="inner">
-			<h3 id="count2">0</h3>
-			<p>容灾切换策略</p>
-		</div>
-		<div class="icon">
-			<i class="fa fa-heartbeat"></i>
-		</div>
-		<a href="/dmonitor/task" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
-		</div>
-	</div>
-	<!-- ./col -->
-	<div class="col-md-3 col-xs-6">
-		<!-- small box -->
-		<div class="small-box bg-yellow">
-		<div class="inner">
-			<h3 id="count3">0</h3>
-			<p>SSL证书订单</p>
-		</div>
-		<div class="icon">
-			<i class="fa fa-expeditedssl"></i>
-		</div>
-		<a href="/cert/certorder" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
-		</div>
-	</div>
-	<!-- ./col -->
-	<div class="col-md-3 col-xs-6">
-		<!-- small box -->
-		<div class="small-box bg-red">
-		<div class="inner">
-			<h3 id="count4">0</h3>
-			<p>SSL部署任务</p>
-		</div>
-		<div class="icon">
-			<i class="fa fa-connectdevelop"></i>
-		</div>
-		<a href="/cert/deploytask" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
-		</div>
-	</div>
-	<!-- ./col -->
+{if request()->user['level'] eq 2}
+<div class="row row-sm text-center">
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="top text-right w-full"><i class="fa fa-caret-down text-warning m-r-sm"></i></div>
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-cubes fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-primary-dk font-thin h1"><span id="count1"></span><span class="text-muted text-md"></span></div><span class="text-muted">域名数量</span></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="top text-right w-full"><i class="fa fa-caret-down text-warning m-r-sm"></i></div>
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-heartbeat fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-dark-dk font-thin h1"><span id="count2"></span><span class="text-muted text-md"></span></div><span class="text-muted">容灾切换策略</span></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="top text-right w-full"><i class="fa fa-caret-down text-warning m-r-sm"></i></div>
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-expeditedssl fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-success-dk font-thin h1"><span id="count3"></span><span class="text-muted text-md"></span></div><span class="text-muted">SSL证书订单</span></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+        <div class="panel padder-v item">
+            <div class="top text-right w-full"><i class="fa fa-caret-down text-warning m-r-sm"></i></div>
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-plus-circle fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-info-dk font-thin h1"><span id="count4"></span><span class="text-muted text-md"></span></div><span class="text-muted">SSL部署任务</span></div>
+            </div>
+        </div>
+    </div>
 </div>
-<!-- /.row -->
 <div class="row">
     <div class="col-md-12">
         <div id="browser-notice"></div>
     </div>
     <div class="col-md-4 col-sm-12">
-        <div class="box box-primary">
-            <div class="box-header with-border">
-                <i class="fa fa-heartbeat fa-fw"></i>
-                <h3 class="box-title">容灾切换概览</h3>
-            </div>
-			<ul class="nav nav-pills nav-stacked">
-                <li><a href="/dmonitor/overview">运行状态<b><span class="pull-right" id="dmonitor_state"></span></b></a></li>
-                <li><a href="/dmonitor/task">切换策略(已开启)<span class="pull-right badge bg-blue" id="dmonitor_active">0</span></a>
+        <div class="panel panel-primary">
+            <div class="panel-heading font-bold"><h3 class="panel-title">容灾切换概览</h3></div>
+            <div class="panel-body">
+                <li href="/dmonitor/overview" class="list-group-item">
+                    <span class="badge badge-empty" id="dmonitor_state"></span>
+                    运行状态
                 </li>
-                <li><a href="/dmonitor/task?status=0">健康状况正常<span class="pull-right badge bg-green" id="dmonitor_status_0">0</span></a></li>
-				<li><a href="/dmonitor/task?status=1">健康状况异常<span class="pull-right badge bg-red" id="dmonitor_status_1">0</span></a></li>
-            </ul>
+                <li href="/dmonitor/task" class="list-group-item">
+                    <span class="badge bg-info" id="dmonitor_active">0</span>
+                    切换策略(已开启)
+                </li>
+                <li href="/dmonitor/task?status=0" class="list-group-item">
+                    <span class="badge bg-success" id="dmonitor_status_0">0</span>
+                    健康状况正常
+                </li>
+                <li href="/dmonitor/task?status=1" class="list-group-item">
+                    <span class="badge bg-danger" id="dmonitor_status_1">0</span>
+                    健康状况异常
+                </li>
+            </div>
         </div>
-		<div class="box box-info">
-            <div class="box-header with-border">
-                <i class="fa fa-globe fa-fw"></i>
-                <h3 class="box-title">CF优选IP概览</h3>
-            </div>
-			<ul class="nav nav-pills nav-stacked">
-                <li><a href="/optimizeip/opiplist">任务数量(已开启)<span class="pull-right badge bg-blue" id="optimizeip_active">0</span></a>
+        <div class="panel panel-info">
+            <div class="panel-heading font-bold"><h3 class="panel-title">CF优选IP概览</h3></div>
+            <div class="panel-body">
+                <li href="/dmonitor/task" class="list-group-item">
+                    <span class="badge bg-info" id="optimizeip_active">0</span>
+                    任务数量(已开启)
                 </li>
-                <li><a href="/optimizeip/opiplist?status=1">更新成功<span class="pull-right badge bg-green" id="optimizeip_status_1">0</span></a></li>
-				<li><a href="/optimizeip/opiplist?status=2">更新失败<span class="pull-right badge bg-red" id="optimizeip_status_2">0</span></a></li>
-            </ul>
-        </div>
-	</div>
-    <div class="col-md-4 col-sm-12">
-		<div class="box box-success">
-            <div class="box-header with-border">
-                <i class="fa fa-globe fa-fw"></i>
-                <h3 class="box-title">SSL证书概览</h3>
-            </div>
-			<ul class="nav nav-pills nav-stacked">
-				<li class="text-center"><a href="/cert/certorder"><b>SSL证书订单</b></a></li>
-                <li><a href="/cert/certorder?status=3">已签发<span class="pull-right badge bg-green" id="certorder_status_3">0</span></a>
+                <li href="/dmonitor/task?status=0" class="list-group-item">
+                    <span class="badge bg-success" id="optimizeip_status_1">0</span>
+                    更新成功
                 </li>
-                <li><a href="/cert/certorder?status=5">签发失败<span class="pull-right badge bg-red" id="certorder_status_5">0</span></a></li>
-				<li><a href="/cert/certorder?status=6">即将过期<span class="pull-right badge bg-orange" id="certorder_status_6">0</span></a></li>
-				<li><a href="/cert/certorder?status=7">已过期<span class="pull-right badge bg-gray" id="certorder_status_7">0</span></a></li>
-				<li class="text-center"><a href="/cert/deploytask"><b>自动部署任务</b></a></li>
-				<li><a href="/cert/deploytask?status=0">待处理<span class="pull-right badge bg-aqua" id="certdeploy_status_0">0</span></a></li>
-				<li><a href="/cert/deploytask?status=1">部署成功<span class="pull-right badge bg-green" id="certdeploy_status_1">0</span></a></li>
-				<li><a href="/cert/deploytask?status=-1">部署失败<span class="pull-right badge bg-red" id="certdeploy_status_2">0</span></a></li>
-            </ul>
+                <li href="/dmonitor/task?status=1" class="list-group-item">
+                    <span class="badge bg-danger" id="optimizeip_status_2">0</span>
+                    更新失败
+                </li>
+            </div>
         </div>
     </div>
     <div class="col-md-4 col-sm-12">
-		<div class="box box-primary">
-            <div class="box-header with-border">
-                <i class="fa fa-cloud"></i>
-                <h3 class="box-title">服务器信息</h3>
+        <div class="panel panel-success">
+            <div class="panel-heading font-bold"><h3 class="panel-title">SSL证书概览</h3></div>
+            <div class="panel-body">
+                <li class="list-group-item text-center">
+                    <a href="/cert/certorder"><b>SSL证书订单</b></a>
+                </li>
+                <li href="/cert/certorder?status=3" class="list-group-item">
+                    <span class="badge bg-success" id="certorder_status_3">0</span>
+                    已签发
+                </li>
+                <li href="/cert/certorder?status=5" class="list-group-item">
+                    <span class="badge bg-danger" id="certorder_status_5">0</span>
+                    签发失败
+                </li>
+                <li href="/cert/certorder?status=6" class="list-group-item">
+                    <span class="badge bg-warning" id="certorder_status_6">0</span>
+                    即将过期
+                </li>
+                <li href="/cert/certorder?status=7" class="list-group-item">
+                    <span class="badge badge-empty" id="certorder_status_7">0</span>
+                    已过期
+                </li>
+                <li class="list-group-item text-center">
+                    <a href="/cert/deploytask"><b>自动部署任务</b></a>
+                </li>
+                <li href="/cert/deploytask?status=0" class="list-group-item">
+                    <span class="badge bg-info" id="certdeploy_status_0">0</span>
+                    待处理
+                </li>
+                <li href="/cert/deploytask?status=1" class="list-group-item">
+                    <span class="badge bg-success" id="certdeploy_status_1">0</span>
+                    部署成功
+                </li>
+                <li href="/cert/deploytask?status=-1" class="list-group-item">
+                    <span class="badge bg-danger" id="certdeploy_status_2">0</span>
+                    部署失败
+                </li>
             </div>
-            <table class="table table-bordered">
-                <tbody>
-                <tr>
-                    <td class="query-title">框架版本</td>
-                    <td class="query-result">{$info.framework_version}</td>
-                </tr>
-                <tr>
-                    <td class="query-title">PHP版本</td>
-                    <td class="query-result">{$info.php_version}</td>
-                </tr>
-                <tr>
-                    <td class="query-title">数据库版本</td>
-                    <td class="query-result">{$info.mysql_version}</td>
-                </tr>
-                <tr>
-                    <td class="query-title">Web服务器</td>
-                    <td class="query-result">{$info.software}</td>
-                </tr>
-                <tr>
-                    <td class="query-title">服务器时间</td>
-                    <td class="query-result">{$info.date}</td>
-                </tr>
-                </tbody>
-            </table>
         </div>
-        <div class="box box-default">
-            <div class="box-header with-border">
-                <i class="fa fa-volume-up"></i>
-                <h3 class="box-title">版本信息</h3>
+    </div>
+    <div class="col-md-4 col-sm-12">
+        <div class="panel panel-info">
+            <div class="panel-heading font-bold"><h3 class="panel-title">服务器信息</h3></div>
+            <div class="panel-body">
+                <li class="list-group-item">
+                    <b>框架版本：</b>{$info.framework_version}
+                </li>
+                <li class="list-group-item">
+                    <b>PHP版本：</b>{$info.php_version}
+                </li>
+                <li class="list-group-item">
+                    <b>数据库版本：</b>{$info.mysql_version}
+                </li>
+                <li class="list-group-item">
+                    <b>Web服务器：</b>{$info.software}
+                </li>
+                <li class="list-group-item">
+                    <b>服务器时间：</b>{$info.date}
+                </li>
+            </div>
+        </div>
+        <div class="panel panel-default">
+            <div class="panel-heading font-bold"><h3 class="panel-title">版本信息</h3></div>
+            <div class="panel-body">
+                <ul class="list-group text-dark" id="checkupdate"></ul>
+            </div>
+            <div class="panel-footer">
+                <button class="btn btn-default btn-block" onclick="cleancache()"><i class="fa fa-trash"></i>清理缓存</button>
             </div>
-            <ul class="list-group text-dark" id="checkupdate"></ul>
         </div>
-		<button class="btn btn-default btn-block" onclick="cleancache()"><i class="fa fa-trash"></i>清理缓存</button><br/>
     </div>
 </div>
+{/if}
+{if request()->user['level'] eq 1}
+<div class="row">
+    <div class="col-md-6 col-sm-12">
+        <div class="panel padder-v item text-center">
+            <div class="top text-right w-full"><i class="fa fa-caret-down text-warning m-r-sm"></i></div>
+            <div class="row">
+                <div class="col-xs-3"><div class="round"><i class="fa fa-cubes fa-fw"></i></div></div>
+                <div class="col-xs-9"><div class="h1 text-primary-dk font-thin h1"><span id="count1"></span><span class="text-muted text-md"></span></div><span class="text-muted">域名数量</span></div>
+            </div>
+        </div>
+        <div class="panel b-a">
+            <div class="panel-heading bg-info dk no-border wrapper-lg">
+                <a class="btn btn-sm btn-rounded btn-info pull-right m-r" href="javascript:;"><i class="fa fa-cog fa-fw"></i></a>
+                <a class="btn btn-sm btn-rounded btn-info m-l" href="javascript:;"><i class="fa fa-lock fa-fw"></i></a>
+            </div>
+            <div class="text-center m-b clearfix">
+                <div class="thumb-lg avatar m-t-n-xxl">
+                    <img src="/static/images/user.png" alt="..." class="b b-3x b-white">
+                </div>
+                <div class="h2 font-thin m-t-sm">{$user.username}</div>
+            </div>
+            <div class="hbox text-center b-b b-light text-sm">
+                <a href="/setpwd" class="col padder-v text-muted b-r b-light">
+                    <i class="icon-settings block m-b-xs fa-2x"></i>
+                    <span>修改密码</span>
+                </a>
+                <a href="/domain" class="col padder-v text-muted b-r b-light">
+                    <i class="icon-list block m-b-xs fa-2x"></i>
+                    <span>域名列表</span>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6 col-sm-12">
+        <div class="panel panel-default">
+            <div class="panel-heading font-bold"><h3 class="panel-title">系统信息</h3></div>
+            <div class="panel-body">
+                <ul class="list-group text-dark">
+                    <li class="list-group-item">
+                        <b>框架版本：</b>{$info.framework_version}
+                    </li>
+                    <li class="list-group-item">
+                        <b>PHP版本：</b>{$info.php_version}
+                    </li>
+                    <li class="list-group-item">
+                        <b>数据库版本：</b>{$info.mysql_version}
+                    </li>
+                    <li class="list-group-item">
+                        <b>Web服务器：</b>{$info.software}
+                    </li>
+                    <li class="list-group-item">
+                        <b>服务器时间：</b>{$info.date}
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+{/if}
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-$(document).ready(function(){
-    $.ajax({
-		type : "POST",
-		url : "/",
-        data : {do: 'stat'},
-		dataType : 'json',
-		success : function(data) {
-            $('#count1').html(data.domains);
-			$('#count2').html(data.tasks);
-			$('#count3').html(data.certs);
-            $('#count4').html(data.deploys);
-			$('#dmonitor_state').html(data.dmonitor_state==1?'<font color="green">正在运行</font>':'<font color="red">已停止</font>');
-			$('#dmonitor_active').html(data.dmonitor_active);
-			$('#dmonitor_status_0').html(data.dmonitor_status_0);
-			$('#dmonitor_status_1').html(data.dmonitor_status_1);
-			$('#optimizeip_active').html(data.optimizeip_active);
-			$('#optimizeip_status_1').html(data.optimizeip_status_1);
-			$('#optimizeip_status_2').html(data.optimizeip_status_2);
-			$('#certorder_status_3').html(data.certorder_status_3);
-			$('#certorder_status_5').html(data.certorder_status_5);
-			$('#certorder_status_6').html(data.certorder_status_6);
-			$('#certorder_status_7').html(data.certorder_status_7);
-			$('#certdeploy_status_0').html(data.certdeploy_status_0);
-			$('#certdeploy_status_1').html(data.certdeploy_status_1);
-			$('#certdeploy_status_2').html(data.certdeploy_status_2);
-			$('.badge').each(function() {
-				if ($(this).text().trim() === '0') {
-					$(this).css('opacity', '0.4');
-				}
-			});
-            $.ajax({
-				url: '{$checkupdate}',
-				type: 'get',
-				dataType: 'jsonp',
-				jsonpCallback: 'callback'
-			}).done(function(data){
-				$("#checkupdate").html(data.msg);
-			})
-        }
+    $(document).ready(function () {
+        $.ajax({
+            type: "POST",
+            url: "/",
+            data: {do: 'stat'},
+            dataType: 'json',
+            success: function (data) {
+                $('#count1').html(data.domains);
+                $('#count2').html(data.tasks);
+                $('#count3').html(data.certs);
+                $('#count4').html(data.deploys);
+                $('#dmonitor_state').html(data.dmonitor_state==1?'<font color="green">正在运行</font>':'<font color="red">已停止</font>');
+                $('#dmonitor_active').html(data.dmonitor_active);
+                $('#dmonitor_status_0').html(data.dmonitor_status_0);
+                $('#dmonitor_status_1').html(data.dmonitor_status_1);
+                $('#optimizeip_active').html(data.optimizeip_active);
+                $('#optimizeip_status_1').html(data.optimizeip_status_1);
+                $('#optimizeip_status_2').html(data.optimizeip_status_2);
+                $('#certorder_status_3').html(data.certorder_status_3);
+                $('#certorder_status_5').html(data.certorder_status_5);
+                $('#certorder_status_6').html(data.certorder_status_6);
+                $('#certorder_status_7').html(data.certorder_status_7);
+                $('#certdeploy_status_0').html(data.certdeploy_status_0);
+                $('#certdeploy_status_1').html(data.certdeploy_status_1);
+                $('#certdeploy_status_2').html(data.certdeploy_status_2);
+                $('.badge').each(function() {
+                    if ($(this).text().trim() === '0') {
+                        $(this).css('opacity', '0.4');
+                    }
+                });
+                $.ajax({
+                    url: '{$checkupdate}',
+                    type: 'get',
+                    dataType: 'jsonp',
+                    jsonpCallback: 'callback'
+                }).done(function (data) {
+                    $("#checkupdate").html(data.msg);
+                })
+            }
+        })
     })
-})
-function cleancache(){
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'GET',
-		url : '/cleancache',
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			layer.msg('清理缓存成功', {icon: 1});
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-}
+
+    function cleancache() {
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'GET',
+            url: '/cleancache',
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                layer.msg('清理缓存成功', {icon: 1});
+            },
+            error: function (data) {
+                layer.close(ii);
+                layer.msg('服务器错误');
+            }
+        });
+    }
 </script>
 <script>
-function speedModeNotice(){
-    var ua = window.navigator.userAgent;
-    if(ua.indexOf('Windows NT')>-1 && ua.indexOf('Trident/')>-1){
-        var html = "<div class=\"panel panel-default\"><div class=\"panel-body\">当前浏览器是兼容模式，为确保后台功能正常使用，请切换到<b style='color:#51b72f'>极速模式</b>！<br>操作方法：点击浏览器地址栏右侧的IE符号<b style='color:#51b72f;'><i class='fa fa-internet-explorer fa-fw'></i></b>→选择“<b style='color:#51b72f;'><i class='fa fa-flash fa-fw'></i></b><b style='color:#51b72f;'>极速模式</b>”</div></div>";
-        $("#browser-notice").html(html)
-    }else if(window.location.protocol.indexOf("https")==-1){
-        var html = "<div class=\"panel panel-default\"><div class=\"panel-body\"><b style='color:#CC3022;'><i class='fa fa-info-circle fa-fw'></i></b>当前正在使用HTTP访问，可能存在被窃取敏感信息风险，请使用HTTPS访问！</div></div>";
-        $("#browser-notice").html(html)
+    function speedModeNotice() {
+        var ua = window.navigator.userAgent;
+        if (ua.indexOf('Windows NT') > -1 && ua.indexOf('Trident/') > -1) {
+            var html = "<div class=\"panel panel-default\"><div class=\"panel-body\">当前浏览器是兼容模式，为确保后台功能正常使用，请切换到<b style='color:#51b72f'>极速模式</b>！<br>操作方法：点击浏览器地址栏右侧的IE符号<b style='color:#51b72f;'><i class='fa fa-internet-explorer fa-fw'></i></b>→选择“<b style='color:#51b72f;'><i class='fa fa-flash fa-fw'></i></b><b style='color:#51b72f;'>极速模式</b>”</div></div>";
+            $("#browser-notice").html(html)
+        } else if (window.location.protocol.indexOf("https") == -1) {
+            var html = "<div class=\"panel panel-default\"><div class=\"panel-body\"><b style='color:#CC3022;'><i class='fa fa-info-circle fa-fw'></i></b>当前正在使用HTTP访问，可能存在被窃取敏感信息风险，请使用HTTPS访问！</div></div>";
+            $("#browser-notice").html(html)
+        }
     }
-}
-speedModeNotice();
+
+    speedModeNotice();
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/index/setpwd.html b/app/view/index/setpwd.html
old mode 100644
new mode 100755
index 9b4f198..e897c5b
--- a/app/view/index/setpwd.html
+++ b/app/view/index/setpwd.html
@@ -2,186 +2,187 @@
 {block name="title"}修改密码{/block}
 {block name="main"}
 <div class="row">
-<div class="col-xs-12 col-sm-8 col-lg-6 center-block" style="float: none;">
-<div class="panel panel-primary">
-<div class="panel-heading"><h3 class="panel-title">修改密码</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveAccount(this)" method="post" class="form" role="form">
-	<div class="form-group">
-	  <label>旧密码：</label>
-	  <input type="password" name="oldpwd" value="" class="form-control"  placeholder="请输入当前的密码" required/>
-	</div>
-    <div class="form-group">
-	  <label>新密码：</label>
-	  <input type="password" name="newpwd" value="" class="form-control"  placeholder="" required/>
-	</div>
-    <div class="form-group">
-	  <label>重输密码：</label>
-	  <input type="password" name="newpwd2" value="" class="form-control"  placeholder="" required/>
-	</div>
-	<div class="form-group text-center">
-	  <input type="submit" name="submit" value="确定" class="btn btn-success btn-block"/>
-	</div>
-  </form>
-</div>
-</div>
-<div class="panel panel-warning">
-<div class="panel-heading"><h3 class="panel-title">TOTP二次验证</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveAccount(this)" method="post" class="form" role="form">
-	<div class="form-group">
-		<div class="input-group">
-			{if $user.totp_open == 1}
-			<input type="text" name="totp_status" value="已开启" style="color:green" class="form-control" readonly/>
-			<div class="input-group-btn"><button type="button" class="btn btn-info" onclick="open_totp()">重置</button></div>
-			<div class="input-group-btn"><button type="button" class="btn btn-danger" onclick="close_totp()">关闭</button></div>
-			{else}
-			<input type="text" name="totp_status" value="未开启" style="color:blue" class="form-control" readonly/>
-			<div class="input-group-btn"><button type="button" class="btn btn-info" onclick="open_totp()">开启</button></div>
-			{/if}
-		</div>
-	</div>
-  </form>
-</div>
-<div class="panel-footer">
-<p><span class="glyphicon glyphicon-info-sign"></span> 开启后，登录时需使用支持TOTP的认证软件进行二次验证，提高账号安全性。开启前需确保服务器时间正确。</p>
-<p>支持TOTP的认证软件：<a href="https://sj.qq.com/appdetail/com.tencent.authenticator" target="_blank" rel="noreferrer">腾讯身份验证器</a>、<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" target="_blank" rel="noreferrer">谷歌身份验证器</a>、<a href="https://www.microsoft.com/zh-cn/security/mobile-authenticator-app" target="_blank" rel="noreferrer">微软身份验证器</a>、<a href="https://github.com/freeotp" target="_blank" rel="noreferrer">FreeOTP</a></p>
-</div>
-</div>
-<div class="modal" id="modal-totp" data-backdrop="static" data-keyboard="false" aria-hidden="true">
-	<div class="modal-dialog" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-				<h4 class="modal-title">TOTP绑定</h4>
-			</div>
-			<div class="modal-body text-center">
-				<p>使用支持TOTP的认证软件扫描以下二维码</p>
-				<div class="qr-image mt-4" id="qrcode"></div>
-				<p><a href="javascript:;" data-clipboard-text="" id="copy-btn">复制密钥</a></p>
-				<form id="form-totp" style="text-align: left;" onsubmit="return bind_totp()">
-					<div class="form-group mt-4">
-						<div class="input-group"><input type="number" class="form-control input-lg" name="code" id="code" value="" placeholder="填写动态口令" autocomplete="off" required><div class="input-group-btn"><input type="submit" name="submit" value="完成绑定" class="btn btn-success btn-lg btn-block"/></div></div>
-					</div>
-				</form>
-			</div>
-		</div>
-	</div>
+    <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
+        <div class="panel panel-info">
+            <div class="panel-heading font-bold"><h3 class="panel-title">修改密码</h3></div>
+            <div class="panel-body">
+                <form class="form" method="post" onsubmit="return saveAccount(this)" role="form">
+                    <div class="form-group">
+                        <label>旧密码：</label>
+                        <input class="form-control" name="oldpwd" placeholder="请输入当前的密码" required type="password" value=""/>
+                    </div>
+                    <div class="form-group">
+                        <label>新密码：</label>
+                        <input class="form-control" name="newpwd" placeholder="" required type="password" value=""/>
+                    </div>
+                    <div class="form-group">
+                        <label>重输密码：</label>
+                        <input class="form-control" name="newpwd2" placeholder="" required type="password" value=""/>
+                    </div>
+                    <div class="form-group text-center">
+                        <input class="btn btn-primary btn-block" name="submit" type="submit" value="确定"/>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="panel panel-warning">
+            <div class="panel-heading"><h3 class="panel-title">TOTP二次验证</h3></div>
+            <div class="panel-body">
+                <form onsubmit="return saveAccount(this)" method="post" class="form" role="form">
+                    <div class="form-group">
+                        <div class="input-group">
+                            {if $user.totp_open == 1}
+                            <input type="text" name="totp_status" value="已开启" style="color:green" class="form-control" readonly/>
+                            <div class="input-group-btn"><button type="button" class="btn btn-info" onclick="open_totp()">重置</button></div>
+                            <div class="input-group-btn"><button type="button" class="btn btn-danger" onclick="close_totp()">关闭</button></div>
+                            {else}
+                            <input type="text" name="totp_status" value="未开启" style="color:blue" class="form-control" readonly/>
+                            <div class="input-group-btn"><button type="button" class="btn btn-info" onclick="open_totp()">开启</button></div>
+                            {/if}
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="panel-footer">
+                <p><span class="glyphicon glyphicon-info-sign"></span> 开启后，登录时需使用支持TOTP的认证软件进行二次验证，提高账号安全性。开启前需确保服务器时间正确。</p>
+                <p>支持TOTP的认证软件：<a href="https://sj.qq.com/appdetail/com.tencent.authenticator" target="_blank" rel="noreferrer">腾讯身份验证器</a>、<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" target="_blank" rel="noreferrer">谷歌身份验证器</a>、<a href="https://www.microsoft.com/zh-cn/security/mobile-authenticator-app" target="_blank" rel="noreferrer">微软身份验证器</a>、<a href="https://github.com/freeotp" target="_blank" rel="noreferrer">FreeOTP</a></p>
+            </div>
+        </div>
+        <div aria-hidden="true" aria-labelledby="myModalLabel" class="modal inmodal fade" data-backdrop="static" id="modal-totp" data-keyboard="false" role="dialog">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <button aria-label="Close" class="close" data-dismiss="modal" type="button">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                        <h4 class="modal-title">TOTP绑定</h4>
+                    </div>
+                    <div class="modal-body">
+                        <p>使用支持TOTP的认证软件扫描以下二维码</p>
+                        <div class="qr-image mt-4" id="qrcode"></div>
+                        <p><a href="javascript:;" data-clipboard-text="" id="copy-btn">复制密钥</a></p>
+                        <form id="form-totp" style="text-align: left;" onsubmit="return bind_totp()">
+                            <div class="form-group mt-4">
+                                <div class="input-group"><input type="number" class="form-control input-lg" name="code" id="code" value="" placeholder="填写动态口令" autocomplete="off" required><div class="input-group-btn"><input type="submit" name="submit" value="完成绑定" class="btn btn-success btn-lg btn-block"/></div></div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
 <script src="{$cdnpublic}clipboard.js/1.7.1/clipboard.min.js"></script>
 <script>
-var commonData = {secret:null,qrcode:null};
-function saveAccount(obj){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '/setpwd',
-		data : $(obj).serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert('密码修改成功！请重新登录。', {
-					icon: 1,
-					closeBtn: false
-				}, function(){
-				  window.location.reload()
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		},
-		error:function(data){
+    var commonData = {secret:null,qrcode:null};
+    function saveAccount(obj) {
+        var ii = layer.load(2, {shade: [0.1, '#fff']});
+        $.ajax({
+            type: 'POST',
+            url: '/setpwd',
+            data: $(obj).serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert('密码修改成功！请重新登录。', {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        window.location.reload()
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            },
+            error: function (data) {
+                layer.close(ii);
+                layer.msg('服务器错误');
+            }
+        });
+        return false;
+    }
+    function open_totp(){
+        if(!commonData.qrcode || !commonData.secret){
+            var ii = layer.load(2, {shade:[0.1,'#fff']});
+            $.post('/totp/generate', {}, function(res){
+                layer.close(ii);
+                if(res.code == 0){
+                    commonData.secret = res.data.secret;
+                    commonData.qrcode = res.data.qrcode;
+                    $('#qrcode').qrcode({
+                        text: commonData.qrcode,
+                        width: 150,
+                        height: 150,
+                        foreground: "#000000",
+                        background: "#ffffff",
+                        typeNumber: -1
+                    });
+                    $("#copy-btn").attr('data-clipboard-text', commonData.secret);
+                    $('#modal-totp').modal('show');
+                    $("#code").focus();
+                }else{
+                    layer.alert(res.msg, {icon: 2});
+                }
+            });
+        }else{
+            $('#modal-totp').modal('show');
+            $("#code").focus();
+        }
+    }
+    function bind_totp(){
+        var code = $("#code").val();
+        if(code.length != 6){
+            layer.msg('动态口令格式错误', {icon: 2});
+            return false;
+        }
+        var ii = layer.load(2, {shade:[0.1,'#fff']});
+        $.post('/totp/bind', {secret:commonData.secret, code:code}, function(res){
             layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-	return false;
-}
-function open_totp(){
-	if(!commonData.qrcode || !commonData.secret){
-		var ii = layer.load(2, {shade:[0.1,'#fff']});
-		$.post('/totp/generate', {}, function(res){
-			layer.close(ii);
-			if(res.code == 0){
-				commonData.secret = res.data.secret;
-				commonData.qrcode = res.data.qrcode;
-				$('#qrcode').qrcode({
-					text: commonData.qrcode,
-					width: 150,
-					height: 150,
-					foreground: "#000000",
-					background: "#ffffff",
-					typeNumber: -1
-				});
-				$("#copy-btn").attr('data-clipboard-text', commonData.secret);
-				$('#modal-totp').modal('show');
-				$("#code").focus();
-			}else{
-				layer.alert(res.msg, {icon: 2});
-			}
-		});
-	}else{
-		$('#modal-totp').modal('show');
-		$("#code").focus();
-	}
-}
-function bind_totp(){
-	var code = $("#code").val();
-	if(code.length != 6){
-		layer.msg('动态口令格式错误', {icon: 2});
-		return false;
-	}
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.post('/totp/bind', {secret:commonData.secret, code:code}, function(res){
-		layer.close(ii);
-		if(res.code == 0){
-			layer.alert('TOTP绑定成功', {icon: 1}, function(){
-				window.location.reload();
-			});
-		}else{
-			layer.alert(res.msg, {icon: 2});
-		}
-	});
-	return false;
-}
-function close_totp(){
-	layer.confirm('确定要关闭TOTP二次验证吗？', {
-		btn: ['确定','取消']
-	}, function(){
-		var ii = layer.load(2, {shade:[0.1,'#fff']});
-		$.post('/totp/close', {}, function(res){
-			layer.close(ii);
-			if(res.code == 0){
-				layer.alert('TOTP已关闭', {icon: 1}, function(){
-					window.location.reload();
-				});
-			}else{
-				layer.alert(res.msg, {icon: 2});
-			}
-		});
-	});
-}
-$(document).ready(function(){
-	var clipboard = new Clipboard('#copy-btn');
-	clipboard.on('success', function (e) {
-		layer.msg('复制成功！', {icon: 1, time: 600});
-	});
-	clipboard.on('error', function (e) {
-		layer.msg('复制失败', {icon: 2});
-	});
-	$("#code").keyup(function(){
-		var code = $(this).val();
-		if(code.length == 6){
-			$("#form-totp").submit();
-		}
-	});
-});
+            if(res.code == 0){
+                layer.alert('TOTP绑定成功', {icon: 1}, function(){
+                    window.location.reload();
+                });
+            }else{
+                layer.alert(res.msg, {icon: 2});
+            }
+        });
+        return false;
+    }
+    function close_totp(){
+        layer.confirm('确定要关闭TOTP二次验证吗？', {
+            btn: ['确定','取消']
+        }, function(){
+            var ii = layer.load(2, {shade:[0.1,'#fff']});
+            $.post('/totp/close', {}, function(res){
+                layer.close(ii);
+                if(res.code == 0){
+                    layer.alert('TOTP已关闭', {icon: 1}, function(){
+                        window.location.reload();
+                    });
+                }else{
+                    layer.alert(res.msg, {icon: 2});
+                }
+            });
+        });
+    }
+    $(document).ready(function(){
+        var clipboard = new Clipboard('#copy-btn');
+        clipboard.on('success', function (e) {
+            layer.msg('复制成功！', {icon: 1, time: 600});
+        });
+        clipboard.on('error', function (e) {
+            layer.msg('复制失败', {icon: 2});
+        });
+        $("#code").keyup(function(){
+            var code = $(this).val();
+            if(code.length == 6){
+                $("#form-totp").submit();
+            }
+        });
+    });
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/install/index.html b/app/view/install/index.html
old mode 100644
new mode 100755
index 3667912..4a4c114
--- a/app/view/install/index.html
+++ b/app/view/install/index.html
@@ -2,10 +2,10 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="IE=edge" http-equiv="X-UA-Compatible">
     <title>聚合DNS管理系统 - 安装程序</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <meta name="renderer" content="webkit">
+    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
+    <meta content="webkit" name="renderer">
     <style>
         body {
             background: #f1f6fd;
@@ -153,7 +153,11 @@
 <body>
 <div class="container">
     <h1>
-        <svg t="1671271578323" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2750" data-spm-anchor-id="a313x.7781069.0.i0" width="20%" height="100%"><path d="M571.904 682.496h57.344V388.096h-59.904v183.296L452.096 390.144v-2.048H392.704v294.4h59.904V497.152l117.248 183.296v2.048h2.048zM200.704 320c34.304-55.296 82.944-100.352 140.8-130.048-12.8 36.352-27.648 85.504-38.4 142.848H399.36c8.704-57.856 23.552-119.296 45.056-179.2H440.32c23.552-4.096 47.104-6.144 72.704-6.144s49.152 2.048 72.704 8.704c21.504 59.904 34.304 123.904 45.056 179.2h95.744c-10.752-57.344-25.6-104.448-38.4-140.8 55.296 29.696 102.4 74.752 136.704 128 0 4.096 2.048 6.656 2.048 10.752H947.2c-70.144-170.496-239.104-290.304-435.2-290.304C313.344 42.496 144.896 162.304 74.752 332.8h121.856c-0.512-4.096 2.048-10.752 4.096-12.8z m780.8 185.856h-177.152V448h170.496c-2.048-21.504-6.144-42.496-10.752-57.344h-217.6v177.152h177.152v59.904h-177.152v55.296h204.8c19.456-49.152 25.6-98.304 27.648-142.848v25.6l2.56-59.904zM275.456 623.104V448S271.36 388.096 215.552 388.096H59.904c-16.896 66.048-31.744 181.248 10.752 294.4h144.896c2.048 0 59.904 0 59.904-59.392z m-57.856 2.048H100.352v-179.2h117.248v179.2z m471.552 202.752c10.752-27.648 16.896-57.344 23.552-82.944h-93.696c-14.848 68.096-31.744 113.152-36.352 125.952-23.552 4.096-47.104 6.656-72.704 6.656-23.552 0-45.056-2.048-66.048-6.656-2.048-4.096-21.504-49.152-36.352-125.952H313.344c6.144 29.696 14.848 57.344 25.6 87.552-42.496-21.504-78.848-53.248-108.544-87.552H102.4c80.896 140.8 232.448 236.544 409.6 236.544 175.104 0 328.704-96.256 409.6-236.544h-132.096c-27.648 33.792-59.904 61.44-100.352 82.944z" fill="#2B85FB" p-id="2751"></path></svg>
+        <svg class="icon" data-spm-anchor-id="a313x.7781069.0.i0" height="100%" p-id="2750" t="1671271578323"
+             version="1.1" viewBox="0 0 1024 1024" width="20%" xmlns="http://www.w3.org/2000/svg">
+            <path d="M571.904 682.496h57.344V388.096h-59.904v183.296L452.096 390.144v-2.048H392.704v294.4h59.904V497.152l117.248 183.296v2.048h2.048zM200.704 320c34.304-55.296 82.944-100.352 140.8-130.048-12.8 36.352-27.648 85.504-38.4 142.848H399.36c8.704-57.856 23.552-119.296 45.056-179.2H440.32c23.552-4.096 47.104-6.144 72.704-6.144s49.152 2.048 72.704 8.704c21.504 59.904 34.304 123.904 45.056 179.2h95.744c-10.752-57.344-25.6-104.448-38.4-140.8 55.296 29.696 102.4 74.752 136.704 128 0 4.096 2.048 6.656 2.048 10.752H947.2c-70.144-170.496-239.104-290.304-435.2-290.304C313.344 42.496 144.896 162.304 74.752 332.8h121.856c-0.512-4.096 2.048-10.752 4.096-12.8z m780.8 185.856h-177.152V448h170.496c-2.048-21.504-6.144-42.496-10.752-57.344h-217.6v177.152h177.152v59.904h-177.152v55.296h204.8c19.456-49.152 25.6-98.304 27.648-142.848v25.6l2.56-59.904zM275.456 623.104V448S271.36 388.096 215.552 388.096H59.904c-16.896 66.048-31.744 181.248 10.752 294.4h144.896c2.048 0 59.904 0 59.904-59.392z m-57.856 2.048H100.352v-179.2h117.248v179.2z m471.552 202.752c10.752-27.648 16.896-57.344 23.552-82.944h-93.696c-14.848 68.096-31.744 113.152-36.352 125.952-23.552 4.096-47.104 6.656-72.704 6.656-23.552 0-45.056-2.048-66.048-6.656-2.048-4.096-21.504-49.152-36.352-125.952H313.344c6.144 29.696 14.848 57.344 25.6 87.552-42.496-21.504-78.848-53.248-108.544-87.552H102.4c80.896 140.8 232.448 236.544 409.6 236.544 175.104 0 328.704-96.256 409.6-236.544h-132.096c-27.648 33.792-59.904 61.44-100.352 82.944z"
+                  fill="#2B85FB" p-id="2751"></path>
+        </svg>
         </svg>
     </h1>
     <h2>聚合DNS管理系统 - 安装程序</h2>
@@ -166,44 +170,44 @@
             <div class="form-group">
                 <div class="form-field">
                     <label>MySQL 数据库地址</label>
-                    <input type="text" name="mysql_host" value="localhost" required="">
+                    <input name="mysql_host" required="" type="text" value="localhost">
                 </div>
 
                 <div class="form-field">
                     <label>MySQL 数据库端口</label>
-                    <input type="number" name="mysql_port" value="3306">
+                    <input name="mysql_port" type="number" value="3306">
                 </div>
 
                 <div class="form-field">
                     <label>MySQL 用户名</label>
-                    <input type="text" name="mysql_user" value="" required="">
+                    <input name="mysql_user" required="" type="text" value="">
                 </div>
 
                 <div class="form-field">
                     <label>MySQL 密码</label>
-                    <input type="text" name="mysql_pwd" value="" required="">
+                    <input name="mysql_pwd" required="" type="text" value="">
                 </div>
 
                 <div class="form-field">
                     <label>MySQL 数据库名</label>
-                    <input type="text" name="mysql_name" value="" required="">
+                    <input name="mysql_name" required="" type="text" value="">
                 </div>
 
                 <div class="form-field">
                     <label>MySQL 数据表前缀</label>
-                    <input type="text" name="mysql_prefix" value="dnsmgr_">
+                    <input name="mysql_prefix" type="text" value="dnsmgr_">
                 </div>
             </div>
 
             <div class="form-group">
                 <div class="form-field">
                     <label>管理员用户名</label>
-                    <input type="text" name="admin_username" value="admin" required=""/>
+                    <input name="admin_username" required="" type="text" value="admin"/>
                 </div>
 
                 <div class="form-field">
                     <label>管理员密码</label>
-                    <input type="text" name="admin_password" value="123456" required="">
+                    <input name="admin_password" required="" type="text" value="123456">
                 </div>
             </div>
 
diff --git a/app/view/optimizeip/opipform.html b/app/view/optimizeip/opipform.html
old mode 100644
new mode 100755
index 3cc69ec..76f3165
--- a/app/view/optimizeip/opipform.html
+++ b/app/view/optimizeip/opipform.html
@@ -2,187 +2,194 @@
 {block name="title"}优选IP任务{/block}
 {block name="main"}
 <style>
-    .dselect::before{
+    .dselect::before {
         content: '.';
         position: absolute;
         left: 0;
     }
-    .tips{color: #f6a838; padding-left: 5px;}
+
+    .tips {
+        color: #f6a838;
+        padding-left: 5px;
+    }
 </style>
-<div class="row" id="app">
-<div class="col-xs-12 center-block" style="float: none;">
-<div class="panel panel-default">
-<div class="panel-heading"><h3 class="panel-title"><a href="/optimizeip/opiplist" class="btn btn-sm btn-default pull-right" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}优选IP任务</h3></div>
-<div class="panel-body">
-  <form onsubmit="return false" method="post" class="form-horizontal" role="form" id="taskform">
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">域名选择</label>
-        <div class="col-sm-6">
-            <div class="input-group">
-                <input type="text" name="rr" v-model="set.rr" placeholder="主机记录" class="form-control" required>
-                <span class="input-group-addon">.</span>
-                <select name="did" v-model="set.did" class="form-control" required>
-                    <option value="">--主域名--</option>
-                    {foreach $domains as $k=>$v}
-                        <option value="{$k}">{$v}</option>
-                    {/foreach}
-                </select>
-                <a tabindex="0" class="input-group-addon" role="button" data-toggle="popover" data-trigger="focus" title="" data-placement="bottom" data-content="不支持对CloudFlare里的域名添加优选，必须使用其他DNS服务商。" data-original-title="说明"><span class="glyphicon glyphicon-info-sign"></span></a>
-            </div>
+<div id="app">
+    <div class="panel panel-default">
+        <div class="panel-heading font-bold"><h3 class="panel-title"><a class="btn btn-sm btn-default pull-right" href="/optimizeip/opiplist" style="margin-top:-6px"><i class="fa fa-reply fa-fw"></i> 返回</a>{if $action=='edit'}编辑{else}添加{/if}优选IP任务</h3></div>
+        <div class="panel-body">
+            <form class="form-horizontal" id="taskform" method="post" onsubmit="return false" role="form">
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">域名选择</label>
+                    <div class="col-sm-6">
+                        <div class="input-group">
+                            <input type="text" name="rr" v-model="set.rr" placeholder="主机记录" class="form-control" required>
+                            <span class="input-group-addon">.</span>
+                            <select name="did" v-model="set.did" class="form-control" required>
+                                <option value="">--主域名--</option>
+                                {foreach $domains as $k=>$v}
+                                <option value="{$k}">{$v}</option>
+                                {/foreach}
+                            </select>
+                            <a tabindex="0" class="input-group-addon" role="button" data-toggle="popover" data-trigger="focus" title="" data-placement="bottom" data-content="不支持对CloudFlare里的域名添加优选，必须使用其他DNS服务商。" data-original-title="说明"><span class="glyphicon glyphicon-info-sign"></span></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">CDN服务商</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline" v-for="(value,key) in cdntypeList">
+                            <input :value="key" name="cdntype" type="radio" v-model="set.cdn_type"> {{value}}
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">解析线路类型</label>
+                    <div class="col-sm-6">
+                        <label class="radio-inline">
+                            <input name="type" type="radio" v-model="set.type" value="0"> 电信/联通/移动线路<span class="tips" data-original-title="" data-placement="bottom" data-toggle="tooltip" title="用于已在CF添加，需优化三网访问速度的域名"><i class="fa fa-question-circle"></i></span>
+                        </label>
+                        <label class="radio-inline">
+                            <input name="type" type="radio" v-model="set.type" value="1"> 默认/联通/移动线路<span class="tips" data-original-title="" data-placement="bottom" data-toggle="tooltip" title="将电信优选IP解析到默认线路，用于给其他域名提供CNAME服务"><i class="fa fa-question-circle"></i></span>
+                        </label>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">解析IP类型<span class="tips" data-original-title="同时开启IPv6&IPv4将会请求2次接口消耗双倍积分" data-placement="bottom" data-toggle="tooltip" title=""><i class="fa fa-question-circle"></i></span></label>
+                    <div class="col-sm-6">
+                        <label class="checkbox-inline" v-for="option in iptypeList">
+                            <input :value="option.value" name="ip_type" required type="checkbox" v-model="set.ip_type_select"> {{option.label}}
+                        </label>
+                        <br/>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">每线路解析数量<span class="tips" data-original-title="数量不要超过当前域名套餐允许的最大数量，否则会添加解析失败" data-placement="bottom" data-toggle="tooltip" title=""><i class="fa fa-question-circle"></i></span></label>
+                    <div class="col-sm-6">
+                        <input class="form-control" data-bv-integer="true" max="5" min="1" name="recordnum" placeholder="填写每线路解析数量" required type="text" v-model="set.recordnum">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">TTL<span class="tips" data-original-title="TTL不要低于当前域名套餐允许的最小值，否则会添加解析失败" data-placement="bottom" data-toggle="tooltip" title=""><i class="fa fa-question-circle"></i></span></label>
+                    <div class="col-sm-6">
+                        <input class="form-control" data-bv-integer="true" max="3600" min="1" name="ttl" placeholder="填写TTL" required type="text" v-model="set.ttl">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="col-sm-3 control-label no-padding-right">备注</label>
+                    <div class="col-sm-6">
+                        <input class="form-control" name="remark" placeholder="可留空" type="text" v-model="set.remark">
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type==0">
+                    <div class="col-sm-offset-3 col-sm-6">
+                        <div class="alert alert-dismissible alert-info">
+                            <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">&times;</span></button>
+                            <strong>提示：</strong>所选域名需保留一个默认线路的解析记录，指向{{cdntypeList[set.cdn_type]}}提供的CNAME地址，其他线路的解析记录需要删除，添加任务后将自动为当前域名添加电信/联通/移动线路的解析记录。
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group" v-show="set.type==1">
+                    <div class="col-sm-offset-3 col-sm-6">
+                        <div class="alert alert-dismissible alert-info">
+                            <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">&times;</span></button>
+                            <strong>提示：</strong>所选域名需删除全部解析记录，添加任务后将自动为当前域名添加解析记录。
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-3 col-sm-6">
+                        <button @click="submit" class="btn btn-primary" type="button">提交</button>
+                    </div>
+                </div>
+            </form>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">CDN服务商</label>
-        <div class="col-sm-6">
-            <label class="radio-inline" v-for="(value,key) in cdntypeList">
-                <input type="radio" name="cdntype" :value="key" v-model="set.cdn_type"> {{value}}
-            </label>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">解析线路类型</label>
-        <div class="col-sm-6">
-            <label class="radio-inline">
-                <input type="radio" name="type" value="0" v-model="set.type"> 电信/联通/移动线路<span class="tips" title="用于已在CF添加，需优化三网访问速度的域名" data-toggle="tooltip" data-placement="bottom" data-original-title=""><i class="fa fa-question-circle"></i></span>
-            </label>
-            <label class="radio-inline">
-                <input type="radio" name="type" value="1" v-model="set.type"> 默认/联通/移动线路<span class="tips" title="将电信优选IP解析到默认线路，用于给其他域名提供CNAME服务" data-toggle="tooltip" data-placement="bottom" data-original-title=""><i class="fa fa-question-circle"></i></span>
-            </label>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">解析IP类型<span class="tips" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="同时开启IPv6&IPv4将会请求2次接口消耗双倍积分"><i class="fa fa-question-circle"></i></span></label>
-        <div class="col-sm-6">
-            <label class="checkbox-inline" v-for="option in iptypeList">
-                <input type="checkbox" name="ip_type" :value="option.value" v-model="set.ip_type_select" required> {{option.label}}
-            </label><br/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">每线路解析数量<span class="tips" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="数量不要超过当前域名套餐允许的最大数量，否则会添加解析失败"><i class="fa fa-question-circle"></i></span></label>
-        <div class="col-sm-6">
-            <input type="text" name="recordnum" v-model="set.recordnum" placeholder="填写每线路解析数量" class="form-control" data-bv-integer="true" min="1" max="5" required>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">TTL<span class="tips" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="TTL不要低于当前域名套餐允许的最小值，否则会添加解析失败"><i class="fa fa-question-circle"></i></span></label>
-        <div class="col-sm-6">
-            <input type="text" name="ttl" v-model="set.ttl" placeholder="填写TTL" class="form-control" data-bv-integer="true" min="1" max="3600" required>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-3 control-label no-padding-right">备注</label>
-        <div class="col-sm-6">
-            <input type="text" name="remark" v-model="set.remark" placeholder="可留空" class="form-control">
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type==0">
-        <div class="col-sm-offset-3 col-sm-6">
-            <div class="alert alert-dismissible alert-info">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <strong>提示：</strong>所选域名需保留一个默认线路的解析记录，指向{{cdntypeList[set.cdn_type]}}提供的CNAME地址，其他线路的解析记录需要删除，添加任务后将自动为当前域名添加电信/联通/移动线路的解析记录。
-            </div>
-        </div>
-    </div>
-    <div class="form-group" v-show="set.type==1">
-        <div class="col-sm-offset-3 col-sm-6">
-            <div class="alert alert-dismissible alert-info">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <strong>提示：</strong>所选域名需删除全部解析记录，添加任务后将自动为当前域名添加解析记录。
-            </div>
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-offset-3 col-sm-6"><button type="button" class="btn btn-primary" @click="submit">提交</button></div>
-    </div>
-  </form>
-</div>
 </div>
 {/block}
 {block name="script"}
 <script src="{$cdnpublic}vue/2.6.14/vue.min.js"></script>
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="/static/js/bootstrapValidator.min.js"></script>
 <script>
-var action = '{$action}';
-var info = {$info|json_encode|raw};
-new Vue({
-    el: '#app',
-    data: {
-        action: '{$action}',
-        set: {
-            id: '',
-            remark: '',
-            rr: '',
-            did: '',
-            type: 0,
-            cdn_type: 1,
-            ip_type_select: ['v4'],
-            ip_type: 'v4',
-            recordnum: 2,
-            ttl: 600,
+    var action = '{$action}';
+    var info = {$info | json_encode | raw}
+
+    new Vue({
+        el: '#app',
+        data: {
+            action: '{$action}',
+            set: {
+                id: '',
+                remark: '',
+                rr: '',
+                did: '',
+                type: 0,
+                cdn_type: 1,
+                ip_type_select: ['v4'],
+                ip_type: 'v4',
+                recordnum: 2,
+                ttl: 600,
+            },
+            iptypeList: [
+                {value: 'v4', label: 'IPv4(A记录)'},
+                {value: 'v6', label: 'IPv6(AAAA记录)'},
+            ],
+            cdntypeList: {
+                1: 'CloudFlare',
+                2: "CloudFront",
+                3: 'Gcore'
+            },
         },
-        iptypeList: [
-            {value:'v4', label:'IPv4(A记录)'},
-            {value:'v6', label:'IPv6(AAAA记录)'},
-        ],
-        cdntypeList: {
-            1:'CloudFlare',
-            2:"CloudFront",
-            3:'Gcore'
-        },
-    },
-    watch: {
-        'set.ip_type_select': function(val){
-            this.set.ip_type = val.join(',');
-        }
-    },
-    mounted() {
-        if(this.action == 'edit'){
-            Object.keys(info).forEach((key) => {
-                this.$set(this.set, key, info[key])
-            })
-            this.set.ip_type_select = this.set.ip_type.split(',')
-        }
-        $("#taskform").bootstrapValidator({
-            live: 'submitted',
-        });
-        $('[data-toggle="tooltip"]').tooltip();
-        $('[data-toggle="popover"]').popover()
-    },
-    methods: {
-        submit(){
-            var that=this;
-            $("#taskform").data("bootstrapValidator").validate();
-            if(!$("#taskform").data("bootstrapValidator").isValid()){
-                return false;
+        watch: {
+            'set.ip_type_select': function (val) {
+                this.set.ip_type = val.join(',');
             }
-            var ii = layer.load(2, {shade:[0.1,'#fff']});
-            $.ajax({
-                type: "POST",
-                url: "",
-                data: this.set,
-                dataType: 'json',
-                success: function(data) {
-                    layer.close(ii);
-                    if(data.code == 0){
-                        layer.alert(data.msg, {icon: 1}, function(){
-                            if(document.referrer.indexOf('/opiplist?') > 0)
-                                window.location.href = document.referrer;
-                            else
-                                window.location.href = '/optimizeip/opiplist';
-                        });
-                    }else{
-                        layer.alert(data.msg, {icon: 2});
-                    }
-                },
-                error: function(data){
-                    layer.close(ii);
-                    layer.msg('服务器错误');
-                }
+        },
+        mounted() {
+            if (this.action == 'edit') {
+                Object.keys(info).forEach((key) => {
+                    this.$set(this.set, key, info[key])
+                })
+                this.set.ip_type_select = this.set.ip_type.split(',')
+            }
+            $("#taskform").bootstrapValidator({
+                live: 'submitted',
             });
-        }
-    },
-});
+            $('[data-toggle="tooltip"]').tooltip();
+            $('[data-toggle="popover"]').popover()
+        },
+        methods: {
+            submit() {
+                var that = this;
+                $("#taskform").data("bootstrapValidator").validate();
+                if (!$("#taskform").data("bootstrapValidator").isValid()) {
+                    return false;
+                }
+                var ii = layer.load(2, {shade: [0.1, '#fff']});
+                $.ajax({
+                    type: "POST",
+                    url: "",
+                    data: this.set,
+                    dataType: 'json',
+                    success: function (data) {
+                        layer.close(ii);
+                        if (data.code == 0) {
+                            layer.alert(data.msg, {icon: 1}, function () {
+                                if (document.referrer.indexOf('/opiplist?') > 0)
+                                    window.location.href = document.referrer;
+                                else
+                                    window.location.href = '/optimizeip/opiplist';
+                            });
+                        } else {
+                            layer.alert(data.msg, {icon: 2});
+                        }
+                    },
+                    error: function (data) {
+                        layer.close(ii);
+                        layer.msg('服务器错误');
+                    }
+                });
+            }
+        },
+    });
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/optimizeip/opiplist.html b/app/view/optimizeip/opiplist.html
old mode 100644
new mode 100755
index c6f78c5..4e95d7f
--- a/app/view/optimizeip/opiplist.html
+++ b/app/view/optimizeip/opiplist.html
@@ -2,186 +2,191 @@
 {block name="title"}CF优选IP任务管理{/block}
 {block name="main"}
 <style>
-tbody tr>td:nth-child(2){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:180px;}
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
 </style>
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-	<div class="form-group">
-		<select name="type" class="form-control"><option value="1">域名</option><option value="2">备注</option></select>
-	</div>
-  </div>
-  <div class="form-group">
-	<input type="text" class="form-control" name="kw" placeholder="">
-  </div>
-  <div class="form-group">
-	<div class="form-group">
-		<select name="status" class="form-control"><option value="">更新结果</option><option value="1">成功</option><option value="2">失败</option></select>
-	</div>
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新域名账户列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="/optimizeip/opipform/add" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-</form>
-
-      <table id="listTable">
-	  </table>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">CF优选IP任务管理</h3>
     </div>
-  </div>
-</div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            <div class="form-group">
+                <select class="form-control" name="type">
+                    <option value="1">域名</option>
+                    <option value="2">备注</option>
+                </select>
+            </div>
+        </div>
+        <div class="form-group">
+            <input class="form-control" name="kw" placeholder="" type="text">
+        </div>
+        <div class="form-group">
+            <div class="form-group">
+                <select name="status" class="form-control">
+                    <option value="">更新结果</option>
+                    <option value="1">成功</option>
+                    <option value="2">失败</option>
+                </select>
+            </div>
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新CF优选IP任务列表"><i class="fa fa-refresh"></i> 刷新</a>
+        <a class="btn btn-success" href="/optimizeip/opipform/add"><i class="fa fa-plus"></i> 添加</a>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/optimizeip/opiplist/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'rr',
-				title: '域名',
-				formatter: function(value, row, index) {
-					return '<span title="'+row.remark+'" data-toggle="tooltip" data-placement="right">' + value + '.' + row.domain + '</span>';
-				}
-			},
-			{
-				field: 'cdn_type',
-				title: 'CDN运营商',
-				formatter: function(value, row, index) {
-					if(value == 1){
-						return 'CloudFlare';
-					}else if(value == 2){
-						return 'CloudFront';
-					}else if(value == 3){
-						return 'Gcore';
-					}else{
-						return '未知';
-					}
-				}
-			},
-			{
-				field: 'recordnum',
-				title: '解析数量',
-				formatter: function(value, row, index) {
-					return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="TTL：'+row.ttl+'" class="tips">'+value+'</span>';
-				}
-			},
-			{
-				field: 'ip_type',
-				title: '解析IP类型',
-				formatter: function(value, row, index) {
-					var value = value.split(',')
-					value.forEach((element, index) => {
-						if(element == 'v4') value[index] = 'IPv4'
-						else if(element == 'v6') value[index] = 'IPv6'
-					});
-					return value.join(',');
-				}
-			},
-			{
-				field: 'active',
-				title: '任务开关',
-				formatter: function(value, row, index) {
-					if(value == 1){
-						return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" checked onchange="setActive('+row.id+',0)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
-					}else{
-						return '<div class="material-switch"><input id="active'+row.id+'" type="checkbox" onchange="setActive('+row.id+',1)"/><label for="active'+row.id+'" class="label-primary"></label></div>';
-					}
-				}
-			},
-			{
-				field: 'updatetime',
-				title: '上次更新时间',
-				formatter: function(value, row, index) {
-					return value ? value : '无';
-				}
-			},
-			{
-				field: 'status',
-				title: '上次更新结果',
-				formatter: function(value, row, index) {
-					if(value == 1) {
-						return '<span class="label label-success">成功</span>';
-					} else if(value == 2) {
-						return '<span class="label label-danger">失败</span> <span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="'+row.errmsg+'" class="tips"><i class="fa fa-info-circle"></i></span>';
-					} else {
-						return '<span class="label label-warning">未运行</span>';
-					}
-				}
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="javascript:runTask(\''+row.id+'\')" class="btn btn-success btn-xs">手动更新</a>&nbsp;&nbsp;';
-					html += '<a href="/optimizeip/opipform/edit?id='+row.id+'" class="btn btn-primary btn-xs">修改</a>&nbsp;&nbsp;';
-					html += '<a href="/record/'+row.did+'?keyword='+row.rr+'" class="btn btn-default btn-xs" target="_blank">解析</a>&nbsp;&nbsp;';
-					html += '<a href="javascript:delItem(\''+row.id+'\')" class="btn btn-danger btn-xs">删除</a>&nbsp;&nbsp;';
-					return html;
-				}
-			},
-		],
-		onLoadSuccess: function(data) {
-			$('[data-toggle="tooltip"]').tooltip()
-		}
-	})
-})
-function setActive(id, active){
-	$.post('/optimizeip/opipform/setactive', {id: id, active: active}, function(data){
-		if(data.code == 0) {
-			layer.msg('修改成功', {icon: 1, time:800});
-			$('#listTable').bootstrapTable('refresh');
-		} else {
-			layer.msg(data.msg, {icon: 2});
-		}
-	}, 'json');
-}
-function delItem(id){
-	layer.confirm('确定要删除此任务吗？', {
-		btn: ['确定','取消']
-	}, function(){
-		$.post('/optimizeip/opipform/del', {id: id}, function(data){
-			if(data.code == 0) {
-				layer.msg('删除成功', {icon: 1, time:800});
-				$('#listTable').bootstrapTable('refresh');
-			} else {
-				layer.msg(data.msg, {icon: 2});
-			}
-		}, 'json');
-	});
-}
-function runTask(id){
-	var ii = layer.msg('正在更新中...', {icon: 16,shade: 0.1,time: 0});
-	$.post('/optimizeip/opipform/run', {id: id}, function(data){
-		layer.close(ii);
-		if(data.code == 0) {
-			layer.alert(data.msg, {icon: 1});
-			$('#listTable').bootstrapTable('refresh');
-		} else {
-			layer.alert(data.msg, {icon: 2});
-		}
-	}, 'json');
-}
+        $("#listTable").bootstrapTable({
+            url: '/optimizeip/opiplist/data',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'rr',
+                    title: '域名',
+                    formatter: function (value, row, index) {
+                        return '<span title="' + row.remark + '" data-toggle="tooltip" data-placement="right">' + value + '.' + row.domain + '</span>';
+                    }
+                },
+                {
+                    field: 'cdn_type',
+                    title: 'CDN运营商',
+                    formatter: function (value, row, index) {
+                        if (value == 1) {
+                            return 'CloudFlare';
+                        } else if (value == 2) {
+                            return 'CloudFront';
+                        } else if (value == 3) {
+                            return 'Gcore';
+                        } else {
+                            return '未知';
+                        }
+                    }
+                },
+                {
+                    field: 'recordnum',
+                    title: '解析数量',
+                    formatter: function (value, row, index) {
+                        return '<span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="TTL：' + row.ttl + '" class="tips">' + value + '</span>';
+                    }
+                },
+                {
+                    field: 'ip_type',
+                    title: '解析IP类型',
+                    formatter: function (value, row, index) {
+                        var value = value.split(',')
+                        value.forEach((element, index) => {
+                            if (element == 'v4') value[index] = 'IPv4'
+                            else if (element == 'v6') value[index] = 'IPv6'
+                        });
+                        return value.join(',');
+                    }
+                },
+                {
+                    field: 'active',
+                    title: '任务开关',
+                    formatter: function(value, row, index) {
+                        if(value == 1){
+                            return '<div class="material-switch"><input id="active' + row.id + '" type="checkbox" checked onchange="setActive(' + row.id + ',0)"/><label for="active' + row.id + '" class="label-primary"></label></div>';
+                        }else{
+                            return '<div class="material-switch"><input id="active' + row.id + '" type="checkbox" onchange="setActive(' + row.id + ',1)"/><label for="active' + row.id + '" class="label-primary"></label></div>';
+                        }
+                    }
+                },
+                {
+                    field: 'updatetime',
+                    title: '上次更新时间',
+                    formatter: function (value, row, index) {
+                        return value ? value : '无';
+                    }
+                },
+                {
+                    field: 'status',
+                    title: '上次更新结果',
+                    formatter: function (value, row, index) {
+                        if (value == 1) {
+                            return '<span class="label label-success">成功</span>';
+                        } else if (value == 2) {
+                            return '<span class="label label-danger">失败</span> <span title="" data-toggle="tooltip" data-placement="bottom" data-original-title="' + row.errmsg + '" class="tips"><i class="fa fa-info-circle"></i></span>';
+                        } else {
+                            return '<span class="label label-warning">未运行</span>';
+                        }
+                    }
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function (value, row, index) {
+                        var html = '<a href="javascript:runTask(\'' + row.id + '\')" class="btn btn-success btn-xs">手动更新</a>&nbsp;&nbsp;';
+                        html += '<a href="/optimizeip/opipform/edit?id=' + row.id + '" class="btn btn-primary btn-xs">修改</a>&nbsp;&nbsp;';
+                        html += '<a href="/record/' + row.did + '?keyword=' + row.rr + '" class="btn btn-default btn-xs" target="_blank">解析</a>&nbsp;&nbsp;';
+                        html += '<a href="javascript:delItem(\'' + row.id + '\')" class="btn btn-danger btn-xs">删除</a>&nbsp;&nbsp;';
+                        return html;
+                    }
+                },
+            ],
+            onLoadSuccess: function (data) {
+                $('[data-toggle="tooltip"]').tooltip()
+            }
+        })
+    })
+
+    function setActive(id, active) {
+        $.post('/optimizeip/opipform/setactive', {id: id, active: active}, function (data) {
+            if (data.code == 0) {
+                layer.msg('修改成功', {icon: 1, time: 800});
+                $('#listTable').bootstrapTable('refresh');
+            } else {
+                layer.msg(data.msg, {icon: 2});
+            }
+        }, 'json');
+    }
+
+    function delItem(id) {
+        layer.confirm('确定要删除此任务吗？', {
+            btn: ['确定', '取消']
+        }, function () {
+            $.post('/optimizeip/opipform/del', {id: id}, function (data) {
+                if (data.code == 0) {
+                    layer.msg('删除成功', {icon: 1, time: 800});
+                    $('#listTable').bootstrapTable('refresh');
+                } else {
+                    layer.msg(data.msg, {icon: 2});
+                }
+            }, 'json');
+        });
+    }
+
+    function runTask(id) {
+        var ii = layer.msg('正在更新中...', {icon: 16, shade: 0.1, time: 0});
+        $.post('/optimizeip/opipform/run', {id: id}, function (data) {
+            layer.close(ii);
+            if (data.code == 0) {
+                layer.alert(data.msg, {icon: 1});
+                $('#listTable').bootstrapTable('refresh');
+            } else {
+                layer.alert(data.msg, {icon: 2});
+            }
+        }, 'json');
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/optimizeip/opipset.html b/app/view/optimizeip/opipset.html
old mode 100644
new mode 100755
index 875afd9..e8007e1
--- a/app/view/optimizeip/opipset.html
+++ b/app/view/optimizeip/opipset.html
@@ -2,105 +2,120 @@
 {block name="title"}CF优选IP设置{/block}
 {block name="main"}
 <div class="row">
-<div class="col-xs-12 col-md-6">
-<div class="panel panel-success">
-<div class="panel-heading"><h3 class="panel-title">功能简介</h3></div>
-<div class="panel-body">
-  <p>由于CloudFlare官方IP是泛播路由，同一个IP在不同地区不同运营商所链接的机房是不同的，速度或延迟也会有区别。目前网上也有很多CF优选CNAME服务，然而公共的CNAME可能无法满足稳定性和安全性的需要。</p>
-  <p>本功能可以获取CloudFlare最新的优选IP地址（分为电信/联通/移动线路），并自动更新到域名解析记录。</p>
-</div>
-</div>
-<div class="panel panel-warning">
-<div class="panel-heading"><h3 class="panel-title">使用说明</h3></div>
-<div class="panel-body">
-  <p><li>不支持对CloudFlare里的域名添加优选，必须使用其他DNS服务商。需开通Cloudflare for SaaS，且域名使用CNAME的方式解析到CloudFlare。</li></p>
-  <p><li>数据接口：<a href="https://www.wetest.vip/" target="_blank" rel="noreferrer">wetest.vip</a> 数据接口支持CloudFlare、CloudFront、Gcore；<a href="https://stock.hostmonit.com/" target="_blank" rel="noreferrer">HostMonit</a> 只支持CloudFlare。</li></p>
-  <p><li>接口密钥：默认o1zrmHAF为免费KEY可永久免费使用。</li></p>
-  <p><li>计划任务：将以下命令添加到计划任务，周期设置为15分钟以上</li></p>
-  <p><code>cd {:app()->getRootPath()} && php think opiptask</code></p>
-</div>
-</div>
-</div>
-<div class="col-xs-12 col-md-6">
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">数据接口设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">数据接口</label>
-	  <div class="col-sm-9"><select class="form-control" name="optimize_ip_api" default="{:config_get('optimize_ip_api')}"><option value="0">wetest.vip</option><option value="1">HostMonit</option></select></div>
-	</div>
-	<div class="form-group">
-		<label class="col-sm-3 control-label">接口密钥</label>
-		<div class="col-sm-9"><input type="text" name="optimize_ip_key" value="{:config_get('optimize_ip_key', 'o1zrmHAF')}" class="form-control"/></div>
-	  </div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9">
-		<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
-		<a href="javascript:queryapi()" class="btn btn-default btn-block">查询积分</a>
-	  </div>
-	</div>
-  </form>
-</div>
-</div>
-</div>
-
+    <div class="col-xs-12 col-md-6">
+        <div class="panel panel-success">
+            <div class="panel-heading font-bold"><h3 class="panel-title">功能简介</h3></div>
+            <div class="panel-body">
+                <p>由于CloudFlare官方IP是泛播路由，同一个IP在不同地区不同运营商所链接的机房是不同的，速度或延迟也会有区别。目前网上也有很多CF优选CNAME服务，然而公共的CNAME可能无法满足稳定性和安全性的需要。</p>
+                <p>本功能可以获取CloudFlare最新的优选IP地址（分为电信/联通/移动线路），并自动更新到域名解析记录。</p>
+            </div>
+        </div>
+        <div class="panel panel-warning">
+            <div class="panel-heading font-bold"><h3 class="panel-title">使用说明</h3></div>
+            <div class="panel-body">
+                <p>
+                    不支持对CloudFlare里的域名添加优选，必须使用其他DNS服务商。需开通Cloudflare for SaaS，且域名使用CNAME的方式解析到CloudFlare。
+                </p>
+                <p>
+                    数据接口：<a href="https://www.wetest.vip/" rel="noreferrer" target="_blank">wetest.vip</a>数据接口支持CloudFlare、CloudFront、Gcore；<a href="https://stock.hostmonit.com/" rel="noreferrer" target="_blank">HostMonit</a> 只支持CloudFlare。
+                </p>
+                <p>
+                    接口密钥：默认o1zrmHAF为免费KEY可永久免费使用。
+                </p>
+                <p>
+                    计划任务：将以下命令添加到计划任务，周期设置为15分钟以上
+                </p>
+                <p><code>cd {:app()->getRootPath()} && php think opiptask</code></p>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-12 col-md-6">
+        <div class="panel panel-info">
+            <div class="panel-heading font-bold"><h3 class="panel-title">数据接口设置</h3></div>
+            <div class="panel-body">
+                <form class="form-horizontal" method="post" onsubmit="return saveSetting(this)" role="form">
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">数据接口</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" default="{:config_get('optimize_ip_api')}" name="optimize_ip_api">
+                                <option value="0">wetest.vip</option>
+                                <option value="1">HostMonit</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">接口密钥</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="optimize_ip_key" type="text" value="{:config_get('optimize_ip_key', 'o1zrmHAF')}"/>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <div class="col-sm-offset-3 col-sm-9">
+                            <input class="btn btn-primary btn-block" name="submit" type="submit" value="保存"/>
+                            <a class="btn btn-default btn-block" href="javascript:queryapi()">查询积分</a>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-var items = $("select[default]");
-for (i = 0; i < items.length; i++) {
-	$(items[i]).val($(items[i]).attr("default")||0);
-}
-function saveSetting(obj){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '',
-		data : $(obj).serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert('设置保存成功！', {
-					icon: 1,
-					closeBtn: false
-				}, function(){
-				  window.location.reload()
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-	return false;
-}
-function queryapi(){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '/optimizeip/queryapi',
-		data : $("form").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg, {icon: 1});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-}
+    var items = $("select[default]");
+    for (i = 0; i < items.length; i++) {
+        $(items[i]).val($(items[i]).attr("default") || 0);
+    }
+
+    function saveSetting(obj) {
+        var ii = layer.load(2, {shade: [0.1, '#fff']});
+        $.ajax({
+            type: 'POST',
+            url: '',
+            data: $(obj).serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert('设置保存成功！', {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        window.location.reload()
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            },
+            error: function (data) {
+                layer.close(ii);
+                layer.msg('服务器错误');
+            }
+        });
+        return false;
+    }
+
+    function queryapi() {
+        var ii = layer.load(2, {shade: [0.1, '#fff']});
+        $.ajax({
+            type: 'POST',
+            url: '/optimizeip/queryapi',
+            data: $("form").serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {icon: 1});
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            },
+            error: function (data) {
+                layer.close(ii);
+                layer.msg('服务器错误');
+            }
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/system/loginset.html b/app/view/system/loginset.html
old mode 100644
new mode 100755
index 707571e..b6e9752
--- a/app/view/system/loginset.html
+++ b/app/view/system/loginset.html
@@ -2,38 +2,38 @@
 {block name="title"}登录设置{/block}
 {block name="main"}
 <div class="row">
-<div class="col-xs-12 col-sm-8 col-lg-6 center-block" style="float: none;">
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">登录验证码设置</h3></div>
-<div class="panel-body">
-    <div class="form-group">
-        <div class="form-group">
-            <label class="col-sm-3 control-label">开启图形验证码</label>
-            <div class="col-sm-9"><div class="material-switch"><input id="vocde_switch" type="checkbox" {if config_get('vcode', '1')=='1'}checked{/if} onchange="setvcode()"><label for="vocde_switch" class="label-primary"></label></div></div>
+    <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
+        <div class="panel panel-info">
+            <div class="panel-heading"><h3 class="panel-title">登录验证码设置</h3></div>
+            <div class="panel-body">
+                <form onsubmit="return saveAccount(this)" method="post" class="form-horizontal" role="form">
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">开启图形验证码</label>
+                        <div class="col-sm-9" style="margin-top:6.5px"><div class="material-switch"><input id="vocde_switch" type="checkbox" {if config_get('vcode', '1')=='1'}checked{/if} onchange="setvcode()"><label for="vocde_switch" class="label-primary"></label></div></div>
+                    </div>
+                </form>
+            </div>
         </div>
     </div>
 </div>
-</div>
-</div>
-</div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-var items = $("select[default]");
-for (i = 0; i < items.length; i++) {
-	$(items[i]).val($(items[i]).attr("default")||0);
-}
-function setvcode(){
-    var status = $("#vocde_switch").is(':checked') ? '1' : '2';
-    $.post('/system/set', {vcode: status}, function(res){
-        if(res.code == 0){
-            layer.msg(status == '1' ? '图形验证码已开启' : '图形验证码已关闭', {icon: 1, time: 1000});
-        }else{
-            layer.alert(res.msg, {icon: 2});
-            $("#vocde_switch").prop('checked', !status);
-        }
-    });
-}
+    var items = $("select[default]");
+    for (i = 0; i < items.length; i++) {
+        $(items[i]).val($(items[i]).attr("default") || 0);
+    }
+
+    function setvcode() {
+        var status = $("#vocde_switch").is(':checked') ? '1' : '2';
+        $.post('/system/set', {vcode: status}, function (res) {
+            if (res.code == 0) {
+                layer.msg(status == '1' ? '图形验证码已开启' : '图形验证码已关闭', {icon: 1, time: 1000});
+            } else {
+                layer.alert(res.msg, {icon: 2});
+                $("#vocde_switch").prop('checked', !status);
+            }
+        });
+    }
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/system/noticeset.html b/app/view/system/noticeset.html
old mode 100644
new mode 100755
index 04d9adb..73ff20b
--- a/app/view/system/noticeset.html
+++ b/app/view/system/noticeset.html
@@ -2,251 +2,273 @@
 {block name="title"}通知设置{/block}
 {block name="main"}
 <div class="row">
-<div class="col-xs-12 col-sm-8 col-lg-6 center-block" style="float: none;">
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">发信邮箱设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">发信模式</label>
-	  <div class="col-sm-9"><select class="form-control" name="mail_type" default="{:config_get('mail_type')}"><option value="0">SMTP发信</option><option value="1">搜狐Sendcloud</option><option value="2">阿里云邮件推送</option></select></div>
+	<div class="col-xs-12 col-md-6">
+		<div class="panel panel-info">
+			<div class="panel-heading font-bold"><h3 class="panel-title">发信邮箱设置</h3></div>
+			<div class="panel-body">
+				<form class="form-horizontal" method="post" onsubmit="return saveSetting(this)" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">发信模式</label>
+						<div class="col-sm-9">
+							<select class="form-control" default="{:config_get('mail_type')}" name="mail_type">
+								<option value="0">SMTP发信</option>
+								<option value="1">搜狐Sendcloud</option>
+								<option value="2">阿里云邮件推送</option>
+							</select>
+						</div>
+					</div>
+					<div id="frame_set1">
+						<div class="form-group">
+							<label class="col-sm-3 control-label">SMTP服务器</label>
+							<div class="col-sm-9">
+								<input class="form-control" name="mail_smtp" type="text" value="{:config_get('mail_smtp')}"/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label class="col-sm-3 control-label">SMTP端口</label>
+							<div class="col-sm-9">
+								<input class="form-control" name="mail_port" type="text" value="{:config_get('mail_port')}"/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label class="col-sm-3 control-label">邮箱账号</label>
+							<div class="col-sm-9">
+								<input class="form-control" name="mail_name" type="text" value="{:config_get('mail_name')}"/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label class="col-sm-3 control-label">邮箱密码</label>
+							<div class="col-sm-9">
+								<input class="form-control" name="mail_pwd" type="text" value="{:config_get('mail_pwd')}"/>
+							</div>
+						</div>
+					</div>
+					<div id="frame_set2">
+						<div class="form-group">
+							<label class="col-sm-3 control-label">API_USER</label>
+							<div class="col-sm-9">
+								<input class="form-control" name="mail_apiuser" type="text" value="{:config_get('mail_apiuser')}"/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label class="col-sm-3 control-label">API_KEY</label>
+							<div class="col-sm-9">
+								<input class="form-control" name="mail_apikey" type="text" value="{:config_get('mail_apikey')}"/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label class="col-sm-3 control-label">发信邮箱</label>
+							<div class="col-sm-9">
+								<input class="form-control" name="mail_name2" type="text" value="{:config_get('mail_name')}"/>
+							</div>
+						</div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">收信邮箱</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="mail_recv" placeholder="不填默认为发信邮箱" type="text" value="{:config_get('mail_recv')}"/>
+						</div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9">
+							<input class="btn btn-primary btn-block" name="submit" type="submit" value="保存"/>
+							<a class="btn btn-default btn-block" href="javascript:mailtest()">发送测试邮件</a>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				<span class="glyphicon glyphicon-info-sign"></span>
+				使用普通模式发信时，建议使用QQ邮箱，SMTP服务器smtp.qq.com，端口465或587，密码是QQ邮箱设置界面生成的<a href="https://service.mail.qq.com/detail/0/75" rel="noreferrer" target="_blank">授权码</a>。<br/>阿里云邮件推送：<a href="https://www.aliyun.com/product/directmail" rel="noreferrer" target="_blank">点此进入</a>｜<a href="https://usercenter.console.aliyun.com/#/manage/ak" rel="noreferrer" target="_blank">获取AK/SK</a>
+			</div>
+		</div>
 	</div>
-	<div id="frame_set1">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">SMTP服务器</label>
-	  <div class="col-sm-9"><input type="text" name="mail_smtp" value="{:config_get('mail_smtp')}" class="form-control"/></div>
+	<div class="col-xs-12 col-md-6">
+		<div class="panel panel-info">
+			<div class="panel-heading font-bold"><h3 class="panel-title">微信公众号消息接口设置</h3></div>
+			<div class="panel-body">
+				<form class="form-horizontal" method="post" onsubmit="return saveSetting(this)" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">appToken</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="wechat_apptoken" type="text" value="{:config_get('wechat_apptoken')}"/>
+						</div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">用户UID</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="wechat_appuid" type="text" value="{:config_get('wechat_appuid')}"/>
+						</div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9"><input class="btn btn-primary btn-block" name="submit" type="submit" value="保存"/></div>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				<b>WxPusher：</b><a href="https://wxpusher.zjiecode.com/admin/" rel="noopener noreferrer" target="_blank">点此进入</a> ，注册并且创建应用 -> 将appToken填写到上方输入框 -> 扫码关注应用 -> 在用户列表查看自己的UID填写到上方输入框<br/>
+			</div>
+		</div>
+		<div class="panel panel-info">
+			<div class="panel-heading font-bold"><h3 class="panel-title">Telegram机器人接口设置</h3></div>
+			<div class="panel-body">
+				<form class="form-horizontal" method="post" onsubmit="return saveSetting(this)" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Token</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="tgbot_token" type="text" value="{:config_get('tgbot_token')}"/>
+						</div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Chat Id</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="tgbot_chatid" type="text" value="{:config_get('tgbot_chatid')}"/>
+						</div>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">使用代理服务器</label>
+						<div class="col-sm-9">
+							<select class="form-control" default="{:config_get('tgbot_proxy')}" name="tgbot_proxy">
+								<option value="0">否</option>
+								<option value="1">是</option>
+								<option value="2">自定义反代URL</option>
+							</select>
+						</div>
+					</div>
+					<div class="form-group" id="tgbot_url_div" style="display:none;">
+						<label class="col-sm-3 control-label">自定义反代URL</label>
+						<div class="col-sm-9">
+							<input type="text" name="tgbot_url" value="{:config_get('tgbot_url')}" class="form-control" placeholder="默认为：https://api.telegram.org"/>
+						</div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9">
+							<input class="btn btn-primary btn-block" name="submit" type="submit" value="保存"/>
+							<a class="btn btn-default btn-block" href="javascript:tgbottest()">发送测试消息</a>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				与<a href="https://t.me/BotFather" rel="noopener noreferrer" target="_blank">@BotFather</a>对话，使用/newbot命令创建一个新的机器人，根据提示输入机器人的名称和用户名，可得到Token，或使用/mybots命令查看已创建的机器人；与<a href="https://t.me/getmyid_bot" rel="noopener noreferrer" target="_blank">@getmyid_bot</a>对话，可得到Chat Id<br/>
+			</div>
+		</div>
+		<div class="panel panel-info">
+			<div class="panel-heading"><h3 class="panel-title">群机器人Webhook</h3></div>
+			<div class="panel-body">
+				<form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Webhook地址</label>
+						<div class="col-sm-9"><input type="text" name="webhook_url" value="{:config_get('webhook_url')}" class="form-control"/></div>
+					</div>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9">
+							<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
+							<a href="javascript:webhooktest()" class="btn btn-default btn-block">发送测试消息</a>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				仅支持填写企业微信、钉钉、飞书群机器人的Webhook地址
+			</div>
+		</div>
 	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">SMTP端口</label>
-	  <div class="col-sm-9"><input type="text" name="mail_port" value="{:config_get('mail_port')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">邮箱账号</label>
-	  <div class="col-sm-9"><input type="text" name="mail_name" value="{:config_get('mail_name')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">邮箱密码</label>
-	  <div class="col-sm-9"><input type="text" name="mail_pwd" value="{:config_get('mail_pwd')}" class="form-control"/></div>
-	</div>
-	</div>
-	<div id="frame_set2">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">API_USER</label>
-	  <div class="col-sm-9"><input type="text" name="mail_apiuser" value="{:config_get('mail_apiuser')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">API_KEY</label>
-	  <div class="col-sm-9"><input type="text" name="mail_apikey" value="{:config_get('mail_apikey')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">发信邮箱</label>
-	  <div class="col-sm-9"><input type="text" name="mail_name2" value="{:config_get('mail_name')}" class="form-control"/></div>
-	</div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">收信邮箱</label>
-	  <div class="col-sm-9"><input type="text" name="mail_recv" value="{:config_get('mail_recv')}" class="form-control" placeholder="不填默认为发信邮箱"/></div>
-	</div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9">
-		<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
-		<a href="javascript:mailtest()" class="btn btn-default btn-block">发送测试邮件</a>
-	  </div>
-	</div>
-  </form>
-</div>
-<div class="panel-footer">
-<span class="glyphicon glyphicon-info-sign"></span>
-使用普通模式发信时，建议使用QQ邮箱，SMTP服务器smtp.qq.com，端口465或587，密码是QQ邮箱设置界面生成的<a href="https://service.mail.qq.com/detail/0/75"  target="_blank" rel="noreferrer">授权码</a>。<br/>阿里云邮件推送：<a href="https://www.aliyun.com/product/directmail" target="_blank" rel="noreferrer">点此进入</a>｜<a href="https://usercenter.console.aliyun.com/#/manage/ak" target="_blank" rel="noreferrer">获取AK/SK</a>
-</div>
-</div>
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">微信公众号消息接口设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">appToken</label>
-	  <div class="col-sm-9"><input type="text" name="wechat_apptoken" value="{:config_get('wechat_apptoken')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">用户UID</label>
-	  <div class="col-sm-9"><input type="text" name="wechat_appuid" value="{:config_get('wechat_appuid')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9"><input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/></div>
-	</div>
-  </form>
-</div>
-<div class="panel-footer">
-<b>WxPusher：</b><a href="https://wxpusher.zjiecode.com/admin/" target="_blank" rel="noopener noreferrer">点此进入</a> ，注册并且创建应用 -> 将appToken填写到上方输入框 -> 扫码关注应用 -> 在用户列表查看自己的UID填写到上方输入框<br/>
-</div>
-</div>
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">Telegram机器人接口设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">Token</label>
-	  <div class="col-sm-9"><input type="text" name="tgbot_token" value="{:config_get('tgbot_token')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">Chat Id</label>
-	  <div class="col-sm-9"><input type="text" name="tgbot_chatid" value="{:config_get('tgbot_chatid')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">使用代理服务器</label>
-	  <div class="col-sm-9"><select class="form-control" name="tgbot_proxy" default="{:config_get('tgbot_proxy')}"><option value="0">否</option><option value="1">是</option><option value="2">自定义反代URL</option></select></div>
-	</div>
-	<div class="form-group" id="tgbot_url_div" style="display:none;">
-	  <label class="col-sm-3 control-label">自定义反代URL</label>
-	  <div class="col-sm-9"><input type="text" name="tgbot_url" value="{:config_get('tgbot_url')}" class="form-control" placeholder="默认为：https://api.telegram.org"/></div>
-	</div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9">
-		<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
-		<a href="javascript:tgbottest()" class="btn btn-default btn-block">发送测试消息</a>
-	</div>
-	</div>
-  </form>
-</div>
-<div class="panel-footer">
-与<a href="https://t.me/BotFather" target="_blank" rel="noopener noreferrer">@BotFather</a>对话，使用/newbot命令创建一个新的机器人，根据提示输入机器人的名称和用户名，可得到Token，或使用/mybots命令查看已创建的机器人；与<a href="https://t.me/getmyid_bot" target="_blank" rel="noopener noreferrer">@getmyid_bot</a>对话，可得到Chat Id<br/>
-</div>
-</div>
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">群机器人Webhook</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">Webhook地址</label>
-	  <div class="col-sm-9"><input type="text" name="webhook_url" value="{:config_get('webhook_url')}" class="form-control"/></div>
-	</div>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9">
-		<input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/>
-		<a href="javascript:webhooktest()" class="btn btn-default btn-block">发送测试消息</a>
-	</div>
-	</div>
-  </form>
-</div>
-<div class="panel-footer">
-仅支持填写企业微信、钉钉、飞书群机器人的Webhook地址
-</div>
-</div>
-</div>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-var items = $("select[default]");
-for (i = 0; i < items.length; i++) {
-	$(items[i]).val($(items[i]).attr("default")||0);
-}
-$("select[name='mail_type']").change(function(){
-	if($(this).val() == 0){
-		$("#frame_set1").show();
-		$("#frame_set2").hide();
-	}else{
-		$("#frame_set1").hide();
-		$("#frame_set2").show();
+	var items = $("select[default]");
+	for (i = 0; i < items.length; i++) {
+		$(items[i]).val($(items[i]).attr("default") || 0);
 	}
-});
-$("select[name='tgbot_proxy']").change(function(){
-	if($(this).val() == 2){
-		$("#tgbot_url_div").show();
-	}else{
-		$("#tgbot_url_div").hide();
+	$("select[name='mail_type']").change(function () {
+		if ($(this).val() == 0) {
+			$("#frame_set1").show();
+			$("#frame_set2").hide();
+		} else {
+			$("#frame_set1").hide();
+			$("#frame_set2").show();
+		}
+	});
+	$("select[name='tgbot_proxy']").change(function(){
+		if($(this).val() == 2){
+			$("#tgbot_url_div").show();
+		}else{
+			$("#tgbot_url_div").hide();
+		}
+	});
+	$("select[name='mail_type']").change();
+	$("select[name='tgbot_proxy']").change();
+
+	function saveSetting(obj) {
+		var ii = layer.load(2, {shade: [0.1, '#fff']});
+		$.ajax({
+			type: 'POST',
+			url : '/system/set',
+			data: $(obj).serialize(),
+			dataType: 'json',
+			success: function (data) {
+				layer.close(ii);
+				if (data.code == 0) {
+					layer.alert('设置保存成功！<br/>重启检测进程或容器后生效', {
+						icon: 1,
+						closeBtn: false
+					}, function () {
+						window.location.reload()
+					});
+				} else {
+					layer.alert(data.msg, {icon: 2})
+				}
+			},
+			error: function (data) {
+				layer.close(ii);
+				layer.msg('服务器错误');
+			}
+		});
+		return false;
 	}
-});
-$("select[name='mail_type']").change();
-$("select[name='tgbot_proxy']").change();
-function saveSetting(obj){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '/system/set',
-		data : $(obj).serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert('设置保存成功！<br/>如有使用容灾切换，重启检测进程后生效', {
-					icon: 1,
-					closeBtn: false
-				}, function(){
-				  window.location.reload()
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
+
+	function mailtest() {
+		var ii = layer.load(2, {shade: [0.1, '#fff']});
+		$.ajax({
+			type: 'GET',
+			url: '/system/mailtest',
+			dataType: 'json',
+			success: function (data) {
+				layer.close(ii);
+				if (data.code == 0) {
+					layer.alert(data.msg, {icon: 1});
+				} else {
+					layer.alert(data.msg, {icon: 2})
+				}
+			},
+			error: function (data) {
+				layer.close(ii);
+				layer.msg('服务器错误');
 			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-	return false;
-}
-function mailtest(){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'GET',
-		url : '/system/mailtest',
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg, {icon: 1});
-			}else{
-				layer.alert(data.msg, {icon: 2})
+		});
+	}
+
+	function tgbottest() {
+		var ii = layer.load(2, {shade: [0.1, '#fff']});
+		$.ajax({
+			type: 'GET',
+			url: '/system/tgbottest',
+			dataType: 'json',
+			success: function (data) {
+				layer.close(ii);
+				if (data.code == 0) {
+					layer.alert(data.msg, {icon: 1});
+				} else {
+					layer.alert(data.msg, {icon: 2})
+				}
+			},
+			error: function (data) {
+				layer.close(ii);
+				layer.msg('服务器错误');
 			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-}
-function tgbottest(){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'GET',
-		url : '/system/tgbottest',
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg, {icon: 1});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-}
-function webhooktest(){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'GET',
-		url : '/system/webhooktest',
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg, {icon: 1});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-}
+		});
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/system/proxyset.html b/app/view/system/proxyset.html
old mode 100644
new mode 100755
index 7e93786..b727736
--- a/app/view/system/proxyset.html
+++ b/app/view/system/proxyset.html
@@ -2,113 +2,129 @@
 {block name="title"}代理设置{/block}
 {block name="main"}
 <div class="row">
-<div class="col-xs-12 col-sm-8 col-lg-6 center-block" style="float: none;">
-<div class="panel panel-info">
-<div class="panel-heading"><h3 class="panel-title">代理服务器设置</h3></div>
-<div class="panel-body">
-  <form onsubmit="return saveSetting(this)" method="post" class="form-horizontal" role="form">
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">代理IP</label>
-	  <div class="col-sm-9"><input type="text" name="proxy_server" value="{:config_get('proxy_server')}" class="form-control"/></div>
-	</div><br/>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">代理端口</label>
-	  <div class="col-sm-9"><input type="text" name="proxy_port" value="{:config_get('proxy_port')}" class="form-control"/></div>
-	</div><br/>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">代理账号</label>
-	  <div class="col-sm-9"><input type="text" name="proxy_user" value="{:config_get('proxy_user')}" class="form-control" placeholder="没有请留空"/></div>
-	</div><br/>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">代理密码</label>
-	  <div class="col-sm-9"><input type="text" name="proxy_pwd" value="{:config_get('proxy_pwd')}" class="form-control" placeholder="没有请留空"/></div>
-	</div><br/>
-	<div class="form-group">
-	  <label class="col-sm-3 control-label">代理协议</label>
-	  <div class="col-sm-9"><select class="form-control" name="proxy_type" default="{:config_get('proxy_type')}">
-	  <option value="http">HTTP</option>
-	  <option value="https">HTTPS</option>
-	  <option value="sock4">SOCK4</option>
-	  <option value="sock5">SOCK5</option>
-	  <option value="sock5h">SOCK5H</option>
-	  </select></div>
-	</div><br/>
-	<div class="form-group">
-	  <div class="col-sm-offset-3 col-sm-9"><input type="submit" name="submit" value="保存" class="btn btn-primary btn-block"/><br/>
-		<a href="javascript:proxytest()" class="btn btn-default btn-block">测试连通性</a></div>
+	<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
+		<div class="panel panel-info">
+			<div class="panel-heading font-bold"><h3 class="panel-title">代理服务器设置</h3></div>
+			<div class="panel-body">
+				<form class="form-horizontal" method="post" onsubmit="return saveSetting(this)" role="form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">代理IP</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="proxy_server" type="text" value="{:config_get('proxy_server')}"/>
+						</div>
+					</div>
+					<br/>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">代理端口</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="proxy_port" type="text" value="{:config_get('proxy_port')}"/>
+						</div>
+					</div>
+					<br/>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">代理账号</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="proxy_user" placeholder="没有请留空" type="text" value="{:config_get('proxy_user')}"/>
+						</div>
+					</div>
+					<br/>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">代理密码</label>
+						<div class="col-sm-9">
+							<input class="form-control" name="proxy_pwd" placeholder="没有请留空" type="text" value="{:config_get('proxy_pwd')}"/>
+						</div>
+					</div>
+					<br/>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">代理协议</label>
+						<div class="col-sm-9">
+							<select class="form-control" default="{:config_get('proxy_type')}" name="proxy_type">
+								<option value="http">HTTP</option>
+								<option value="https">HTTPS</option>
+								<option value="sock4">SOCK4</option>
+								<option value="sock5">SOCK5</option>
+								<option value="sock5h">SOCK5H</option>
+							</select>
+						</div>
+					</div>
+					<br/>
+					<div class="form-group">
+						<div class="col-sm-offset-3 col-sm-9"><input class="btn btn-primary btn-block" name="submit" type="submit" value="保存"/><br/>
+							<a href="javascript:proxytest()" class="btn btn-default btn-block">测试连通性</a>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				为保证代理稳定性，建议在本机安装Xray，入站代理使用普通http协议，仅监听本地IP，出站代理使用加密协议连接其他服务器。
+			</div>
+		</div>
 	</div>
-  </form>
-</div>
-<div class="panel-footer">
-为保证代理稳定性，建议在本机安装Xray，入站代理使用普通http协议，仅监听本地IP，出站代理使用加密协议连接其他服务器。
-</div>
-</div>
-</div>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script>
-var items = $("select[default]");
-for (i = 0; i < items.length; i++) {
-	$(items[i]).val($(items[i]).attr("default")||0);
-}
-function saveSetting(obj){
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '/system/set',
-		data : $(obj).serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert('设置保存成功！', {
-					icon: 1,
-					closeBtn: false
-				}, function(){
-				  window.location.reload()
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
+	var items = $("select[default]");
+	for (i = 0; i < items.length; i++) {
+		$(items[i]).val($(items[i]).attr("default") || 0);
+	}
+	function saveSetting(obj) {
+		var ii = layer.load(2, {shade: [0.1, '#fff']});
+		$.ajax({
+			type: 'POST',
+			url : '/system/set',
+			data: $(obj).serialize(),
+			dataType: 'json',
+			success: function (data) {
+				layer.close(ii);
+				if (data.code == 0) {
+					layer.alert('设置保存成功！', {
+						icon: 1,
+						closeBtn: false
+					}, function () {
+						window.location.reload()
+					});
+				} else {
+					layer.alert(data.msg, {icon: 2})
+				}
+			},
+			error: function (data) {
+				layer.close(ii);
+				layer.msg('服务器错误');
 			}
-		},
-		error:function(data){
-            layer.close(ii);
-			layer.msg('服务器错误');
-		}
-	});
-	return false;
-}
-function proxytest(){
-	var proxy_server = $("input[name='proxy_server']").val();
-	var proxy_port = $("input[name='proxy_port']").val();
-	var proxy_user = $("input[name='proxy_user']").val();
-	var proxy_pwd = $("input[name='proxy_pwd']").val();
-	var proxy_type = $("select[name='proxy_type']").val();
-	if(proxy_server=='' || proxy_port==''){
-		layer.alert('代理服务器和端口不能为空！');
+		});
 		return false;
 	}
-	var ii = layer.load(2, {shade:[0.1,'#fff']});
-	$.ajax({
-		type : 'POST',
-		url : '/system/proxytest',
-		data : {proxy_server:proxy_server, proxy_port:proxy_port, proxy_user:proxy_user, proxy_pwd:proxy_pwd, proxy_type:proxy_type},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert('连通性测试成功！', {icon: 1})
-			}else{
-				layer.alert('连通性测试失败：'+data.msg, {icon: 2})
-			}
-		},
-		error:function(data){
-			layer.close(ii);
-			layer.msg('服务器错误');
+
+	function proxytest(){
+		var proxy_server = $("input[name='proxy_server']").val();
+		var proxy_port = $("input[name='proxy_port']").val();
+		var proxy_user = $("input[name='proxy_user']").val();
+		var proxy_pwd = $("input[name='proxy_pwd']").val();
+		var proxy_type = $("select[name='proxy_type']").val();
+		if(proxy_server=='' || proxy_port==''){
+			layer.alert('代理服务器和端口不能为空！');
+			return false;
 		}
-	});
-}
+		var ii = layer.load(2, {shade:[0.1,'#fff']});
+		$.ajax({
+			type : 'POST',
+			url : '/system/proxytest',
+			data : {proxy_server:proxy_server, proxy_port:proxy_port, proxy_user:proxy_user, proxy_pwd:proxy_pwd, proxy_type:proxy_type},
+			dataType : 'json',
+			success : function(data) {
+				layer.close(ii);
+				if(data.code == 0){
+					layer.alert('连通性测试成功！', {icon: 1})
+				}else{
+					layer.alert('连通性测试失败：'+data.msg, {icon: 2})
+				}
+			},
+			error:function(data){
+				layer.close(ii);
+				layer.msg('服务器错误');
+			}
+		});
+	}
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/user/log.html b/app/view/user/log.html
old mode 100644
new mode 100755
index bcf4547..8b21e8b
--- a/app/view/user/log.html
+++ b/app/view/user/log.html
@@ -1,77 +1,76 @@
 {extend name="common/layout" /}
 {block name="title"}操作日志{/block}
 {block name="main"}
-
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-    {if request()->user['level'] eq 2}<input type="text" class="form-control" name="uid" placeholder="UID">{/if}
-	<input type="text" class="form-control" name="domain" placeholder="域名">
-	<input type="text" class="form-control" name="kw" placeholder="操作类型/操作详情">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新日志列表"><i class="fa fa-refresh"></i> 刷新</a>
-</form>
-
-      <table id="listTable">
-	  </table>
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">操作日志</h3>
     </div>
-  </div>
-</div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            {if request()->user['level'] eq 2}
+                <input class="form-control" name="uid" placeholder="UID" type="text">
+            {/if}
+            <input class="form-control" name="domain" placeholder="域名" type="text">
+            <input class="form-control" name="kw" placeholder="操作类型/操作详情" type="text">
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新日志列表"><i class="fa fa-refresh"></i> 刷新</a>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/log/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'ID'
-			},
-			{
-				field: 'uid',
-				title: 'UID',
-				formatter: function(value, row, index) {
-					return value>0?'<a href="/user?kw='+value+'" target="_blank">'+value+'</a>':'管理员';
-				}
-			},
-			{
-				field: 'domain',
-				title: '域名'
-			},
-			{
-				field: 'action',
-				title: '操作类型'
-			},
-            {
-				field: 'data',
-				title: '操作详情'
-			},
-			{
-				field: 'addtime',
-				title: '时间'
-			}
-		],
-	})
-})
+        $("#listTable").bootstrapTable({
+            url: '/log/data',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'ID'
+                },
+                {
+                    field: 'uid',
+                    title: 'UID',
+                    formatter: function (value, row, index) {
+                        return value > 0 ? '<a href="/user?kw=' + value + '" target="_blank">' + value + '</a>' : '管理员';
+                    }
+                },
+                {
+                    field: 'domain',
+                    title: '域名'
+                },
+                {
+                    field: 'action',
+                    title: '操作类型'
+                },
+                {
+                    field: 'data',
+                    title: '操作详情'
+                },
+                {
+                    field: 'addtime',
+                    title: '时间'
+                }
+            ],
+        })
+    })
 </script>
 {/block}
\ No newline at end of file
diff --git a/app/view/user/user.html b/app/view/user/user.html
old mode 100644
new mode 100755
index 57b8f72..08553f6
--- a/app/view/user/user.html
+++ b/app/view/user/user.html
@@ -1,338 +1,351 @@
 {extend name="common/layout" /}
 {block name="title"}用户管理{/block}
 {block name="main"}
-<div class="modal" id="modal-store" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-	<div class="modal-dialog">
-		<div class="modal-content animated flipInX">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span
-							aria-hidden="true">&times;</span><span
-							class="sr-only">Close</span></button>
-				<h4 class="modal-title" id="modal-title">用户修改/添加</h4>
-			</div>
-			<div class="modal-body">
-				<form class="form-horizontal" id="form-store">
-					<input type="hidden" name="action"/>
-					<input type="hidden" name="id"/>
-					<div class="form-group">
-						<label class="col-sm-3 control-label no-padding-right">用户名</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="username" required>
-						</div>
-					</div>
-					<div class="form-group" style="display:none" id="password_input">
-						<label class="col-sm-3 control-label no-padding-right">密码</label>
-						<div class="col-sm-9">
-							<div class="input-group">
-								<input type="text" class="form-control" name="password" autocomplete="off">
-								<a class="input-group-addon" id="create_password" href="javascript:">随机生成</a>
-							</div>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">API接口</label>
-						<div class="col-sm-9">
-							<select name="is_api" class="form-control">
-								<option value="0">关闭</option>
-								<option value="1">开启</option>
-							</select>
-						</div>
-					</div>
-					<div class="form-group" style="display:none" id="apikey_input">
-						<label class="col-sm-3 control-label no-padding-right">API接口密钥</label>
-						<div class="col-sm-9">
-							<div class="input-group">
-								<input type="text" class="form-control" name="apikey" autocomplete="off" readonly>
-								<a class="input-group-addon" id="create_apikey" href="javascript:">生成密钥</a>
-							</div>
-						</div>
-					</div>
-					<div class="form-group">
-						<label class="col-sm-3 control-label">用户等级</label>
-						<div class="col-sm-9">
-							<div class="input-group">
-								<select name="level" class="form-control">
-									<option value="1">普通用户</option>
-									<option value="2">管理员</option>
-								</select>
-								<a tabindex="0" class="input-group-addon" role="button" data-toggle="popover" data-trigger="focus" title="" data-placement="bottom" data-content="普通用户只能管理指定的域名解析，管理员拥有和你相同的权限" data-original-title="用户权限说明"><span class="glyphicon glyphicon-info-sign"></span></a>
-							</div>
-						</div>
-					</div>
-					<div class="form-group" style="display:none" id="permission_input">
-						<label class="col-sm-3 control-label">域名权限</label>
-						<div class="col-sm-9">
-							<select class="form-control select2" id="permission" name="permission[]" multiple="multiple" placeholder="留空">
-								{foreach $domains as $v}
-									<option value="{$v}">{$v}</option>
-								{/foreach}
-							</select>
-						</div>
-					</div>
-					<div class="form-group" style="display:none" id="repwd_input">
-						<label class="col-sm-3 control-label no-padding-right">重置密码</label>
-						<div class="col-sm-9">
-							<input type="text" class="form-control" name="repwd" autocomplete="off" placeholder="不重置密码请留空">
-						</div>
-					</div>
-				</form>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
-				<button type="button" class="btn btn-primary" id="store" onclick="save()">保存</button>
-			</div>
-		</div>
-	</div>
-</div>
-
-<div class="row">
-	<div class="col-xs-12 center-block" style="float: none;">
-	<div class="panel panel-default panel-intro">
-	<div class="panel-body">
-	
-<form onsubmit="return searchSubmit()" method="GET" class="form-inline" id="searchToolbar">
-  <div class="form-group">
-	<label>搜索</label>
-    <input type="text" class="form-control" name="kw" placeholder="UID或用户名">
-  </div>
-  <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
-  <a href="javascript:searchClear()" class="btn btn-default" title="刷新域名列表"><i class="fa fa-refresh"></i> 刷新</a>
-  <a href="javascript:addframe()" class="btn btn-success"><i class="fa fa-plus"></i> 添加</a>
-</form>
-
-      <table id="listTable">
-	  </table>
+<div aria-hidden="true" aria-labelledby="myModalLabel" class="modal" data-backdrop="static" id="modal-store" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+                <h4 class="modal-title" id="modal-title">用户修改/添加</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" id="form-store">
+                    <input name="action" type="hidden"/>
+                    <input name="id" type="hidden"/>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label no-padding-right">用户名</label>
+                        <div class="col-sm-9">
+                            <input class="form-control" name="username" required type="text">
+                        </div>
+                    </div>
+                    <div class="form-group" id="password_input" style="display:none">
+                        <label class="col-sm-3 control-label no-padding-right">密码</label>
+                        <div class="col-sm-9">
+                            <div class="input-group">
+                                <input autocomplete="off" class="form-control" name="password" type="text">
+                                <a class="input-group-addon" href="javascript:" id="create_password">随机生成</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">API接口</label>
+                        <div class="col-sm-9">
+                            <select class="form-control" name="is_api">
+                                <option value="0">关闭</option>
+                                <option value="1">开启</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group" id="apikey_input" style="display:none">
+                        <label class="col-sm-3 control-label no-padding-right">API接口密钥</label>
+                        <div class="col-sm-9">
+                            <div class="input-group">
+                                <input autocomplete="off" class="form-control" name="apikey" readonly type="text">
+                                <a class="input-group-addon" href="javascript:" id="create_apikey">生成密钥</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">用户等级</label>
+                        <div class="col-sm-9">
+                            <div class="input-group">
+                                <select class="form-control" name="level">
+                                    <option value="1">普通用户</option>
+                                    <option value="2">管理员</option>
+                                </select>
+                                <a class="input-group-addon" data-content="普通用户只能管理指定的域名解析，管理员拥有和你相同的权限" data-original-title="用户权限说明" data-placement="bottom" data-toggle="popover" data-trigger="focus" role="button" tabindex="0" title=""><span class="glyphicon glyphicon-info-sign"></span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group" id="permission_input" style="display:none">
+                        <label class="col-sm-3 control-label">域名权限</label>
+                        <div class="col-sm-9">
+                            <select class="form-control select2" id="permission" multiple="multiple" name="permission[]" placeholder="留空">
+                                {foreach $domains as $v}
+                                <option value="{$v}">{$v}</option>
+                                {/foreach}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group" id="repwd_input" style="display:none">
+                        <label class="col-sm-3 control-label no-padding-right">重置密码</label>
+                        <div class="col-sm-9">
+                            <input autocomplete="off" class="form-control" name="repwd" placeholder="不重置密码请留空" type="text">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-white" data-dismiss="modal" type="button">关闭</button>
+                <button class="btn btn-primary" id="store" onclick="save()" type="button">保存</button>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
+<style>
+    #orderItem .orderTitle{word-break:keep-all;}
+    #orderItem .orderContent{word-break:break-all;}
+    .fixed-table-toolbar,.fixed-table-pagination{padding: 15px;}
+</style>
+<div class="panel panel-default">
+    <div class="panel-heading font-bold">
+        <h3 class="panel-title">用户管理</h3>
+    </div>
+    <form class="form-inline" id="searchToolbar" method="GET" onsubmit="return searchSubmit()">
+        <div class="form-group">
+            <input class="form-control" name="kw" placeholder="UID或用户名" type="text">
+        </div>
+        <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>
+        <a class="btn btn-default" href="javascript:searchClear()" title="刷新用户列表"><i class="fa fa-refresh"></i> 刷新</a>
+        <a class="btn btn-success" href="javascript:addframe()"><i class="fa fa-plus"></i> 添加</a>
+    </form>
+    <table id="listTable">
+    </table>
 </div>
 {/block}
 {block name="script"}
-<script src="{$cdnpublic}layer/3.1.1/layer.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/bootstrap-table.min.js"></script>
 <script src="{$cdnpublic}bootstrap-table/1.21.4/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
 <script src="{$cdnpublic}select2/4.0.13/js/select2.min.js"></script>
 <script src="{$cdnpublic}select2/4.0.13/js/i18n/zh-CN.min.js"></script>
 <script src="/static/js/custom.js"></script>
 <script>
-$(document).ready(function(){
-	updateToolbar();
-	const defaultPageSize = 15;
-	const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
-	const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+    $(document).ready(function () {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
 
-	$("#listTable").bootstrapTable({
-		url: '/user/data',
-		pageNumber: pageNumber,
-		pageSize: pageSize,
-		classes: 'table table-striped table-hover table-bordered',
-		columns: [
-			{
-				field: 'id',
-				title: 'UID'
-			},
-			{
-				field: 'username',
-				title: '用户名'
-			},
-			{
-				field: 'level',
-				title: '用户等级',
-				formatter: function(value, row, index) {
-					switch(value){
-						case 1: return '<font color="blue">普通用户</font>';break;
-						case 2: return '<font color="orange">管理员</font>';break;
-					}
-				}
-			},
-            {
-				field: 'is_api',
-				title: 'API接口',
-				formatter: function(value, row, index) {
-					switch(value){
-						case 0: return '<font color="grey">关闭</font>';break;
-						case 1: return '<font color="green">开启</font>';break;
-					}
-				}
-			},
-			{
-				field: 'regtime',
-				title: '添加时间'
-			},
-			{
-				field: 'lasttime',
-				title: '上次登录时间'
-			},
-			{
-				field: 'status',
-				title: '状态',
-				formatter: function(value, row, index) {
-					switch(value){
-						case 0: return '<a href="javascript:setStatus('+row.id+',1)"><font color=red><i class="fa fa-times-circle"></i>封禁</font></a>';break;
-						case 1: return '<a href="javascript:setStatus('+row.id+',0)"><font color=green><i class="fa fa-check-circle"></i>正常</font></a>';break;
-					}
-				}
-			},
-			{
-				field: 'action',
-				title: '操作',
-				formatter: function(value, row, index) {
-					var html = '<a href="javascript:editframe('+row.id+')" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem('+row.id+')" class="btn btn-danger btn-xs">删除</a>';
-					return html;
-				}
-			},
-		],
-	})
-})
-function addframe(){
-	$("#modal-store").modal('show');
-	$("#modal-title").html("添加用户");
-	$("#form-store input[name=action]").val("add");
-	$("#form-store input[name=id]").val('');
-	$("#form-store input[name=username]").val('');
-	$("#form-store input[name=password]").val('');
-	$("#form-store select[name=is_api]").val(0);
-	$("#form-store select[name=level]").val(1);
-	$("#password_input").show();
-	$("#repwd_input").hide();
-	$("#create_apikey").click();
-	$('#permission').val(null).trigger("change");
-	$("select[name=is_api]").change();
-	$("select[name=level]").change();
-}
-function editframe(id){
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/user/op/act/get',
-		data : {id: id},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				$("#modal-store").modal('show');
-				$("#modal-title").html("修改用户");
-				$("#form-store input[name=action]").val("edit");
-				$("#form-store input[name=id]").val(data.data.id);
-				$("#form-store input[name=username]").val(data.data.username);
-				$("#form-store select[name=is_api]").val(data.data.is_api);
-				$("#form-store input[name=apikey]").val(data.data.apikey);
-				$("#form-store select[name=level]").val(data.data.level);
-				$("#form-store input[name=repwd]").val('');
-				$("#password_input").hide();
-				$("#repwd_input").show();
-				$('#permission').val(null).trigger("change");
-				if(data.data.permission != null && data.data.permission.length > 0){
-					$('#permission').val(data.data.permission).trigger('change');
-				}
-				$("select[name=is_api]").change();
-				$("select[name=level]").change();
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function save(){
-	if($("#form-store input[name=username]").val()==''){
-		layer.alert('请确保各项不能为空！');return false;
-	}
-	var act = $("#form-store input[name=action]").val();
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/user/op/act/'+act,
-		data : $("#form-store").serialize(),
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.alert(data.msg,{
-					icon: 1,
-					closeBtn: false
-				}, function(){
-					layer.closeAll();
-					$("#modal-store").modal('hide');
-					searchRefresh();
-				});
-			}else{
-				layer.alert(data.msg, {icon: 2})
-			}
-		}
-	});
-}
-function setStatus(id,status) {
-	var ii = layer.load(2);
-	$.ajax({
-		type : 'POST',
-		url : '/user/op/act/set',
-		data : {id:id, status:status},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				searchRefresh();
-			}else{
-				layer.msg(data.msg, {icon:2, time:1500});
-			}
-		}
-	});
-}
-function delItem(id) {
-	var confirmobj = layer.confirm('确定要删除此用户吗？', {
-	  btn: ['确定','取消']
-	}, function(){
-	  var ii = layer.load(2);
-	  $.ajax({
-		type : 'POST',
-		url : '/user/op/act/del',
-		data : {id: id},
-		dataType : 'json',
-		success : function(data) {
-			layer.close(ii);
-			if(data.code == 0){
-				layer.closeAll();
-				searchRefresh();
-			}else{
-				layer.alert(data.msg, {icon: 2});
-			}
-		}
-	  });
-	}, function(){
-	  layer.close(confirmobj);
-	});
-}
-var CreatePassword = function (len)
-{
-	var str = "abcdefhjmnpqrstuvwxyz23456789ABCDEFGHJKLMNPQRSTUVWYXZ";
-	var pass = '';
-    for (var i = 0; i < len; i++ ) 
-        pass += str.charAt(Math.floor( Math.random() * str.length));
-	return pass;
-}
-$(document).ready(function(){
-	$("select[name=is_api]").change(function(){
-		if($(this).val() == 1){
-			$("#apikey_input").show();
-		}else{
-			$("#apikey_input").hide();
-		}
-	});
-	$("select[name=level]").change(function(){
-		if($(this).val() == 2){
-			$("#permission_input").hide();
-		}else{
-			$("#permission_input").show();
-			$('#permission').select2({placeholder: '请选择该用户可管理解析的域名'});
-		}
-	});
-	$("#create_password").click(function(){
-		$("input[name='password']").val(CreatePassword(12));
-	});
-	$("#create_apikey").click(function(){
-		$("input[name='apikey']").val(CreatePassword(16));
-	});
-	$('[data-toggle="popover"]').popover()
-})
+        $("#listTable").bootstrapTable({
+            url: '/user/data',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [
+                {
+                    field: 'id',
+                    title: 'UID'
+                },
+                {
+                    field: 'username',
+                    title: '用户名'
+                },
+                {
+                    field: 'level',
+                    title: '用户等级',
+                    formatter: function (value, row, index) {
+                        switch (value) {
+                            case 1:
+                                return '<font color="blue">普通用户</font>';
+                                break;
+                            case 2:
+                                return '<font color="orange">管理员</font>';
+                                break;
+                        }
+                    }
+                },
+                {
+                    field: 'is_api',
+                    title: 'API接口',
+                    formatter: function (value, row, index) {
+                        switch (value) {
+                            case 0:
+                                return '<font color="grey">关闭</font>';
+                                break;
+                            case 1:
+                                return '<font color="green">开启</font>';
+                                break;
+                        }
+                    }
+                },
+                {
+                    field: 'regtime',
+                    title: '添加时间'
+                },
+                {
+                    field: 'lasttime',
+                    title: '上次登录时间'
+                },
+                {
+                    field: 'status',
+                    title: '状态',
+                    formatter: function (value, row, index) {
+                        switch (value) {
+                            case 0:
+                                return '<a href="javascript:setStatus(' + row.id + ',1)"><font color=red><i class="fa fa-times-circle"></i>封禁</font></a>';
+                                break;
+                            case 1:
+                                return '<a href="javascript:setStatus(' + row.id + ',0)"><font color=green><i class="fa fa-check-circle"></i>正常</font></a>';
+                                break;
+                        }
+                    }
+                },
+                {
+                    field: 'action',
+                    title: '操作',
+                    formatter: function (value, row, index) {
+                        var html = '<a href="javascript:editframe(' + row.id + ')" class="btn btn-info btn-xs">编辑</a> <a href="javascript:delItem(' + row.id + ')" class="btn btn-danger btn-xs">删除</a>';
+                        return html;
+                    }
+                },
+            ],
+        })
+    })
+
+    function addframe() {
+        $("#modal-store").modal('show');
+        $("#modal-title").html("添加用户");
+        $("#form-store input[name=action]").val("add");
+        $("#form-store input[name=id]").val('');
+        $("#form-store input[name=username]").val('');
+        $("#form-store input[name=password]").val('');
+        $("#form-store select[name=is_api]").val(0);
+        $("#form-store select[name=level]").val(1);
+        $("#password_input").show();
+        $("#repwd_input").hide();
+        $("#create_apikey").click();
+        $('#permission').val(null).trigger("change");
+        $("select[name=is_api]").change();
+        $("select[name=level]").change();
+    }
+
+    function editframe(id) {
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/user/op/act/get',
+            data: {id: id},
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    $("#modal-store").modal('show');
+                    $("#modal-title").html("修改用户");
+                    $("#form-store input[name=action]").val("edit");
+                    $("#form-store input[name=id]").val(data.data.id);
+                    $("#form-store input[name=username]").val(data.data.username);
+                    $("#form-store select[name=is_api]").val(data.data.is_api);
+                    $("#form-store input[name=apikey]").val(data.data.apikey);
+                    $("#form-store select[name=level]").val(data.data.level);
+                    $("#form-store input[name=repwd]").val('');
+                    $("#password_input").hide();
+                    $("#repwd_input").show();
+                    $('#permission').val(null).trigger("change");
+                    if (data.data.permission != null && data.data.permission.length > 0) {
+                        $('#permission').val(data.data.permission).trigger('change');
+                    }
+                    $("select[name=is_api]").change();
+                    $("select[name=level]").change();
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function save() {
+        if ($("#form-store input[name=username]").val() == '') {
+            layer.alert('请确保各项不能为空！');
+            return false;
+        }
+        var act = $("#form-store input[name=action]").val();
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/user/op/act/' + act,
+            data: $("#form-store").serialize(),
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    layer.alert(data.msg, {
+                        icon: 1,
+                        closeBtn: false
+                    }, function () {
+                        layer.closeAll();
+                        $("#modal-store").modal('hide');
+                        searchRefresh();
+                    });
+                } else {
+                    layer.alert(data.msg, {icon: 2})
+                }
+            }
+        });
+    }
+
+    function setStatus(id, status) {
+        var ii = layer.load(2);
+        $.ajax({
+            type: 'POST',
+            url: '/user/op/act/set',
+            data: {id: id, status: status},
+            dataType: 'json',
+            success: function (data) {
+                layer.close(ii);
+                if (data.code == 0) {
+                    searchRefresh();
+                } else {
+                    layer.msg(data.msg, {icon: 2, time: 1500});
+                }
+            }
+        });
+    }
+
+    function delItem(id) {
+        var confirmobj = layer.confirm('确定要删除此用户吗？', {
+            btn: ['确定', '取消']
+        }, function () {
+            var ii = layer.load(2);
+            $.ajax({
+                type: 'POST',
+                url: '/user/op/act/del',
+                data: {id: id},
+                dataType: 'json',
+                success: function (data) {
+                    layer.close(ii);
+                    if (data.code == 0) {
+                        layer.closeAll();
+                        searchRefresh();
+                    } else {
+                        layer.alert(data.msg, {icon: 2});
+                    }
+                }
+            });
+        }, function () {
+            layer.close(confirmobj);
+        });
+    }
+
+    var CreatePassword = function (len) {
+        var str = "abcdefhjmnpqrstuvwxyz23456789ABCDEFGHJKLMNPQRSTUVWYXZ";
+        var pass = '';
+        for (var i = 0; i < len; i++)
+            pass += str.charAt(Math.floor(Math.random() * str.length));
+        return pass;
+    }
+    $(document).ready(function () {
+        $("select[name=is_api]").change(function () {
+            if ($(this).val() == 1) {
+                $("#apikey_input").show();
+            } else {
+                $("#apikey_input").hide();
+            }
+        });
+        $("select[name=level]").change(function () {
+            if ($(this).val() == 2) {
+                $("#permission_input").hide();
+            } else {
+                $("#permission_input").show();
+                $('#permission').select2({placeholder: '请选择该用户可管理解析的域名'});
+            }
+        });
+        $("#create_password").click(function () {
+            $("input[name='password']").val(CreatePassword(12));
+        });
+        $("#create_apikey").click(function () {
+            $("input[name='apikey']").val(CreatePassword(16));
+        });
+        $('[data-toggle="popover"]').popover()
+    })
 </script>
 {/block}
\ No newline at end of file
diff --git a/public/.DS_Store b/public/.DS_Store
new file mode 100644
index 0000000..96c439c
Binary files /dev/null and b/public/.DS_Store differ
diff --git a/public/static/.DS_Store b/public/static/.DS_Store
new file mode 100644
index 0000000..a12ad98
Binary files /dev/null and b/public/static/.DS_Store differ
diff --git a/public/static/css/.DS_Store b/public/static/css/.DS_Store
new file mode 100644
index 0000000..9939c64
Binary files /dev/null and b/public/static/css/.DS_Store differ
diff --git a/public/static/css/animate.min.css b/public/static/css/animate.min.css
new file mode 100755
index 0000000..789ed0e
--- /dev/null
+++ b/public/static/css/animate.min.css
@@ -0,0 +1,6 @@
+@charset "UTF-8";/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license - http://opensource.org/licenses/MIT
+
+Copyright (c) 2013 Daniel Eden
+*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
\ No newline at end of file
diff --git a/public/static/css/app.css b/public/static/css/app.css
new file mode 100755
index 0000000..312d79d
--- /dev/null
+++ b/public/static/css/app.css
@@ -0,0 +1,5177 @@
+/* 
+
+*/
+
+html {
+  background-color: #f0f3f4;
+}
+
+body {
+  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1.42857143;
+  color: #58666e;
+  background-color: transparent;
+}
+
+*:focus {
+  outline: 0 !important;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  margin: 0;
+}
+
+a {
+  color: #363f44;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+a:hover,
+a:focus {
+  color: #141719;
+  text-decoration: none;
+}
+
+label {
+  font-weight: normal;
+}
+
+small,
+.small {
+  font-size: 13px;
+}
+
+.badge,
+.label {
+  font-weight: bold;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.badge.bg-light,
+.label.bg-light {
+  text-shadow: none;
+}
+
+.badge {
+  background-color: #cfdadd;
+}
+
+.badge.up {
+  position: relative;
+  top: -10px;
+  padding: 3px 6px;
+  margin-left: -10px;
+}
+
+.badge-sm {
+  padding: 2px 5px !important;
+  font-size: 85%;
+}
+
+.label-sm {
+  padding-top: 0;
+  padding-bottom: 1px;
+}
+
+.badge-white {
+  padding: 2px 6px;
+  background-color: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.35);
+}
+
+.badge-empty {
+  color: inherit;
+  background-color: transparent;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+blockquote {
+  border-color: #dee5e7;
+}
+
+.caret-white {
+  border-top-color: #fff;
+  border-top-color: rgba(255, 255, 255, 0.65);
+}
+
+a:hover .caret-white {
+  border-top-color: #fff;
+}
+
+.thumbnail {
+  border-color: #dee5e7;
+}
+
+.progress {
+  background-color: #edf1f2;
+}
+
+.progress-xxs {
+  height: 2px;
+}
+
+.progress-xs {
+  height: 6px;
+}
+
+.progress-sm {
+  height: 12px;
+}
+
+.progress-sm .progress-bar {
+  font-size: 10px;
+  line-height: 1em;
+}
+
+.progress,
+.progress-bar {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.progress-bar-primary {
+  background-color: #7266ba;
+}
+
+.progress-bar-info {
+  background-color: #23b7e5;
+}
+
+.progress-bar-success {
+  background-color: #27c24c;
+}
+
+.progress-bar-warning {
+  background-color: #fad733;
+}
+
+.progress-bar-danger {
+  background-color: #f05050;
+}
+
+.progress-bar-black {
+  background-color: #1c2b36;
+}
+
+.progress-bar-white {
+  background-color: #fff;
+}
+
+.accordion-group,
+.accordion-inner {
+  border-color: #dee5e7;
+  border-radius: 2px;
+}
+
+.alert {
+  font-size: 13px;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+
+.alert .close i {
+  display: block;
+  font-size: 12px;
+  font-weight: normal;
+}
+
+.form-control {
+  border-color: #cfdadd;
+  border-radius: 2px;
+}
+
+.form-control,
+.form-control:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.form-control:focus {
+  border-color: #23b7e5;
+}
+
+.form-horizontal .control-label.text-left {
+  text-align: left;
+}
+
+.form-control-spin {
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  z-index: 2;
+  margin-top: -7px;
+}
+
+.input-lg {
+  height: 45px;
+}
+
+.input-group-addon {
+  background-color: #edf1f2;
+  border-color: #cfdadd;
+}
+
+.list-group {
+  border-radius: 2px;
+}
+
+.list-group.no-radius .list-group-item {
+  border-radius: 0 !important;
+}
+
+.list-group.no-borders .list-group-item {
+  border: none;
+}
+
+.list-group.no-border .list-group-item {
+  border-width: 1px 0;
+}
+
+.list-group.no-bg .list-group-item {
+  background-color: transparent;
+}
+
+.list-group-item {
+  padding-right: 15px;
+  border-color: #e7ecee;
+}
+
+a.list-group-item:hover,
+a.list-group-item:focus,
+a.list-group-item.hover {
+  background-color: #f6f8f8;
+}
+
+.list-group-item.media {
+  margin-top: 0;
+}
+
+.list-group-item.active {
+  color: #fff;
+  background-color: #23b7e5 !important;
+  border-color: #23b7e5 !important;
+}
+
+.list-group-item.active .text-muted {
+  color: #ace4f5 !important;
+}
+
+.list-group-item.active a {
+  color: #fff;
+}
+
+.list-group-item.focus {
+  background-color: #e4eaec !important;
+}
+
+.list-group-item.select {
+  position: relative;
+  z-index: 1;
+  background-color: #dbeef9 !important;
+  border-color: #c5e4f5;
+}
+
+.list-group-alt .list-group-item:nth-child(2n+2) {
+  background-color: rgba(0, 0, 0, 0.02) !important;
+}
+
+.list-group-lg .list-group-item {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+.list-group-sm .list-group-item {
+  padding: 6px 10px;
+}
+
+.list-group-sp .list-group-item {
+  margin-bottom: 5px;
+  border-radius: 3px;
+}
+
+.list-group-item > .badge {
+  margin-right: 0;
+}
+
+.list-group-item > .fa-chevron-right {
+  float: right;
+  margin-top: 4px;
+  margin-right: -5px;
+}
+
+.list-group-item > .fa-chevron-right + .badge {
+  margin-right: 5px;
+}
+
+.nav-pills.no-radius > li > a {
+  border-radius: 0;
+}
+
+.nav-pills > li.active > a {
+  color: #fff !important;
+  background-color: #23b7e5;
+}
+
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:active {
+  background-color: #19a9d5;
+}
+
+.nav > li > a:hover,
+.nav > li > a:focus {
+  background-color: #f6f8f8;
+}
+
+.nav.nav-lg > li > a {
+  padding: 20px 20px;
+}
+
+.nav.nav-md > li > a {
+  padding: 15px 15px;
+}
+
+.nav.nav-sm > li > a {
+  padding: 6px 12px;
+}
+
+.nav.nav-xs > li > a {
+  padding: 4px 10px;
+}
+
+.nav.nav-xxs > li > a {
+  padding: 1px 10px;
+}
+
+.nav.nav-rounded > li > a {
+  border-radius: 20px;
+}
+
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+  background-color: #f6f8f8;
+}
+
+.nav-tabs {
+  border-color: #dee5e7;
+}
+
+.nav-tabs > li > a {
+  border-bottom-color: #dee5e7;
+  border-radius: 2px 2px 0 0;
+}
+
+.nav-tabs > li:hover > a,
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover {
+  border-color: #dee5e7;
+}
+
+.nav-tabs > li.active > a {
+  border-bottom-color: #fff !important;
+}
+
+.nav-tabs-alt .nav-tabs.nav-justified > li {
+  display: table-cell;
+  width: 1%;
+}
+
+.nav-tabs-alt .nav-tabs > li > a {
+  background: transparent !important;
+  border-color: transparent !important;
+  border-bottom-color: #dee5e7 !important;
+  border-radius: 0;
+}
+
+.nav-tabs-alt .nav-tabs > li.active > a {
+  border-bottom-color: #23b7e5 !important;
+}
+
+.tab-container {
+  margin-bottom: 15px;
+}
+
+.tab-container .tab-content {
+  padding: 15px;
+  background-color: #fff;
+  border: 1px solid #dee5e7;
+  border-top-width: 0;
+  border-radius: 0 0 2px 2px;
+}
+
+.pagination > li > a {
+  border-color: #dee5e7;
+}
+
+.pagination > li > a:hover,
+.pagination > li > a:focus {
+  background-color: #edf1f2;
+  border-color: #dee5e7;
+}
+
+.panel {
+  border-radius: 2px;
+}
+
+.panel .accordion-toggle {
+  display: block;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.panel .list-group-item {
+  border-color: #edf1f2;
+}
+
+.panel.no-borders {
+  border-width: 0;
+}
+
+.panel.no-borders .panel-heading,
+.panel.no-borders .panel-footer {
+  border-width: 0;
+}
+
+.panel-heading {
+  border-radius: 2px 2px 0 0;
+}
+
+.panel-default .panel-heading {
+  background-color: #f6f8f8;
+}
+
+.panel-heading.no-border {
+  margin: -1px -1px 0 -1px;
+  border: none;
+}
+
+.panel-heading .nav {
+  margin: -10px -15px;
+}
+
+.panel-heading .list-group {
+  background: transparent;
+}
+
+.panel-footer {
+  background-color: #ffffff;
+  border-color: #edf1f2;
+  border-radius: 0 0 2px 2px;
+}
+
+.panel-default {
+  border-color: #dee5e7;
+}
+
+.panel-default > .panel-heading,
+.panel-default > .panel-footer {
+  border-color: #edf1f2;
+}
+
+.panel-group .panel-heading + .panel-collapse .panel-body {
+  border-top: 1px solid #eaedef;
+}
+
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  padding: 8px 15px;
+  border-top: 1px solid #eaeff0;
+}
+
+.table > thead > tr > th {
+  padding: 8px 15px;
+  border-bottom: 1px solid #eaeff0;
+}
+
+.table-bordered {
+  border-color: #eaeff0;
+}
+
+.table-bordered > tbody > tr > td {
+  border-color: #eaeff0;
+}
+
+.table-bordered > thead > tr > th {
+  border-color: #eaeff0;
+}
+
+.table-striped > tbody > tr:nth-child(odd) > td,
+.table-striped > tbody > tr:nth-child(odd) > th {
+  background-color: #fafbfc;
+}
+
+.table-striped > thead > th {
+  background-color: #fafbfc;
+  border-right: 1px solid #eaeff0;
+}
+
+.table-striped > thead > th:last-child {
+  border-right: none;
+}
+
+.well,
+pre {
+  background-color: #edf1f2;
+  border-color: #dee5e7;
+}
+
+.dropdown-menu {
+  border: 1px solid #dee5e7;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+}
+
+.dropdown-menu.pull-left {
+  left: 100%;
+}
+
+.dropdown-menu > .panel {
+  margin: -5px 0;
+  border: none;
+}
+
+.dropdown-menu > li > a {
+  padding: 5px 15px;
+}
+
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus,
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  color: #141719;
+  background-color: #edf1f2 !important;
+  background-image: none;
+  filter: none;
+}
+
+.dropdown-header {
+  padding: 5px 15px;
+}
+
+.dropdown-submenu {
+  position: relative;
+}
+
+.dropdown-submenu:hover > a,
+.dropdown-submenu:focus > a {
+  color: #58666e;
+  background-color: #edf1f2 !important;
+}
+
+.dropdown-submenu:hover > .dropdown-menu,
+.dropdown-submenu:focus > .dropdown-menu {
+  display: block;
+}
+
+.dropdown-submenu.pull-left {
+  float: none !important;
+}
+
+.dropdown-submenu.pull-left > .dropdown-menu {
+  left: -100%;
+  margin-left: 10px;
+}
+
+.dropdown-submenu .dropdown-menu {
+  top: 0;
+  left: 100%;
+  margin-top: -6px;
+  margin-left: -1px;
+}
+
+.dropup .dropdown-submenu > .dropdown-menu {
+  top: auto;
+  bottom: 0;
+}
+
+.btn-group > .btn {
+  margin-left: -1px;
+}
+
+/*cols*/
+
+.col-lg-2-4 {
+  position: relative;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+.col-0 {
+  clear: left;
+}
+
+.row.no-gutter {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.no-gutter [class*="col"] {
+  padding: 0;
+}
+
+.row-sm {
+  margin-right: -10px;
+  margin-left: -10px;
+}
+
+.row-sm > div {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.modal-backdrop {
+  background-color: #3a3f51;
+}
+
+.modal-backdrop.in {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+
+.modal-over {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.modal-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+}
+
+/*layout*/
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  overflow-x: hidden;
+}
+
+.app {
+  position: relative;
+  width: 100%;
+  height: auto;
+  min-height: 100%;
+}
+
+.app:before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+  display: block;
+  width: inherit;
+  background-color: #f0f3f4;
+  border: inherit;
+  content: "";
+}
+
+.app-header-fixed {
+  padding-top: 50px;
+}
+
+.app-header-fixed .app-header {
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+.app-header {
+  z-index: 1025;
+  border-radius: 0;
+}
+
+.app-aside {
+  float: left;
+}
+
+.app-aside:before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+  width: inherit;
+  background-color: inherit;
+  border: inherit;
+  content: "";
+}
+
+.app-aside-footer {
+  position: absolute;
+  bottom: 0;
+  z-index: 1000;
+  width: 100%;
+  max-width: 200px;
+}
+
+.app-aside-folded .app-aside-footer {
+  max-width: 60px;
+}
+
+.app-aside-footer ~ div {
+  padding-bottom: 50px;
+}
+
+.app-aside-right {
+  padding-bottom: 50px;
+}
+
+.app-content {
+  height: 100%;
+}
+
+.app-content:before,
+.app-content:after {
+  display: table;
+  content: " ";
+}
+
+.app-content:after {
+  clear: both;
+}
+
+.app-content-full {
+  position: absolute;
+  top: 50px;
+  bottom: 50px;
+  width: auto !important;
+  height: auto;
+  padding: 0 !important;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.app-content-full.h-full {
+  bottom: 0;
+  height: auto;
+}
+
+.app-content-body {
+  float: left;
+  width: 100%;
+  padding-bottom: 50px;
+}
+
+.app-footer {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1005;
+}
+
+.app-footer.app-footer-fixed {
+  position: fixed;
+}
+
+.hbox {
+  display: table;
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  table-layout: fixed;
+}
+
+.hbox .col {
+  display: table-cell;
+  float: none;
+  height: 100%;
+  vertical-align: top;
+}
+
+.v-middle {
+  vertical-align: middle !important;
+}
+
+.v-top {
+  vertical-align: top !important;
+}
+
+.v-bottom {
+  vertical-align: bottom !important;
+}
+
+.vbox {
+  position: relative;
+  display: table;
+  width: 100%;
+  height: 100%;
+  min-height: 240px;
+  border-spacing: 0;
+}
+
+.vbox .row-row {
+  display: table-row;
+  height: 100%;
+}
+
+.vbox .row-row .cell {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.ie .vbox .row-row .cell {
+  display: table-cell;
+}
+
+.vbox .row-row .cell .cell-inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.navbar {
+  margin: 0;
+  border-width: 0;
+  border-radius: 0;
+}
+
+.navbar .navbar-form-sm {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.navbar-md {
+  min-height: 60px;
+}
+
+.navbar-md .navbar-btn {
+  margin-top: 13px;
+}
+
+.navbar-md .navbar-form {
+  margin-top: 15px;
+}
+
+.navbar-md .navbar-nav > li > a {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.navbar-md .navbar-brand {
+  line-height: 60px;
+}
+
+.navbar-header > button {
+  padding: 10px 17px;
+  font-size: 16px;
+  line-height: 30px;
+  text-decoration: none;
+  background-color: transparent;
+  border: none;
+}
+
+.navbar-brand {
+  display: inline-block;
+  float: none;
+  height: auto;
+  padding: 0 20px;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 50px;
+  text-align: center;
+}
+
+.navbar-brand:hover {
+  text-decoration: none;
+}
+
+.navbar-brand img {
+  display: inline;
+  max-height: 20px;
+  margin-top: -4px;
+  vertical-align: middle;
+}
+
+@media (min-width: 768px) {
+  .app-aside,
+  .navbar-header {
+    width: 200px;
+  }
+  .navbar-collapse,
+  .app-content,
+  .app-footer {
+    margin-left: 200px;
+  }
+  .app-aside-right {
+    position: absolute;
+    top: 50px;
+    right: 0;
+    bottom: 0;
+    z-index: 1000;
+  }
+  .app-aside-right.pos-fix {
+    z-index: 1010;
+  }
+  .visible-folded {
+    display: none;
+  }
+  .app-aside-folded .hidden-folded {
+    display: none !important;
+  }
+  .app-aside-folded .visible-folded {
+    display: inherit;
+  }
+  .app-aside-folded .text-center-folded {
+    text-align: center;
+  }
+  .app-aside-folded .pull-none-folded {
+    float: none !important;
+  }
+  .app-aside-folded .w-auto-folded {
+    width: auto;
+  }
+  .app-aside-folded .app-aside,
+  .app-aside-folded .navbar-header {
+    width: 60px;
+  }
+  .app-aside-folded .navbar-collapse,
+  .app-aside-folded .app-content,
+  .app-aside-folded .app-footer {
+    margin-left: 60px;
+  }
+  .app-aside-folded .app-header .navbar-brand {
+    display: block;
+    padding: 0;
+  }
+  .app-aside-fixed .app-header .navbar-header {
+    position: fixed;
+  }
+  .app-aside-fixed .aside-wrap {
+    position: fixed;
+    top: 50px;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    width: 199px;
+    overflow: hidden;
+  }
+  .app-aside-fixed .aside-wrap .navi-wrap {
+    position: relative;
+    width: 217px;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+  }
+  .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar {
+    -webkit-appearance: none;
+  }
+  .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {
+    width: 17px;
+  }
+  .app-aside-fixed .aside-wrap .navi-wrap > * {
+    width: 200px;
+  }
+  .smart .app-aside-fixed .aside-wrap .navi-wrap {
+    width: 200px;
+  }
+  .app-aside-fixed.app-aside-folded .app-aside {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    z-index: 1010;
+  }
+  .app-aside-fixed.app-aside-folded .aside-wrap {
+    width: 59px;
+  }
+  .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
+    width: 77px;
+  }
+  .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap > * {
+    width: 60px;
+  }
+  .smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
+    width: 60px;
+  }
+  .bg-auto:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: -1;
+    width: inherit;
+    background-color: inherit;
+    border: inherit;
+    content: "";
+  }
+  .bg-auto.b-l:before {
+    margin-left: -1px;
+  }
+  .bg-auto.b-r:before {
+    margin-right: -1px;
+  }
+  .col.show {
+    display: table-cell !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .hbox-auto-sm {
+    display: block;
+  }
+  .hbox-auto-sm > .col {
+    display: block;
+    width: auto;
+    height: auto;
+  }
+  .hbox-auto-sm > .col.show {
+    display: block !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .app-aside {
+    float: none;
+  }
+  .app-content-full {
+    width: 100% !important;
+  }
+  .hbox-auto-xs {
+    display: block;
+  }
+  .hbox-auto-xs > .col {
+    display: block;
+    width: auto;
+    height: auto;
+  }
+  .navbar-nav {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .navbar-nav > li > a {
+    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+  }
+  .navbar-nav > li > a .up {
+    top: 0;
+  }
+  .navbar-nav > li > a .avatar {
+    width: 30px;
+    margin-top: -5px;
+  }
+  .navbar-nav .open .dropdown-menu {
+    background-color: #fff;
+  }
+  .navbar-form {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+  }
+  .navbar-form .form-group {
+    margin-bottom: 0;
+  }
+}
+
+html {
+  background: url('../img/bg.jpg');
+  background-attachment: fixed;
+  background-size: cover;
+}
+
+.app.container {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+@media (min-width: 768px) {
+  .app.container {
+    width: 750px;
+    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
+            box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
+  }
+  .app.container .app-aside {
+    overflow-x: hidden;
+  }
+  .app.container.app-aside-folded .app-aside {
+    overflow-x: visible;
+  }
+  .app.container.app-aside-fixed .aside-wrap {
+    left: inherit;
+  }
+  .app.container.app-aside-fixed.app-aside-folded .app-aside > ul.nav {
+    position: absolute;
+  }
+  .app.container .app-header,
+  .app.container .app-aside {
+    max-width: 750px;
+  }
+  .app.container .app-footer-fixed {
+    right: auto;
+    left: auto;
+    width: 100%;
+    max-width: 550px;
+  }
+  .app.container.app-aside-folded .app-footer-fixed {
+    max-width: 690px;
+  }
+  .app.container.app-aside-dock .app-footer-fixed {
+    max-width: 750px;
+  }
+}
+
+@media (min-width: 992px) {
+  .app.container {
+    width: 970px;
+  }
+  .app.container .app-header,
+  .app.container .app-aside {
+    max-width: 970px;
+  }
+  .app.container .app-footer-fixed {
+    max-width: 770px;
+  }
+  .app.container.app-aside-folded .app-footer-fixed {
+    max-width: 910px;
+  }
+  .app.container.app-aside-dock .app-footer-fixed {
+    max-width: 970px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .app.container {
+    width: 1170px;
+  }
+  .app.container .app-header,
+  .app.container .app-aside {
+    max-width: 1170px;
+  }
+  .app.container .app-footer-fixed {
+    max-width: 970px;
+  }
+  .app.container.app-aside-folded .app-footer-fixed {
+    max-width: 1110px;
+  }
+  .app.container.app-aside-dock .app-footer-fixed {
+    max-width: 1170px;
+  }
+}
+
+.nav-sub {
+  height: 0;
+  margin-left: -20px;
+  overflow: hidden;
+  opacity: 0;
+  -webkit-transition: all 0.2s ease-in-out 0s;
+          transition: all 0.2s ease-in-out 0s;
+}
+
+.active > .nav-sub,
+.app-aside-folded li:hover > .nav-sub,
+.app-aside-folded li:focus > .nav-sub,
+.app-aside-folded li:active > .nav-sub {
+  height: auto !important;
+  margin-left: 0;
+  overflow: auto;
+  opacity: 1;
+}
+
+.nav-sub-header {
+  display: none !important;
+}
+
+.nav-sub-header a {
+  padding: 15px 20px;
+}
+
+.navi ul.nav li {
+  position: relative;
+  display: block;
+}
+
+.navi ul.nav li li a {
+  padding-left: 55px;
+}
+
+.navi ul.nav li li ul {
+  display: none;
+}
+
+.navi ul.nav li li.active > ul {
+  display: block;
+}
+
+.navi ul.nav li a {
+  position: relative;
+  display: block;
+  padding: 10px 20px;
+  font-weight: normal;
+  text-transform: none;
+  -webkit-transition: background-color 0.2s ease-in-out 0s;
+          transition: background-color 0.2s ease-in-out 0s;
+}
+
+.navi ul.nav li a .badge,
+.navi ul.nav li a .label {
+  padding: 2px 5px;
+  margin-top: 2px;
+  font-size: 11px;
+}
+
+.navi ul.nav li a > i {
+  position: relative;
+  float: left;
+  width: 40px;
+  margin: -10px -10px;
+  margin-right: 5px;
+  overflow: hidden;
+  line-height: 40px;
+  text-align: center;
+}
+
+.navi ul.nav li a > i:before {
+  position: relative;
+  z-index: 2;
+}
+
+@media (min-width: 768px) {
+  .app-aside-folded .nav-sub-header {
+    display: block !important;
+  }
+  .app-aside-folded .nav-sub-header a {
+    padding: 15px 20px !important;
+  }
+  .app-aside-folded .navi > ul > li > a {
+    position: relative;
+    height: 50px;
+    padding: 0;
+    text-align: center;
+    border: none;
+  }
+  .app-aside-folded .navi > ul > li > a span {
+    display: none;
+  }
+  .app-aside-folded .navi > ul > li > a span.pull-right {
+    display: none !important;
+  }
+  .app-aside-folded .navi > ul > li > a i {
+    display: block;
+    float: none;
+    width: auto;
+    margin: 0;
+    font-size: 16px;
+    line-height: 50px;
+    border: none !important;
+  }
+  .app-aside-folded .navi > ul > li > a i b {
+    left: 0 !important;
+  }
+  .app-aside-folded .navi > ul > li > a .badge,
+  .app-aside-folded .navi > ul > li > a .label {
+    position: absolute;
+    top: 8px;
+    right: 12px;
+    z-index: 3;
+  }
+  .app-aside-folded .navi > ul > li > ul {
+    position: absolute;
+    top: 0 !important;
+    left: 100%;
+    z-index: 1050;
+    width: 200px;
+    height: 0 !important;
+    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  }
+  .app-aside-folded .navi li li a {
+    padding-left: 20px !important;
+  }
+  .app-aside-folded.app-aside-fixed .app-aside > ul.nav {
+    position: fixed;
+    left: 80px;
+    z-index: 1010;
+    display: block;
+    width: 260px;
+    height: auto;
+    overflow: visible;
+    overflow-y: auto;
+    opacity: 1;
+    -webkit-overflow-scrolling: touch;
+  }
+  .app-aside-folded.app-aside-fixed .app-aside > ul.nav:before {
+    position: absolute;
+    top: 0;
+    left: -60px;
+    width: 60px;
+    height: 50px;
+    content: "";
+  }
+  .app-aside-folded.app-aside-fixed .app-aside > ul.nav a {
+    padding-right: 20px !important;
+    padding-left: 20px !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .app {
+    overflow-x: hidden;
+  }
+  .app-content {
+    -webkit-transition: -webkit-transform 0.2s ease;
+       -moz-transition: -moz-transform 0.2s ease;
+         -o-transition: -o-transform 0.2s ease;
+            transition: transform 0.2s ease;
+  }
+  .off-screen {
+    position: absolute;
+    top: 50px;
+    bottom: 0;
+    z-index: 1010;
+    display: block !important;
+    width: 75%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    visibility: visible;
+    -webkit-overflow-scrolling: touch;
+  }
+  .off-screen + * {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1015;
+    width: 100%;
+    padding-top: 50px;
+    overflow: hidden;
+    background-color: #f0f3f4;
+    -webkit-transform: translate3d(75%, 0, 0px);
+            transform: translate3d(75%, 0, 0px);
+    -webkit-transition: -webkit-transform 0.2s ease;
+       -moz-transition: -moz-transform 0.2s ease;
+         -o-transition: -o-transform 0.2s ease;
+            transition: transform 0.2s ease;
+    -webkit-backface-visibility: hidden;
+       -moz-backface-visibility: hidden;
+            backface-visibility: hidden;
+  }
+  .off-screen + * .off-screen-toggle {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1020;
+    display: block !important;
+  }
+  .off-screen.pull-right {
+    right: 0;
+  }
+  .off-screen.pull-right + * {
+    -webkit-transform: translate3d(-75%, 0, 0px);
+            transform: translate3d(-75%, 0, 0px);
+  }
+}
+
+@media (min-width: 992px) {
+  .app-aside-dock .app-content,
+  .app-aside-dock .app-footer {
+    margin-left: 0;
+  }
+  .app-aside-dock .app-aside-footer ~ div {
+    padding-bottom: 0;
+  }
+  .app-aside-dock.app-aside-fixed.app-header-fixed {
+    padding-top: 115px;
+  }
+  .app-aside-dock.app-aside-fixed .app-aside {
+    position: fixed;
+    top: 50px;
+    z-index: 1000;
+    width: 100%;
+  }
+  .app-aside-dock .app-aside,
+  .app-aside-dock .aside-wrap,
+  .app-aside-dock .navi-wrap {
+    position: relative;
+    top: 0;
+    float: none;
+    width: 100% !important;
+    overflow: visible !important;
+  }
+  .app-aside-dock .navi-wrap > * {
+    width: auto !important;
+  }
+  .app-aside-dock .app-aside {
+    bottom: auto !important;
+  }
+  .app-aside-dock .app-aside.b-r {
+    border-bottom: 1px solid #dee5e7;
+    border-right-width: 0;
+  }
+  .app-aside-dock .app-aside:before {
+    display: none;
+  }
+  .app-aside-dock .app-aside nav > .nav {
+    float: left;
+  }
+  .app-aside-dock .app-aside .hidden-folded,
+  .app-aside-dock .app-aside .line,
+  .app-aside-dock .app-aside .navi-wrap > div {
+    display: none !important;
+  }
+  .app-aside-dock .app-aside .navi > ul > li {
+    position: relative;
+    display: inline-block;
+    float: left;
+  }
+  .app-aside-dock .app-aside .navi > ul > li > a {
+    height: auto;
+    padding: 10px 15px 12px 15px;
+    text-align: center;
+  }
+  .app-aside-dock .app-aside .navi > ul > li > a > .badge,
+  .app-aside-dock .app-aside .navi > ul > li > a > .label {
+    position: absolute;
+    top: 5px;
+    right: 8px;
+    padding: 1px 4px;
+  }
+  .app-aside-dock .app-aside .navi > ul > li > a > i {
+    display: block;
+    float: none;
+    width: 40px;
+    margin-top: -10px;
+    margin-right: auto;
+    margin-bottom: -7px;
+    margin-left: auto;
+    font-size: 14px;
+    line-height: 40px;
+  }
+  .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right {
+    position: absolute;
+    bottom: 2px;
+    left: 50%;
+    display: block !important;
+    margin-left: -6px;
+    line-height: 1;
+  }
+  .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i {
+    width: 12px;
+    font-size: 12px;
+    line-height: 12px;
+  }
+  .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i.text {
+    line-height: 14px;
+    -webkit-transform: rotate(90deg);
+        -ms-transform: rotate(90deg);
+            transform: rotate(90deg);
+  }
+  .app-aside-dock .app-aside .navi > ul > li > a > span {
+    display: block;
+    font-weight: normal;
+  }
+  .app-aside-dock .app-aside .navi > ul > li .nav-sub {
+    position: absolute;
+    top: auto !important;
+    left: 0;
+    z-index: 1050;
+    display: none;
+    width: 200px;
+    height: auto !important;
+    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  }
+  .app-aside-dock .app-aside .navi > ul > li .nav-sub-header {
+    display: none !important;
+  }
+  .app-aside-dock .app-aside .navi li li a {
+    padding-left: 15px;
+  }
+  .app-aside-dock .app-aside .navi li:hover > .nav-sub,
+  .app-aside-dock .app-aside .navi li:focus > .nav-sub,
+  .app-aside-dock .app-aside .navi li:active > .nav-sub {
+    display: block;
+    height: auto !important;
+    margin-left: 0;
+    overflow: auto;
+    opacity: 1;
+  }
+}
+
+.arrow {
+  z-index: 10;
+  border-width: 9px;
+}
+
+.arrow,
+.arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.arrow:after {
+  border-width: 8px;
+  content: "";
+}
+
+.arrow.top {
+  top: -9px;
+  left: 50%;
+  margin-left: -9px;
+  border-bottom-color: rgba(0, 0, 0, 0.1);
+  border-top-width: 0;
+}
+
+.arrow.top:after {
+  top: 1px;
+  margin-left: -8px;
+  border-bottom-color: #ffffff;
+  border-top-width: 0;
+}
+
+.arrow.top.arrow-primary:after {
+  border-bottom-color: #7266ba;
+}
+
+.arrow.top.arrow-info:after {
+  border-bottom-color: #23b7e5;
+}
+
+.arrow.top.arrow-success:after {
+  border-bottom-color: #27c24c;
+}
+
+.arrow.top.arrow-danger:after {
+  border-bottom-color: #f05050;
+}
+
+.arrow.top.arrow-warning:after {
+  border-bottom-color: #fad733;
+}
+
+.arrow.top.arrow-light:after {
+  border-bottom-color: #edf1f2;
+}
+
+.arrow.top.arrow-dark:after {
+  border-bottom-color: #3a3f51;
+}
+
+.arrow.top.arrow-black:after {
+  border-bottom-color: #1c2b36;
+}
+
+.arrow.right {
+  top: 50%;
+  right: -9px;
+  margin-top: -9px;
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-width: 0;
+}
+
+.arrow.right:after {
+  right: 1px;
+  bottom: -8px;
+  border-left-color: #ffffff;
+  border-right-width: 0;
+}
+
+.arrow.right.arrow-primary:after {
+  border-left-color: #7266ba;
+}
+
+.arrow.right.arrow-info:after {
+  border-left-color: #23b7e5;
+}
+
+.arrow.right.arrow-success:after {
+  border-left-color: #27c24c;
+}
+
+.arrow.right.arrow-danger:after {
+  border-left-color: #f05050;
+}
+
+.arrow.right.arrow-warning:after {
+  border-left-color: #fad733;
+}
+
+.arrow.right.arrow-light:after {
+  border-left-color: #edf1f2;
+}
+
+.arrow.right.arrow-dark:after {
+  border-left-color: #3a3f51;
+}
+
+.arrow.right.arrow-black:after {
+  border-left-color: #1c2b36;
+}
+
+.arrow.bottom {
+  bottom: -9px;
+  left: 50%;
+  margin-left: -9px;
+  border-top-color: rgba(0, 0, 0, 0.1);
+  border-bottom-width: 0;
+}
+
+.arrow.bottom:after {
+  bottom: 1px;
+  margin-left: -8px;
+  border-top-color: #ffffff;
+  border-bottom-width: 0;
+}
+
+.arrow.bottom.arrow-primary:after {
+  border-top-color: #7266ba;
+}
+
+.arrow.bottom.arrow-info:after {
+  border-top-color: #23b7e5;
+}
+
+.arrow.bottom.arrow-success:after {
+  border-top-color: #27c24c;
+}
+
+.arrow.bottom.arrow-danger:after {
+  border-top-color: #f05050;
+}
+
+.arrow.bottom.arrow-warning:after {
+  border-top-color: #fad733;
+}
+
+.arrow.bottom.arrow-light:after {
+  border-top-color: #edf1f2;
+}
+
+.arrow.bottom.arrow-dark:after {
+  border-top-color: #3a3f51;
+}
+
+.arrow.bottom.arrow-black:after {
+  border-top-color: #1c2b36;
+}
+
+.arrow.left {
+  top: 50%;
+  left: -9px;
+  margin-top: -9px;
+  border-right-color: rgba(0, 0, 0, 0.1);
+  border-left-width: 0;
+}
+
+.arrow.left:after {
+  bottom: -8px;
+  left: 1px;
+  border-right-color: #ffffff;
+  border-left-width: 0;
+}
+
+.arrow.left.arrow-primary:after {
+  border-right-color: #7266ba;
+}
+
+.arrow.left.arrow-info:after {
+  border-right-color: #23b7e5;
+}
+
+.arrow.left.arrow-success:after {
+  border-right-color: #27c24c;
+}
+
+.arrow.left.arrow-danger:after {
+  border-right-color: #f05050;
+}
+
+.arrow.left.arrow-warning:after {
+  border-right-color: #fad733;
+}
+
+.arrow.left.arrow-light:after {
+  border-right-color: #edf1f2;
+}
+
+.arrow.left.arrow-dark:after {
+  border-right-color: #3a3f51;
+}
+
+.arrow.left.arrow-black:after {
+  border-right-color: #1c2b36;
+}
+
+.arrow.pull-left {
+  left: 19px;
+}
+
+.arrow.pull-right {
+  right: 19px;
+  left: auto;
+}
+
+.arrow.pull-up {
+  top: 19px;
+}
+
+.arrow.pull-down {
+  top: auto;
+  bottom: 19px;
+}
+
+.btn {
+  font-weight: 500;
+  border-radius: 2px;
+  outline: 0!important;
+}
+
+.btn-link {
+  color: #58666e;
+}
+
+.btn-link.active {
+  box-shadow: none;
+  webkit-box-shadow: none;
+}
+
+.btn-default {
+  color: #58666e !important;
+  background-color: #fcfdfd;
+  background-color: #fff;
+  border-color: #dee5e7;
+  border-bottom-color: #d8e1e3;
+  -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
+          box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
+}
+
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+  color: #58666e !important;
+  background-color: #edf1f2;
+  border-color: #c7d3d6;
+}
+
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+  background-image: none;
+}
+
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #fcfdfd;
+  border-color: #dee5e7;
+}
+
+.btn-default.btn-bg {
+  border-color: rgba(0, 0, 0, 0.1);
+  background-clip: padding-box;
+}
+
+.btn-primary {
+  color: #ffffff !important;
+  background-color: #7266ba;
+  border-color: #7266ba;
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+  color: #ffffff !important;
+  background-color: #6254b2;
+  border-color: #5a4daa;
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+  background-image: none;
+}
+
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #7266ba;
+  border-color: #7266ba;
+}
+
+.btn-success {
+  color: #ffffff !important;
+  background-color: #27c24c;
+  border-color: #27c24c;
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+  color: #ffffff !important;
+  background-color: #23ad44;
+  border-color: #20a03f;
+}
+
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+  background-image: none;
+}
+
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #27c24c;
+  border-color: #27c24c;
+}
+
+.btn-info {
+  color: #ffffff !important;
+  background-color: #23b7e5;
+  border-color: #23b7e5;
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+  color: #ffffff !important;
+  background-color: #19a9d5;
+  border-color: #189ec8;
+}
+
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+  background-image: none;
+}
+
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #23b7e5;
+  border-color: #23b7e5;
+}
+
+.btn-warning {
+  color: #ffffff !important;
+  background-color: #fad733;
+  border-color: #fad733;
+}
+
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+  color: #ffffff !important;
+  background-color: #f9d21a;
+  border-color: #f9cf0b;
+}
+
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+  background-image: none;
+}
+
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #fad733;
+  border-color: #fad733;
+}
+
+.btn-danger {
+  color: #ffffff !important;
+  background-color: #f05050;
+  border-color: #f05050;
+}
+
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+  color: #ffffff !important;
+  background-color: #ee3939;
+  border-color: #ed2a2a;
+}
+
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+  background-image: none;
+}
+
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #f05050;
+  border-color: #f05050;
+}
+
+.btn-dark {
+  color: #ffffff !important;
+  background-color: #3a3f51;
+  border-color: #3a3f51;
+}
+
+.btn-dark:hover,
+.btn-dark:focus,
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+  color: #ffffff !important;
+  background-color: #2f3342;
+  border-color: #292d39;
+}
+
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+  background-image: none;
+}
+
+.btn-dark.disabled,
+.btn-dark[disabled],
+fieldset[disabled] .btn-dark,
+.btn-dark.disabled:hover,
+.btn-dark[disabled]:hover,
+fieldset[disabled] .btn-dark:hover,
+.btn-dark.disabled:focus,
+.btn-dark[disabled]:focus,
+fieldset[disabled] .btn-dark:focus,
+.btn-dark.disabled:active,
+.btn-dark[disabled]:active,
+fieldset[disabled] .btn-dark:active,
+.btn-dark.disabled.active,
+.btn-dark[disabled].active,
+fieldset[disabled] .btn-dark.active {
+  background-color: #3a3f51;
+  border-color: #3a3f51;
+}
+
+.btn-black {
+  color: #ffffff !important;
+  background-color: #1c2b36;
+  border-color: #1c2b36;
+}
+
+.btn-black:hover,
+.btn-black:focus,
+.btn-black:active,
+.btn-black.active,
+.open .dropdown-toggle.btn-black {
+  color: #ffffff !important;
+  background-color: #131e25;
+  border-color: #0e161b;
+}
+
+.btn-black:active,
+.btn-black.active,
+.open .dropdown-toggle.btn-black {
+  background-image: none;
+}
+
+.btn-black.disabled,
+.btn-black[disabled],
+fieldset[disabled] .btn-black,
+.btn-black.disabled:hover,
+.btn-black[disabled]:hover,
+fieldset[disabled] .btn-black:hover,
+.btn-black.disabled:focus,
+.btn-black[disabled]:focus,
+fieldset[disabled] .btn-black:focus,
+.btn-black.disabled:active,
+.btn-black[disabled]:active,
+fieldset[disabled] .btn-black:active,
+.btn-black.disabled.active,
+.btn-black[disabled].active,
+fieldset[disabled] .btn-black.active {
+  background-color: #1c2b36;
+  border-color: #1c2b36;
+}
+
+.btn-icon {
+  width: 34px;
+  height: 34px;
+  padding: 0 !important;
+  text-align: center;
+}
+
+.btn-icon i {
+  position: relative;
+  top: -1px;
+  line-height: 34px;
+}
+
+.btn-icon.btn-sm {
+  width: 30px;
+  height: 30px;
+}
+
+.btn-icon.btn-sm i {
+  line-height: 30px;
+}
+
+.btn-icon.btn-lg {
+  width: 45px;
+  height: 45px;
+}
+
+.btn-icon.btn-lg i {
+  line-height: 45px;
+}
+
+.btn-rounded {
+  padding-right: 15px;
+  padding-left: 15px;
+  border-radius: 50px;
+}
+
+.btn-rounded.btn-lg {
+  padding-right: 25px;
+  padding-left: 25px;
+}
+
+.btn > i.pull-left,
+.btn > i.pull-right {
+  line-height: 1.42857143;
+}
+
+.btn-block {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  border-top-right-radius: 2px;
+}
+
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-bottom-left-radius: 2px;
+}
+
+.btn-addon i {
+  position: relative;
+  float: left;
+  width: 34px;
+  height: 34px;
+  margin: -7px -12px;
+  margin-right: 12px;
+  line-height: 34px;
+  text-align: center;
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 2px 0 0 2px;
+}
+
+.btn-addon i.pull-right {
+  margin-right: -12px;
+  margin-left: 12px;
+  border-radius: 0 2px 2px 0;
+}
+
+.btn-addon.btn-sm i {
+  width: 30px;
+  height: 30px;
+  margin: -6px -10px;
+  margin-right: 10px;
+  line-height: 30px;
+}
+
+.btn-addon.btn-sm i.pull-right {
+  margin-right: -10px;
+  margin-left: 10px;
+}
+
+.btn-addon.btn-lg i {
+  width: 45px;
+  height: 45px;
+  margin: -11px -16px;
+  margin-right: 16px;
+  line-height: 45px;
+}
+
+.btn-addon.btn-lg i.pull-right {
+  margin-right: -16px;
+  margin-left: 16px;
+}
+
+.btn-addon.btn-default i {
+  background-color: transparent;
+  border-right: 1px solid #dee5e7;
+}
+
+.btn-groups .btn {
+  margin-bottom: 5px;
+}
+
+.list-icon i {
+  display: inline-block;
+  width: 40px;
+  margin: 0;
+  font-size: 14px;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-transition: font-size 0.2s;
+          transition: font-size 0.2s;
+}
+
+.list-icon div {
+  line-height: 40px;
+  white-space: nowrap;
+}
+
+.list-icon div:hover i {
+  font-size: 26px;
+}
+
+.settings {
+  position: fixed;
+  top: 120px;
+  right: -240px;
+  z-index: 1050;
+  width: 240px;
+  -webkit-transition: right 0.2s;
+          transition: right 0.2s;
+}
+
+.settings.active {
+  right: -1px;
+}
+
+.settings > .btn {
+  position: absolute;
+  top: -1px;
+  left: -42px;
+  padding: 10px 15px;
+  background: #f6f8f8 !important;
+  border-color: #dee5e7;
+  border-right-width: 0;
+}
+
+.settings .i-checks span b {
+  display: inline-block;
+  float: left;
+  width: 50%;
+  height: 20px;
+}
+
+.settings .i-checks span b.header {
+  height: 10px;
+}
+
+.streamline {
+  position: relative;
+  border-color: #dee5e7;
+}
+
+.streamline .sl-item:after,
+.streamline:after {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 9px;
+  height: 9px;
+  margin-left: -5px;
+  background-color: #fff;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 10px;
+  content: '';
+}
+
+.sl-item {
+  position: relative;
+  padding-bottom: 1px;
+  border-color: #dee5e7;
+}
+
+.sl-item:before,
+.sl-item:after {
+  display: table;
+  content: " ";
+}
+
+.sl-item:after {
+  clear: both;
+}
+
+.sl-item:after {
+  top: 6px;
+  bottom: auto;
+}
+
+.sl-item.b-l {
+  margin-left: -1px;
+}
+
+.timeline {
+  padding: 0;
+  margin: 0;
+}
+
+.tl-item {
+  display: block;
+}
+
+.tl-item:before,
+.tl-item:after {
+  display: table;
+  content: " ";
+}
+
+.tl-item:after {
+  clear: both;
+}
+
+.visible-left {
+  display: none;
+}
+
+.tl-wrap {
+  display: block;
+  padding: 15px 0 15px 20px;
+  margin-left: 6em;
+  border-color: #dee5e7;
+  border-style: solid;
+  border-width: 0 0 0 4px;
+}
+
+.tl-wrap:before,
+.tl-wrap:after {
+  display: table;
+  content: " ";
+}
+
+.tl-wrap:after {
+  clear: both;
+}
+
+.tl-wrap:before {
+  position: relative;
+  top: 15px;
+  float: left;
+  width: 10px;
+  height: 10px;
+  margin-left: -27px;
+  background: #edf1f2;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 3px;
+  border-radius: 50%;
+  content: "";
+  box-shadow: 0 0 0 4px #f0f3f4;
+}
+
+.tl-wrap:hover:before {
+  background: transparent;
+  border-color: #fff;
+}
+
+.tl-date {
+  position: relative;
+  top: 10px;
+  display: block;
+  float: left;
+  width: 4.5em;
+  margin-left: -7.5em;
+  text-align: right;
+}
+
+.tl-content {
+  position: relative;
+  display: inline-block;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.tl-content.block {
+  display: block;
+  width: 100%;
+}
+
+.tl-content.panel {
+  margin-bottom: 0;
+}
+
+.tl-header {
+  display: block;
+  width: 12em;
+  margin-left: 2px;
+  text-align: center;
+}
+
+.timeline-center .tl-item {
+  margin-left: 50%;
+}
+
+.timeline-center .tl-item .tl-wrap {
+  margin-left: -2px;
+}
+
+.timeline-center .tl-header {
+  width: auto;
+  margin: 0;
+}
+
+.timeline-center .tl-left {
+  margin-right: 50%;
+  margin-left: 0;
+}
+
+.timeline-center .tl-left .hidden-left {
+  display: none !important;
+}
+
+.timeline-center .tl-left .visible-left {
+  display: inherit;
+}
+
+.timeline-center .tl-left .tl-wrap {
+  float: right;
+  padding-right: 20px;
+  padding-left: 0;
+  margin-right: -2px;
+  border-right-width: 4px;
+  border-left-width: 0;
+}
+
+.timeline-center .tl-left .tl-wrap:before {
+  float: right;
+  margin-right: -27px;
+  margin-left: 0;
+}
+
+.timeline-center .tl-left .tl-date {
+  float: right;
+  margin-right: -8.5em;
+  margin-left: 0;
+  text-align: left;
+}
+
+.i-switch {
+  position: relative;
+  display: inline-block;
+  width: 35px;
+  height: 20px;
+  margin: 0;
+  cursor: pointer;
+  background-color: #27c24c;
+  border-radius: 30px;
+}
+
+.i-switch input {
+  position: absolute;
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+
+.i-switch input:checked + i:before {
+  top: 50%;
+  right: 5px;
+  bottom: 50%;
+  left: 50%;
+  border-width: 0;
+  border-radius: 5px;
+}
+
+.i-switch input:checked + i:after {
+  margin-left: 16px;
+}
+
+.i-switch i:before {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 30px;
+  content: "";
+  -webkit-transition: all 0.2s;
+          transition: all 0.2s;
+}
+
+.i-switch i:after {
+  position: absolute;
+  top: 1px;
+  bottom: 1px;
+  width: 18px;
+  background-color: #fff;
+  border-radius: 50%;
+  content: "";
+  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
+          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
+  -webkit-transition: margin-left 0.3s;
+          transition: margin-left 0.3s;
+}
+
+.i-switch-md {
+  width: 40px;
+  height: 24px;
+}
+
+.i-switch-md input:checked + i:after {
+  margin-left: 17px;
+}
+
+.i-switch-md i:after {
+  width: 22px;
+}
+
+.i-switch-lg {
+  width: 50px;
+  height: 30px;
+}
+
+.i-switch-lg input:checked + i:after {
+  margin-left: 21px;
+}
+
+.i-switch-lg i:after {
+  width: 28px;
+}
+
+.i-checks {
+  padding-left: 20px;
+  cursor: pointer;
+}
+
+.i-checks input {
+  position: absolute;
+  margin-left: -20px;
+  opacity: 0;
+}
+
+.i-checks input:checked + i {
+  border-color: #23b7e5;
+}
+
+.i-checks input:checked + i:before {
+  top: 4px;
+  left: 4px;
+  width: 10px;
+  height: 10px;
+  background-color: #23b7e5;
+}
+
+.i-checks input:checked + span .active {
+  display: inherit;
+}
+
+.i-checks input[type="radio"] + i,
+.i-checks input[type="radio"] + i:before {
+  border-radius: 50%;
+}
+
+.i-checks input[disabled] + i,
+fieldset[disabled] .i-checks input + i {
+  border-color: #dee5e7;
+}
+
+.i-checks input[disabled] + i:before,
+fieldset[disabled] .i-checks input + i:before {
+  background-color: #dee5e7;
+}
+
+.i-checks > i {
+  position: relative;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  margin-top: -2px;
+  margin-right: 4px;
+  margin-left: -20px;
+  line-height: 1;
+  vertical-align: middle;
+  background-color: #fff;
+  border: 1px solid #cfdadd;
+}
+
+.i-checks > i:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0;
+  height: 0;
+  background-color: transparent;
+  content: "";
+  -webkit-transition: all 0.2s;
+          transition: all 0.2s;
+}
+
+.i-checks > span {
+  margin-left: -20px;
+}
+
+.i-checks > span .active {
+  display: none;
+}
+
+.i-checks-sm input:checked + i:before {
+  top: 3px;
+  left: 3px;
+  width: 8px;
+  height: 8px;
+}
+
+.i-checks-sm > i {
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+  margin-left: -18px;
+}
+
+.i-checks-lg input:checked + i:before {
+  top: 8px;
+  left: 8px;
+  width: 12px;
+  height: 12px;
+}
+
+.i-checks-lg > i {
+  width: 30px;
+  height: 30px;
+}
+
+.datepicker {
+  margin: 0 5px;
+}
+
+.datepicker .btn-default {
+  border-width: 0;
+  box-shadow: none;
+}
+
+.datepicker .btn[disabled] {
+  opacity: 0.4;
+}
+
+.datepicker .btn-info .text-info {
+  color: #fff !important;
+}
+
+/*Charts*/
+
+.jqstooltip {
+  padding: 5px 10px !important;
+  background-color: rgba(0, 0, 0, 0.8) !important;
+  border: solid 1px #000 !important;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+
+.easyPieChart {
+  position: relative;
+  text-align: center;
+}
+
+.easyPieChart > div {
+  position: relative;
+  z-index: 1;
+}
+
+.easyPieChart > div .text {
+  position: absolute;
+  top: 60%;
+  width: 100%;
+  line-height: 1;
+}
+
+.easyPieChart > div img {
+  margin-top: -4px;
+}
+
+.easyPieChart canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 0;
+}
+
+#flotTip {
+  z-index: 100;
+  padding: 4px 10px;
+  font-size: 12px;
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.8);
+  border: solid 1px #000 !important;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.legendColorBox > div {
+  margin: 5px;
+  border: none !important;
+}
+
+.legendColorBox > div > div {
+  border-radius: 10px;
+}
+
+.sortable-placeholder {
+  min-height: 50px;
+  margin-bottom: 5px;
+  list-style: none;
+  border: 1px dashed #CCC;
+}
+
+.panel .dataTables_wrapper {
+  padding-top: 10px;
+}
+
+.panel .dataTables_wrapper > .row {
+  margin: 0;
+}
+
+.panel .dataTables_wrapper > .row > .col-sm-12 {
+  padding: 0;
+}
+
+.st-sort-ascent:before {
+  content: '\25B2';
+}
+
+.st-sort-descent:before {
+  content: '\25BC';
+}
+
+.st-selected td {
+  background: #f0f9ec !important;
+}
+
+.chosen-choices,
+.chosen-single,
+.bootstrap-tagsinput {
+  border-color: #cfdadd !important;
+  border-radius: 2px !important;
+}
+
+.bootstrap-tagsinput {
+  padding: 5px 12px !important;
+}
+
+.item {
+  position: relative;
+}
+
+.item .top {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.item .bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+.item .center {
+  position: absolute;
+  top: 50%;
+}
+
+.item-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: none;
+}
+
+.item-overlay.active,
+.item:hover .item-overlay {
+  display: block;
+}
+
+.form-validation .form-control.ng-dirty.ng-invalid {
+  border-color: #f05050;
+}
+
+.form-validation .form-control.ng-dirty.ng-valid,
+.form-validation .form-control.ng-dirty.ng-valid:focus {
+  border-color: #27c24c;
+}
+
+.form-validation .i-checks .ng-invalid.ng-dirty + i {
+  border-color: #f05050;
+}
+
+.ng-animate .bg-auto:before {
+  display: none;
+}
+
+[ui-view].ng-leave {
+  display: none;
+}
+
+[ui-view].ng-leave.smooth {
+  display: block;
+}
+
+.smooth.ng-animate {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.fade-in-right-big.ng-enter {
+  -webkit-animation: fadeInRightBig 0.5s;
+          animation: fadeInRightBig 0.5s;
+}
+
+.fade-in-right-big.ng-leave {
+  -webkit-animation: fadeOutLeftBig 0.5s;
+          animation: fadeOutLeftBig 0.5s;
+}
+
+.fade-in-left-big.ng-enter {
+  -webkit-animation: fadeInLeftBig 0.5s;
+          animation: fadeInLeftBig 0.5s;
+}
+
+.fade-in-left-big.ng-leave {
+  -webkit-animation: fadeOutRightBig 0.5s;
+          animation: fadeOutRightBig 0.5s;
+}
+
+.fade-in-up-big.ng-enter {
+  -webkit-animation: fadeInUpBig 0.5s;
+          animation: fadeInUpBig 0.5s;
+}
+
+.fade-in-up-big.ng-leave {
+  -webkit-animation: fadeOutUpBig 0.5s;
+          animation: fadeOutUpBig 0.5s;
+}
+
+.fade-in-down-big.ng-enter {
+  -webkit-animation: fadeInDownBig 0.5s;
+          animation: fadeInDownBig 0.5s;
+}
+
+.fade-in-down-big.ng-leave {
+  -webkit-animation: fadeOutDownBig 0.5s;
+          animation: fadeOutDownBig 0.5s;
+}
+
+.fade-in.ng-enter {
+  -webkit-animation: fadeIn 0.5s;
+          animation: fadeIn 0.5s;
+}
+
+.fade-in.ng-leave {
+  -webkit-animation: fadeOut 0.5s;
+          animation: fadeOut 0.5s;
+}
+
+.fade-in-right.ng-enter {
+  -webkit-animation: fadeInRight 0.5s;
+          animation: fadeInRight 0.5s;
+}
+
+.fade-in-right.ng-leave {
+  -webkit-animation: fadeOutLeft 0.5s;
+          animation: fadeOutLeft 0.5s;
+}
+
+.fade-in-left.ng-enter {
+  -webkit-animation: fadeInLeft 0.5s;
+          animation: fadeInLeft 0.5s;
+}
+
+.fade-in-left.ng-leave {
+  -webkit-animation: fadeOutRight 0.5s;
+          animation: fadeOutRight 0.5s;
+}
+
+.fade-in-up.ng-enter {
+  -webkit-animation: fadeInUp 0.5s;
+          animation: fadeInUp 0.5s;
+}
+
+.fade-in-up.ng-leave {
+  -webkit-animation: fadeOutUp 0.5s;
+          animation: fadeOutUp 0.5s;
+}
+
+.fade-in-down.ng-enter {
+  -webkit-animation: fadeInDown 0.5s;
+          animation: fadeInDown 0.5s;
+}
+
+.fade-in-down.ng-leave {
+  -webkit-animation: fadeOutDown 0.5s;
+          animation: fadeOutDown 0.5s;
+}
+
+.bg-gd {
+  background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)));
+  background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
+  background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
+  background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0);
+  filter: none;
+}
+
+.bg-gd-dk {
+  background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.5)));
+  background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.5), 100%);
+  background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
+  background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#8028323c', GradientType=0);
+  filter: none;
+}
+
+.bg-light {
+  color: #58666e;
+  background-color: #edf1f2;
+}
+
+.bg-light.lt,
+.bg-light .lt {
+  background-color: #f3f5f6;
+}
+
+.bg-light.lter,
+.bg-light .lter {
+  background-color: #f6f8f8;
+}
+
+.bg-light.dk,
+.bg-light .dk {
+  background-color: #e4eaec;
+}
+
+.bg-light.dker,
+.bg-light .dker {
+  background-color: #dde6e9;
+}
+
+.bg-light.bg,
+.bg-light .bg {
+  background-color: #edf1f2;
+}
+
+.bg-dark {
+  color: #a6a8b1;
+  background-color: #3a3f51;
+}
+
+.bg-dark.lt,
+.bg-dark .lt {
+  background-color: #474c5e;
+}
+
+.bg-dark.lter,
+.bg-dark .lter {
+  background-color: #54596a;
+}
+
+.bg-dark.dk,
+.bg-dark .dk {
+  background-color: #2e3344;
+}
+
+.bg-dark.dker,
+.bg-dark .dker {
+  background-color: #232735;
+}
+
+.bg-dark.bg,
+.bg-dark .bg {
+  background-color: #3a3f51;
+}
+
+.bg-dark a {
+  color: #c1c3c9;
+}
+
+.bg-dark a:hover {
+  color: #ffffff;
+}
+
+.bg-dark a.list-group-item:hover,
+.bg-dark a.list-group-item:focus {
+  background-color: inherit;
+}
+
+.bg-dark .nav > li:hover > a,
+.bg-dark .nav > li:focus > a,
+.bg-dark .nav > li.active > a {
+  color: #ffffff;
+  background-color: #2e3344;
+}
+
+.bg-dark .nav > li > a {
+  color: #b4b6bd;
+}
+
+.bg-dark .nav > li > a:hover,
+.bg-dark .nav > li > a:focus {
+  background-color: #32374a;
+}
+
+.bg-dark .nav .open > a {
+  background-color: #2e3344;
+}
+
+.bg-dark .caret {
+  border-top-color: #a6a8b1;
+  border-bottom-color: #a6a8b1;
+}
+
+.bg-dark.navbar .nav > li.active > a {
+  color: #ffffff;
+  background-color: #2e3344;
+}
+
+.bg-dark .open > a,
+.bg-dark .open > a:hover,
+.bg-dark .open > a:focus {
+  color: #ffffff;
+}
+
+.bg-dark .text-muted {
+  color: #8b8e99 !important;
+}
+
+.bg-dark .text-lt {
+  color: #eaebed !important;
+}
+
+.bg-dark.auto .list-group-item,
+.bg-dark .auto .list-group-item {
+  background-color: transparent;
+  border-color: #2f3342 !important;
+}
+
+.bg-dark.auto .list-group-item:hover,
+.bg-dark .auto .list-group-item:hover,
+.bg-dark.auto .list-group-item:focus,
+.bg-dark .auto .list-group-item:focus,
+.bg-dark.auto .list-group-item:active,
+.bg-dark .auto .list-group-item:active,
+.bg-dark.auto .list-group-item.active,
+.bg-dark .auto .list-group-item.active {
+  background-color: #2e3344 !important;
+}
+
+.bg-black {
+  color: #7793a7;
+  background-color: #1c2b36;
+}
+
+.bg-black.lt,
+.bg-black .lt {
+  background-color: #263845;
+}
+
+.bg-black.lter,
+.bg-black .lter {
+  background-color: #314554;
+}
+
+.bg-black.dk,
+.bg-black .dk {
+  background-color: #131e26;
+}
+
+.bg-black.dker,
+.bg-black .dker {
+  background-color: #0a1015;
+}
+
+.bg-black.bg,
+.bg-black .bg {
+  background-color: #1c2b36;
+}
+
+.bg-black a {
+  color: #96abbb;
+}
+
+.bg-black a:hover {
+  color: #ffffff;
+}
+
+.bg-black a.list-group-item:hover,
+.bg-black a.list-group-item:focus {
+  background-color: inherit;
+}
+
+.bg-black .nav > li:hover > a,
+.bg-black .nav > li:focus > a,
+.bg-black .nav > li.active > a {
+  color: #ffffff;
+  background-color: #131e26;
+}
+
+.bg-black .nav > li > a {
+  color: #869fb1;
+}
+
+.bg-black .nav > li > a:hover,
+.bg-black .nav > li > a:focus {
+  background-color: #16232d;
+}
+
+.bg-black .nav .open > a {
+  background-color: #131e26;
+}
+
+.bg-black .caret {
+  border-top-color: #7793a7;
+  border-bottom-color: #7793a7;
+}
+
+.bg-black.navbar .nav > li.active > a {
+  color: #ffffff;
+  background-color: #131e26;
+}
+
+.bg-black .open > a,
+.bg-black .open > a:hover,
+.bg-black .open > a:focus {
+  color: #ffffff;
+}
+
+.bg-black .text-muted {
+  color: #5c798f !important;
+}
+
+.bg-black .text-lt {
+  color: #c4d0d9 !important;
+}
+
+.bg-black.auto .list-group-item,
+.bg-black .auto .list-group-item {
+  background-color: transparent;
+  border-color: #131e25 !important;
+}
+
+.bg-black.auto .list-group-item:hover,
+.bg-black .auto .list-group-item:hover,
+.bg-black.auto .list-group-item:focus,
+.bg-black .auto .list-group-item:focus,
+.bg-black.auto .list-group-item:active,
+.bg-black .auto .list-group-item:active,
+.bg-black.auto .list-group-item.active,
+.bg-black .auto .list-group-item.active {
+  background-color: #131e26 !important;
+}
+
+.bg-primary {
+  color: #f4f3f9;
+  background-color: #7266ba;
+}
+
+.bg-primary.lt,
+.bg-primary .lt {
+  background-color: #847abf;
+}
+
+.bg-primary.lter,
+.bg-primary .lter {
+  background-color: #958dc6;
+}
+
+.bg-primary.dk,
+.bg-primary .dk {
+  background-color: #6051b5;
+}
+
+.bg-primary.dker,
+.bg-primary .dker {
+  background-color: #5244a9;
+}
+
+.bg-primary.bg,
+.bg-primary .bg {
+  background-color: #7266ba;
+}
+
+.bg-primary a {
+  color: #ffffff;
+}
+
+.bg-primary a:hover {
+  color: #ffffff;
+}
+
+.bg-primary a.list-group-item:hover,
+.bg-primary a.list-group-item:focus {
+  background-color: inherit;
+}
+
+.bg-primary .nav > li:hover > a,
+.bg-primary .nav > li:focus > a,
+.bg-primary .nav > li.active > a {
+  color: #ffffff;
+  background-color: #6051b5;
+}
+
+.bg-primary .nav > li > a {
+  color: #f2f2f2;
+}
+
+.bg-primary .nav > li > a:hover,
+.bg-primary .nav > li > a:focus {
+  background-color: #6658b8;
+}
+
+.bg-primary .nav .open > a {
+  background-color: #6051b5;
+}
+
+.bg-primary .caret {
+  border-top-color: #f4f3f9;
+  border-bottom-color: #f4f3f9;
+}
+
+.bg-primary.navbar .nav > li.active > a {
+  color: #ffffff;
+  background-color: #6051b5;
+}
+
+.bg-primary .open > a,
+.bg-primary .open > a:hover,
+.bg-primary .open > a:focus {
+  color: #ffffff;
+}
+
+.bg-primary .text-muted {
+  color: #d6d3e6 !important;
+}
+
+.bg-primary .text-lt {
+  color: #ffffff !important;
+}
+
+.bg-primary.auto .list-group-item,
+.bg-primary .auto .list-group-item {
+  background-color: transparent;
+  border-color: #6254b2 !important;
+}
+
+.bg-primary.auto .list-group-item:hover,
+.bg-primary .auto .list-group-item:hover,
+.bg-primary.auto .list-group-item:focus,
+.bg-primary .auto .list-group-item:focus,
+.bg-primary.auto .list-group-item:active,
+.bg-primary .auto .list-group-item:active,
+.bg-primary.auto .list-group-item.active,
+.bg-primary .auto .list-group-item.active {
+  background-color: #6051b5 !important;
+}
+
+.bg-success {
+  color: #c6efd0;
+  background-color: #27c24c;
+}
+
+.bg-success.lt,
+.bg-success .lt {
+  background-color: #31d257;
+}
+
+.bg-success.lter,
+.bg-success .lter {
+  background-color: #48d46a;
+}
+
+.bg-success.dk,
+.bg-success .dk {
+  background-color: #20af42;
+}
+
+.bg-success.dker,
+.bg-success .dker {
+  background-color: #1a9c39;
+}
+
+.bg-success.bg,
+.bg-success .bg {
+  background-color: #27c24c;
+}
+
+.bg-success a {
+  color: #eefaf1;
+}
+
+.bg-success a:hover {
+  color: #ffffff;
+}
+
+.bg-success a.list-group-item:hover,
+.bg-success a.list-group-item:focus {
+  background-color: inherit;
+}
+
+.bg-success .nav > li:hover > a,
+.bg-success .nav > li:focus > a,
+.bg-success .nav > li.active > a {
+  color: #ffffff;
+  background-color: #20af42;
+}
+
+.bg-success .nav > li > a {
+  color: #daf5e0;
+}
+
+.bg-success .nav > li > a:hover,
+.bg-success .nav > li > a:focus {
+  background-color: #22b846;
+}
+
+.bg-success .nav .open > a {
+  background-color: #20af42;
+}
+
+.bg-success .caret {
+  border-top-color: #c6efd0;
+  border-bottom-color: #c6efd0;
+}
+
+.bg-success.navbar .nav > li.active > a {
+  color: #ffffff;
+  background-color: #20af42;
+}
+
+.bg-success .open > a,
+.bg-success .open > a:hover,
+.bg-success .open > a:focus {
+  color: #ffffff;
+}
+
+.bg-success .text-muted {
+  color: #9ee4af !important;
+}
+
+.bg-success .text-lt {
+  color: #ffffff !important;
+}
+
+.bg-success.auto .list-group-item,
+.bg-success .auto .list-group-item {
+  background-color: transparent;
+  border-color: #23ad44 !important;
+}
+
+.bg-success.auto .list-group-item:hover,
+.bg-success .auto .list-group-item:hover,
+.bg-success.auto .list-group-item:focus,
+.bg-success .auto .list-group-item:focus,
+.bg-success.auto .list-group-item:active,
+.bg-success .auto .list-group-item:active,
+.bg-success.auto .list-group-item.active,
+.bg-success .auto .list-group-item.active {
+  background-color: #20af42 !important;
+}
+
+.bg-info {
+  color: #dcf2f8;
+  background-color: #23b7e5;
+}
+
+.bg-info.lt,
+.bg-info .lt {
+  background-color: #3dbde5;
+}
+
+.bg-info.lter,
+.bg-info .lter {
+  background-color: #55c3e6;
+}
+
+.bg-info.dk,
+.bg-info .dk {
+  background-color: #16aad8;
+}
+
+.bg-info.dker,
+.bg-info .dker {
+  background-color: #1199c4;
+}
+
+.bg-info.bg,
+.bg-info .bg {
+  background-color: #23b7e5;
+}
+
+.bg-info a {
+  color: #ffffff;
+}
+
+.bg-info a:hover {
+  color: #ffffff;
+}
+
+.bg-info a.list-group-item:hover,
+.bg-info a.list-group-item:focus {
+  background-color: inherit;
+}
+
+.bg-info .nav > li:hover > a,
+.bg-info .nav > li:focus > a,
+.bg-info .nav > li.active > a {
+  color: #ffffff;
+  background-color: #16aad8;
+}
+
+.bg-info .nav > li > a {
+  color: #f2f2f2;
+}
+
+.bg-info .nav > li > a:hover,
+.bg-info .nav > li > a:focus {
+  background-color: #17b2e2;
+}
+
+.bg-info .nav .open > a {
+  background-color: #16aad8;
+}
+
+.bg-info .caret {
+  border-top-color: #dcf2f8;
+  border-bottom-color: #dcf2f8;
+}
+
+.bg-info.navbar .nav > li.active > a {
+  color: #ffffff;
+  background-color: #16aad8;
+}
+
+.bg-info .open > a,
+.bg-info .open > a:hover,
+.bg-info .open > a:focus {
+  color: #ffffff;
+}
+
+.bg-info .text-muted {
+  color: #b0e1f1 !important;
+}
+
+.bg-info .text-lt {
+  color: #ffffff !important;
+}
+
+.bg-info.auto .list-group-item,
+.bg-info .auto .list-group-item {
+  background-color: transparent;
+  border-color: #19a9d5 !important;
+}
+
+.bg-info.auto .list-group-item:hover,
+.bg-info .auto .list-group-item:hover,
+.bg-info.auto .list-group-item:focus,
+.bg-info .auto .list-group-item:focus,
+.bg-info.auto .list-group-item:active,
+.bg-info .auto .list-group-item:active,
+.bg-info.auto .list-group-item.active,
+.bg-info .auto .list-group-item.active {
+  background-color: #16aad8 !important;
+}
+
+.bg-warning {
+  color: #fffefa;
+  background-color: #fad733;
+}
+
+.bg-warning.lt,
+.bg-warning .lt {
+  background-color: #f8da4e;
+}
+
+.bg-warning.lter,
+.bg-warning .lter {
+  background-color: #f7de69;
+}
+
+.bg-warning.dk,
+.bg-warning .dk {
+  background-color: #fcd417;
+}
+
+.bg-warning.dker,
+.bg-warning .dker {
+  background-color: #face00;
+}
+
+.bg-warning.bg,
+.bg-warning .bg {
+  background-color: #fad733;
+}
+
+.bg-warning a {
+  color: #ffffff;
+}
+
+.bg-warning a:hover {
+  color: #ffffff;
+}
+
+.bg-warning a.list-group-item:hover,
+.bg-warning a.list-group-item:focus {
+  background-color: inherit;
+}
+
+.bg-warning .nav > li:hover > a,
+.bg-warning .nav > li:focus > a,
+.bg-warning .nav > li.active > a {
+  color: #ffffff;
+  background-color: #fcd417;
+}
+
+.bg-warning .nav > li > a {
+  color: #f2f2f2;
+}
+
+.bg-warning .nav > li > a:hover,
+.bg-warning .nav > li > a:focus {
+  background-color: #fcd621;
+}
+
+.bg-warning .nav .open > a {
+  background-color: #fcd417;
+}
+
+.bg-warning .caret {
+  border-top-color: #fffefa;
+  border-bottom-color: #fffefa;
+}
+
+.bg-warning.navbar .nav > li.active > a {
+  color: #ffffff;
+  background-color: #fcd417;
+}
+
+.bg-warning .open > a,
+.bg-warning .open > a:hover,
+.bg-warning .open > a:focus {
+  color: #ffffff;
+}
+
+.bg-warning .text-muted {
+  color: #fbf2cb !important;
+}
+
+.bg-warning .text-lt {
+  color: #ffffff !important;
+}
+
+.bg-warning.auto .list-group-item,
+.bg-warning .auto .list-group-item {
+  background-color: transparent;
+  border-color: #f9d21a !important;
+}
+
+.bg-warning.auto .list-group-item:hover,
+.bg-warning .auto .list-group-item:hover,
+.bg-warning.auto .list-group-item:focus,
+.bg-warning .auto .list-group-item:focus,
+.bg-warning.auto .list-group-item:active,
+.bg-warning .auto .list-group-item:active,
+.bg-warning.auto .list-group-item.active,
+.bg-warning .auto .list-group-item.active {
+  background-color: #fcd417 !important;
+}
+
+.bg-danger {
+  color: #ffffff;
+  background-color: #f05050;
+}
+
+.bg-danger.lt,
+.bg-danger .lt {
+  background-color: #f06a6a;
+}
+
+.bg-danger.lter,
+.bg-danger .lter {
+  background-color: #f18282;
+}
+
+.bg-danger.dk,
+.bg-danger .dk {
+  background-color: #f13636;
+}
+
+.bg-danger.dker,
+.bg-danger .dker {
+  background-color: #f21b1b;
+}
+
+.bg-danger.bg,
+.bg-danger .bg {
+  background-color: #f05050;
+}
+
+.bg-danger a {
+  color: #ffffff;
+}
+
+.bg-danger a:hover {
+  color: #ffffff;
+}
+
+.bg-danger a.list-group-item:hover,
+.bg-danger a.list-group-item:focus {
+  background-color: inherit;
+}
+
+.bg-danger .nav > li:hover > a,
+.bg-danger .nav > li:focus > a,
+.bg-danger .nav > li.active > a {
+  color: #ffffff;
+  background-color: #f13636;
+}
+
+.bg-danger .nav > li > a {
+  color: #f2f2f2;
+}
+
+.bg-danger .nav > li > a:hover,
+.bg-danger .nav > li > a:focus {
+  background-color: #f13f3f;
+}
+
+.bg-danger .nav .open > a {
+  background-color: #f13636;
+}
+
+.bg-danger .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+
+.bg-danger.navbar .nav > li.active > a {
+  color: #ffffff;
+  background-color: #f13636;
+}
+
+.bg-danger .open > a,
+.bg-danger .open > a:hover,
+.bg-danger .open > a:focus {
+  color: #ffffff;
+}
+
+.bg-danger .text-muted {
+  color: #e6e6e6 !important;
+}
+
+.bg-danger .text-lt {
+  color: #ffffff !important;
+}
+
+.bg-danger.auto .list-group-item,
+.bg-danger .auto .list-group-item {
+  background-color: transparent;
+  border-color: #ee3939 !important;
+}
+
+.bg-danger.auto .list-group-item:hover,
+.bg-danger .auto .list-group-item:hover,
+.bg-danger.auto .list-group-item:focus,
+.bg-danger .auto .list-group-item:focus,
+.bg-danger.auto .list-group-item:active,
+.bg-danger .auto .list-group-item:active,
+.bg-danger.auto .list-group-item.active,
+.bg-danger .auto .list-group-item.active {
+  background-color: #f13636 !important;
+}
+
+.bg-white {
+  color: #58666e;
+  background-color: #fff;
+}
+
+.bg-white a {
+  color: #363f44;
+}
+
+.bg-white a:hover {
+  color: #1f2427;
+}
+
+.bg-white .text-muted {
+  color: #98a6ad !important;
+}
+
+.bg-white .lt,
+.bg-white .lter,
+.bg-white .dk,
+.bg-white .dker {
+  background-color: #fff;
+}
+
+.bg-white-only {
+  background-color: #fff;
+}
+
+.bg-white-opacity {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.bg-black-opacity {
+  background-color: rgba(32, 43, 54, 0.5);
+}
+
+a.bg-light:hover {
+  color: #363f44;
+}
+
+a.bg-primary:hover {
+  background-color: #6254b2;
+}
+
+a.text-primary:hover {
+  color: #6254b2;
+}
+
+.text-primary {
+  color: #7266ba;
+}
+
+.text-primary-lt {
+  color: #8278c2;
+}
+
+.text-primary-lter {
+  color: #9289ca;
+}
+
+.text-primary-dk {
+  color: #6254b2;
+}
+
+.text-primary-dker {
+  color: #564aa3;
+}
+
+a.bg-info:hover {
+  background-color: #19a9d5;
+}
+
+a.text-info:hover {
+  color: #19a9d5;
+}
+
+.text-info {
+  color: #23b7e5;
+}
+
+.text-info-lt {
+  color: #3abee8;
+}
+
+.text-info-lter {
+  color: #51c6ea;
+}
+
+.text-info-dk {
+  color: #19a9d5;
+}
+
+.text-info-dker {
+  color: #1797be;
+}
+
+a.bg-success:hover {
+  background-color: #23ad44;
+}
+
+a.text-success:hover {
+  color: #23ad44;
+}
+
+.text-success {
+  color: #27c24c;
+}
+
+.text-success-lt {
+  color: #2ed556;
+}
+
+.text-success-lter {
+  color: #43d967;
+}
+
+.text-success-dk {
+  color: #23ad44;
+}
+
+.text-success-dker {
+  color: #1e983b;
+}
+
+a.bg-warning:hover {
+  background-color: #f9d21a;
+}
+
+a.text-warning:hover {
+  color: #f9d21a;
+}
+
+.text-warning {
+  color: #fad733;
+}
+
+.text-warning-lt {
+  color: #fbdc4c;
+}
+
+.text-warning-lter {
+  color: #fbe165;
+}
+
+.text-warning-dk {
+  color: #f9d21a;
+}
+
+.text-warning-dker {
+  color: #f4ca06;
+}
+
+a.bg-danger:hover {
+  background-color: #ee3939;
+}
+
+a.text-danger:hover {
+  color: #ee3939;
+}
+
+.text-danger {
+  color: #f05050;
+}
+
+.text-danger-lt {
+  color: #f26767;
+}
+
+.text-danger-lter {
+  color: #f47f7f;
+}
+
+.text-danger-dk {
+  color: #ee3939;
+}
+
+.text-danger-dker {
+  color: #ec2121;
+}
+
+a.bg-dark:hover {
+  background-color: #2f3342;
+}
+
+a.text-dark:hover {
+  color: #2f3342;
+}
+
+.text-dark {
+  color: #3a3f51;
+}
+
+.text-dark-lt {
+  color: #454b60;
+}
+
+.text-dark-lter {
+  color: #4f566f;
+}
+
+.text-dark-dk {
+  color: #2f3342;
+}
+
+.text-dark-dker {
+  color: #252833;
+}
+
+a.bg-#000000:hover {
+  background-color: #131e25;
+}
+
+a.text-#000000:hover {
+  color: #131e25;
+}
+
+.text-#000000 {
+  color: #1c2b36;
+}
+
+.text-#000000-lt {
+  color: #253847;
+}
+
+.text-#000000-lter {
+  color: #2d4658;
+}
+
+.text-#000000-dk {
+  color: #131e25;
+}
+
+.text-#000000-dker {
+  color: #0b1014;
+}
+
+.text-white {
+  color: #fff;
+}
+
+.text-black {
+  color: #000;
+}
+
+.text-muted {
+  color: #98a6ad;
+}
+
+.pos-rlt {
+  position: relative;
+}
+
+.pos-stc {
+  position: static !important;
+}
+
+.pos-abt {
+  position: absolute;
+}
+
+.pos-fix {
+  position: fixed;
+}
+
+.show {
+  visibility: visible;
+}
+
+.line {
+  width: 100%;
+  height: 2px;
+  margin: 10px 0;
+  overflow: hidden;
+  font-size: 0;
+}
+
+.line-xs {
+  margin: 0;
+}
+
+.line-lg {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+
+.line-dashed {
+  background-color: transparent;
+  border-style: dashed !important;
+  border-width: 0;
+}
+
+.no-line {
+  border-width: 0;
+}
+
+.no-border,
+.no-borders {
+  border-color: transparent;
+  border-width: 0;
+}
+
+.no-radius {
+  border-radius: 0;
+}
+
+.block {
+  display: block;
+}
+
+.block.hide {
+  display: none;
+}
+
+.inline {
+  display: inline-block !important;
+}
+
+.none {
+  display: none;
+}
+
+.pull-none {
+  float: none;
+}
+
+.rounded {
+  border-radius: 500px;
+}
+
+.clear {
+  display: block;
+  overflow: hidden;
+}
+
+.no-bg {
+  color: inherit;
+  background-color: transparent;
+}
+
+.no-select {
+  -webkit-user-select: none;
+   -khtml-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-touch-callout: none;
+}
+
+.l-h {
+  line-height: 1.42857143;
+}
+
+.l-h-0x {
+  line-height: 0;
+}
+
+.l-h-1x {
+  line-height: 1.2;
+}
+
+.l-h-2x {
+  line-height: 2em;
+}
+
+.l-s-1x {
+  letter-spacing: 1;
+}
+
+.l-s-2x {
+  letter-spacing: 2;
+}
+
+.l-s-3x {
+  letter-spacing: 3;
+}
+
+.font-normal {
+  font-weight: normal;
+}
+
+.font-thin {
+  font-weight: 300;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.text-3x {
+  font-size: 3em;
+}
+
+.text-2x {
+  font-size: 2em;
+}
+
+.text-lg {
+  font-size: 18px;
+}
+
+.text-md {
+  font-size: 16px;
+}
+
+.text-base {
+  font-size: 14px;
+}
+
+.text-sm {
+  font-size: 13px;
+}
+
+.text-xs {
+  font-size: 12px;
+}
+
+.text-xxs {
+  text-indent: -9999px;
+}
+
+.text-ellipsis {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.text-u-c {
+  text-transform: uppercase;
+}
+
+.text-l-t {
+  text-decoration: line-through;
+}
+
+.text-u-l {
+  text-decoration: underline;
+}
+
+.text-active,
+.active > .text,
+.active > .auto .text {
+  display: none !important;
+}
+
+.active > .text-active,
+.active > .auto .text-active {
+  display: inline-block !important;
+}
+
+.box-shadow {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.box-shadow-lg {
+  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
+}
+
+.text-shadow {
+  font-size: 170px;
+  text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
+}
+
+.no-shadow {
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
+}
+
+.wrapper-xs {
+  padding: 5px;
+}
+
+.wrapper-sm {
+  padding: 10px;
+}
+
+.wrapper {
+  padding: 15px;
+}
+
+.wrapper-md {
+  padding: 20px;
+}
+
+.wrapper-lg {
+  padding: 30px;
+}
+
+.wrapper-xl {
+  padding: 50px;
+}
+
+.padder-lg {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+.padder-md {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+
+.padder {
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+.padder-v {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+.no-padder {
+  padding: 0 !important;
+}
+
+.pull-in {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+.pull-out {
+  margin: -10px -15px;
+}
+
+.b {
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.b-a {
+  border: 1px solid #dee5e7;
+}
+
+.b-t {
+  border-top: 1px solid #dee5e7;
+}
+
+.b-r {
+  border-right: 1px solid #dee5e7;
+}
+
+.b-b {
+  border-bottom: 1px solid #dee5e7;
+}
+
+.b-l {
+  border-left: 1px solid #dee5e7;
+}
+
+.b-light {
+  border-color: #edf1f2;
+}
+
+.b-dark {
+  border-color: #3a3f51;
+}
+
+.b-black {
+  border-color: #3a3f51;
+}
+
+.b-primary {
+  border-color: #7266ba;
+}
+
+.b-success {
+  border-color: #27c24c;
+}
+
+.b-info {
+  border-color: #23b7e5;
+}
+
+.b-warning {
+  border-color: #fad733;
+}
+
+.b-danger {
+  border-color: #f05050;
+}
+
+.b-white {
+  border-color: #ffffff;
+}
+
+.b-dashed {
+  border-style: dashed !important;
+}
+
+.b-l-light {
+  border-left-color: #edf1f2;
+}
+
+.b-l-dark {
+  border-left-color: #3a3f51;
+}
+
+.b-l-black {
+  border-left-color: #3a3f51;
+}
+
+.b-l-primary {
+  border-left-color: #7266ba;
+}
+
+.b-l-success {
+  border-left-color: #27c24c;
+}
+
+.b-l-info {
+  border-left-color: #23b7e5;
+}
+
+.b-l-warning {
+  border-left-color: #fad733;
+}
+
+.b-l-danger {
+  border-left-color: #f05050;
+}
+
+.b-l-white {
+  border-left-color: #ffffff;
+}
+
+.b-l-2x {
+  border-left-width: 2px;
+}
+
+.b-l-3x {
+  border-left-width: 3px;
+}
+
+.b-l-4x {
+  border-left-width: 4px;
+}
+
+.b-l-5x {
+  border-left-width: 5px;
+}
+
+.b-2x {
+  border-width: 2px;
+}
+
+.b-3x {
+  border-width: 3px;
+}
+
+.b-4x {
+  border-width: 4px;
+}
+
+.b-5x {
+  border-width: 5px;
+}
+
+.r {
+  border-radius: 2px 2px 2px 2px;
+}
+
+.r-2x {
+  border-radius: 4px;
+}
+
+.r-3x {
+  border-radius: 6px;
+}
+
+.r-l {
+  border-radius: 2px 0 0 2px;
+}
+
+.r-r {
+  border-radius: 0 2px 2px 0;
+}
+
+.r-t {
+  border-radius: 2px 2px 0 0;
+}
+
+.r-b {
+  border-radius: 0 0 2px 2px;
+}
+
+.m-xxs {
+  margin: 2px 4px;
+}
+
+.m-xs {
+  margin: 5px;
+}
+
+.m-sm {
+  margin: 10px;
+}
+
+.m {
+  margin: 15px;
+}
+
+.m-md {
+  margin: 20px;
+}
+
+.m-lg {
+  margin: 30px;
+}
+
+.m-xl {
+  margin: 50px;
+}
+
+.m-n {
+  margin: 0 !important;
+}
+
+.m-l-none {
+  margin-left: 0 !important;
+}
+
+.m-l-xs {
+  margin-left: 5px;
+}
+
+.m-l-sm {
+  margin-left: 10px;
+}
+
+.m-l {
+  margin-left: 15px;
+}
+
+.m-l-md {
+  margin-left: 20px;
+}
+
+.m-l-lg {
+  margin-left: 30px;
+}
+
+.m-l-xl {
+  margin-left: 40px;
+}
+
+.m-l-xxl {
+  margin-left: 50px;
+}
+
+.m-l-n-xxs {
+  margin-left: -1px;
+}
+
+.m-l-n-xs {
+  margin-left: -5px;
+}
+
+.m-l-n-sm {
+  margin-left: -10px;
+}
+
+.m-l-n {
+  margin-left: -15px;
+}
+
+.m-l-n-md {
+  margin-left: -20px;
+}
+
+.m-l-n-lg {
+  margin-left: -30px;
+}
+
+.m-l-n-xl {
+  margin-left: -40px;
+}
+
+.m-l-n-xxl {
+  margin-left: -50px;
+}
+
+.m-t-none {
+  margin-top: 0 !important;
+}
+
+.m-t-xxs {
+  margin-top: 1px;
+}
+
+.m-t-xs {
+  margin-top: 5px;
+}
+
+.m-t-sm {
+  margin-top: 10px;
+}
+
+.m-t {
+  margin-top: 15px;
+}
+
+.m-t-md {
+  margin-top: 20px;
+}
+
+.m-t-lg {
+  margin-top: 30px;
+}
+
+.m-t-xl {
+  margin-top: 40px;
+}
+
+.m-t-xxl {
+  margin-top: 50px;
+}
+
+.m-t-n-xxs {
+  margin-top: -1px;
+}
+
+.m-t-n-xs {
+  margin-top: -5px;
+}
+
+.m-t-n-sm {
+  margin-top: -10px;
+}
+
+.m-t-n {
+  margin-top: -15px;
+}
+
+.m-t-n-md {
+  margin-top: -20px;
+}
+
+.m-t-n-lg {
+  margin-top: -30px;
+}
+
+.m-t-n-xl {
+  margin-top: -40px;
+}
+
+.m-t-n-xxl {
+  margin-top: -50px;
+}
+
+.m-r-none {
+  margin-right: 0 !important;
+}
+
+.m-r-xxs {
+  margin-right: 1px;
+}
+
+.m-r-xs {
+  margin-right: 5px;
+}
+
+.m-r-sm {
+  margin-right: 10px;
+}
+
+.m-r {
+  margin-right: 15px;
+}
+
+.m-r-md {
+  margin-right: 20px;
+}
+
+.m-r-lg {
+  margin-right: 30px;
+}
+
+.m-r-xl {
+  margin-right: 40px;
+}
+
+.m-r-xxl {
+  margin-right: 50px;
+}
+
+.m-r-n-xxs {
+  margin-right: -1px;
+}
+
+.m-r-n-xs {
+  margin-right: -5px;
+}
+
+.m-r-n-sm {
+  margin-right: -10px;
+}
+
+.m-r-n {
+  margin-right: -15px;
+}
+
+.m-r-n-md {
+  margin-right: -20px;
+}
+
+.m-r-n-lg {
+  margin-right: -30px;
+}
+
+.m-r-n-xl {
+  margin-right: -40px;
+}
+
+.m-r-n-xxl {
+  margin-right: -50px;
+}
+
+.m-b-none {
+  margin-bottom: 0 !important;
+}
+
+.m-b-xxs {
+  margin-bottom: 1px;
+}
+
+.m-b-xs {
+  margin-bottom: 5px;
+}
+
+.m-b-sm {
+  margin-bottom: 10px;
+}
+
+.m-b {
+  margin-bottom: 15px;
+}
+
+.m-b-md {
+  margin-bottom: 20px;
+}
+
+.m-b-lg {
+  margin-bottom: 30px;
+}
+
+.m-b-xl {
+  margin-bottom: 40px;
+}
+
+.m-b-xxl {
+  margin-bottom: 50px;
+}
+
+.m-b-n-xxs {
+  margin-bottom: -1px;
+}
+
+.m-b-n-xs {
+  margin-bottom: -5px;
+}
+
+.m-b-n-sm {
+  margin-bottom: -10px;
+}
+
+.m-b-n {
+  margin-bottom: -15px;
+}
+
+.m-b-n-md {
+  margin-bottom: -20px;
+}
+
+.m-b-n-lg {
+  margin-bottom: -30px;
+}
+
+.m-b-n-xl {
+  margin-bottom: -40px;
+}
+
+.m-b-n-xxl {
+  margin-bottom: -50px;
+}
+
+.avatar {
+  position: relative;
+  display: block;
+  white-space: nowrap;
+  border-radius: 500px;
+}
+
+.avatar img {
+  width: 100%;
+  border-radius: 500px;
+}
+
+.avatar i {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 10px;
+  height: 10px;
+  margin: 2px;
+  border-style: solid;
+  border-width: 2px;
+  border-radius: 100%;
+}
+
+.avatar i.right {
+  right: 0;
+  left: auto;
+}
+
+.avatar i.bottom {
+  top: auto;
+  right: 0;
+  bottom: 0;
+  left: auto;
+}
+
+.avatar i.left {
+  top: auto;
+  bottom: 0;
+}
+
+.avatar i.on {
+  background-color: #27c24c;
+}
+
+.avatar i.off {
+  background-color: #98a6ad;
+}
+
+.avatar i.busy {
+  background-color: #f05050;
+}
+
+.avatar i.away {
+  background-color: #fad733;
+}
+
+.avatar.thumb-md i {
+  width: 12px;
+  height: 12px;
+  margin: 3px;
+}
+
+.avatar.thumb-sm i {
+  margin: 1px;
+}
+
+.avatar.thumb-xs i {
+  margin: 0;
+}
+
+.w-1x {
+  width: 1em;
+}
+
+.w-2x {
+  width: 2em;
+}
+
+.w-3x {
+  width: 3em;
+}
+
+.w-xxs {
+  width: 60px;
+}
+
+.w-xs {
+  width: 90px;
+}
+
+.w-sm {
+  width: 150px;
+}
+
+.w {
+  width: 200px;
+}
+
+.w-md {
+  width: 240px;
+}
+
+.w-lg {
+  width: 280px;
+}
+
+.w-xl {
+  width: 320px;
+}
+
+.w-xxl {
+  width: 360px;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.w-auto {
+  width: auto;
+}
+
+.h-auto {
+  height: auto;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.thumb-xl {
+  display: inline-block;
+  width: 128px;
+}
+
+.thumb-lg {
+  display: inline-block;
+  width: 96px;
+}
+
+.thumb-md {
+  display: inline-block;
+  width: 64px;
+}
+
+.thumb {
+  display: inline-block;
+  width: 50px;
+}
+
+.thumb-sm {
+  display: inline-block;
+  width: 40px;
+}
+
+.thumb-xs {
+  display: inline-block;
+  width: 34px;
+}
+
+.thumb-xxs {
+  display: inline-block;
+  width: 30px;
+}
+
+.thumb-wrapper {
+  padding: 2px;
+  border: 1px solid #dee5e7;
+}
+
+.thumb img,
+.thumb-xs img,
+.thumb-sm img,
+.thumb-md img,
+.thumb-lg img,
+.thumb-btn img {
+  height: auto;
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+.img-full {
+  width: 100%;
+}
+
+.img-full img {
+  width: 100%;
+}
+
+.scrollable {
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.scrollable.hover {
+  overflow-y: hidden !important;
+}
+
+.scrollable.hover:hover {
+  overflow: visible !important;
+  overflow-y: auto !important;
+}
+
+.smart .scrollable {
+  overflow-y: auto !important;
+}
+
+.scroll-x,
+.scroll-y {
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+.scroll-y {
+  overflow-y: auto;
+}
+
+.scroll-x {
+  overflow-x: auto;
+}
+
+.hover-action {
+  display: none;
+}
+
+.hover-rotate {
+  -webkit-transition: all 0.2s ease-in-out 0.1s;
+          transition: all 0.2s ease-in-out 0.1s;
+}
+
+.hover-anchor:hover > .hover-action,
+.hover-anchor:focus > .hover-action,
+.hover-anchor:active > .hover-action {
+  display: inherit;
+}
+
+.hover-anchor:hover > .hover-rotate,
+.hover-anchor:focus > .hover-rotate,
+.hover-anchor:active > .hover-rotate {
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
+.backdrop {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+}
+
+.backdrop.fade {
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+
+.backdrop.in {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+
+/*desktop*/
+
+@media screen and (min-width: 992px) {
+  .col-lg-2-4 {
+    float: left;
+    width: 20.000%;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm.show {
+    display: inherit !important;
+  }
+  .no-m-sm {
+    margin: 0 !important;
+  }
+}
+
+/*phone*/
+
+@media (max-width: 767px) {
+  .w-auto-xs {
+    width: auto;
+  }
+  .shift {
+    display: none !important;
+  }
+  .shift.in {
+    display: block !important;
+  }
+  .row-2 [class*="col"] {
+    float: left;
+    width: 50%;
+  }
+  .row-2 .col-0 {
+    clear: none;
+  }
+  .row-2 li:nth-child(odd) {
+    margin-left: 0;
+    clear: left;
+  }
+  .text-center-xs {
+    text-align: center;
+  }
+  .text-left-xs {
+    text-align: left;
+  }
+  .text-right-xs {
+    text-align: right;
+  }
+  .no-border-xs {
+    border-width: 0;
+  }
+  .pull-none-xs {
+    float: none !important;
+  }
+  .pull-right-xs {
+    float: right !important;
+  }
+  .pull-left-xs {
+    float: left !important;
+  }
+  .dropdown-menu.pull-none-xs {
+    left: 0;
+  }
+  .hidden-xs.show {
+    display: inherit !important;
+  }
+  .wrapper-lg,
+  .wrapper-md {
+    padding: 15px;
+  }
+  .padder-lg,
+  .padder-md {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+  .no-m-xs {
+    margin: 0 !important;
+  }
+}
+
+.butterbar {
+  position: relative;
+  height: 3px;
+  margin-bottom: -3px;
+}
+
+.butterbar .bar {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  text-indent: -9999px;
+  background-color: #23b7e5;
+}
+
+.butterbar .bar:before {
+  position: absolute;
+  right: 50%;
+  left: 50%;
+  height: 3px;
+  background-color: inherit;
+  content: "";
+}
+
+.butterbar.active {
+  -webkit-animation: changebar 2.25s infinite 0.75s;
+     -moz-animation: changebar 2.25s infinite 0.75s;
+          animation: changebar 2.25s infinite 0.75s;
+}
+
+.butterbar.active .bar {
+  -webkit-animation: changebar 2.25s infinite;
+     -moz-animation: changebar 2.25s infinite;
+          animation: changebar 2.25s infinite;
+}
+
+.butterbar.active .bar:before {
+  -webkit-animation: movingbar 0.75s infinite;
+     -moz-animation: movingbar 0.75s infinite;
+          animation: movingbar 0.75s infinite;
+}
+
+/* Moving bar */
+
+@-webkit-keyframes movingbar {
+  0% {
+    right: 50%;
+    left: 50%;
+  }
+  99.9% {
+    right: 0;
+    left: 0;
+  }
+  100% {
+    right: 50%;
+    left: 50%;
+  }
+}
+
+@-moz-keyframes movingbar {
+  0% {
+    right: 50%;
+    left: 50%;
+  }
+  99.9% {
+    right: 0;
+    left: 0;
+  }
+  100% {
+    right: 50%;
+    left: 50%;
+  }
+}
+
+@keyframes movingbar {
+  0% {
+    right: 50%;
+    left: 50%;
+  }
+  99.9% {
+    right: 0;
+    left: 0;
+  }
+  100% {
+    right: 50%;
+    left: 50%;
+  }
+}
+
+/* change bar */
+
+@-webkit-keyframes changebar {
+  0% {
+    background-color: #23b7e5;
+  }
+  33.3% {
+    background-color: #23b7e5;
+  }
+  33.33% {
+    background-color: #fad733;
+  }
+  66.6% {
+    background-color: #fad733;
+  }
+  66.66% {
+    background-color: #7266ba;
+  }
+  99.9% {
+    background-color: #7266ba;
+  }
+}
+
+@-moz-keyframes changebar {
+  0% {
+    background-color: #23b7e5;
+  }
+  33.3% {
+    background-color: #23b7e5;
+  }
+  33.33% {
+    background-color: #fad733;
+  }
+  66.6% {
+    background-color: #fad733;
+  }
+  66.66% {
+    background-color: #7266ba;
+  }
+  99.9% {
+    background-color: #7266ba;
+  }
+}
+
+@keyframes changebar {
+  0% {
+    background-color: #23b7e5;
+  }
+  33.3% {
+    background-color: #23b7e5;
+  }
+  33.33% {
+    background-color: #fad733;
+  }
+  66.6% {
+    background-color: #fad733;
+  }
+  66.66% {
+    background-color: #7266ba;
+  }
+  99.9% {
+    background-color: #7266ba;
+  }
+}
\ No newline at end of file
diff --git a/public/static/css/app.min.css b/public/static/css/app.min.css
deleted file mode 100644
index 206b76f..0000000
--- a/public/static/css/app.min.css
+++ /dev/null
@@ -1,10 +0,0 @@
-/*!
- * AdminLTE v2.4.18
- * 
- *   Author:  Colorlib
- *   Support: <https://github.com/ColorlibHQ/AdminLTE/issues>
- *   Repository: git://github.com/ColorlibHQ/AdminLTE.git
- *   License: MIT <http://opensource.org/licenses/MIT>
- */
-html,body{height:100%}.layout-boxed html,.layout-boxed body{height:100%}body{font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;overflow-x:hidden;overflow-y:auto}.wrapper{height:100%;position:relative;overflow-x:hidden;overflow-y:auto}.wrapper:before,.wrapper:after{content:" ";display:table}.wrapper:after{clear:both}.layout-boxed .wrapper{max-width:1250px;margin:0 auto;min-height:100%;box-shadow:0 0 8px rgba(0,0,0,0.5);position:relative}.layout-boxed{background-color:#f9fafc}.content-wrapper,.main-footer{-webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;transition:transform .3s ease-in-out,margin .3s ease-in-out;margin-left:230px;z-index:820}.layout-top-nav .content-wrapper,.layout-top-nav .main-footer{margin-left:0}@media (max-width:767px){.content-wrapper,.main-footer{margin-left:0}}@media (min-width:768px){.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{margin-left:0}}@media (max-width:767px){.sidebar-open .content-wrapper,.sidebar-open .main-footer{-webkit-transform:translate(230px, 0);-ms-transform:translate(230px, 0);-o-transform:translate(230px, 0);transform:translate(230px, 0)}}.content-wrapper{min-height:calc(100vh - 101px);background-color:#ecf0f5;z-index:800}@media (max-width:767px){.content-wrapper{min-height:calc(100vh - 151px)}}.main-footer{background:#fff;padding:15px;color:#444;border-top:1px solid #d2d6de}.fixed .main-header,.fixed .main-sidebar,.fixed .left-side{position:fixed}.fixed .main-header{top:0;right:0;left:0}.fixed .content-wrapper,.fixed .right-side{padding-top:50px}@media (max-width:767px){.fixed .content-wrapper,.fixed .right-side{padding-top:100px}}.fixed.layout-boxed .wrapper{max-width:100%}.fixed .wrapper{overflow:hidden}.hold-transition .content-wrapper,.hold-transition .right-side,.hold-transition .main-footer,.hold-transition .main-sidebar,.hold-transition .left-side,.hold-transition .main-header .navbar,.hold-transition .main-header .logo,.hold-transition .menu-open .fa-angle-left{-webkit-transition:none;-o-transition:none;transition:none}.content{min-height:250px;padding:15px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Source Sans Pro',sans-serif}a{color:#3c8dbc}a:hover,a:active,a:focus{outline:none;text-decoration:none;color:#72afd2}.page-header{margin:10px 0 20px 0;font-size:22px}.page-header>small{color:#666;display:block;margin-top:5px}.main-header{position:relative;max-height:100px;z-index:1030}.main-header .navbar{-webkit-transition:margin-left .3s ease-in-out;-o-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;margin-bottom:0;margin-left:230px;border:none;min-height:50px;border-radius:0}.layout-top-nav .main-header .navbar{margin-left:0}.main-header #navbar-search-input.form-control{background:rgba(255,255,255,0.2);border-color:transparent}.main-header #navbar-search-input.form-control:focus,.main-header #navbar-search-input.form-control:active{border-color:rgba(0,0,0,0.1);background:rgba(255,255,255,0.9)}.main-header #navbar-search-input.form-control::-moz-placeholder{color:#ccc;opacity:1}.main-header #navbar-search-input.form-control:-ms-input-placeholder{color:#ccc}.main-header #navbar-search-input.form-control::-webkit-input-placeholder{color:#ccc}.main-header .navbar-custom-menu,.main-header .navbar-right{float:right}@media (max-width:991px){.main-header .navbar-custom-menu a,.main-header .navbar-right a{color:inherit;background:transparent}}@media (max-width:767px){.main-header .navbar-right{float:none}.navbar-collapse .main-header .navbar-right{margin:7.5px -15px}.main-header .navbar-right>li{color:inherit;border:0}}.main-header .sidebar-toggle{float:left;background-color:transparent;background-image:none;padding:15px 15px;font-family:fontAwesome}.main-header .sidebar-toggle:before{content:"\f0c9"}.main-header .sidebar-toggle:hover{color:#fff}.main-header .sidebar-toggle:focus,.main-header .sidebar-toggle:active{background:transparent}.main-header .sidebar-toggle.fa5{font-family:"Font Awesome\ 5 Free"}.main-header .sidebar-toggle.fa5:before{content:"\f0c9";font-weight:900}.main-header .sidebar-toggle .icon-bar{display:none}.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{margin-right:5px}.main-header .navbar .nav>li>a>.label{position:absolute;top:9px;right:7px;text-align:center;font-size:9px;padding:2px 3px;line-height:.9}.main-header .logo{-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:block;float:left;height:50px;font-size:20px;line-height:50px;text-align:center;width:230px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px;font-weight:300;overflow:hidden}.main-header .logo img{padding:4px;object-fit:contain;margin:0 auto}.main-header .logo .logo-lg{display:block}.main-header .logo .logo-lg img{max-width:200px;max-height:50px}.main-header .logo .logo-lg .brandlogo-image{margin-top:8px;margin-right:10px;margin-left:-5px}.main-header .logo .logo-mini{display:none}.main-header .logo .logo-mini img{max-width:50px;max-height:50px}.main-header .logo .logo-mini .brandlogo-image{margin-top:8px;margin-right:10px;margin-left:10px}.main-header .logo .brandlogo-image{float:left;height:34px;width:auto}.main-header .navbar-brand{color:#fff}.content-header{position:relative;padding:15px 15px 0 15px}.content-header>h1{margin:0;font-size:24px}.content-header>h1>small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}.content-header>.breadcrumb{float:right;background:transparent;margin-top:0;margin-bottom:0;font-size:12px;padding:7px 5px;position:absolute;top:15px;right:10px;border-radius:2px}.content-header>.breadcrumb>li>a{color:#444;text-decoration:none;display:inline-block}.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{margin-right:5px}.content-header>.breadcrumb>li+li:before{content:'>\00a0'}@media (max-width:991px){.content-header>.breadcrumb{position:relative;margin-top:5px;top:0;right:0;float:none;background:#d2d6de;padding-left:10px}.content-header>.breadcrumb li:before{color:#97a0b3}}.navbar-toggle{color:#fff;border:0;margin:0;padding:15px 15px}@media (max-width:991px){.navbar-custom-menu .navbar-nav>li{float:left}.navbar-custom-menu .navbar-nav{margin:0;float:left}.navbar-custom-menu .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;line-height:20px}}@media (max-width:767px){.main-header{position:relative}.main-header .logo,.main-header .navbar{width:100%;float:none}.main-header .navbar{margin:0}.main-header .navbar-custom-menu{float:right}}@media (max-width:991px){.navbar-collapse.pull-left{float:none !important}.navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}}.main-sidebar{position:absolute;top:0;left:0;padding-top:50px;min-height:100%;width:230px;z-index:810;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}@media (max-width:767px){.main-sidebar{padding-top:100px}}@media (max-width:767px){.main-sidebar{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0)}}@media (min-width:768px){.sidebar-collapse .main-sidebar{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0)}}@media (max-width:767px){.sidebar-open .main-sidebar{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}.sidebar{padding-bottom:10px}.sidebar-form input:focus{border-color:transparent}.user-panel{position:relative;width:100%;padding:10px;overflow:hidden}.user-panel:before,.user-panel:after{content:" ";display:table}.user-panel:after{clear:both}.user-panel>.image>img{width:100%;max-width:45px;height:auto}.user-panel>.info{padding:5px 5px 5px 15px;line-height:1;position:absolute;left:55px}.user-panel>.info>p{font-weight:600;margin-bottom:9px}.user-panel>.info>a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px}.user-panel>.info>a>.fa,.user-panel>.info>a>.ion,.user-panel>.info>a>.glyphicon{margin-right:3px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu>li{position:relative;margin:0;padding:0}.sidebar-menu>li>a{padding:12px 5px 12px 15px;display:block}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:20px}.sidebar-menu>li .label,.sidebar-menu>li .badge{margin-right:5px}.sidebar-menu>li .badge{margin-top:3px}.sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px}.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px;-webkit-transition:transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease}.sidebar-menu li>a>.fa-angle-left{position:absolute;top:50%;right:10px;margin-top:-8px}.sidebar-menu .menu-open>a>.fa-angle-left,.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.sidebar-menu .active>.treeview-menu{display:block}@media (min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px !important;z-index:840}.sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);width:50px !important;z-index:850}.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none !important;-webkit-transform:translateZ(0)}.sidebar-mini.sidebar-collapse .main-header .logo{width:50px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{display:block;margin-left:-15px;margin-right:-15px;font-size:18px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{display:none}.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:50px}}@media (min-width:768px){.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:block !important;position:absolute;width:180px;left:50px}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{position:relative !important;float:right;width:auto !important;left:180px !important;top:-22px !important;z-index:900}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){display:none}.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:44px;margin-left:0}}.sidebar-expanded-on-hover .main-footer,.sidebar-expanded-on-hover .content-wrapper{margin-left:50px}.sidebar-expanded-on-hover .main-sidebar{box-shadow:3px 0 8px rgba(0,0,0,0.125)}.sidebar-menu,.main-sidebar .user-panel,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}.sidebar-menu:hover{overflow:visible}.sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}.sidebar-menu li>a{position:relative}.sidebar-menu li>a>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}.control-sidebar-bg{position:fixed;z-index:1000;bottom:0}.control-sidebar-bg,.control-sidebar{top:0;right:-230px;width:230px;-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out}.control-sidebar{position:absolute;padding-top:50px;z-index:1010}@media (max-width:767px){.control-sidebar{padding-top:100px}}.control-sidebar>.tab-content{padding:10px 15px}.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}.control-sidebar-hold-transition .control-sidebar-bg,.control-sidebar-hold-transition .control-sidebar,.control-sidebar-hold-transition .content-wrapper{transition:none}.control-sidebar-open .control-sidebar-bg,.control-sidebar-open .control-sidebar{right:0}@media (min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer{margin-right:230px}}.fixed .control-sidebar{position:fixed;height:100%;overflow-y:auto;padding-bottom:50px}.nav-tabs.control-sidebar-tabs>li:first-of-type>a,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus{border-left-width:0}.nav-tabs.control-sidebar-tabs>li>a{border-radius:0}.nav-tabs.control-sidebar-tabs>li>a,.nav-tabs.control-sidebar-tabs>li>a:hover{border-top:none;border-right:none;border-left:1px solid transparent;border-bottom:1px solid transparent}.nav-tabs.control-sidebar-tabs>li>a .icon{font-size:16px}.nav-tabs.control-sidebar-tabs>li.active>a,.nav-tabs.control-sidebar-tabs>li.active>a:hover,.nav-tabs.control-sidebar-tabs>li.active>a:focus,.nav-tabs.control-sidebar-tabs>li.active>a:active{border-top:none;border-right:none;border-bottom:none}@media (max-width:768px){.nav-tabs.control-sidebar-tabs{display:table}.nav-tabs.control-sidebar-tabs>li{display:table-cell}}.control-sidebar-heading{font-weight:400;font-size:16px;padding:10px 0;margin-bottom:10px}.control-sidebar-subheading{display:block;font-weight:400;font-size:14px}.control-sidebar-menu{list-style:none;padding:0;margin:0 -15px}.control-sidebar-menu>li>a{display:block;padding:10px 15px}.control-sidebar-menu>li>a:before,.control-sidebar-menu>li>a:after{content:" ";display:table}.control-sidebar-menu>li>a:after{clear:both}.control-sidebar-menu>li>a>.control-sidebar-subheading{margin-top:0}.control-sidebar-menu .menu-icon{float:left;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px}.control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px}.control-sidebar-menu .menu-info>.control-sidebar-subheading{margin:0}.control-sidebar-menu .menu-info>p{margin:0;font-size:11px}.control-sidebar-menu .progress{margin:0}.control-sidebar-dark{color:#b8c7ce}.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#222d32}.control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a{background:#181f23;color:#b8c7ce}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus{border-left-color:#141a1d;border-bottom-color:#141a1d}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active{background:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{color:#fff}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active{background:#222d32;color:#fff}.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading{color:#fff}.control-sidebar-dark .control-sidebar-menu>li>a:hover{background:#1e282c}.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p{color:#b8c7ce}.control-sidebar-light{color:#5e5e5e}.control-sidebar-light,.control-sidebar-light+.control-sidebar-bg{background:#f9fafc;border-left:1px solid #d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a{background:#e8ecf4;color:#444}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus{border-left-color:#d2d6de;border-bottom-color:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active{background:#eff1f7}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active{background:#f9fafc;color:#111}.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111}.control-sidebar-light .control-sidebar-menu{margin-left:-14px}.control-sidebar-light .control-sidebar-menu>li>a:hover{background:#f4f4f5}.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p{color:#5e5e5e}.dropdown-menu{box-shadow:none;border-color:#eee}.dropdown-menu>li>a{color:#777}.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.ion{margin-right:10px}.dropdown-menu>li>a:hover{background-color:#e1e3e9;color:#333}.dropdown-menu>.divider{background-color:#eee}.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{width:280px;padding:0 0 0 0;margin:0;top:100%}.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{position:relative}.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#ffffff;padding:7px 10px;border-bottom:1px solid #f4f4f4;color:#444444;font-size:14px}.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:12px;background-color:#fff;padding:7px 10px;border-bottom:1px solid #eeeeee;color:#444 !important;text-align:center}@media (max-width:991px){.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background:#fff !important;color:#444 !important}}.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{text-decoration:none;font-weight:normal}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{max-height:200px;margin:0;padding:0;list-style:none;overflow-x:hidden}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{display:block;white-space:nowrap;border-bottom:1px solid #f4f4f4}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{background:#f4f4f4;text-decoration:none}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{color:#444444;overflow:hidden;text-overflow:ellipsis;padding:10px}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{width:20px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{margin:0;padding:10px 10px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{margin:auto 10px auto auto;width:40px;height:40px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{padding:0;margin:0 0 0 45px;color:#444444;font-size:15px;position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{color:#999999;font-size:10px;position:absolute;top:0;right:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{margin:0 0 0 45px;font-size:12px;color:#888888}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{content:" ";display:table}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{clear:both}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{padding:10px}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{font-size:14px;padding:0;margin:0 0 10px 0;color:#666666}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress{padding:0;margin:0}.navbar-nav>.user-menu>.dropdown-menu{border-top-right-radius:0;border-top-left-radius:0;padding:1px 0 0 0;border-top-width:0;width:280px}.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:175px;padding:10px;text-align:center}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{z-index:5;height:90px;width:90px;border:3px solid;border-color:transparent;border-color:rgba(255,255,255,0.2)}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{z-index:5;color:#fff;color:rgba(255,255,255,0.8);font-size:17px;margin-top:10px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{display:block;font-size:12px}.navbar-nav>.user-menu>.dropdown-menu>.user-body{padding:15px;border-bottom:1px solid #f4f4f4;border-top:1px solid #dddddd}.navbar-nav>.user-menu>.dropdown-menu>.user-body:before,.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-body a{color:#444 !important}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-body a{background:#fff !important;color:#444 !important}}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#f9f9f9;padding:10px}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#666666}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#f9f9f9}}.navbar-nav>.user-menu .user-image{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px;margin-top:-2px}@media (max-width:767px){.navbar-nav>.user-menu .user-image{float:none;margin-right:0;margin-top:-8px;line-height:10px}}.open:not(.dropup)>.animated-dropdown-menu{backface-visibility:visible !important;-webkit-animation:flipInX .7s both;-o-animation:flipInX .7s both;animation:flipInX .7s both}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{transform:perspective(400px)}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{-webkit-transform:perspective(400px)}}.navbar-custom-menu>.navbar-nav>li{position:relative}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:0;left:auto}@media (max-width:991px){.navbar-custom-menu>.navbar-nav{float:right}.navbar-custom-menu>.navbar-nav>li{position:static}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:5%;left:auto;border:1px solid #ddd;background:#fff}}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de}.form-control:focus{border-color:#3c8dbc;box-shadow:none}.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1}.form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group.has-success label{color:#00a65a}.form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color:#00a65a;box-shadow:none}.form-group.has-success .help-block{color:#00a65a}.form-group.has-warning label{color:#f39c12}.form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color:#f39c12;box-shadow:none}.form-group.has-warning .help-block{color:#f39c12}.form-group.has-error label{color:#dd4b39}.form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color:#dd4b39;box-shadow:none}.form-group.has-error .help-block{color:#dd4b39}.input-group .input-group-addon{border-radius:0;border-color:#d2d6de;background-color:#fff}.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}.icheck>label{padding-left:0}.form-control-feedback.fa{line-height:34px}.input-lg+.form-control-feedback.fa,.input-group-lg+.form-control-feedback.fa,.form-group-lg .form-control+.form-control-feedback.fa{line-height:46px}.input-sm+.form-control-feedback.fa,.input-group-sm+.form-control-feedback.fa,.form-group-sm .form-control+.form-control-feedback.fa{line-height:30px}.progress,.progress>.progress-bar{-webkit-box-shadow:none;box-shadow:none}.progress,.progress>.progress-bar,.progress .progress-bar,.progress>.progress-bar .progress-bar{border-radius:1px}.progress.sm,.progress-sm{height:10px}.progress.sm,.progress-sm,.progress.sm .progress-bar,.progress-sm .progress-bar{border-radius:1px}.progress.xs,.progress-xs{height:7px}.progress.xs,.progress-xs,.progress.xs .progress-bar,.progress-xs .progress-bar{border-radius:1px}.progress.xxs,.progress-xxs{height:3px}.progress.xxs,.progress-xxs,.progress.xxs .progress-bar,.progress-xxs .progress-bar{border-radius:1px}.progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px}.progress.vertical>.progress-bar{width:100%;position:absolute;bottom:0}.progress.vertical.sm,.progress.vertical.progress-sm{width:20px}.progress.vertical.xs,.progress.vertical.progress-xs{width:10px}.progress.vertical.xxs,.progress.vertical.progress-xxs{width:3px}.progress-group .progress-text{font-weight:600}.progress-group .progress-number{float:right}.table tr>td .progress{margin:0}.progress-bar-light-blue,.progress-bar-primary{background-color:#3c8dbc}.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-green,.progress-bar-success{background-color:#00a65a}.progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-aqua,.progress-bar-info{background-color:#00c0ef}.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-yellow,.progress-bar-warning{background-color:#f39c12}.progress-striped .progress-bar-yellow,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-red,.progress-bar-danger{background-color:#dd4b39}.progress-striped .progress-bar-red,.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.small-box>.inner{padding:10px}.small-box>.small-box-footer{position:relative;text-align:center;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}.small-box>.small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}.small-box h3{font-size:38px;font-weight:bold;margin:0 0 10px 0;white-space:nowrap;padding:0}.small-box p{font-size:15px}.small-box p>small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}.small-box h3,.small-box p{z-index:5}.small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:-10px;right:10px;z-index:0;font-size:90px;color:rgba(0,0,0,0.15)}.small-box:hover{text-decoration:none;color:#f9f9f9}.small-box:hover .icon{font-size:95px}@media (max-width:767px){.small-box{text-align:center}.small-box .icon{display:none}.small-box p{font-size:12px}}.box{position:relative;border-radius:3px;background:#ffffff;border-top:3px solid #d2d6de;margin-bottom:20px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.box.box-primary{border-top-color:#3c8dbc}.box.box-info{border-top-color:#00c0ef}.box.box-danger{border-top-color:#dd4b39}.box.box-warning{border-top-color:#f39c12}.box.box-success{border-top-color:#00a65a}.box.box-default{border-top-color:#d2d6de}.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}.box .nav-stacked>li:last-of-type{border-bottom:none}.box.height-control .box-body{max-height:300px;overflow:auto}.box .border-right{border-right:1px solid #f4f4f4}.box .border-left{border-left:1px solid #f4f4f4}.box.box-solid{border-top:0}.box.box-solid>.box-header .btn.btn-default{background:transparent}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,0.1)}.box.box-solid.box-default{border:1px solid #d2d6de}.box.box-solid.box-default>.box-header{color:#444;background:#d2d6de;background-color:#d2d6de}.box.box-solid.box-default>.box-header a,.box.box-solid.box-default>.box-header .btn{color:#444}.box.box-solid.box-primary{border:1px solid #3c8dbc}.box.box-solid.box-primary>.box-header{color:#fff;background:#3c8dbc;background-color:#3c8dbc}.box.box-solid.box-primary>.box-header a,.box.box-solid.box-primary>.box-header .btn{color:#fff}.box.box-solid.box-info{border:1px solid #00c0ef}.box.box-solid.box-info>.box-header{color:#fff;background:#00c0ef;background-color:#00c0ef}.box.box-solid.box-info>.box-header a,.box.box-solid.box-info>.box-header .btn{color:#fff}.box.box-solid.box-danger{border:1px solid #dd4b39}.box.box-solid.box-danger>.box-header{color:#fff;background:#dd4b39;background-color:#dd4b39}.box.box-solid.box-danger>.box-header a,.box.box-solid.box-danger>.box-header .btn{color:#fff}.box.box-solid.box-warning{border:1px solid #f39c12}.box.box-solid.box-warning>.box-header{color:#fff;background:#f39c12;background-color:#f39c12}.box.box-solid.box-warning>.box-header a,.box.box-solid.box-warning>.box-header .btn{color:#fff}.box.box-solid.box-success{border:1px solid #00a65a}.box.box-solid.box-success>.box-header{color:#fff;background:#00a65a;background-color:#00a65a}.box.box-solid.box-success>.box-header a,.box.box-solid.box-success>.box-header .btn{color:#fff}.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}.box.box-solid[class*='bg']>.box-header{color:#fff}.box .box-group>.box{margin-bottom:5px}.box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:.3em}.box>.overlay,.overlay-wrapper>.overlay,.box>.loading-img,.overlay-wrapper>.loading-img{position:absolute;top:0;left:0;width:100%;height:100%}.box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,0.7);border-radius:3px}.box .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,0.5)}.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after{content:" ";display:table}.box-header:after,.box-body:after,.box-footer:after{clear:both}.box-header{color:#444;display:block;padding:10px;position:relative}.box-header.with-border{border-bottom:1px solid #f4f4f4}.collapsed-box .box-header.with-border{border-bottom:none}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion,.box-header .box-title{display:inline-block;font-size:18px;margin:0;line-height:1}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}.box-header>.box-tools{float:right;margin-top:-5px;margin-bottom:-5px}.box-header>.box-tools [data-toggle="tooltip"]{position:relative}.box-header>.box-tools.pull-right .dropdown-menu{right:0;left:auto}.box-header>.box-tools .dropdown-menu>li>a{color:#444 !important}.btn-box-tool{padding:5px;font-size:12px;background:transparent;color:#97a0b3}.open .btn-box-tool,.btn-box-tool:hover{color:#606c84}.btn-box-tool.btn:active{box-shadow:none}.box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}.no-header .box-body{border-top-right-radius:3px;border-top-left-radius:3px}.box-body>.table{margin-bottom:0}.box-body .fc{margin-top:5px}.box-body .full-width-chart{margin:-19px}.box-body.no-padding .full-width-chart{margin:-9px}.box-body .box-pane{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px}.box-body .box-pane-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0}.box-footer{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px;background-color:#fff}.chart-legend{margin:10px 0}@media (max-width:991px){.chart-legend>li{float:left;margin-right:10px}}.box-comments{background:#f7f7f7}.box-comments .box-comment{padding:8px 0;border-bottom:1px solid #eee}.box-comments .box-comment:before,.box-comments .box-comment:after{content:" ";display:table}.box-comments .box-comment:after{clear:both}.box-comments .box-comment:last-of-type{border-bottom:0}.box-comments .box-comment:first-of-type{padding-top:0}.box-comments .box-comment img{float:left}.box-comments .comment-text{margin-left:40px;color:#555}.box-comments .username{color:#444;display:block;font-weight:600}.box-comments .text-muted{font-weight:400;font-size:12px}.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:2px;margin-bottom:15px}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,0.2)}.info-box-icon>img{max-width:100%}.info-box-content{padding:5px 10px;margin-left:90px}.info-box-number{display:block;font-weight:bold;font-size:18px}.progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}.timeline{position:relative;margin:0 0 30px 0;padding:0;list-style:none}.timeline:before{content:'';position:absolute;top:0;bottom:0;width:4px;background:#ddd;left:31px;margin:0;border-radius:2px}.timeline>li{position:relative;margin-right:10px;margin-bottom:15px}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-item{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;margin-top:0;background:#fff;color:#444;margin-left:60px;margin-right:15px;padding:0;position:relative}.timeline>li>.timeline-item>.time{color:#999;float:right;padding:10px;font-size:12px}.timeline>li>.timeline-item>.timeline-header{margin:0;color:#555;border-bottom:1px solid #f4f4f4;padding:10px;font-size:16px;line-height:1.1}.timeline>li>.timeline-item>.timeline-header>a{font-weight:600}.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{padding:10px}.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;left:18px;top:0}.timeline>.time-label>span{font-weight:600;padding:5px;display:inline-block;background-color:#fff;border-radius:4px}.timeline-inverse>li>.timeline-item{background:#f0f0f0;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none}.timeline-inverse>li>.timeline-item>.timeline-header{border-bottom-color:#ddd}.btn{border-radius:3px;-webkit-box-shadow:none;box-shadow:none;border:1px solid transparent}.btn.uppercase{text-transform:uppercase}.btn.btn-flat{border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-width:1px}.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-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:focus{outline:none}.btn.btn-file{position:relative;overflow:hidden}.btn.btn-file>input[type='file']{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;filter:alpha(opacity=0);outline:none;background:white;cursor:inherit;display:block}.btn-default{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-default:hover,.btn-default:active,.btn-default.hover{background-color:#e7e7e7}.btn-primary{background-color:#3c8dbc;border-color:#367fa9}.btn-primary:hover,.btn-primary:active,.btn-primary.hover{background-color:#367fa9}.btn-success{background-color:#00a65a;border-color:#008d4c}.btn-success:hover,.btn-success:active,.btn-success.hover{background-color:#008d4c}.btn-info{background-color:#00c0ef;border-color:#00acd6}.btn-info:hover,.btn-info:active,.btn-info.hover{background-color:#00acd6}.btn-danger{background-color:#dd4b39;border-color:#d73925}.btn-danger:hover,.btn-danger:active,.btn-danger.hover{background-color:#d73925}.btn-warning{background-color:#f39c12;border-color:#e08e0b}.btn-warning:hover,.btn-warning:active,.btn-warning.hover{background-color:#e08e0b}.btn-outline{border:1px solid #fff;background:transparent;color:#fff}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.7)}.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn[class*='bg-']:hover{-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.2);box-shadow:inset 0 0 100px rgba(0,0,0,0.2)}.btn-app{border-radius:3px;position:relative;padding:15px 5px;margin:0 0 10px 10px;min-width:80px;height:60px;text-align:center;color:#666;border:1px solid #ddd;background-color:#f4f4f4;font-size:12px}.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion{font-size:20px;display:block}.btn-app:hover{background:#f4f4f4;color:#444;border-color:#aaa}.btn-app:active,.btn-app:focus{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-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-app>.badge{position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400}.callout{border-radius:3px;margin:0 0 20px 0;padding:15px 30px 15px 15px;border-left:5px solid #eee}.callout a{color:#fff;text-decoration:underline}.callout a:hover{color:#eee}.callout h4{margin-top:0;font-weight:600}.callout p:last-child{margin-bottom:0}.callout code,.callout .highlight{background-color:#fff}.callout.callout-danger{border-color:#c23321}.callout.callout-warning{border-color:#c87f0a}.callout.callout-info{border-color:#0097bc}.callout.callout-success{border-color:#00733e}.alert{border-radius:3px}.alert h4{font-weight:600}.alert .icon{margin-right:10px}.alert .close{color:#000;opacity:.2;filter:alpha(opacity=20)}.alert .close:hover{opacity:.5;filter:alpha(opacity=50)}.nav>li>a:hover,.nav>li>a:active,.nav>li>a:focus{color:#444;background:#f7f7f7}.nav-pills>li>a{border-radius:0;border-top:3px solid transparent;color:#444}.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion{margin-right:5px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{border-top-color:#3c8dbc}.nav-pills>li.active>a{font-weight:600}.nav-stacked>li>a{border-radius:0;border-top:0;border-left:3px solid transparent;color:#444}.nav-stacked>li.active>a,.nav-stacked>li.active>a:hover{background:transparent;color:#444;border-top:0;border-left-color:#3c8dbc}.nav-stacked>li.header{border-bottom:1px solid #ddd;color:#777;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.nav-tabs-custom{margin-bottom:20px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px}.nav-tabs-custom>.nav-tabs{margin:0;border-bottom-color:#f4f4f4;border-top-right-radius:3px;border-top-left-radius:3px}.nav-tabs-custom>.nav-tabs>li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:5px}.nav-tabs-custom>.nav-tabs>li.disabled>a{color:#777}.nav-tabs-custom>.nav-tabs>li>a{color:#444;border-radius:0}.nav-tabs-custom>.nav-tabs>li>a.text-muted{color:#999}.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{background:transparent;margin:0}.nav-tabs-custom>.nav-tabs>li>a:hover{color:#999}.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active{border-color:transparent}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li.active:hover>a{background-color:#fff;color:#444}.nav-tabs-custom>.nav-tabs>li.active>a{border-top-color:transparent;border-left-color:#f4f4f4;border-right-color:#f4f4f4}.nav-tabs-custom>.nav-tabs>li:first-of-type{margin-left:0}.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a{border-left-color:transparent}.nav-tabs-custom>.nav-tabs.pull-right{float:none !important}.nav-tabs-custom>.nav-tabs.pull-right>li{float:right}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{margin-right:0}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{border-left-width:1px}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a{border-left-color:#f4f4f4;border-right-color:transparent}.nav-tabs-custom>.nav-tabs>li.header{line-height:35px;padding:0 10px;font-size:20px;color:#444}.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{margin-right:5px}.nav-tabs-custom>.tab-content{background:#fff;padding:10px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus{background:transparent;color:#999}.nav-tabs-custom.tab-primary>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom.tab-info>.nav-tabs>li.active{border-top-color:#00c0ef}.nav-tabs-custom.tab-danger>.nav-tabs>li.active{border-top-color:#dd4b39}.nav-tabs-custom.tab-warning>.nav-tabs>li.active{border-top-color:#f39c12}.nav-tabs-custom.tab-success>.nav-tabs>li.active{border-top-color:#00a65a}.nav-tabs-custom.tab-default>.nav-tabs>li.active{border-top-color:#d2d6de}.pagination>li>a{background:#fafafa;color:#666}.pagination.pagination-flat>li>a{border-radius:0 !important}.products-list{list-style:none;margin:0;padding:0}.products-list>.item{border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);padding:10px 0;background:#fff}.products-list>.item:before,.products-list>.item:after{content:" ";display:table}.products-list>.item:after{clear:both}.products-list .product-img{float:left}.products-list .product-img img{width:50px;height:50px}.products-list .product-info{margin-left:60px}.products-list .product-title{font-weight:600}.products-list .product-description{display:block;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-list-in-box>.item{-webkit-box-shadow:none;box-shadow:none;border-radius:0;border-bottom:1px solid #f4f4f4}.product-list-in-box>.item:last-of-type{border-bottom-width:0}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top:1px solid #f4f4f4}.table>thead>tr>th{border-bottom:2px solid #f4f4f4}.table tr td .progress{margin-top:5px}.table-bordered{border:1px solid #f4f4f4}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #f4f4f4}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table.no-border,.table.no-border td,.table.no-border th{border:0}table.text-center,table.text-center td,table.text-center th{text-align:center}.table.align th{text-align:left}.table.align td{text-align:right}.label-default{background-color:#d2d6de;color:#444}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.modal{background:rgba(0,0,0,0.3)}.modal-content{border-radius:0;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125);border:0}@media (min-width:768px){.modal-content{-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125)}}.modal-header{border-bottom-color:#f4f4f4}.modal-footer{border-top-color:#f4f4f4}.modal-primary .modal-header,.modal-primary .modal-footer{border-color:#307095}.modal-warning .modal-header,.modal-warning .modal-footer{border-color:#c87f0a}.modal-info .modal-header,.modal-info .modal-footer{border-color:#0097bc}.modal-success .modal-header,.modal-success .modal-footer{border-color:#00733e}.modal-danger .modal-header,.modal-danger .modal-footer{border-color:#c23321}.box-widget{border:none;position:relative}.widget-user .widget-user-header{padding:20px;height:120px;border-top-right-radius:3px;border-top-left-radius:3px}.widget-user .widget-user-username{margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;text-shadow:0 1px 1px rgba(0,0,0,0.2)}.widget-user .widget-user-desc{margin-top:0}.widget-user .widget-user-image{position:absolute;top:65px;left:50%;margin-left:-45px}.widget-user .widget-user-image>img{width:90px;height:auto;border:3px solid #fff}.widget-user .box-footer{padding-top:30px}.widget-user-2 .widget-user-header{padding:20px;border-top-right-radius:3px;border-top-left-radius:3px}.widget-user-2 .widget-user-username{margin-top:5px;margin-bottom:5px;font-size:25px;font-weight:300}.widget-user-2 .widget-user-desc{margin-top:0}.widget-user-2 .widget-user-username,.widget-user-2 .widget-user-desc{margin-left:75px}.widget-user-2 .widget-user-image>img{width:65px;height:auto;float:left}.treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:5px}.treeview-menu .treeview-menu{padding-left:20px}.treeview-menu>li{margin:0}.treeview-menu>li>a{padding:5px 5px 5px 15px;display:block;font-size:14px}.treeview-menu>li>a>.fa,.treeview-menu>li>a>.glyphicon,.treeview-menu>li>a>.ion{width:20px}.treeview-menu>li>a>.pull-right-container>.fa-angle-left,.treeview-menu>li>a>.pull-right-container>.fa-angle-down,.treeview-menu>li>a>.fa-angle-left,.treeview-menu>li>a>.fa-angle-down{width:auto}.treeview>ul.treeview-menu{overflow:hidden;height:auto;padding-top:0px !important;padding-bottom:0px !important}.treeview.menu-open>ul.treeview-menu{overflow:visible;height:auto}.mailbox-messages>.table{margin:0}.mailbox-controls{padding:5px}.mailbox-controls.with-border{border-bottom:1px solid #f4f4f4}.mailbox-read-info{border-bottom:1px solid #f4f4f4;padding:10px}.mailbox-read-info h3{font-size:20px;margin:0}.mailbox-read-info h5{margin:0;padding:5px 0 0 0}.mailbox-read-time{color:#999;font-size:13px}.mailbox-read-message{padding:10px}.mailbox-attachments li{float:left;width:200px;border:1px solid #eee;margin-bottom:10px;margin-right:10px}.mailbox-attachment-name{font-weight:bold;color:#666}.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}.mailbox-attachment-info{padding:10px;background:#f4f4f4}.mailbox-attachment-size{color:#999;font-size:12px}.mailbox-attachment-icon{text-align:center;font-size:65px;color:#666;padding:20px 10px}.mailbox-attachment-icon.has-img{padding:0}.mailbox-attachment-icon.has-img>img{max-width:100%;height:auto}.lockscreen{background:#d2d6de}.lockscreen-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}.lockscreen-logo a{color:#444}.lockscreen-wrapper{max-width:400px;margin:0 auto;margin-top:10%}.lockscreen .lockscreen-name{text-align:center;font-weight:600}.lockscreen-item{border-radius:4px;padding:0;background:#fff;position:relative;margin:10px auto 30px auto;width:290px}.lockscreen-image{border-radius:50%;position:absolute;left:-10px;top:-25px;background:#fff;padding:5px;z-index:10}.lockscreen-image>img{border-radius:50%;width:70px;height:70px}.lockscreen-credentials{margin-left:70px}.lockscreen-credentials .form-control{border:0}.lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px}.lockscreen-footer{margin-top:10px}.login-logo,.register-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}.login-logo a,.register-logo a{color:#444}.login-page,.register-page{height:auto;background:#d2d6de}.login-box,.register-box{width:360px;margin:7% auto}@media (max-width:768px){.login-box,.register-box{width:90%;margin-top:20px}}.login-box-body,.register-box-body{background:#fff;padding:20px;border-top:0;color:#666}.login-box-body .form-control-feedback,.register-box-body .form-control-feedback{color:#777}.login-box-msg,.register-box-msg{margin:0;text-align:center;padding:0 20px 20px 20px}.social-auth-links{margin:10px 0}.error-page{width:600px;margin:20px auto 0 auto}@media (max-width:991px){.error-page{width:100%}}.error-page>.headline{float:left;font-size:100px;font-weight:300}@media (max-width:991px){.error-page>.headline{float:none;text-align:center}}.error-page>.error-content{margin-left:190px;display:block}@media (max-width:991px){.error-page>.error-content{margin-left:0}}.error-page>.error-content>h3{font-weight:300;font-size:25px}@media (max-width:991px){.error-page>.error-content>h3{text-align:center}}.invoice{position:relative;background:#fff;border:1px solid #f4f4f4;padding:20px;margin:10px 25px}.invoice-title{margin-top:0}.profile-user-img{margin:0 auto;width:100px;padding:3px;border:3px solid #d2d6de}.profile-username{font-size:21px;margin-top:5px}.post{border-bottom:1px solid #d2d6de;margin-bottom:15px;padding-bottom:15px;color:#666}.post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.post .user-block{margin-bottom:15px}.fc-button{background:#f4f4f4;background-image:none;color:#444;border-color:#ddd;border-bottom-color:#ddd}.fc-button:hover,.fc-button:active,.fc-button.hover{background-color:#e9e9e9}.fc-header-title h2{font-size:15px;line-height:1.6em;color:#666;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#fafafa}.fc-grid{width:100%;border:0}.fc-widget-header:first-of-type,.fc-widget-content:first-of-type{border-left:0;border-right:0}.fc-widget-header:last-of-type,.fc-widget-content:last-of-type{border-right:0}.fc-toolbar{padding:10px;margin:0}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker>li{float:left;font-size:30px;margin-right:5px;line-height:30px}.fc-color-picker>li .fa{-webkit-transition:-webkit-transform linear .3s;-moz-transition:-moz-transform linear .3s;-o-transition:-o-transform linear .3s;transition:transform linear .3s}.fc-color-picker>li .fa:hover{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}#add-new-event{-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.external-event{padding:5px 10px;font-weight:bold;margin-bottom:4px;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;cursor:move}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,0.2)}.select2-container--default.select2-container--focus,.select2-selection.select2-container--focus,.select2-container--default:focus,.select2-selection:focus,.select2-container--default:active,.select2-selection:active{outline:none}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;padding:6px 12px;height:34px}.select2-container--default.select2-container--open{border-color:#3c8dbc}.select2-dropdown{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3c8dbc;color:white}.select2-results__option{padding:6px 12px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0;height:auto;margin-top:-4px}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none}.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-search--dropdown .select2-search__field{border-color:#3c8dbc !important}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#3c8dbc}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;padding:1px 10px;color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:rgba(255,255,255,0.7)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px}.box .datepicker-inline,.box .datepicker-inline .datepicker-days,.box .datepicker-inline>table,.box .datepicker-inline .datepicker-days>table{width:100%}.box .datepicker-inline td:hover,.box .datepicker-inline .datepicker-days td:hover,.box .datepicker-inline>table td:hover,.box .datepicker-inline .datepicker-days>table td:hover{background-color:rgba(255,255,255,0.3)}.box .datepicker-inline td.day.old,.box .datepicker-inline .datepicker-days td.day.old,.box .datepicker-inline>table td.day.old,.box .datepicker-inline .datepicker-days>table td.day.old,.box .datepicker-inline td.day.new,.box .datepicker-inline .datepicker-days td.day.new,.box .datepicker-inline>table td.day.new,.box .datepicker-inline .datepicker-days>table td.day.new{color:#777}.pad{padding:10px}.margin{margin:10px}.margin-bottom{margin-bottom:20px}.margin-bottom-none{margin-bottom:0}.margin-r-5{margin-right:5px}.inline{display:inline}.description-block{display:block;margin:10px 0;text-align:center}.description-block.margin-bottom{margin-bottom:25px}.description-block>.description-header{margin:0;padding:0;font-weight:600;font-size:16px}.description-block>.description-text{text-transform:uppercase}.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,.bg-red-active,.bg-yellow-active,.bg-aqua-active,.bg-blue-active,.bg-light-blue-active,.bg-green-active,.bg-navy-active,.bg-teal-active,.bg-olive-active,.bg-lime-active,.bg-orange-active,.bg-fuchsia-active,.bg-purple-active,.bg-maroon-active,.bg-black-active,.callout.callout-danger,.callout.callout-warning,.callout.callout-info,.callout.callout-success,.label-danger,.label-info,.label-warning,.label-primary,.label-success,.modal-primary .modal-body,.modal-primary .modal-header,.modal-primary .modal-footer,.modal-warning .modal-body,.modal-warning .modal-header,.modal-warning .modal-footer,.modal-info .modal-body,.modal-info .modal-header,.modal-info .modal-footer,.modal-success .modal-body,.modal-success .modal-header,.modal-success .modal-footer,.modal-danger .modal-body,.modal-danger .modal-header,.modal-danger .modal-footer{color:#fff !important}.bg-gray{color:#000;background-color:#d2d6de !important}.bg-gray-light{background-color:#f7f7f7}.bg-black{background-color:#111 !important}.bg-red,.callout.callout-danger,.label-danger,.modal-danger .modal-body{background-color:#dd4b39 !important}.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12 !important}.bg-aqua,.callout.callout-info,.label-info,.modal-info .modal-body{background-color:#00c0ef !important}.bg-blue{background-color:#0073b7 !important}.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc !important}.bg-green,.callout.callout-success,.label-success,.modal-success .modal-body{background-color:#00a65a !important}.bg-navy{background-color:#001F3F !important}.bg-teal{background-color:#39CCCC !important}.bg-olive{background-color:#3D9970 !important}.bg-lime{background-color:#01FF70 !important}.bg-orange{background-color:#FF851B !important}.bg-fuchsia{background-color:#F012BE !important}.bg-purple{background-color:#605ca8 !important}.bg-maroon{background-color:#D81B60 !important}.bg-gray-active{color:#000;background-color:#b5bbc8 !important}.bg-black-active{background-color:#000 !important}.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer{background-color:#d33724 !important}.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#db8b0b !important}.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#00a7d0 !important}.bg-blue-active{background-color:#005384 !important}.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer{background-color:#357ca5 !important}.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer{background-color:#008d4c !important}.bg-navy-active{background-color:#001a35 !important}.bg-teal-active{background-color:#30bbbb !important}.bg-olive-active{background-color:#368763 !important}.bg-lime-active{background-color:#00e765 !important}.bg-orange-active{background-color:#ff7701 !important}.bg-fuchsia-active{background-color:#db0ead !important}.bg-purple-active{background-color:#555299 !important}.bg-maroon-active{background-color:#ca195a !important}[class^="bg-"].disabled{opacity:.65;filter:alpha(opacity=65)}.text-red{color:#dd4b39 !important}.text-yellow{color:#f39c12 !important}.text-aqua{color:#00c0ef !important}.text-blue{color:#0073b7 !important}.text-black{color:#111 !important}.text-light-blue{color:#3c8dbc !important}.text-green{color:#00a65a !important}.text-gray{color:#d2d6de !important}.text-navy{color:#001F3F !important}.text-teal{color:#39CCCC !important}.text-olive{color:#3D9970 !important}.text-lime{color:#01FF70 !important}.text-orange{color:#FF851B !important}.text-fuchsia{color:#F012BE !important}.text-purple{color:#605ca8 !important}.text-maroon{color:#D81B60 !important}.link-muted{color:#7a869d}.link-muted:hover,.link-muted:focus{color:#606c84}.link-black{color:#666}.link-black:hover,.link-black:focus{color:#999}.hide{display:none !important}.no-border{border:0 !important}.no-padding{padding:0 !important}.no-margin{margin:0 !important}.no-shadow{box-shadow:none !important}.list-unstyled,.chart-legend,.contacts-list,.users-list,.mailbox-attachments{list-style:none;margin:0;padding:0}.list-group-unbordered>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.flat{border-radius:0 !important}.text-bold,.text-bold.table td,.text-bold.table th{font-weight:700}.text-sm{font-size:12px}.jqstooltip{padding:5px !important;width:auto !important;height:auto !important}.bg-teal-gradient{background:#39CCCC !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #39CCCC), color-stop(1, #7adddd)) !important;background:-ms-linear-gradient(bottom, #39CCCC, #7adddd) !important;background:-moz-linear-gradient(center bottom, #39CCCC 0%, #7adddd 100%) !important;background:-o-linear-gradient(#7adddd, #39CCCC) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important;color:#fff}.bg-light-blue-gradient{background:#3c8dbc !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;background:-ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;background:-moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;background:-o-linear-gradient(#67a8ce, #3c8dbc) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;color:#fff}.bg-blue-gradient{background:#0073b7 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;background:-ms-linear-gradient(bottom, #0073b7, #0089db) !important;background:-moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;background:-o-linear-gradient(#0089db, #0073b7) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;color:#fff}.bg-aqua-gradient{background:#00c0ef !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;background:-ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;background:-moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;background:-o-linear-gradient(#14d1ff, #00c0ef) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;color:#fff}.bg-yellow-gradient{background:#f39c12 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;background:-ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;background:-moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;background:-o-linear-gradient(#f7bc60, #f39c12) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;color:#fff}.bg-purple-gradient{background:#605ca8 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;background:-ms-linear-gradient(bottom, #605ca8, #9491c4) !important;background:-moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;background:-o-linear-gradient(#9491c4, #605ca8) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;color:#fff}.bg-green-gradient{background:#00a65a !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;background:-ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;background:-moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;background:-o-linear-gradient(#00ca6d, #00a65a) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;color:#fff}.bg-red-gradient{background:#dd4b39 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;background:-ms-linear-gradient(bottom, #dd4b39, #e47365) !important;background:-moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;background:-o-linear-gradient(#e47365, #dd4b39) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;color:#fff}.bg-black-gradient{background:#111 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;background:-ms-linear-gradient(bottom, #111, #2b2b2b) !important;background:-moz-linear-gradient(center bottom, #111 0%, #2b2b2b 100%) !important;background:-o-linear-gradient(#2b2b2b, #111) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important;color:#fff}.bg-maroon-gradient{background:#D81B60 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #D81B60), color-stop(1, #e73f7c)) !important;background:-ms-linear-gradient(bottom, #D81B60, #e73f7c) !important;background:-moz-linear-gradient(center bottom, #D81B60 0%, #e73f7c 100%) !important;background:-o-linear-gradient(#e73f7c, #D81B60) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important;color:#fff}.description-block .description-icon{font-size:16px}.no-pad-top{padding-top:0}.position-static{position:static !important}.list-header{font-size:15px;padding:10px 4px;font-weight:bold;color:#666}.list-seperator{height:1px;background:#f4f4f4;margin:15px 0 9px 0}.list-link>a{padding:4px;color:#777}.list-link>a:hover{color:#222}.font-light{font-weight:300}.user-block:before,.user-block:after{content:" ";display:table}.user-block:after{clear:both}.user-block img{width:40px;height:40px;float:left}.user-block .username,.user-block .description,.user-block .comment{display:block;margin-left:50px}.user-block .username{font-size:16px;font-weight:600}.user-block .description{color:#999;font-size:13px}.user-block.user-block-sm .username,.user-block.user-block-sm .description,.user-block.user-block-sm .comment{margin-left:40px}.user-block.user-block-sm .username{font-size:14px}.img-sm,.img-md,.img-lg,.box-comments .box-comment img,.user-block.user-block-sm img{float:left}.img-sm,.box-comments .box-comment img,.user-block.user-block-sm img{width:30px !important;height:30px !important}.img-sm+.img-push{margin-left:40px}.img-md{width:60px;height:60px}.img-md+.img-push{margin-left:70px}.img-lg{width:100px;height:100px}.img-lg+.img-push{margin-left:110px}.img-bordered{border:3px solid #d2d6de;padding:3px}.img-bordered-sm{border:2px solid #d2d6de;padding:2px}.attachment-block{border:1px solid #f4f4f4;padding:5px;margin-bottom:10px;background:#f7f7f7}.attachment-block .attachment-img{max-width:100px;max-height:100px;height:auto;float:left}.attachment-block .attachment-pushed{margin-left:110px}.attachment-block .attachment-heading{margin:0}.attachment-block .attachment-text{color:#555}.connectedSortable{min-height:100px}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sort-highlight{background:#f4f4f4;border:1px dashed #ddd;margin-bottom:10px}.full-opacity-hover{opacity:.65;filter:alpha(opacity=65)}.full-opacity-hover:hover{opacity:1;filter:alpha(opacity=100)}.chart{position:relative;overflow:hidden;width:100%}.chart svg,.chart canvas{width:100% !important}hr{border-top:1px solid #555}#red .slider-selection{background:#f56954}#blue .slider-selection{background:#3c8dbc}#green .slider-selection{background:#00a65a}#yellow .slider-selection{background:#f39c12}#aqua .slider-selection{background:#00c0ef}#purple .slider-selection{background:#932ab6}@media print{.no-print,.main-sidebar,.left-side,.main-header,.content-header{display:none !important}.content-wrapper,.right-side,.main-footer{margin-left:0 !important;min-height:0 !important;-webkit-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;transform:translate(0, 0) !important}.fixed .content-wrapper,.fixed .right-side{padding-top:0 !important}.invoice{width:100%;border:0;margin:0;padding:0}.invoice-col{float:left;width:33.3333333%}.table-responsive{overflow:auto}.table-responsive>.table tr th,.table-responsive>.table tr td{white-space:normal !important}}
-.m-0{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-1{margin-top:5px!important;margin-right:5px!important;margin-bottom:5px!important;margin-left:5px!important}.mt-1{margin-top:5px!important}.mr-1{margin-right:5px!important}.mb-1{margin-bottom:5px!important}.ml-1{margin-left:5px!important}.mx-1{margin-left:5px!important;margin-right:5px!important}.my-1{margin-top:5px!important;margin-bottom:5px!important}.m-2{margin-top:10px!important;margin-right:10px!important;margin-bottom:10px!important;margin-left:10px!important}.mt-2{margin-top:10px!important}.mr-2{margin-right:10px!important}.mb-2{margin-bottom:10px!important}.ml-2{margin-left:10px!important}.mx-2{margin-left:10px!important;margin-right:10px!important}.my-2{margin-top:10px!important;margin-bottom:10px!important}.m-3{margin-top:15px!important;margin-right:15px!important;margin-bottom:15px!important;margin-left:15px!important}.mt-3{margin-top:15px!important}.mr-3{margin-right:15px!important}.mb-3{margin-bottom:15px!important}.ml-3{margin-left:15px!important}.mx-3{margin-left:15px!important;margin-right:15px!important}.my-3{margin-top:15px!important;margin-bottom:15px!important}.m-4{margin-top:20px!important;margin-right:20px!important;margin-bottom:20px!important;margin-left:20px!important}.mt-4{margin-top:20px!important}.mr-4{margin-right:20px!important}.mb-4{margin-bottom:20px!important}.ml-4{margin-left:20px!important}.mx-4{margin-left:20px!important;margin-right:20px!important}.my-4{margin-top:20px!important;margin-bottom:20px!important}.p-0{padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.p-1{padding-top:5px!important;padding-right:5px!important;padding-bottom:5px!important;padding-left:5px!important}.pt-1{padding-top:5px!important}.pr-1{padding-right:5px!important}.pb-1{padding-bottom:5px!important}.pl-1{padding-left:5px!important}.px-1{padding-left:5px!important;padding-right:5px!important}.py-1{padding-top:5px!important;padding-bottom:5px!important}.p-2{padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important;padding-left:10px!important}.pt-2{padding-top:10px!important}.pr-2{padding-right:10px!important}.pb-2{padding-bottom:10px!important}.pl-2{padding-left:10px!important}.px-2{padding-left:10px!important;padding-right:10px!important}.py-2{padding-top:10px!important;padding-bottom:10px!important}.p-3{padding-top:15px!important;padding-right:15px!important;padding-bottom:15px!important;padding-left:15px!important}.pt-3{padding-top:15px!important}.pr-3{padding-right:15px!important}.pb-3{padding-bottom:15px!important}.pl-3{padding-left:15px!important}.px-3{padding-left:15px!important;padding-right:15px!important}.py-3{padding-top:15px!important;padding-bottom:15px!important}.p-4{padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}.pt-4{padding-top:20px!important}.pr-4{padding-right:20px!important}.pb-4{padding-bottom:20px!important}.pl-4{padding-left:20px!important}.px-4{padding-left:20px!important;padding-right:20px!important}.py-4{padding-top:20px!important;padding-bottom:20px!important}body{line-height:1.5715}.wrapper{height:100%}.content-wrapper{height:100%}.tab-addtabs .tab-pane{height:100%;width:100%}.row-between .col-xs-6+.col-xs-6:before{content:"-";position:absolute;left:-2%;top:6px}.navbar{height:50px;border-bottom:1px solid transparent;box-shadow:0 1px 4px rgba(0,21,41,.08)}.navbar .sidebar-toggle{line-height:1.42857143}.navbar .navbar-custom-menu{position:absolute;top:0;right:0;z-index:99;background:0 0}@media only screen and (min-width:481px){.row-flex{display:flex;flex-wrap:wrap}.row-flex>[class*=col-]{display:flex;flex-direction:column}.row-flex.row:after,.row-flex.row:before{display:flex}}@media (max-width:480px){.navbar-custom-menu ul li a{padding-left:10px;padding-right:10px}.navbar-nav>.user-menu .user-image{margin-top:-3px}}@media (max-width:767px){.wrapper .main-header .logo{border-bottom:0 solid transparent;position:absolute;top:0;z-index:1200;width:200px;left:50%;margin-left:-120px}.wrapper .main-header .navbar .dropdown-menu li>a{color:#333}.wrapper .main-header .navbar .dropdown-menu li>a:hover{background:#eee}.wrapper .main-header .navbar .dropdown-menu li.active>a{color:#fff}.wrapper .main-header .navbar .dropdown-menu li.active>a:hover{background:#222d32}.left-side,.main-sidebar{padding-top:50px}}@media (max-width:991px){.main-header .navbar-custom-menu a.btn-danger{color:#fff;background-color:#f75444}.main-header .navbar-custom-menu a.btn-primary{color:#fff;background-color:#444c69}}.sidebar-menu li.active>a>.fa-angle-left,.sidebar-menu li.active>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.sidebar-menu li.menu-open>a>.fa-angle-left,.sidebar-menu li.menu-open>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.sidebar-menu .treeview-menu>li{margin:4px 0 4px 0}.panel-intro{margin-bottom:0;border:none}.panel-intro>.panel-heading{padding:15px;padding-bottom:0;background:#e8edf0;border-color:#e8edf0;position:relative}.panel-intro>.panel-heading .panel-lead{margin-bottom:15px}.panel-intro>.panel-heading .panel-lead em{display:block;font-weight:700;font-style:normal}.panel-intro>.panel-heading .panel-title{height:25px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-intro>.panel-heading .panel-control{height:42px;position:absolute;top:8px;right:8px}.panel-intro>.panel-heading .panel-control .fa{font-size:14px}.panel-intro>.panel-heading .nav-tabs{border-bottom:0;margin-bottom:0}.panel-intro>.panel-heading .nav-tabs>li>a{margin-right:4px;color:#95a5a6;background-color:#d8e0e6;border:1px solid #e8edf0;border-bottom-color:transparent}.panel-intro>.panel-heading .nav-tabs>li>a:focus,.panel-intro>.panel-heading .nav-tabs>li>a:hover{border:1px solid #e8edf0;color:#7b8a8b;background-color:#c9d4dc}.panel-intro>.panel-heading .nav-tabs>li.active>a,.panel-intro>.panel-heading .nav-tabs>li.active>a:focus,.panel-intro>.panel-heading .nav-tabs>li.active>a:hover{color:#7b8a8b;background-color:#fff;border-bottom-color:transparent;cursor:default}@media (max-width:768px){.panel-intro>.panel-heading .nav-tabs{white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin-bottom:-1px}.panel-intro>.panel-heading .nav-tabs>li{display:inline-block;float:none}}.skin-list li{float:left;width:33.33333%;padding:5px}.skin-list li a{display:block;box-shadow:0 0 3px rgba(0,0,0,.4)}.skin-list li a span{display:block;float:left}.skin-list li.active a{opacity:1}.skin-list li.active p{color:#fff}.small-box .icon{font-size:80px}.sidebar-menu .treeview-menu:after,.sidebar-menu .treeview-menu:before{content:"";display:table}
diff --git a/public/static/css/font.css b/public/static/css/font.css
new file mode 100755
index 0000000..8c49217
--- /dev/null
+++ b/public/static/css/font.css
@@ -0,0 +1,18 @@
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/sourcesanspro/sourcesanspro-light.woff') format('woff');
+}
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('../fonts/sourcesanspro/sourcesanspro.woff') format('woff');
+}
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/sourcesanspro/sourcesanspro-bold.woff') format('woff');
+}
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black-blue.css b/public/static/css/skins/skin-black-blue.css
deleted file mode 100644
index d3042d0..0000000
--- a/public/static/css/skins/skin-black-blue.css
+++ /dev/null
@@ -1,242 +0,0 @@
-/*
- * Skin: Black blue
- * -----------
- */
-.skin-black-blue .main-header {
-  background: #222d32;
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black-blue .main-header .navbar {
-  background-color: #fff;
-}
-.skin-black-blue .main-header .navbar .nav > li > a {
-  color: #666;
-}
-.skin-black-blue .main-header .navbar .nav > li > a:hover,
-.skin-black-blue .main-header .navbar .nav > li > a:active,
-.skin-black-blue .main-header .navbar .nav > li > a:focus,
-.skin-black-blue .main-header .navbar .nav .open > a,
-.skin-black-blue .main-header .navbar .nav .open > a:hover,
-.skin-black-blue .main-header .navbar .nav .open > a:focus,
-.skin-black-blue .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #333;
-}
-.skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #333;
-}
-.skin-black-blue .main-header .navbar .sidebar-toggle {
-  color: #666;
-}
-.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
-  color: #333;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-black-blue .main-header .navbar .navbar-nav > li > a {
-  border-right: none;
-}
-.skin-black-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black-blue .main-header .navbar .navbar-right > li > a {
-  border-left: none;
-  border-right-width: 0;
-}
-@media (max-width: 767px) {
-  .skin-black-blue .main-header .navbar {
-    background-color: #181f23;
-  }
-  .skin-black-blue .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-black-blue .main-header .navbar .nav > li > a:hover,
-  .skin-black-blue .main-header .navbar .nav > li > a:active,
-  .skin-black-blue .main-header .navbar .nav > li > a:focus,
-  .skin-black-blue .main-header .navbar .nav .open > a,
-  .skin-black-blue .main-header .navbar .nav .open > a:hover,
-  .skin-black-blue .main-header .navbar .nav .open > a:focus,
-  .skin-black-blue .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-black-blue .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-black-blue .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-}
-.skin-black-blue .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
-}
-.skin-black-blue .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black-blue .main-header .logo {
-    background-color: #181f23;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black-blue .main-header .logo:hover {
-    background-color: #161d20;
-  }
-}
-.skin-black-blue .main-header li.user-header {
-  background-color: #222d32;
-}
-.skin-black-blue .main-header .nav-addtabs > li > a,
-.skin-black-blue .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-black-blue .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black-blue .wrapper,
-.skin-black-blue .main-sidebar,
-.skin-black-blue .left-side {
-  background-color: #222d32;
-}
-.skin-black-blue .user-panel > .info,
-.skin-black-blue .user-panel > .info > a {
-  color: #fff;
-}
-.skin-black-blue .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-black-blue .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-black-blue .sidebar-menu > li:hover > a,
-.skin-black-blue .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #fff;
-}
-.skin-black-blue .sidebar-menu > li > .treeview-menu {
-  background: #181f23;
-}
-.skin-black-blue .sidebar a {
-  color: #b8c7ce;
-}
-.skin-black-blue .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black-blue .treeview-menu > li > a {
-  color: #6c8c9b;
-}
-.skin-black-blue .treeview-menu > li.active > a,
-.skin-black-blue .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-black-blue .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-black-blue .sidebar-form input[type="text"],
-.skin-black-blue .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black-blue .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black-blue .sidebar-form input[type="text"]:focus,
-.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black-blue .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-blue .treeview-menu > li > a {
-  padding-left: 18px;
-}
-.skin-black-blue .treeview-menu > li.active > a {
-  background-color: #4e73df;
-}
-.skin-black-blue .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #4e73df;
-  border-left-color: #4e73df;
-}
-.skin-black-blue .sidebar-menu > li:hover > a {
-  border-left-color: transparent;
-}
-.skin-black-blue .sidebar-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-blue .sidebar-menu li.treeview.active > a,
-.skin-black-blue .sidebar-menu li.treeview.treeview-open > a {
-  background-color: #181f23;
-  border-left-color: #181f23;
-}
-.skin-black-blue .sidebar-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu > li > a {
-  padding-left: 30px;
-}
-.skin-black-blue .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
-.skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
-  color: #fff;
-  background: #4e73df;
-}
-.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
-  color: #fff;
-  background: #4e73df;
-}
-.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-@media (max-width: 767px) {
-  .skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #4e73df;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-black-blue.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black-green.css b/public/static/css/skins/skin-black-green.css
deleted file mode 100644
index ba82498..0000000
--- a/public/static/css/skins/skin-black-green.css
+++ /dev/null
@@ -1,242 +0,0 @@
-/*
- * Skin: Black green
- * -----------
- */
-.skin-black-green .main-header {
-  background: #222d32;
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black-green .main-header .navbar {
-  background-color: #fff;
-}
-.skin-black-green .main-header .navbar .nav > li > a {
-  color: #666;
-}
-.skin-black-green .main-header .navbar .nav > li > a:hover,
-.skin-black-green .main-header .navbar .nav > li > a:active,
-.skin-black-green .main-header .navbar .nav > li > a:focus,
-.skin-black-green .main-header .navbar .nav .open > a,
-.skin-black-green .main-header .navbar .nav .open > a:hover,
-.skin-black-green .main-header .navbar .nav .open > a:focus,
-.skin-black-green .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #333;
-}
-.skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #333;
-}
-.skin-black-green .main-header .navbar .sidebar-toggle {
-  color: #666;
-}
-.skin-black-green .main-header .navbar .sidebar-toggle:hover {
-  color: #333;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-black-green .main-header .navbar .navbar-nav > li > a {
-  border-right: none;
-}
-.skin-black-green .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black-green .main-header .navbar .navbar-right > li > a {
-  border-left: none;
-  border-right-width: 0;
-}
-@media (max-width: 767px) {
-  .skin-black-green .main-header .navbar {
-    background-color: #181f23;
-  }
-  .skin-black-green .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-black-green .main-header .navbar .nav > li > a:hover,
-  .skin-black-green .main-header .navbar .nav > li > a:active,
-  .skin-black-green .main-header .navbar .nav > li > a:focus,
-  .skin-black-green .main-header .navbar .nav .open > a,
-  .skin-black-green .main-header .navbar .nav .open > a:hover,
-  .skin-black-green .main-header .navbar .nav .open > a:focus,
-  .skin-black-green .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-black-green .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-black-green .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-}
-.skin-black-green .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
-}
-.skin-black-green .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black-green .main-header .logo {
-    background-color: #181f23;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black-green .main-header .logo:hover {
-    background-color: #161d20;
-  }
-}
-.skin-black-green .main-header li.user-header {
-  background-color: #222d32;
-}
-.skin-black-green .main-header .nav-addtabs > li > a,
-.skin-black-green .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-black-green .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black-green .wrapper,
-.skin-black-green .main-sidebar,
-.skin-black-green .left-side {
-  background-color: #222d32;
-}
-.skin-black-green .user-panel > .info,
-.skin-black-green .user-panel > .info > a {
-  color: #fff;
-}
-.skin-black-green .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-black-green .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-black-green .sidebar-menu > li:hover > a,
-.skin-black-green .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #fff;
-}
-.skin-black-green .sidebar-menu > li > .treeview-menu {
-  background: #181f23;
-}
-.skin-black-green .sidebar a {
-  color: #b8c7ce;
-}
-.skin-black-green .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black-green .treeview-menu > li > a {
-  color: #6c8c9b;
-}
-.skin-black-green .treeview-menu > li.active > a,
-.skin-black-green .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-black-green .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-black-green .sidebar-form input[type="text"],
-.skin-black-green .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black-green .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black-green .sidebar-form input[type="text"]:focus,
-.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black-green .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-green .treeview-menu > li > a {
-  padding-left: 18px;
-}
-.skin-black-green .treeview-menu > li.active > a {
-  background-color: #18bc9c;
-}
-.skin-black-green .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #18bc9c;
-  border-left-color: #18bc9c;
-}
-.skin-black-green .sidebar-menu > li:hover > a {
-  border-left-color: transparent;
-}
-.skin-black-green .sidebar-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-green .sidebar-menu li.treeview.active > a,
-.skin-black-green .sidebar-menu li.treeview.treeview-open > a {
-  background-color: #181f23;
-  border-left-color: #181f23;
-}
-.skin-black-green .sidebar-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-green .sidebar-menu .treeview-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-green .sidebar-menu .treeview-menu .treeview-menu > li > a {
-  padding-left: 30px;
-}
-.skin-black-green .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
-.skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
-  color: #fff;
-  background: #18bc9c;
-}
-.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
-  color: #fff;
-  background: #18bc9c;
-}
-.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-@media (max-width: 767px) {
-  .skin-black-green.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-black-green.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #18bc9c;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-black-green.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black-light.css b/public/static/css/skins/skin-black-light.css
deleted file mode 100644
index 67dd410..0000000
--- a/public/static/css/skins/skin-black-light.css
+++ /dev/null
@@ -1,192 +0,0 @@
-/*
- * Skin: Black light
- * -----------
- */
-.skin-black-light .main-header {
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black-light .main-header .navbar-toggle {
-  color: #333;
-}
-.skin-black-light .main-header .navbar-brand {
-  color: #333;
-  border-right: 1px solid #eee;
-}
-.skin-black-light .main-header .navbar {
-  background-color: #222d32;
-}
-.skin-black-light .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-black-light .main-header .navbar .nav > li > a:hover,
-.skin-black-light .main-header .navbar .nav > li > a:active,
-.skin-black-light .main-header .navbar .nav > li > a:focus,
-.skin-black-light .main-header .navbar .nav .open > a,
-.skin-black-light .main-header .navbar .nav .open > a:hover,
-.skin-black-light .main-header .navbar .nav .open > a:focus,
-.skin-black-light .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.3);
-  color: #f6f6f6;
-}
-.skin-black-light .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-black-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-black-light .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.3);
-}
-.skin-black-light .main-header .navbar .navbar-nav > li > a {
-  color: #fff;
-}
-.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black-light .main-header .navbar .navbar-right > li > a {
-  border-left: none;
-  border-right-width: 0;
-}
-.skin-black-light .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-black-light .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black-light .main-header .logo {
-    background-color: #222d32;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black-light .main-header .logo:hover {
-    background-color: #202a2f;
-  }
-}
-.skin-black-light .main-header li.user-header {
-  background-color: #222d32;
-}
-.skin-black-light .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black-light .wrapper,
-.skin-black-light .main-sidebar,
-.skin-black-light .left-side {
-  background-color: #f9fafc;
-}
-.skin-black-light .content-wrapper,
-.skin-black-light .main-footer {
-  border-left: 1px solid #d2d6de;
-}
-.skin-black-light .user-panel > .info,
-.skin-black-light .user-panel > .info > a {
-  color: #444;
-}
-.skin-black-light .sidebar-menu > li {
-  -webkit-transition: border-left-color 0.3s ease;
-  -o-transition: border-left-color 0.3s ease;
-  transition: border-left-color 0.3s ease;
-}
-.skin-black-light .sidebar-menu > li.header {
-  color: #848484;
-  background: #f9fafc;
-}
-.skin-black-light .sidebar-menu > li:hover > a,
-.skin-black-light .sidebar-menu > li.active > a {
-  color: #000;
-  background: #f4f4f5;
-  border-left-color: #222d32;
-}
-.skin-black-light .sidebar-menu > li.active {
-  border-left-color: #222d32;
-}
-.skin-black-light .sidebar-menu > li > .treeview-menu {
-  background: #f4f4f5;
-}
-.skin-black-light .sidebar a {
-  color: #444;
-}
-.skin-black-light .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black-light .treeview-menu > li > a {
-  color: #777;
-}
-.skin-black-light .treeview-menu > li.active > a,
-.skin-black-light .treeview-menu > li > a:hover {
-  color: #000;
-}
-.skin-black-light .treeview-menu > li.active > a {
-  font-weight: 600;
-}
-.skin-black-light .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #d2d6de;
-  margin: 10px 10px;
-}
-.skin-black-light .sidebar-form input[type="text"],
-.skin-black-light .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #fff;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black-light .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black-light .sidebar-form input[type="text"]:focus,
-.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black-light .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-@media (min-width: 768px) {
-  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    border-left: 1px solid #d2d6de;
-  }
-}
-.skin-black-light .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-black-light .main-sidebar {
-  -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-  box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-}
-.skin-black-light .content-wrapper,
-.skin-black-light .main-footer {
-  border-left: none;
-}
-@media (max-width: 767px) {
-  .skin-black-light.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #eceff3;
-    color: #757575;
-  }
-  .skin-black-light.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #222d32;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-black-light.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black-pink.css b/public/static/css/skins/skin-black-pink.css
deleted file mode 100644
index a9b2e5e..0000000
--- a/public/static/css/skins/skin-black-pink.css
+++ /dev/null
@@ -1,242 +0,0 @@
-/*
- * Skin: Black pink
- * -----------
- */
-.skin-black-pink .main-header {
-  background: #222d32;
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black-pink .main-header .navbar {
-  background-color: #fff;
-}
-.skin-black-pink .main-header .navbar .nav > li > a {
-  color: #666;
-}
-.skin-black-pink .main-header .navbar .nav > li > a:hover,
-.skin-black-pink .main-header .navbar .nav > li > a:active,
-.skin-black-pink .main-header .navbar .nav > li > a:focus,
-.skin-black-pink .main-header .navbar .nav .open > a,
-.skin-black-pink .main-header .navbar .nav .open > a:hover,
-.skin-black-pink .main-header .navbar .nav .open > a:focus,
-.skin-black-pink .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #333;
-}
-.skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #333;
-}
-.skin-black-pink .main-header .navbar .sidebar-toggle {
-  color: #666;
-}
-.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
-  color: #333;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-black-pink .main-header .navbar .navbar-nav > li > a {
-  border-right: none;
-}
-.skin-black-pink .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black-pink .main-header .navbar .navbar-right > li > a {
-  border-left: none;
-  border-right-width: 0;
-}
-@media (max-width: 767px) {
-  .skin-black-pink .main-header .navbar {
-    background-color: #181f23;
-  }
-  .skin-black-pink .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-black-pink .main-header .navbar .nav > li > a:hover,
-  .skin-black-pink .main-header .navbar .nav > li > a:active,
-  .skin-black-pink .main-header .navbar .nav > li > a:focus,
-  .skin-black-pink .main-header .navbar .nav .open > a,
-  .skin-black-pink .main-header .navbar .nav .open > a:hover,
-  .skin-black-pink .main-header .navbar .nav .open > a:focus,
-  .skin-black-pink .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-black-pink .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-black-pink .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-}
-.skin-black-pink .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
-}
-.skin-black-pink .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black-pink .main-header .logo {
-    background-color: #181f23;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black-pink .main-header .logo:hover {
-    background-color: #161d20;
-  }
-}
-.skin-black-pink .main-header li.user-header {
-  background-color: #222d32;
-}
-.skin-black-pink .main-header .nav-addtabs > li > a,
-.skin-black-pink .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-black-pink .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black-pink .wrapper,
-.skin-black-pink .main-sidebar,
-.skin-black-pink .left-side {
-  background-color: #222d32;
-}
-.skin-black-pink .user-panel > .info,
-.skin-black-pink .user-panel > .info > a {
-  color: #fff;
-}
-.skin-black-pink .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-black-pink .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-black-pink .sidebar-menu > li:hover > a,
-.skin-black-pink .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #fff;
-}
-.skin-black-pink .sidebar-menu > li > .treeview-menu {
-  background: #181f23;
-}
-.skin-black-pink .sidebar a {
-  color: #b8c7ce;
-}
-.skin-black-pink .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black-pink .treeview-menu > li > a {
-  color: #6c8c9b;
-}
-.skin-black-pink .treeview-menu > li.active > a,
-.skin-black-pink .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-black-pink .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-black-pink .sidebar-form input[type="text"],
-.skin-black-pink .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black-pink .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black-pink .sidebar-form input[type="text"]:focus,
-.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black-pink .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-pink .treeview-menu > li > a {
-  padding-left: 18px;
-}
-.skin-black-pink .treeview-menu > li.active > a {
-  background-color: #f5549f;
-}
-.skin-black-pink .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #f5549f;
-  border-left-color: #f5549f;
-}
-.skin-black-pink .sidebar-menu > li:hover > a {
-  border-left-color: transparent;
-}
-.skin-black-pink .sidebar-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-pink .sidebar-menu li.treeview.active > a,
-.skin-black-pink .sidebar-menu li.treeview.treeview-open > a {
-  background-color: #181f23;
-  border-left-color: #181f23;
-}
-.skin-black-pink .sidebar-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-pink .sidebar-menu .treeview-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-pink .sidebar-menu .treeview-menu .treeview-menu > li > a {
-  padding-left: 30px;
-}
-.skin-black-pink .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-pink.sidebar-collapse .sidebar-menu li:hover > a,
-.skin-black-pink.sidebar-collapse .sidebar-menu li.active > a {
-  color: #fff;
-  background: #f5549f;
-}
-.skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
-  color: #fff;
-  background: #f5549f;
-}
-.skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-@media (max-width: 767px) {
-  .skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #f5549f;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-black-pink.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black-purple.css b/public/static/css/skins/skin-black-purple.css
deleted file mode 100644
index f81d581..0000000
--- a/public/static/css/skins/skin-black-purple.css
+++ /dev/null
@@ -1,242 +0,0 @@
-/*
- * Skin: Black purple
- * -----------
- */
-.skin-black-purple .main-header {
-  background: #222d32;
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black-purple .main-header .navbar {
-  background-color: #fff;
-}
-.skin-black-purple .main-header .navbar .nav > li > a {
-  color: #666;
-}
-.skin-black-purple .main-header .navbar .nav > li > a:hover,
-.skin-black-purple .main-header .navbar .nav > li > a:active,
-.skin-black-purple .main-header .navbar .nav > li > a:focus,
-.skin-black-purple .main-header .navbar .nav .open > a,
-.skin-black-purple .main-header .navbar .nav .open > a:hover,
-.skin-black-purple .main-header .navbar .nav .open > a:focus,
-.skin-black-purple .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #333;
-}
-.skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #333;
-}
-.skin-black-purple .main-header .navbar .sidebar-toggle {
-  color: #666;
-}
-.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
-  color: #333;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-black-purple .main-header .navbar .navbar-nav > li > a {
-  border-right: none;
-}
-.skin-black-purple .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black-purple .main-header .navbar .navbar-right > li > a {
-  border-left: none;
-  border-right-width: 0;
-}
-@media (max-width: 767px) {
-  .skin-black-purple .main-header .navbar {
-    background-color: #181f23;
-  }
-  .skin-black-purple .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-black-purple .main-header .navbar .nav > li > a:hover,
-  .skin-black-purple .main-header .navbar .nav > li > a:active,
-  .skin-black-purple .main-header .navbar .nav > li > a:focus,
-  .skin-black-purple .main-header .navbar .nav .open > a,
-  .skin-black-purple .main-header .navbar .nav .open > a:hover,
-  .skin-black-purple .main-header .navbar .nav .open > a:focus,
-  .skin-black-purple .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-black-purple .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-black-purple .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-}
-.skin-black-purple .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
-}
-.skin-black-purple .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black-purple .main-header .logo {
-    background-color: #181f23;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black-purple .main-header .logo:hover {
-    background-color: #161d20;
-  }
-}
-.skin-black-purple .main-header li.user-header {
-  background-color: #222d32;
-}
-.skin-black-purple .main-header .nav-addtabs > li > a,
-.skin-black-purple .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-black-purple .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black-purple .wrapper,
-.skin-black-purple .main-sidebar,
-.skin-black-purple .left-side {
-  background-color: #222d32;
-}
-.skin-black-purple .user-panel > .info,
-.skin-black-purple .user-panel > .info > a {
-  color: #fff;
-}
-.skin-black-purple .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-black-purple .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-black-purple .sidebar-menu > li:hover > a,
-.skin-black-purple .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #fff;
-}
-.skin-black-purple .sidebar-menu > li > .treeview-menu {
-  background: #181f23;
-}
-.skin-black-purple .sidebar a {
-  color: #b8c7ce;
-}
-.skin-black-purple .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black-purple .treeview-menu > li > a {
-  color: #6c8c9b;
-}
-.skin-black-purple .treeview-menu > li.active > a,
-.skin-black-purple .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-black-purple .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-black-purple .sidebar-form input[type="text"],
-.skin-black-purple .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black-purple .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black-purple .sidebar-form input[type="text"]:focus,
-.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black-purple .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-purple .treeview-menu > li > a {
-  padding-left: 18px;
-}
-.skin-black-purple .treeview-menu > li.active > a {
-  background-color: #605ca8;
-}
-.skin-black-purple .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #605ca8;
-  border-left-color: #605ca8;
-}
-.skin-black-purple .sidebar-menu > li:hover > a {
-  border-left-color: transparent;
-}
-.skin-black-purple .sidebar-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-purple .sidebar-menu li.treeview.active > a,
-.skin-black-purple .sidebar-menu li.treeview.treeview-open > a {
-  background-color: #181f23;
-  border-left-color: #181f23;
-}
-.skin-black-purple .sidebar-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-purple .sidebar-menu .treeview-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-purple .sidebar-menu .treeview-menu .treeview-menu > li > a {
-  padding-left: 30px;
-}
-.skin-black-purple .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-purple.sidebar-collapse .sidebar-menu li:hover > a,
-.skin-black-purple.sidebar-collapse .sidebar-menu li.active > a {
-  color: #fff;
-  background: #605ca8;
-}
-.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
-  color: #fff;
-  background: #605ca8;
-}
-.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-@media (max-width: 767px) {
-  .skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #605ca8;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-black-purple.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black-red.css b/public/static/css/skins/skin-black-red.css
deleted file mode 100644
index ef2ec20..0000000
--- a/public/static/css/skins/skin-black-red.css
+++ /dev/null
@@ -1,242 +0,0 @@
-/*
- * Skin: Black red
- * -----------
- */
-.skin-black-red .main-header {
-  background: #222d32;
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black-red .main-header .navbar {
-  background-color: #fff;
-}
-.skin-black-red .main-header .navbar .nav > li > a {
-  color: #666;
-}
-.skin-black-red .main-header .navbar .nav > li > a:hover,
-.skin-black-red .main-header .navbar .nav > li > a:active,
-.skin-black-red .main-header .navbar .nav > li > a:focus,
-.skin-black-red .main-header .navbar .nav .open > a,
-.skin-black-red .main-header .navbar .nav .open > a:hover,
-.skin-black-red .main-header .navbar .nav .open > a:focus,
-.skin-black-red .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #333;
-}
-.skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #333;
-}
-.skin-black-red .main-header .navbar .sidebar-toggle {
-  color: #666;
-}
-.skin-black-red .main-header .navbar .sidebar-toggle:hover {
-  color: #333;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-black-red .main-header .navbar .navbar-nav > li > a {
-  border-right: none;
-}
-.skin-black-red .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black-red .main-header .navbar .navbar-right > li > a {
-  border-left: none;
-  border-right-width: 0;
-}
-@media (max-width: 767px) {
-  .skin-black-red .main-header .navbar {
-    background-color: #181f23;
-  }
-  .skin-black-red .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-black-red .main-header .navbar .nav > li > a:hover,
-  .skin-black-red .main-header .navbar .nav > li > a:active,
-  .skin-black-red .main-header .navbar .nav > li > a:focus,
-  .skin-black-red .main-header .navbar .nav .open > a,
-  .skin-black-red .main-header .navbar .nav .open > a:hover,
-  .skin-black-red .main-header .navbar .nav .open > a:focus,
-  .skin-black-red .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-black-red .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-black-red .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-}
-.skin-black-red .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
-}
-.skin-black-red .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black-red .main-header .logo {
-    background-color: #181f23;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black-red .main-header .logo:hover {
-    background-color: #161d20;
-  }
-}
-.skin-black-red .main-header li.user-header {
-  background-color: #222d32;
-}
-.skin-black-red .main-header .nav-addtabs > li > a,
-.skin-black-red .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-black-red .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black-red .wrapper,
-.skin-black-red .main-sidebar,
-.skin-black-red .left-side {
-  background-color: #222d32;
-}
-.skin-black-red .user-panel > .info,
-.skin-black-red .user-panel > .info > a {
-  color: #fff;
-}
-.skin-black-red .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-black-red .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-black-red .sidebar-menu > li:hover > a,
-.skin-black-red .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #fff;
-}
-.skin-black-red .sidebar-menu > li > .treeview-menu {
-  background: #181f23;
-}
-.skin-black-red .sidebar a {
-  color: #b8c7ce;
-}
-.skin-black-red .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black-red .treeview-menu > li > a {
-  color: #6c8c9b;
-}
-.skin-black-red .treeview-menu > li.active > a,
-.skin-black-red .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-black-red .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-black-red .sidebar-form input[type="text"],
-.skin-black-red .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black-red .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black-red .sidebar-form input[type="text"]:focus,
-.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black-red .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-red .treeview-menu > li > a {
-  padding-left: 18px;
-}
-.skin-black-red .treeview-menu > li.active > a {
-  background-color: #f75444;
-}
-.skin-black-red .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #f75444;
-  border-left-color: #f75444;
-}
-.skin-black-red .sidebar-menu > li:hover > a {
-  border-left-color: transparent;
-}
-.skin-black-red .sidebar-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-red .sidebar-menu li.treeview.active > a,
-.skin-black-red .sidebar-menu li.treeview.treeview-open > a {
-  background-color: #181f23;
-  border-left-color: #181f23;
-}
-.skin-black-red .sidebar-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-red .sidebar-menu .treeview-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-red .sidebar-menu .treeview-menu .treeview-menu > li > a {
-  padding-left: 30px;
-}
-.skin-black-red .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-red.sidebar-collapse .sidebar-menu li:hover > a,
-.skin-black-red.sidebar-collapse .sidebar-menu li.active > a {
-  color: #fff;
-  background: #f75444;
-}
-.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
-  color: #fff;
-  background: #f75444;
-}
-.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-@media (max-width: 767px) {
-  .skin-black-red.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-black-red.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #f75444;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-black-red.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black-yellow.css b/public/static/css/skins/skin-black-yellow.css
deleted file mode 100644
index 0c02df8..0000000
--- a/public/static/css/skins/skin-black-yellow.css
+++ /dev/null
@@ -1,242 +0,0 @@
-/*
- * Skin: Black yellow
- * -----------
- */
-.skin-black-yellow .main-header {
-  background: #222d32;
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black-yellow .main-header .navbar {
-  background-color: #fff;
-}
-.skin-black-yellow .main-header .navbar .nav > li > a {
-  color: #666;
-}
-.skin-black-yellow .main-header .navbar .nav > li > a:hover,
-.skin-black-yellow .main-header .navbar .nav > li > a:active,
-.skin-black-yellow .main-header .navbar .nav > li > a:focus,
-.skin-black-yellow .main-header .navbar .nav .open > a,
-.skin-black-yellow .main-header .navbar .nav .open > a:hover,
-.skin-black-yellow .main-header .navbar .nav .open > a:focus,
-.skin-black-yellow .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #333;
-}
-.skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #333;
-}
-.skin-black-yellow .main-header .navbar .sidebar-toggle {
-  color: #666;
-}
-.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
-  color: #333;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-black-yellow .main-header .navbar .navbar-nav > li > a {
-  border-right: none;
-}
-.skin-black-yellow .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black-yellow .main-header .navbar .navbar-right > li > a {
-  border-left: none;
-  border-right-width: 0;
-}
-@media (max-width: 767px) {
-  .skin-black-yellow .main-header .navbar {
-    background-color: #181f23;
-  }
-  .skin-black-yellow .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-black-yellow .main-header .navbar .nav > li > a:hover,
-  .skin-black-yellow .main-header .navbar .nav > li > a:active,
-  .skin-black-yellow .main-header .navbar .nav > li > a:focus,
-  .skin-black-yellow .main-header .navbar .nav .open > a,
-  .skin-black-yellow .main-header .navbar .nav .open > a:hover,
-  .skin-black-yellow .main-header .navbar .nav .open > a:focus,
-  .skin-black-yellow .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-black-yellow .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-}
-.skin-black-yellow .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
-}
-.skin-black-yellow .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black-yellow .main-header .logo {
-    background-color: #181f23;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black-yellow .main-header .logo:hover {
-    background-color: #161d20;
-  }
-}
-.skin-black-yellow .main-header li.user-header {
-  background-color: #222d32;
-}
-.skin-black-yellow .main-header .nav-addtabs > li > a,
-.skin-black-yellow .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-black-yellow .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black-yellow .wrapper,
-.skin-black-yellow .main-sidebar,
-.skin-black-yellow .left-side {
-  background-color: #222d32;
-}
-.skin-black-yellow .user-panel > .info,
-.skin-black-yellow .user-panel > .info > a {
-  color: #fff;
-}
-.skin-black-yellow .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-black-yellow .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-black-yellow .sidebar-menu > li:hover > a,
-.skin-black-yellow .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #fff;
-}
-.skin-black-yellow .sidebar-menu > li > .treeview-menu {
-  background: #181f23;
-}
-.skin-black-yellow .sidebar a {
-  color: #b8c7ce;
-}
-.skin-black-yellow .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black-yellow .treeview-menu > li > a {
-  color: #6c8c9b;
-}
-.skin-black-yellow .treeview-menu > li.active > a,
-.skin-black-yellow .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-black-yellow .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-black-yellow .sidebar-form input[type="text"],
-.skin-black-yellow .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black-yellow .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black-yellow .sidebar-form input[type="text"]:focus,
-.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black-yellow .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black-yellow .treeview-menu > li > a {
-  padding-left: 18px;
-}
-.skin-black-yellow .treeview-menu > li.active > a {
-  background-color: #f39c12;
-}
-.skin-black-yellow .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #f39c12;
-  border-left-color: #f39c12;
-}
-.skin-black-yellow .sidebar-menu > li:hover > a {
-  border-left-color: transparent;
-}
-.skin-black-yellow .sidebar-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-yellow .sidebar-menu li.treeview.active > a,
-.skin-black-yellow .sidebar-menu li.treeview.treeview-open > a {
-  background-color: #181f23;
-  border-left-color: #181f23;
-}
-.skin-black-yellow .sidebar-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu {
-  padding-left: 0;
-}
-.skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu > li > a {
-  padding-left: 30px;
-}
-.skin-black-yellow .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-.skin-black-yellow.sidebar-collapse .sidebar-menu li:hover > a,
-.skin-black-yellow.sidebar-collapse .sidebar-menu li.active > a {
-  color: #fff;
-  background: #f39c12;
-}
-.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
-  color: #fff;
-  background: #f39c12;
-}
-.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
-  background: transparent;
-  border-left-color: transparent;
-}
-@media (max-width: 767px) {
-  .skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #f39c12;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-black-yellow.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-black.css b/public/static/css/skins/skin-black.css
deleted file mode 100644
index ea95165..0000000
--- a/public/static/css/skins/skin-black.css
+++ /dev/null
@@ -1,219 +0,0 @@
-/*
- * Skin: Black
- * -----------
- */
-.skin-black .main-header {
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-}
-.skin-black .main-header .navbar-toggle {
-  color: #333;
-}
-.skin-black .main-header .navbar-brand {
-  color: #333;
-  border-right: 1px solid #eee;
-}
-.skin-black .main-header .navbar {
-  background-color: #fff;
-}
-.skin-black .main-header .navbar .nav > li > a {
-  color: #666;
-}
-.skin-black .main-header .navbar .nav > li > a:hover,
-.skin-black .main-header .navbar .nav > li > a:active,
-.skin-black .main-header .navbar .nav > li > a:focus,
-.skin-black .main-header .navbar .nav .open > a,
-.skin-black .main-header .navbar .nav .open > a:hover,
-.skin-black .main-header .navbar .nav .open > a:focus,
-.skin-black .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #444;
-}
-.skin-black .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #444;
-}
-.skin-black .main-header .navbar .sidebar-toggle {
-  color: #666;
-}
-.skin-black .main-header .navbar .sidebar-toggle:hover {
-  color: #444;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-black .main-header .navbar > .sidebar-toggle {
-  color: #333;
-  border-right: 1px solid #eee;
-}
-.skin-black .main-header .navbar .navbar-nav > li > a {
-  border-right: 1px solid #eee;
-}
-.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-black .main-header .navbar .navbar-right > li > a {
-  border-left: 1px solid #eee;
-  border-left: none;
-  border-right-width: 0;
-}
-.skin-black .main-header .logo {
-  background-color: #222d32;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
-}
-.skin-black .main-header .logo:hover {
-  background-color: #202a2f;
-}
-@media (max-width: 767px) {
-  .skin-black .main-header .logo {
-    background-color: #fff;
-    color: #222;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-black .main-header .logo:hover {
-    background-color: #fcfcfc;
-  }
-}
-.skin-black .main-header li.user-header {
-  background-color: #222;
-}
-.skin-black .main-header .nav-addtabs > li > a,
-.skin-black .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-black .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-black .wrapper,
-.skin-black .main-sidebar,
-.skin-black .left-side {
-  background-color: #222d32;
-}
-.skin-black .user-panel > .info,
-.skin-black .user-panel > .info > a {
-  color: #fff;
-}
-.skin-black .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-black .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-black .sidebar-menu > li:hover > a,
-.skin-black .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #fff;
-}
-.skin-black .sidebar-menu > li > .treeview-menu {
-  background: #1c2529;
-}
-.skin-black .sidebar a {
-  color: #b8c7ce;
-}
-.skin-black .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-black .treeview-menu > li > a {
-  color: #72919f;
-}
-.skin-black .treeview-menu > li.active > a,
-.skin-black .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-black .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-black .sidebar-form input[type="text"],
-.skin-black .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-black .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-black .sidebar-form input[type="text"]:focus,
-.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-black .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-black .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-black.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-@media (max-width: 767px) {
-  .skin-black.multiplenav .main-header .navbar {
-    background-color: #222d32;
-  }
-  .skin-black.multiplenav .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-black.multiplenav .main-header .navbar .nav > li > a:hover,
-  .skin-black.multiplenav .main-header .navbar .nav > li > a:active,
-  .skin-black.multiplenav .main-header .navbar .nav > li > a:focus,
-  .skin-black.multiplenav .main-header .navbar .nav .open > a,
-  .skin-black.multiplenav .main-header .navbar .nav .open > a:hover,
-  .skin-black.multiplenav .main-header .navbar .nav .open > a:focus,
-  .skin-black.multiplenav .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-black.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-black.multiplenav .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-black.multiplenav .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-  .skin-black.multiplenav .main-header > .logo {
-    background-color: #222d32;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-  }
-  .skin-black.multiplenav .main-header > .logo:hover {
-    background-color: #202a2f;
-  }
-  .skin-black.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-black.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #fff;
-    color: #374850;
-  }
-}
-/*# sourceMappingURL=skin-black.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-blue-light.css b/public/static/css/skins/skin-blue-light.css
deleted file mode 100644
index 4fa2473..0000000
--- a/public/static/css/skins/skin-blue-light.css
+++ /dev/null
@@ -1,184 +0,0 @@
-/*
- * Skin: Blue
- * ----------
- */
-.skin-blue-light .main-header {
-  background-color: #4e73df;
-}
-.skin-blue-light .main-header .navbar {
-  background-color: #4e73df;
-}
-.skin-blue-light .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-blue-light .main-header .navbar .nav > li > a:hover,
-.skin-blue-light .main-header .navbar .nav > li > a:active,
-.skin-blue-light .main-header .navbar .nav > li > a:focus,
-.skin-blue-light .main-header .navbar .nav .open > a,
-.skin-blue-light .main-header .navbar .nav .open > a:hover,
-.skin-blue-light .main-header .navbar .nav .open > a:focus,
-.skin-blue-light .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-blue-light .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-blue-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-blue-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
-  background-color: #3862db;
-}
-@media (max-width: 767px) {
-  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-blue-light .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
-    background: #3862db;
-  }
-}
-.skin-blue-light .main-header .logo {
-  background-color: #4e73df;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-blue-light .main-header .logo:hover {
-  background-color: #4a70de;
-}
-.skin-blue-light .main-header li.user-header {
-  background-color: #4e73df;
-}
-.skin-blue-light .content-header {
-  background: transparent;
-}
-.skin-blue-light .wrapper,
-.skin-blue-light .main-sidebar,
-.skin-blue-light .left-side {
-  background-color: #f9fafc;
-}
-.skin-blue-light .content-wrapper,
-.skin-blue-light .main-footer {
-  border-left: 1px solid #d2d6de;
-}
-.skin-blue-light .user-panel > .info,
-.skin-blue-light .user-panel > .info > a {
-  color: #444;
-}
-.skin-blue-light .sidebar-menu > li {
-  -webkit-transition: border-left-color 0.3s ease;
-  -o-transition: border-left-color 0.3s ease;
-  transition: border-left-color 0.3s ease;
-}
-.skin-blue-light .sidebar-menu > li.header {
-  color: #848484;
-  background: #f9fafc;
-}
-.skin-blue-light .sidebar-menu > li:hover > a,
-.skin-blue-light .sidebar-menu > li.active > a {
-  color: #000;
-  background: #f4f4f5;
-  border-left-color: #4e73df;
-}
-.skin-blue-light .sidebar-menu > li.active {
-  border-left-color: #4e73df;
-}
-.skin-blue-light .sidebar-menu > li > .treeview-menu {
-  background: #f4f4f5;
-}
-.skin-blue-light .sidebar a {
-  color: #444;
-}
-.skin-blue-light .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-blue-light .treeview-menu > li > a {
-  color: #777;
-}
-.skin-blue-light .treeview-menu > li.active > a,
-.skin-blue-light .treeview-menu > li > a:hover {
-  color: #000;
-}
-.skin-blue-light .treeview-menu > li.active > a {
-  font-weight: 600;
-}
-.skin-blue-light .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #d2d6de;
-  margin: 10px 10px;
-}
-.skin-blue-light .sidebar-form input[type="text"],
-.skin-blue-light .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #fff;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-blue-light .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-blue-light .sidebar-form input[type="text"]:focus,
-.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-blue-light .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-@media (min-width: 768px) {
-  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    border-left: 1px solid #d2d6de;
-  }
-}
-.skin-blue-light .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-blue-light .main-footer {
-  border-top-color: #d2d6de;
-}
-.skin-blue-light .main-sidebar {
-  -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-  box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-}
-.skin-blue-light .content-wrapper,
-.skin-blue-light .main-footer {
-  border-left: none;
-}
-@media (max-width: 767px) {
-  .skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #eceff3;
-    color: #757575;
-  }
-  .skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #4e73df;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-blue-light.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-blue.css b/public/static/css/skins/skin-blue.css
deleted file mode 100644
index 1df808a..0000000
--- a/public/static/css/skins/skin-blue.css
+++ /dev/null
@@ -1,230 +0,0 @@
-/*
- * Skin: Blue
- * -----------
- */
-.skin-blue .main-header .navbar-toggle {
-  color: #333;
-}
-.skin-blue .main-header .navbar-brand {
-  color: #333;
-  border-right: 1px solid #eee;
-}
-.skin-blue .main-header .navbar {
-  background-color: #fff;
-}
-.skin-blue .main-header .navbar .nav > li > a {
-  color: #444;
-}
-.skin-blue .main-header .navbar .nav > li > a:hover,
-.skin-blue .main-header .navbar .nav > li > a:active,
-.skin-blue .main-header .navbar .nav > li > a:focus,
-.skin-blue .main-header .navbar .nav .open > a,
-.skin-blue .main-header .navbar .nav .open > a:hover,
-.skin-blue .main-header .navbar .nav .open > a:focus,
-.skin-blue .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #4e73df;
-}
-.skin-blue .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #4e73df;
-}
-.skin-blue .main-header .navbar .sidebar-toggle {
-  color: #444;
-}
-.skin-blue .main-header .navbar .sidebar-toggle:hover {
-  color: #4e73df;
-  background: rgba(0, 0, 0, 0.02);
-}
-.skin-blue .main-header .navbar > .sidebar-toggle {
-  color: #333;
-  border-right: 1px solid #eee;
-}
-.skin-blue .main-header .navbar .navbar-nav > li > a {
-  border-right: 1px solid #eee;
-}
-.skin-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
-.skin-blue .main-header .navbar .navbar-right > li > a {
-  border-left: 1px solid #eee;
-  border-left: none;
-  border-right-width: 0;
-}
-.skin-blue .main-header > .logo {
-  background-color: #4e73df;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #4e73df;
-  box-shadow: none;
-}
-.skin-blue .main-header > .logo:hover {
-  background-color: #4a70de;
-}
-@media (max-width: 767px) {
-  .skin-blue .main-header > .logo {
-    background-color: #fff;
-    color: #222;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-blue .main-header > .logo:hover {
-    background-color: #fcfcfc;
-  }
-}
-.skin-blue .main-header li.user-header {
-  background-color: #4e73df;
-}
-.skin-blue .main-header .nav-addtabs > li > a,
-.skin-blue .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-blue .content-header {
-  background: transparent;
-  box-shadow: none;
-}
-.skin-blue .wrapper,
-.skin-blue .main-sidebar,
-.skin-blue .left-side {
-  background-color: #4e73df;
-}
-.skin-blue .user-panel > .info,
-.skin-blue .user-panel > .info > a {
-  color: #fff;
-}
-.skin-blue .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-blue .sidebar-menu > li.header {
-  color: #a4b7ef;
-  background: #3d65dc;
-}
-.skin-blue .sidebar-menu > li:hover > a,
-.skin-blue .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #456cdd;
-  border-left-color: #fff;
-}
-.skin-blue .sidebar-menu > li > .treeview-menu {
-  background: #4169dd;
-}
-.skin-blue .sidebar a {
-  color: #ccd9ff;
-}
-.skin-blue .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-blue .treeview-menu > li > a {
-  color: #ccd9ff;
-}
-.skin-blue .treeview-menu > li.active > a,
-.skin-blue .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-blue .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #7995e7;
-  background-color: #7995e7;
-  margin: 10px 10px;
-}
-.skin-blue .sidebar-form input[type="text"],
-.skin-blue .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #7995e7;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-blue .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-blue .sidebar-form input[type="text"]:focus,
-.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-blue .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-blue .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-blue .sidebar-form input[type="text"]::-moz-placeholder {
-  color: #fff;
-  opacity: 1;
-}
-.skin-blue .sidebar-form input[type="text"]:-ms-input-placeholder {
-  color: #fff;
-}
-.skin-blue .sidebar-form input[type="text"]::-webkit-input-placeholder {
-  color: #fff;
-}
-.skin-blue .sidebar-form input[type="text"],
-.skin-blue .sidebar-form .btn {
-  color: #fff;
-}
-@media (max-width: 767px) {
-  .skin-blue.multiplenav .main-header .navbar {
-    background-color: #4e73df;
-  }
-  .skin-blue.multiplenav .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-blue.multiplenav .main-header .navbar .nav > li > a:hover,
-  .skin-blue.multiplenav .main-header .navbar .nav > li > a:active,
-  .skin-blue.multiplenav .main-header .navbar .nav > li > a:focus,
-  .skin-blue.multiplenav .main-header .navbar .nav .open > a,
-  .skin-blue.multiplenav .main-header .navbar .nav .open > a:hover,
-  .skin-blue.multiplenav .main-header .navbar .nav .open > a:focus,
-  .skin-blue.multiplenav .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-blue.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-blue.multiplenav .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-blue.multiplenav .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-  .skin-blue.multiplenav .main-header > .logo {
-    background-color: #4e73df;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-  }
-  .skin-blue.multiplenav .main-header > .logo:hover {
-    background-color: #4a70de;
-  }
-  .skin-blue.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #7995e7;
-    color: #fff;
-  }
-  .skin-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #fff;
-    color: #7995e7;
-  }
-}
-/*# sourceMappingURL=skin-blue.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-green-light.css b/public/static/css/skins/skin-green-light.css
deleted file mode 100644
index bc4c87e..0000000
--- a/public/static/css/skins/skin-green-light.css
+++ /dev/null
@@ -1,181 +0,0 @@
-/*
- * Skin: Green
- * -----------
- */
-.skin-green-light .main-header {
-  background-color: #18bc9c;
-}
-.skin-green-light .main-header .navbar {
-  background-color: #18bc9c;
-}
-.skin-green-light .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-green-light .main-header .navbar .nav > li > a:hover,
-.skin-green-light .main-header .navbar .nav > li > a:active,
-.skin-green-light .main-header .navbar .nav > li > a:focus,
-.skin-green-light .main-header .navbar .nav .open > a,
-.skin-green-light .main-header .navbar .nav .open > a:hover,
-.skin-green-light .main-header .navbar .nav .open > a:focus,
-.skin-green-light .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-green-light .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-green-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-green-light .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-green-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-green-light .main-header .navbar .sidebar-toggle:hover {
-  background-color: #15a589;
-}
-@media (max-width: 767px) {
-  .skin-green-light .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-green-light .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
-    background: #15a589;
-  }
-}
-.skin-green-light .main-header .logo {
-  background-color: #18bc9c;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-green-light .main-header .logo:hover {
-  background-color: #17b798;
-}
-.skin-green-light .main-header li.user-header {
-  background-color: #18bc9c;
-}
-.skin-green-light .content-header {
-  background: transparent;
-}
-.skin-green-light .wrapper,
-.skin-green-light .main-sidebar,
-.skin-green-light .left-side {
-  background-color: #f9fafc;
-}
-.skin-green-light .content-wrapper,
-.skin-green-light .main-footer {
-  border-left: 1px solid #d2d6de;
-}
-.skin-green-light .user-panel > .info,
-.skin-green-light .user-panel > .info > a {
-  color: #444;
-}
-.skin-green-light .sidebar-menu > li {
-  -webkit-transition: border-left-color 0.3s ease;
-  -o-transition: border-left-color 0.3s ease;
-  transition: border-left-color 0.3s ease;
-}
-.skin-green-light .sidebar-menu > li.header {
-  color: #848484;
-  background: #f9fafc;
-}
-.skin-green-light .sidebar-menu > li:hover > a,
-.skin-green-light .sidebar-menu > li.active > a {
-  color: #000;
-  background: #f4f4f5;
-  border-left-color: #18bc9c;
-}
-.skin-green-light .sidebar-menu > li.active {
-  border-left-color: #18bc9c;
-}
-.skin-green-light .sidebar-menu > li > .treeview-menu {
-  background: #f4f4f5;
-}
-.skin-green-light .sidebar a {
-  color: #444;
-}
-.skin-green-light .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-green-light .treeview-menu > li > a {
-  color: #777;
-}
-.skin-green-light .treeview-menu > li.active > a,
-.skin-green-light .treeview-menu > li > a:hover {
-  color: #000;
-}
-.skin-green-light .treeview-menu > li.active > a {
-  font-weight: 600;
-}
-.skin-green-light .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #d2d6de;
-  margin: 10px 10px;
-}
-.skin-green-light .sidebar-form input[type="text"],
-.skin-green-light .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #fff;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-green-light .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-green-light .sidebar-form input[type="text"]:focus,
-.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-green-light .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-@media (min-width: 768px) {
-  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    border-left: 1px solid #d2d6de;
-  }
-}
-.skin-green-light .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-green-light .main-sidebar {
-  -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-  box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-}
-.skin-green-light .content-wrapper,
-.skin-green-light .main-footer {
-  border-left: none;
-}
-@media (max-width: 767px) {
-  .skin-green-light.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #eceff3;
-    color: #757575;
-  }
-  .skin-green-light.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #18bc9c;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-green-light.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-green.css b/public/static/css/skins/skin-green.css
deleted file mode 100644
index aedf03c..0000000
--- a/public/static/css/skins/skin-green.css
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
- * Skin: Green
- * -----------
- */
-.skin-green .main-header {
-  background-color: #18bc9c;
-}
-.skin-green .main-header .navbar {
-  background-color: #18bc9c;
-}
-.skin-green .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-green .main-header .navbar .nav > li > a:hover,
-.skin-green .main-header .navbar .nav > li > a:active,
-.skin-green .main-header .navbar .nav > li > a:focus,
-.skin-green .main-header .navbar .nav .open > a,
-.skin-green .main-header .navbar .nav .open > a:hover,
-.skin-green .main-header .navbar .nav .open > a:focus,
-.skin-green .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-green .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-green .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-green .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-green .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-green .main-header .navbar .sidebar-toggle:hover {
-  background-color: #15a589;
-}
-@media (max-width: 767px) {
-  .skin-green .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-green .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-green .main-header .navbar .dropdown-menu li a:hover {
-    background: #15a589;
-  }
-}
-.skin-green .main-header .logo {
-  background-color: #15a589;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-green .main-header .logo:hover {
-  background-color: #15a185;
-}
-@media (max-width: 767px) {
-  .skin-green .main-header .logo {
-    background-color: #18bc9c;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-green .main-header .logo:hover {
-    background-color: #17b798;
-  }
-}
-.skin-green .main-header li.user-header {
-  background-color: #18bc9c;
-}
-.skin-green .content-header {
-  background: transparent;
-}
-.skin-green .wrapper,
-.skin-green .main-sidebar,
-.skin-green .left-side {
-  background-color: #222d32;
-}
-.skin-green .user-panel > .info,
-.skin-green .user-panel > .info > a {
-  color: #fff;
-}
-.skin-green .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-green .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-green .sidebar-menu > li:hover > a,
-.skin-green .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #18bc9c;
-}
-.skin-green .sidebar-menu > li > .treeview-menu {
-  background: #2c3b41;
-}
-.skin-green .sidebar a {
-  color: #b8c7ce;
-}
-.skin-green .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-green .treeview-menu > li > a {
-  color: #8aa4af;
-}
-.skin-green .treeview-menu > li.active > a,
-.skin-green .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-green .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-green .sidebar-form input[type="text"],
-.skin-green .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-green .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-green .sidebar-form input[type="text"]:focus,
-.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-green .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-green .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-green.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-@media (max-width: 767px) {
-  .skin-green.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-green.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #18bc9c;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-green.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-purple-light.css b/public/static/css/skins/skin-purple-light.css
deleted file mode 100644
index f243e9b..0000000
--- a/public/static/css/skins/skin-purple-light.css
+++ /dev/null
@@ -1,181 +0,0 @@
-/*
- * Skin: Purple
- * ------------
- */
-.skin-purple-light .main-header {
-  background-color: #605ca8;
-}
-.skin-purple-light .main-header .navbar {
-  background-color: #605ca8;
-}
-.skin-purple-light .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-purple-light .main-header .navbar .nav > li > a:hover,
-.skin-purple-light .main-header .navbar .nav > li > a:active,
-.skin-purple-light .main-header .navbar .nav > li > a:focus,
-.skin-purple-light .main-header .navbar .nav .open > a,
-.skin-purple-light .main-header .navbar .nav .open > a:hover,
-.skin-purple-light .main-header .navbar .nav .open > a:focus,
-.skin-purple-light .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-purple-light .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-purple-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-purple-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
-  background-color: #555299;
-}
-@media (max-width: 767px) {
-  .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-purple-light .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
-    background: #555299;
-  }
-}
-.skin-purple-light .main-header .logo {
-  background-color: #605ca8;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-purple-light .main-header .logo:hover {
-  background-color: #5d59a6;
-}
-.skin-purple-light .main-header li.user-header {
-  background-color: #605ca8;
-}
-.skin-purple-light .content-header {
-  background: transparent;
-}
-.skin-purple-light .wrapper,
-.skin-purple-light .main-sidebar,
-.skin-purple-light .left-side {
-  background-color: #f9fafc;
-}
-.skin-purple-light .content-wrapper,
-.skin-purple-light .main-footer {
-  border-left: 1px solid #d2d6de;
-}
-.skin-purple-light .user-panel > .info,
-.skin-purple-light .user-panel > .info > a {
-  color: #444;
-}
-.skin-purple-light .sidebar-menu > li {
-  -webkit-transition: border-left-color 0.3s ease;
-  -o-transition: border-left-color 0.3s ease;
-  transition: border-left-color 0.3s ease;
-}
-.skin-purple-light .sidebar-menu > li.header {
-  color: #848484;
-  background: #f9fafc;
-}
-.skin-purple-light .sidebar-menu > li:hover > a,
-.skin-purple-light .sidebar-menu > li.active > a {
-  color: #000;
-  background: #f4f4f5;
-  border-left-color: #605ca8;
-}
-.skin-purple-light .sidebar-menu > li.active {
-  border-left-color: #605ca8;
-}
-.skin-purple-light .sidebar-menu > li > .treeview-menu {
-  background: #f4f4f5;
-}
-.skin-purple-light .sidebar a {
-  color: #444;
-}
-.skin-purple-light .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-purple-light .treeview-menu > li > a {
-  color: #777;
-}
-.skin-purple-light .treeview-menu > li.active > a,
-.skin-purple-light .treeview-menu > li > a:hover {
-  color: #000;
-}
-.skin-purple-light .treeview-menu > li.active > a {
-  font-weight: 600;
-}
-.skin-purple-light .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #d2d6de;
-  margin: 10px 10px;
-}
-.skin-purple-light .sidebar-form input[type="text"],
-.skin-purple-light .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #fff;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-purple-light .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-purple-light .sidebar-form input[type="text"]:focus,
-.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-purple-light .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-@media (min-width: 768px) {
-  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    border-left: 1px solid #d2d6de;
-  }
-}
-.skin-purple-light .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-purple-light .main-sidebar {
-  -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-  box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-}
-.skin-purple-light .content-wrapper,
-.skin-purple-light .main-footer {
-  border-left: none;
-}
-@media (max-width: 767px) {
-  .skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #eceff3;
-    color: #757575;
-  }
-  .skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #605ca8;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-purple-light.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-purple.css b/public/static/css/skins/skin-purple.css
deleted file mode 100644
index 493e167..0000000
--- a/public/static/css/skins/skin-purple.css
+++ /dev/null
@@ -1,220 +0,0 @@
-/*
- * Skin: Purple
- * ------------
- */
-.skin-purple .main-header .navbar {
-  background-color: #fff;
-}
-.skin-purple .main-header .navbar .nav > li > a {
-  color: #444;
-}
-.skin-purple .main-header .navbar .nav > li > a:hover,
-.skin-purple .main-header .navbar .nav > li > a:active,
-.skin-purple .main-header .navbar .nav > li > a:focus,
-.skin-purple .main-header .navbar .nav .open > a,
-.skin-purple .main-header .navbar .nav .open > a:hover,
-.skin-purple .main-header .navbar .nav .open > a:focus,
-.skin-purple .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.02);
-  color: #605ca8;
-}
-.skin-purple .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #605ca8;
-}
-.skin-purple .main-header .navbar .sidebar-toggle {
-  color: #444;
-}
-.skin-purple .main-header .navbar .sidebar-toggle:hover {
-  color: #605ca8;
-  background: rgba(0, 0, 0, 0.02);
-}
-@media (max-width: 767px) {
-  .skin-purple .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-purple .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
-    background: #555299;
-  }
-}
-.skin-purple .main-header > .logo {
-  background-color: #605ca8;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-  border-right: 1px solid #605ca8;
-  box-shadow: none;
-}
-.skin-purple .main-header > .logo:hover {
-  background-color: #5d59a6;
-}
-@media (max-width: 767px) {
-  .skin-purple .main-header > .logo {
-    background-color: #fff;
-    color: #222;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-purple .main-header > .logo:hover {
-    background-color: #fcfcfc;
-  }
-}
-.skin-purple .main-header li.user-header {
-  background-color: #605ca8;
-}
-.skin-purple .main-header .nav-addtabs > li > a,
-.skin-purple .main-header .nav-addtabs > li.active > a {
-  border-right-color: transparent;
-}
-.skin-purple .content-header {
-  background: transparent;
-}
-.skin-purple .wrapper,
-.skin-purple .main-sidebar,
-.skin-purple .left-side {
-  background-color: #605ca8;
-}
-.skin-purple .user-panel > .info,
-.skin-purple .user-panel > .info > a {
-  color: #fff;
-}
-.skin-purple .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-purple .sidebar-menu > li.header {
-  color: #a19fcb;
-  background: #57539c;
-}
-.skin-purple .sidebar-menu > li:hover > a,
-.skin-purple .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #5b57a3;
-  border-left-color: #fff;
-}
-.skin-purple .sidebar-menu > li > .treeview-menu {
-  background: #5955a0;
-}
-.skin-purple .sidebar a {
-  color: #c8c5ff;
-}
-.skin-purple .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-purple .treeview-menu > li > a {
-  color: #c8c5ff;
-}
-.skin-purple .treeview-menu > li.active > a,
-.skin-purple .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-purple .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #807dba;
-  background-color: #807dba;
-  margin: 10px 10px;
-}
-.skin-purple .sidebar-form input[type="text"],
-.skin-purple .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #807dba;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-purple .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-purple .sidebar-form input[type="text"]:focus,
-.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-purple .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-purple .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-purple.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-purple .sidebar-form input[type="text"]::-moz-placeholder {
-  color: #fff;
-  opacity: 1;
-}
-.skin-purple .sidebar-form input[type="text"]:-ms-input-placeholder {
-  color: #fff;
-}
-.skin-purple .sidebar-form input[type="text"]::-webkit-input-placeholder {
-  color: #fff;
-}
-.skin-purple .sidebar-form input[type="text"],
-.skin-purple .sidebar-form .btn {
-  color: #fff;
-}
-@media (max-width: 767px) {
-  .skin-purple.multiplenav .main-header .navbar {
-    background-color: #605ca8;
-  }
-  .skin-purple.multiplenav .main-header .navbar .nav > li > a {
-    color: #fff;
-  }
-  .skin-purple.multiplenav .main-header .navbar .nav > li > a:hover,
-  .skin-purple.multiplenav .main-header .navbar .nav > li > a:active,
-  .skin-purple.multiplenav .main-header .navbar .nav > li > a:focus,
-  .skin-purple.multiplenav .main-header .navbar .nav .open > a,
-  .skin-purple.multiplenav .main-header .navbar .nav .open > a:hover,
-  .skin-purple.multiplenav .main-header .navbar .nav .open > a:focus,
-  .skin-purple.multiplenav .main-header .navbar .nav > .active > a {
-    background: rgba(0, 0, 0, 0.1);
-    color: #f6f6f6;
-  }
-  .skin-purple.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
-    color: #f6f6f6;
-  }
-  .skin-purple.multiplenav .main-header .navbar .sidebar-toggle {
-    color: #fff;
-  }
-  .skin-purple.multiplenav .main-header .navbar .sidebar-toggle:hover {
-    color: #f6f6f6;
-    background: rgba(0, 0, 0, 0.1);
-  }
-  .skin-purple.multiplenav .main-header > .logo {
-    background-color: #605ca8;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-  }
-  .skin-purple.multiplenav .main-header > .logo:hover {
-    background-color: #5d59a6;
-  }
-  .skin-purple.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #807dba;
-    color: #fff;
-  }
-  .skin-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #fff;
-    color: #807dba;
-  }
-}
-/*# sourceMappingURL=skin-purple.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-red-light.css b/public/static/css/skins/skin-red-light.css
deleted file mode 100644
index ca8ab75..0000000
--- a/public/static/css/skins/skin-red-light.css
+++ /dev/null
@@ -1,181 +0,0 @@
-/*
- * Skin: Red
- * ---------
- */
-.skin-red-light .main-header {
-  background-color: #f75444;
-}
-.skin-red-light .main-header .navbar {
-  background-color: #f75444;
-}
-.skin-red-light .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-red-light .main-header .navbar .nav > li > a:hover,
-.skin-red-light .main-header .navbar .nav > li > a:active,
-.skin-red-light .main-header .navbar .nav > li > a:focus,
-.skin-red-light .main-header .navbar .nav .open > a,
-.skin-red-light .main-header .navbar .nav .open > a:hover,
-.skin-red-light .main-header .navbar .nav .open > a:focus,
-.skin-red-light .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-red-light .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-red-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-red-light .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-red-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-red-light .main-header .navbar .sidebar-toggle:hover {
-  background-color: #f63e2c;
-}
-@media (max-width: 767px) {
-  .skin-red-light .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-red-light .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
-    background: #f63e2c;
-  }
-}
-.skin-red-light .main-header .logo {
-  background-color: #f75444;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-red-light .main-header .logo:hover {
-  background-color: #f7503f;
-}
-.skin-red-light .main-header li.user-header {
-  background-color: #f75444;
-}
-.skin-red-light .content-header {
-  background: transparent;
-}
-.skin-red-light .wrapper,
-.skin-red-light .main-sidebar,
-.skin-red-light .left-side {
-  background-color: #f9fafc;
-}
-.skin-red-light .content-wrapper,
-.skin-red-light .main-footer {
-  border-left: 1px solid #d2d6de;
-}
-.skin-red-light .user-panel > .info,
-.skin-red-light .user-panel > .info > a {
-  color: #444;
-}
-.skin-red-light .sidebar-menu > li {
-  -webkit-transition: border-left-color 0.3s ease;
-  -o-transition: border-left-color 0.3s ease;
-  transition: border-left-color 0.3s ease;
-}
-.skin-red-light .sidebar-menu > li.header {
-  color: #848484;
-  background: #f9fafc;
-}
-.skin-red-light .sidebar-menu > li:hover > a,
-.skin-red-light .sidebar-menu > li.active > a {
-  color: #000;
-  background: #f4f4f5;
-  border-left-color: #f75444;
-}
-.skin-red-light .sidebar-menu > li.active {
-  border-left-color: #f75444;
-}
-.skin-red-light .sidebar-menu > li > .treeview-menu {
-  background: #f4f4f5;
-}
-.skin-red-light .sidebar a {
-  color: #444;
-}
-.skin-red-light .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-red-light .treeview-menu > li > a {
-  color: #777;
-}
-.skin-red-light .treeview-menu > li.active > a,
-.skin-red-light .treeview-menu > li > a:hover {
-  color: #000;
-}
-.skin-red-light .treeview-menu > li.active > a {
-  font-weight: 600;
-}
-.skin-red-light .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #d2d6de;
-  margin: 10px 10px;
-}
-.skin-red-light .sidebar-form input[type="text"],
-.skin-red-light .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #fff;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-red-light .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-red-light .sidebar-form input[type="text"]:focus,
-.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-red-light .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-@media (min-width: 768px) {
-  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    border-left: 1px solid #d2d6de;
-  }
-}
-.skin-red-light .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-red-light .main-sidebar {
-  -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-  box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-}
-.skin-red-light .content-wrapper,
-.skin-red-light .main-footer {
-  border-left: none;
-}
-@media (max-width: 767px) {
-  .skin-red-light.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #eceff3;
-    color: #757575;
-  }
-  .skin-red-light.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #f75444;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-red-light.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-red.css b/public/static/css/skins/skin-red.css
deleted file mode 100644
index 2182b4e..0000000
--- a/public/static/css/skins/skin-red.css
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
- * Skin: Red
- * ---------
- */
-.skin-red .main-header {
-  background-color: #f75444;
-}
-.skin-red .main-header .navbar {
-  background-color: #f75444;
-}
-.skin-red .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-red .main-header .navbar .nav > li > a:hover,
-.skin-red .main-header .navbar .nav > li > a:active,
-.skin-red .main-header .navbar .nav > li > a:focus,
-.skin-red .main-header .navbar .nav .open > a,
-.skin-red .main-header .navbar .nav .open > a:hover,
-.skin-red .main-header .navbar .nav .open > a:focus,
-.skin-red .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-red .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-red .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-red .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-red .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-red .main-header .navbar .sidebar-toggle:hover {
-  background-color: #f63e2c;
-}
-@media (max-width: 767px) {
-  .skin-red .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-red .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-red .main-header .navbar .dropdown-menu li a:hover {
-    background: #f63e2c;
-  }
-}
-.skin-red .main-header .logo {
-  background-color: #f63e2c;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-red .main-header .logo:hover {
-  background-color: #f63927;
-}
-@media (max-width: 767px) {
-  .skin-red .main-header .logo {
-    background-color: #f75444;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-red .main-header .logo:hover {
-    background-color: #f7503f;
-  }
-}
-.skin-red .main-header li.user-header {
-  background-color: #f75444;
-}
-.skin-red .content-header {
-  background: transparent;
-}
-.skin-red .wrapper,
-.skin-red .main-sidebar,
-.skin-red .left-side {
-  background-color: #222d32;
-}
-.skin-red .user-panel > .info,
-.skin-red .user-panel > .info > a {
-  color: #fff;
-}
-.skin-red .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-red .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-red .sidebar-menu > li:hover > a,
-.skin-red .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #f75444;
-}
-.skin-red .sidebar-menu > li > .treeview-menu {
-  background: #2c3b41;
-}
-.skin-red .sidebar a {
-  color: #b8c7ce;
-}
-.skin-red .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-red .treeview-menu > li > a {
-  color: #8aa4af;
-}
-.skin-red .treeview-menu > li.active > a,
-.skin-red .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-red .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-red .sidebar-form input[type="text"],
-.skin-red .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-red .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-red .sidebar-form input[type="text"]:focus,
-.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-red .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-red .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-red.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-@media (max-width: 767px) {
-  .skin-red.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-red.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #f75444;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-red.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-yellow-light.css b/public/static/css/skins/skin-yellow-light.css
deleted file mode 100644
index 41d572f..0000000
--- a/public/static/css/skins/skin-yellow-light.css
+++ /dev/null
@@ -1,181 +0,0 @@
-/*
- * Skin: Yellow light
- * ------------
- */
-.skin-yellow-light .main-header {
-  background-color: #f39c12;
-}
-.skin-yellow-light .main-header .navbar {
-  background-color: #f39c12;
-}
-.skin-yellow-light .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-yellow-light .main-header .navbar .nav > li > a:hover,
-.skin-yellow-light .main-header .navbar .nav > li > a:active,
-.skin-yellow-light .main-header .navbar .nav > li > a:focus,
-.skin-yellow-light .main-header .navbar .nav .open > a,
-.skin-yellow-light .main-header .navbar .nav .open > a:hover,
-.skin-yellow-light .main-header .navbar .nav .open > a:focus,
-.skin-yellow-light .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-yellow-light .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-yellow-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-yellow-light .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
-  background-color: #e08e0b;
-}
-@media (max-width: 767px) {
-  .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-yellow-light .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
-    background: #e08e0b;
-  }
-}
-.skin-yellow-light .main-header .logo {
-  background-color: #f39c12;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-yellow-light .main-header .logo:hover {
-  background-color: #f39a0d;
-}
-.skin-yellow-light .main-header li.user-header {
-  background-color: #f39c12;
-}
-.skin-yellow-light .content-header {
-  background: transparent;
-}
-.skin-yellow-light .wrapper,
-.skin-yellow-light .main-sidebar,
-.skin-yellow-light .left-side {
-  background-color: #f9fafc;
-}
-.skin-yellow-light .content-wrapper,
-.skin-yellow-light .main-footer {
-  border-left: 1px solid #d2d6de;
-}
-.skin-yellow-light .user-panel > .info,
-.skin-yellow-light .user-panel > .info > a {
-  color: #444;
-}
-.skin-yellow-light .sidebar-menu > li {
-  -webkit-transition: border-left-color 0.3s ease;
-  -o-transition: border-left-color 0.3s ease;
-  transition: border-left-color 0.3s ease;
-}
-.skin-yellow-light .sidebar-menu > li.header {
-  color: #848484;
-  background: #f9fafc;
-}
-.skin-yellow-light .sidebar-menu > li:hover > a,
-.skin-yellow-light .sidebar-menu > li.active > a {
-  color: #000;
-  background: #f4f4f5;
-  border-left-color: #f39c12;
-}
-.skin-yellow-light .sidebar-menu > li.active {
-  border-left-color: #f39c12;
-}
-.skin-yellow-light .sidebar-menu > li > .treeview-menu {
-  background: #f4f4f5;
-}
-.skin-yellow-light .sidebar a {
-  color: #444;
-}
-.skin-yellow-light .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-yellow-light .treeview-menu > li > a {
-  color: #777;
-}
-.skin-yellow-light .treeview-menu > li.active > a,
-.skin-yellow-light .treeview-menu > li > a:hover {
-  color: #000;
-}
-.skin-yellow-light .treeview-menu > li.active > a {
-  font-weight: 600;
-}
-.skin-yellow-light .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #d2d6de;
-  margin: 10px 10px;
-}
-.skin-yellow-light .sidebar-form input[type="text"],
-.skin-yellow-light .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #fff;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-yellow-light .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-yellow-light .sidebar-form input[type="text"]:focus,
-.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-yellow-light .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-@media (min-width: 768px) {
-  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    border-left: 1px solid #d2d6de;
-  }
-}
-.skin-yellow-light .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-.skin-yellow-light .main-sidebar {
-  -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-  box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
-}
-.skin-yellow-light .content-wrapper,
-.skin-yellow-light .main-footer {
-  border-left: none;
-}
-@media (max-width: 767px) {
-  .skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #eceff3;
-    color: #757575;
-  }
-  .skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #f39c12;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-yellow-light.css.map */
\ No newline at end of file
diff --git a/public/static/css/skins/skin-yellow.css b/public/static/css/skins/skin-yellow.css
deleted file mode 100644
index fed08cd..0000000
--- a/public/static/css/skins/skin-yellow.css
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
- * Skin: Yellow
- * ------------
- */
-.skin-yellow .main-header {
-  background-color: #f39c12;
-}
-.skin-yellow .main-header .navbar {
-  background-color: #f39c12;
-}
-.skin-yellow .main-header .navbar .nav > li > a {
-  color: #fff;
-}
-.skin-yellow .main-header .navbar .nav > li > a:hover,
-.skin-yellow .main-header .navbar .nav > li > a:active,
-.skin-yellow .main-header .navbar .nav > li > a:focus,
-.skin-yellow .main-header .navbar .nav .open > a,
-.skin-yellow .main-header .navbar .nav .open > a:hover,
-.skin-yellow .main-header .navbar .nav .open > a:focus,
-.skin-yellow .main-header .navbar .nav > .active > a {
-  background: rgba(0, 0, 0, 0.05);
-  color: #f6f6f6;
-}
-.skin-yellow .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #f6f6f6;
-}
-.skin-yellow .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-yellow .main-header .navbar .sidebar-toggle:hover {
-  color: #f6f6f6;
-  background: rgba(0, 0, 0, 0.05);
-}
-.skin-yellow .main-header .navbar .sidebar-toggle {
-  color: #fff;
-}
-.skin-yellow .main-header .navbar .sidebar-toggle:hover {
-  background-color: #e08e0b;
-}
-@media (max-width: 767px) {
-  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-  .skin-yellow .main-header .navbar .dropdown-menu li a {
-    color: #fff;
-  }
-  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
-    background: #e08e0b;
-  }
-}
-.skin-yellow .main-header .logo {
-  background-color: #e08e0b;
-  color: #fff;
-  border-bottom: 0 solid transparent;
-}
-.skin-yellow .main-header .logo:hover {
-  background-color: #db8b0b;
-}
-@media (max-width: 767px) {
-  .skin-yellow .main-header .logo {
-    background-color: #f39c12;
-    color: #fff;
-    border-bottom: 0 solid transparent;
-    border-right: none;
-  }
-  .skin-yellow .main-header .logo:hover {
-    background-color: #f39a0d;
-  }
-}
-.skin-yellow .main-header li.user-header {
-  background-color: #f39c12;
-}
-.skin-yellow .content-header {
-  background: transparent;
-}
-.skin-yellow .wrapper,
-.skin-yellow .main-sidebar,
-.skin-yellow .left-side {
-  background-color: #222d32;
-}
-.skin-yellow .user-panel > .info,
-.skin-yellow .user-panel > .info > a {
-  color: #fff;
-}
-.skin-yellow .sidebar-menu .treeview-menu {
-  padding-left: 3px;
-}
-.skin-yellow .sidebar-menu > li.header {
-  color: #4b646f;
-  background: #1a2226;
-}
-.skin-yellow .sidebar-menu > li:hover > a,
-.skin-yellow .sidebar-menu > li.active > a {
-  color: #fff;
-  background: #1e282c;
-  border-left-color: #f39c12;
-}
-.skin-yellow .sidebar-menu > li > .treeview-menu {
-  background: #2c3b41;
-}
-.skin-yellow .sidebar a {
-  color: #b8c7ce;
-}
-.skin-yellow .sidebar a:hover {
-  text-decoration: none;
-}
-.skin-yellow .treeview-menu > li > a {
-  color: #8aa4af;
-}
-.skin-yellow .treeview-menu > li.active > a,
-.skin-yellow .treeview-menu > li > a:hover {
-  color: #fff;
-}
-.skin-yellow .sidebar-form {
-  border-radius: 3px;
-  border: 1px solid #374850;
-  background-color: #374850;
-  margin: 10px 10px;
-}
-.skin-yellow .sidebar-form input[type="text"],
-.skin-yellow .sidebar-form .btn {
-  box-shadow: none;
-  background-color: #374850;
-  border: 1px solid transparent;
-  height: 35px;
-}
-.skin-yellow .sidebar-form input[type="text"] {
-  color: #666;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-}
-.skin-yellow .sidebar-form input[type="text"]:focus,
-.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  background-color: #fff;
-  color: #666;
-}
-.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn {
-  background: #fff;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
-  border-left-color: #fff;
-}
-.skin-yellow .sidebar-form .btn {
-  color: #999;
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
-}
-.skin-yellow .sidebar-menu > li > a {
-  border-left: 3px solid transparent;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .skin-yellow.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
-    margin-left: -3px;
-  }
-}
-@media (max-width: 767px) {
-  .skin-yellow.multiplenav .sidebar .mobilenav a.btn-app {
-    background: #374850;
-    color: #fff;
-  }
-  .skin-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #f39c12;
-    color: #fff;
-  }
-}
-/*# sourceMappingURL=skin-yellow.css.map */
\ No newline at end of file
diff --git a/public/static/fonts/sourcesanspro/sourcesanspro-bold.woff b/public/static/fonts/sourcesanspro/sourcesanspro-bold.woff
new file mode 100755
index 0000000..1da9934
Binary files /dev/null and b/public/static/fonts/sourcesanspro/sourcesanspro-bold.woff differ
diff --git a/public/static/fonts/sourcesanspro/sourcesanspro-light.woff b/public/static/fonts/sourcesanspro/sourcesanspro-light.woff
new file mode 100755
index 0000000..b76e3ed
Binary files /dev/null and b/public/static/fonts/sourcesanspro/sourcesanspro-light.woff differ
diff --git a/public/static/fonts/sourcesanspro/sourcesanspro.woff b/public/static/fonts/sourcesanspro/sourcesanspro.woff
new file mode 100755
index 0000000..6809507
Binary files /dev/null and b/public/static/fonts/sourcesanspro/sourcesanspro.woff differ
diff --git a/public/static/images/1.png b/public/static/images/1.png
new file mode 100644
index 0000000..d737eb1
Binary files /dev/null and b/public/static/images/1.png differ
diff --git a/public/static/images/close.png b/public/static/images/close.png
new file mode 100644
index 0000000..9c7d698
Binary files /dev/null and b/public/static/images/close.png differ
diff --git a/public/static/images/open.png b/public/static/images/open.png
new file mode 100644
index 0000000..c0edf44
Binary files /dev/null and b/public/static/images/open.png differ
diff --git a/public/static/images/pattern.png b/public/static/images/pattern.png
new file mode 100644
index 0000000..f2e539f
Binary files /dev/null and b/public/static/images/pattern.png differ
diff --git a/public/static/images/pattern2.png b/public/static/images/pattern2.png
new file mode 100644
index 0000000..7636150
Binary files /dev/null and b/public/static/images/pattern2.png differ
diff --git a/public/static/js/.DS_Store b/public/static/js/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/public/static/js/.DS_Store differ
diff --git a/public/static/js/app.js b/public/static/js/app.js
deleted file mode 100644
index b57645b..0000000
--- a/public/static/js/app.js
+++ /dev/null
@@ -1,738 +0,0 @@
-/*! AdminLTE app.js
-* ================
-* Main JS application file for AdminLTE v2. This file
-* should be included in all pages. It controls some layout
-* options and implements exclusive AdminLTE plugins.
-*
-* @author Colorlib
-* @support <https://github.com/ColorlibHQ/AdminLTE/issues>
-* @version v2.4.18
-* @repository git://github.com/ColorlibHQ/AdminLTE.git
-* @license MIT <http://opensource.org/licenses/MIT>
-*/
-
-// Make sure jQuery has been loaded
-if (typeof jQuery === 'undefined') {
-throw new Error('AdminLTE requires jQuery')
-}
-
-/* ControlSidebar()
- * ===============
- * Toggles the state of the control sidebar
- *
- * @Usage: $('#control-sidebar-trigger').controlSidebar(options)
- *         or add [data-toggle="control-sidebar"] to the trigger
- *         Pass any option as data-option="value"
- */
-+function ($) {
-  'use strict';
-
-  var DataKey = 'lte.controlsidebar';
-
-  var Default = {
-    controlsidebarSlide: true
-  };
-
-  var Selector = {
-    sidebar: '.control-sidebar',
-    data   : '[data-toggle="control-sidebar"]',
-    open   : '.control-sidebar-open',
-    bg     : '.control-sidebar-bg',
-    wrapper: '.wrapper',
-    content: '.content-wrapper',
-    boxed  : '.layout-boxed'
-  };
-
-  var ClassName = {
-    open: 'control-sidebar-open',
-    transition: 'control-sidebar-hold-transition',
-    fixed: 'fixed'
-  };
-
-  var Event = {
-    collapsed: 'collapsed.controlsidebar',
-    expanded : 'expanded.controlsidebar'
-  };
-
-  // ControlSidebar Class Definition
-  // ===============================
-  var ControlSidebar = function (element, options) {
-    this.element         = element;
-    this.options         = options;
-    this.hasBindedResize = false;
-
-    this.init();
-  };
-
-  ControlSidebar.prototype.init = function () {
-    // Add click listener if the element hasn't been
-    // initialized using the data API
-    if (!$(this.element).is(Selector.data)) {
-      $(this).on('click', this.toggle);
-    }
-
-    this.fix();
-    $(window).resize(function () {
-      this.fix();
-    }.bind(this));
-  };
-
-  ControlSidebar.prototype.toggle = function (event) {
-    if (event) event.preventDefault();
-
-    this.fix();
-
-    if (!$(Selector.sidebar).is(Selector.open) && !$('body').is(Selector.open)) {
-      this.expand();
-    } else {
-      this.collapse();
-    }
-  };
-
-  ControlSidebar.prototype.expand = function () {
-    $(Selector.sidebar).show();
-    if (!this.options.controlsidebarSlide) {
-      $('body').addClass(ClassName.transition).addClass(ClassName.open).delay(50).queue(function(){
-        $('body').removeClass(ClassName.transition);
-        $(this).dequeue()
-      })
-    } else {
-      $(Selector.sidebar).addClass(ClassName.open);
-    }
-
-
-    $(this.element).trigger($.Event(Event.expanded));
-  };
-
-  ControlSidebar.prototype.collapse = function () {
-    if (!this.options.controlsidebarSlide) {
-      $('body').addClass(ClassName.transition).removeClass(ClassName.open).delay(50).queue(function(){
-        $('body').removeClass(ClassName.transition);
-        $(this).dequeue()
-      })
-    } else {
-      $(Selector.sidebar).removeClass(ClassName.open);
-    }
-    $(Selector.sidebar).fadeOut();
-    $(this.element).trigger($.Event(Event.collapsed));
-  };
-
-  ControlSidebar.prototype.fix = function () {
-    if ($('body').is(Selector.boxed)) {
-      this._fixForBoxed($(Selector.bg));
-    }
-  };
-
-  // Private
-
-  ControlSidebar.prototype._fixForBoxed = function (bg) {
-    bg.css({
-      position: 'absolute',
-      height  : $(Selector.wrapper).height()
-    });
-  };
-
-  // Plugin Definition
-  // =================
-  function Plugin(option) {
-    return this.each(function () {
-      var $this = $(this);
-      var data  = $this.data(DataKey);
-
-      if (!data) {
-        var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option);
-        $this.data(DataKey, (data = new ControlSidebar($this, options)));
-      }
-
-      if (typeof option == 'string') data.toggle();
-    });
-  }
-
-  var old = $.fn.controlSidebar;
-
-  $.fn.controlSidebar             = Plugin;
-  $.fn.controlSidebar.Constructor = ControlSidebar;
-
-  // No Conflict Mode
-  // ================
-  $.fn.controlSidebar.noConflict = function () {
-    $.fn.controlSidebar = old;
-    return this;
-  };
-
-  // ControlSidebar Data API
-  // =======================
-  $(document).on('click', Selector.data, function (event) {
-    if (event) event.preventDefault();
-    Plugin.call($(this), 'toggle');
-  });
-
-}(jQuery);
-
-
-/* PushMenu()
- * ==========
- * Adds the push menu functionality to the sidebar.
- *
- * @usage: $('.btn').pushMenu(options)
- *          or add [data-toggle="push-menu"] to any button
- *          Pass any option as data-option="value"
- */
-+function ($) {
-  'use strict';
-
-  var DataKey = 'lte.pushmenu';
-
-  var Default = {
-    collapseScreenSize   : 767,
-    expandOnHover        : false,
-    expandTransitionDelay: 200
-  };
-
-  var Selector = {
-    collapsed     : '.sidebar-collapse',
-    open          : '.sidebar-open',
-    mainSidebar   : '.main-sidebar',
-    contentWrapper: '.content-wrapper',
-    searchInput   : '.sidebar-form .form-control',
-    button        : '[data-toggle="push-menu"]',
-    mini          : '.sidebar-mini',
-    expanded      : '.sidebar-expanded-on-hover',
-    layoutFixed   : '.fixed'
-  };
-
-  var ClassName = {
-    collapsed    : 'sidebar-collapse',
-    open         : 'sidebar-open',
-    mini         : 'sidebar-mini',
-    expanded     : 'sidebar-expanded-on-hover',
-    expandFeature: 'sidebar-mini-expand-feature',
-    layoutFixed  : 'fixed'
-  };
-
-  var Event = {
-    expanded : 'expanded.pushMenu',
-    collapsed: 'collapsed.pushMenu'
-  };
-
-  // PushMenu Class Definition
-  // =========================
-  var PushMenu = function (options) {
-    this.options = options;
-    this.init();
-  };
-
-  PushMenu.prototype.init = function () {
-    if (this.options.expandOnHover
-      || ($('body').is(Selector.mini + Selector.layoutFixed))) {
-      this.expandOnHover();
-      $('body').addClass(ClassName.expandFeature);
-    }
-
-    $(Selector.contentWrapper).click(function () {
-      // Enable hide menu when clicking on the content-wrapper on small screens
-      if ($(window).width() <= this.options.collapseScreenSize && $('body').hasClass(ClassName.open)) {
-        this.close();
-      }
-    }.bind(this));
-
-    // __Fix for android devices
-    $(Selector.searchInput).click(function (e) {
-      e.stopPropagation();
-    });
-  };
-
-  PushMenu.prototype.toggle = function () {
-    var windowWidth = $(window).width();
-    var isOpen      = !$('body').hasClass(ClassName.collapsed);
-
-    if (windowWidth <= this.options.collapseScreenSize) {
-      isOpen = $('body').hasClass(ClassName.open);
-    }
-
-    if (!isOpen) {
-      this.open();
-    } else {
-      this.close();
-    }
-  };
-
-  PushMenu.prototype.open = function () {
-    var windowWidth = $(window).width();
-
-    if (windowWidth > this.options.collapseScreenSize) {
-      $('body').removeClass(ClassName.collapsed)
-        .trigger($.Event(Event.expanded));
-    }
-    else {
-      $('body').addClass(ClassName.open)
-        .trigger($.Event(Event.expanded));
-    }
-  };
-
-  PushMenu.prototype.close = function () {
-    var windowWidth = $(window).width();
-    if (windowWidth > this.options.collapseScreenSize) {
-      $('body').addClass(ClassName.collapsed)
-        .trigger($.Event(Event.collapsed));
-    } else {
-      $('body').removeClass(ClassName.open + ' ' + ClassName.collapsed)
-        .trigger($.Event(Event.collapsed));
-    }
-  };
-
-  PushMenu.prototype.expandOnHover = function () {
-    $(Selector.mainSidebar).hover(function () {
-      if ($('body').is(Selector.mini + Selector.collapsed)
-        && $(window).width() > this.options.collapseScreenSize) {
-        this.expand();
-      }
-    }.bind(this), function () {
-      if ($('body').is(Selector.expanded)) {
-        this.collapse();
-      }
-    }.bind(this));
-  };
-
-  PushMenu.prototype.expand = function () {
-    setTimeout(function () {
-      $('body').removeClass(ClassName.collapsed)
-        .addClass(ClassName.expanded);
-    }, this.options.expandTransitionDelay);
-  };
-
-  PushMenu.prototype.collapse = function () {
-    setTimeout(function () {
-      $('body').removeClass(ClassName.expanded)
-        .addClass(ClassName.collapsed);
-    }, this.options.expandTransitionDelay);
-  };
-
-  // PushMenu Plugin Definition
-  // ==========================
-  function Plugin(option) {
-    return this.each(function () {
-      var $this = $(this);
-      var data  = $this.data(DataKey);
-
-      if (!data) {
-        var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option);
-        $this.data(DataKey, (data = new PushMenu(options)));
-      }
-
-      if (option === 'toggle') data.toggle();
-    });
-  }
-
-  var old = $.fn.pushMenu;
-
-  $.fn.pushMenu             = Plugin;
-  $.fn.pushMenu.Constructor = PushMenu;
-
-  // No Conflict Mode
-  // ================
-  $.fn.pushMenu.noConflict = function () {
-    $.fn.pushMenu = old;
-    return this;
-  };
-
-  // Data API
-  // ========
-  $(document).on('click', Selector.button, function (e) {
-    e.preventDefault();
-    Plugin.call($(this), 'toggle');
-  });
-  $(window).on('load', function () {
-    Plugin.call($(Selector.button));
-  });
-}(jQuery);
-
-
-/* Tree()
- * ======
- * Converts a nested list into a multilevel
- * tree view menu.
- *
- * @Usage: $('.my-menu').tree(options)
- *         or add [data-widget="tree"] to the ul element
- *         Pass any option as data-option="value"
- */
-+function ($) {
-  'use strict';
-
-  var DataKey = 'lte.tree';
-
-  var Default = {
-    animationSpeed: 300,
-    accordion     : true,
-    followLink    : false,
-    trigger       : '.treeview a'
-  };
-
-  var Selector = {
-    tree        : '.tree',
-    treeview    : '.treeview',
-    treeviewMenu: '.treeview-menu',
-    open        : '.menu-open, .active',
-    li          : 'li',
-    data        : '[data-widget="tree"]',
-    active      : '.active'
-  };
-
-  var ClassName = {
-    open: 'menu-open',
-    tree: 'tree'
-  };
-
-  var Event = {
-    collapsed: 'collapsed.tree',
-    expanded : 'expanded.tree'
-  };
-
-  // Tree Class Definition
-  // =====================
-  var Tree = function (element, options) {
-    this.element = element;
-    this.options = options;
-
-    $(this.element).addClass(ClassName.tree);
-
-    $(Selector.treeview + Selector.active, this.element).addClass(ClassName.open);
-
-    this._setUpListeners();
-  };
-
-  Tree.prototype.toggle = function (link, event) {
-    var treeviewMenu = link.next(Selector.treeviewMenu);
-    var parentLi     = link.parent();
-    var isOpen       = parentLi.hasClass(ClassName.open);
-
-    if (!parentLi.is(Selector.treeview)) {
-      return;
-    }
-
-    if (!this.options.followLink || link.attr('href') === '#') {
-      event.preventDefault();
-    }
-
-    if (isOpen) {
-      this.collapse(treeviewMenu, parentLi);
-    } else {
-      this.expand(treeviewMenu, parentLi);
-    }
-  };
-
-  Tree.prototype.expand = function (tree, parent) {
-    var expandedEvent = $.Event(Event.expanded);
-
-    if (this.options.accordion) {
-      var openMenuLi = parent.siblings(Selector.open);
-      var openTree   = openMenuLi.children(Selector.treeviewMenu);
-      this.collapse(openTree, openMenuLi);
-    }
-
-    parent.addClass(ClassName.open);
-    tree.stop().slideDown(this.options.animationSpeed, function () {
-      $(this.element).trigger(expandedEvent);
-      parent.height('auto');
-    }.bind(this));
-  };
-
-  Tree.prototype.collapse = function (tree, parentLi) {
-    var collapsedEvent = $.Event(Event.collapsed);
-
-    //tree.find(Selector.open).removeClass(ClassName.open);
-    parentLi.removeClass(ClassName.open);
-    tree.stop().slideUp(this.options.animationSpeed, function () {
-      //tree.find(Selector.open + ' > ' + Selector.treeview).slideUp();
-      $(this.element).trigger(collapsedEvent);
-
-      // Collapse child items
-      parentLi.find(Selector.treeview).removeClass(ClassName.open).find(Selector.treeviewMenu).hide();
-    }.bind(this));
-  };
-
-  // Private
-
-  Tree.prototype._setUpListeners = function () {
-    var that = this;
-
-    $(this.element).on('click', this.options.trigger, function (event) {
-      that.toggle($(this), event);
-    });
-  };
-
-  // Plugin Definition
-  // =================
-  function Plugin(option) {
-    return this.each(function () {
-      var $this = $(this);
-      var data  = $this.data(DataKey);
-
-      if (!data) {
-        var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option);
-        $this.data(DataKey, new Tree($this, options));
-      }
-    });
-  }
-
-  var old = $.fn.tree;
-
-  $.fn.tree             = Plugin;
-  $.fn.tree.Constructor = Tree;
-
-  // No Conflict Mode
-  // ================
-  $.fn.tree.noConflict = function () {
-    $.fn.tree = old;
-    return this;
-  };
-
-  // Tree Data API
-  // =============
-  $(window).on('load', function () {
-    $(Selector.data).each(function () {
-      Plugin.call($(this));
-    });
-  });
-
-}(jQuery);
-
-
-/* Layout()
- * ========
- * Implements AdminLTE layout.
- * Fixes the layout height in case min-height fails.
- *
- * @usage activated automatically upon window load.
- *        Configure any options by passing data-option="value"
- *        to the body tag.
- */
-+function ($) {
-  'use strict';
-
-  var DataKey = 'lte.layout';
-
-  var Default = {
-    slimscroll : true,
-    resetHeight: true
-  };
-
-  var Selector = {
-    wrapper       : '.wrapper',
-    contentWrapper: '.content-wrapper',
-    layoutBoxed   : '.layout-boxed',
-    mainFooter    : '.main-footer',
-    mainHeader    : '.main-header',
-    mainSidebar   : '.main-sidebar',
-    slimScrollDiv : 'slimScrollDiv',
-    sidebar       : '.sidebar',
-    controlSidebar: '.control-sidebar',
-    fixed         : '.fixed',
-    sidebarMenu   : '.sidebar-menu',
-    logo          : '.main-header .logo'
-  };
-
-  var ClassName = {
-    fixed         : 'fixed',
-    holdTransition: 'hold-transition'
-  };
-
-  var Layout = function (options) {
-    this.options      = options;
-    this.bindedResize = false;
-    this.activate();
-  };
-
-  Layout.prototype.activate = function () {
-    this.fix();
-    this.fixSidebar();
-
-    $('body').removeClass(ClassName.holdTransition);
-
-    if (this.options.resetHeight) {
-      $('body, html, ' + Selector.wrapper).css({
-        'height'    : 'auto',
-        'min-height': '100%'
-      });
-    }
-
-    if (!this.bindedResize) {
-      $(window).resize(function () {
-        this.fix();
-        this.fixSidebar();
-
-        $(Selector.logo + ', ' + Selector.sidebar).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
-          this.fix();
-          this.fixSidebar();
-        }.bind(this));
-      }.bind(this));
-
-      this.bindedResize = true;
-    }
-
-    $(Selector.sidebarMenu).on('expanded.tree', function () {
-      this.fix();
-      this.fixSidebar();
-    }.bind(this));
-
-    $(Selector.sidebarMenu).on('collapsed.tree', function () {
-      this.fix();
-      this.fixSidebar();
-    }.bind(this));
-  };
-
-  Layout.prototype.fix = function () {
-    // Remove overflow from .wrapper if layout-boxed exists
-    $(Selector.layoutBoxed + ' > ' + Selector.wrapper).css('overflow', 'hidden');
-
-    // Get window height and the wrapper height
-    var footerHeight  = $(Selector.mainFooter).outerHeight() || 0;
-    var headerHeight  = $(Selector.mainHeader).outerHeight() || 0;
-    var neg           = headerHeight + footerHeight;
-    var windowHeight  = $(window).height();
-    var sidebarHeight = $(Selector.sidebar).outerHeight() || 0;
-
-    // Set the min-height of the content and sidebar based on
-    // the height of the document.
-    if ($('body').hasClass(ClassName.fixed)) {
-      $(Selector.contentWrapper).css('min-height', windowHeight - footerHeight);
-    } else {
-      var postSetHeight;
-
-      if (windowHeight >= sidebarHeight + headerHeight) {
-        $(Selector.contentWrapper).css('min-height', windowHeight - neg);
-        postSetHeight = windowHeight - neg;
-      } else {
-        $(Selector.contentWrapper).css('min-height', sidebarHeight);
-        postSetHeight = sidebarHeight;
-      }
-
-      // Fix for the control sidebar height
-      var $controlSidebar = $(Selector.controlSidebar);
-      if (typeof $controlSidebar !== 'undefined') {
-        if ($controlSidebar.height() > postSetHeight)
-          $(Selector.contentWrapper).css('min-height', $controlSidebar.height());
-      }
-    }
-  };
-
-  Layout.prototype.fixSidebar = function () {
-    // Make sure the body tag has the .fixed class
-    if (!$('body').hasClass(ClassName.fixed)) {
-      if (typeof $.fn.slimScroll !== 'undefined') {
-        $(Selector.sidebar).slimScroll({ destroy: true }).height('auto');
-      }
-      return;
-    }
-
-    // Enable slimscroll for fixed layout
-    if (this.options.slimscroll) {
-      if (typeof $.fn.slimScroll !== 'undefined') {
-        // Destroy if it exists
-        // $(Selector.sidebar).slimScroll({ destroy: true }).height('auto')
-
-        // Add slimscroll
-        if ($(Selector.mainSidebar).find(Selector.slimScrollDiv).length === 0) {
-          $(Selector.sidebar).slimScroll({
-            height: ($(window).height() - $(Selector.mainHeader).height()) + 'px'
-          });
-        }
-      }
-    }
-  };
-
-  // Plugin Definition
-  // =================
-  function Plugin(option) {
-    return this.each(function () {
-      var $this = $(this);
-      var data  = $this.data(DataKey);
-
-      if (!data) {
-        var options = $.extend({}, Default, $this.data(), typeof option === 'object' && option);
-        $this.data(DataKey, (data = new Layout(options)));
-      }
-
-      if (typeof option === 'string') {
-        if (typeof data[option] === 'undefined') {
-          throw new Error('No method named ' + option);
-        }
-        data[option]();
-      }
-    });
-  }
-
-  var old = $.fn.layout;
-
-  $.fn.layout            = Plugin;
-  $.fn.layout.Constuctor = Layout;
-
-  // No conflict mode
-  // ================
-  $.fn.layout.noConflict = function () {
-    $.fn.layout = old;
-    return this;
-  };
-
-  // Layout DATA-API
-  // ===============
-  $(window).on('load', function () {
-    Plugin.call($('body'));
-  });
-}(jQuery);
-
-//全屏事件
-$(document).on('click', "[data-toggle='fullscreen']", function () {
-  var doc = document.documentElement;
-  if ($(document.body).hasClass("full-screen")) {
-      $(document.body).removeClass("full-screen");
-      document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
-  } else {
-      $(document.body).addClass("full-screen");
-      doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
-  }
-});
-
-var my_skins = [
-  "skin-blue",
-  "skin-black",
-  "skin-red",
-  "skin-yellow",
-  "skin-purple",
-  "skin-green",
-  "skin-blue-light",
-  "skin-black-light",
-  "skin-red-light",
-  "skin-yellow-light",
-  "skin-purple-light",
-  "skin-green-light",
-  "skin-black-blue",
-  "skin-black-purple",
-  "skin-black-red",
-  "skin-black-green",
-  "skin-black-yellow",
-  "skin-black-pink",
-];
-
-// 皮肤切换
-$("[data-skin]").on('click', function (e) {
-  var skin = $(this).data('skin');
-  if (!$("body").hasClass(skin)) {
-      $("body").removeClass(my_skins.join(' ')).addClass(skin);
-      var cssfile = "/static/css/skins/" + skin + ".css";
-      $('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');
-      $(".skin-list li.active").removeClass("active");
-      $(".skin-list li a[data-skin='" + skin + "']").parent().addClass("active");
-      $.ajax({
-        type : "POST",
-        url : "/changeskin",
-        data : {skin:skin},
-        dataType : 'json',
-        async: true,
-        success : function(data) {
-        }
-      });
-  }
-  return false;
-});
\ No newline at end of file
diff --git a/public/static/js/app.min.js b/public/static/js/app.min.js
new file mode 100755
index 0000000..94f4933
--- /dev/null
+++ b/public/static/js/app.min.js
@@ -0,0 +1,4 @@
+if(!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){function c(a){var b=a.length,c=_.type(a);return"function"===c||_.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}function d(a,b,c){if(_.isFunction(b))return _.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return _.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(hb.test(b))return _.filter(b,a,c);b=_.filter(b,a)}return _.grep(a,function(a){return U.call(b,a)>=0!==c})}function e(a,b){for(;(a=a[b])&&1!==a.nodeType;);return a}function f(a){var b=ob[a]={};return _.each(a.match(nb)||[],function(a,c){b[c]=!0}),b}function g(){Z.removeEventListener("DOMContentLoaded",g,!1),a.removeEventListener("load",g,!1),_.ready()}function h(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=_.expando+h.uid++}function i(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(ub,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:tb.test(c)?_.parseJSON(c):c}catch(e){}sb.set(a,b,c)}else c=void 0;return c}function j(){return!0}function k(){return!1}function l(){try{return Z.activeElement}catch(a){}}function m(a,b){return _.nodeName(a,"table")&&_.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function n(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function o(a){var b=Kb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function p(a,b){for(var c=0,d=a.length;d>c;c++)rb.set(a[c],"globalEval",!b||rb.get(b[c],"globalEval"))}function q(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(rb.hasData(a)&&(f=rb.access(a),g=rb.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)_.event.add(b,e,j[e][c])}sb.hasData(a)&&(h=sb.access(a),i=_.extend({},h),sb.set(b,i))}}function r(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&_.nodeName(a,b)?_.merge([a],c):c}function s(a,b){var c=b.nodeName.toLowerCase();"input"===c&&yb.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}function t(b,c){var d,e=_(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:_.css(e[0],"display");return e.detach(),f}function u(a){var b=Z,c=Ob[a];return c||(c=t(a,b),"none"!==c&&c||(Nb=(Nb||_("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=Nb[0].contentDocument,b.write(),b.close(),c=t(a,b),Nb.detach()),Ob[a]=c),c}function v(a,b,c){var d,e,f,g,h=a.style;return c=c||Rb(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(""!==g||_.contains(a.ownerDocument,a)||(g=_.style(a,b)),Qb.test(g)&&Pb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+"":g}function w(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}function x(a,b){if(b in a)return b;for(var c=b[0].toUpperCase()+b.slice(1),d=b,e=Xb.length;e--;)if(b=Xb[e]+c,b in a)return b;return d}function y(a,b,c){var d=Tb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function z(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=_.css(a,c+wb[f],!0,e)),d?("content"===c&&(g-=_.css(a,"padding"+wb[f],!0,e)),"margin"!==c&&(g-=_.css(a,"border"+wb[f]+"Width",!0,e))):(g+=_.css(a,"padding"+wb[f],!0,e),"padding"!==c&&(g+=_.css(a,"border"+wb[f]+"Width",!0,e)));return g}function A(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Rb(a),g="border-box"===_.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=v(a,b,f),(0>e||null==e)&&(e=a.style[b]),Qb.test(e))return e;d=g&&(Y.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+z(a,b,c||(g?"border":"content"),d,f)+"px"}function B(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=rb.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&xb(d)&&(f[g]=rb.access(d,"olddisplay",u(d.nodeName)))):(e=xb(d),"none"===c&&e||rb.set(d,"olddisplay",e?c:_.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function C(a,b,c,d,e){return new C.prototype.init(a,b,c,d,e)}function D(){return setTimeout(function(){Yb=void 0}),Yb=_.now()}function E(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=wb[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function F(a,b,c){for(var d,e=(cc[b]||[]).concat(cc["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function G(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},n=a.style,o=a.nodeType&&xb(a),p=rb.get(a,"fxshow");c.queue||(h=_._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,_.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[n.overflow,n.overflowX,n.overflowY],j=_.css(a,"display"),k="none"===j?rb.get(a,"olddisplay")||u(a.nodeName):j,"inline"===k&&"none"===_.css(a,"float")&&(n.display="inline-block")),c.overflow&&(n.overflow="hidden",l.always(function(){n.overflow=c.overflow[0],n.overflowX=c.overflow[1],n.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],$b.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(o?"hide":"show")){if("show"!==e||!p||void 0===p[d])continue;o=!0}m[d]=p&&p[d]||_.style(a,d)}else j=void 0;if(_.isEmptyObject(m))"inline"===("none"===j?u(a.nodeName):j)&&(n.display=j);else{p?"hidden"in p&&(o=p.hidden):p=rb.access(a,"fxshow",{}),f&&(p.hidden=!o),o?_(a).show():l.done(function(){_(a).hide()}),l.done(function(){var b;rb.remove(a,"fxshow");for(b in m)_.style(a,b,m[b])});for(d in m)g=F(o?p[d]:0,d,l),d in p||(p[d]=g.start,o&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function H(a,b){var c,d,e,f,g;for(c in a)if(d=_.camelCase(c),e=b[d],f=a[c],_.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=_.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function I(a,b,c){var d,e,f=0,g=bc.length,h=_.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Yb||D(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:_.extend({},b),opts:_.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:Yb||D(),duration:c.duration,tweens:[],createTween:function(b,c){var d=_.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(H(k,j.opts.specialEasing);g>f;f++)if(d=bc[f].call(j,a,k,j.opts))return d;return _.map(k,F,j),_.isFunction(j.opts.start)&&j.opts.start.call(a,j),_.fx.timer(_.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}function J(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(nb)||[];if(_.isFunction(c))for(;d=f[e++];)"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function K(a,b,c,d){function e(h){var i;return f[h]=!0,_.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||g||f[j]?g?!(i=j):void 0:(b.dataTypes.unshift(j),e(j),!1)}),i}var f={},g=a===tc;return e(b.dataTypes[0])||!f["*"]&&e("*")}function L(a,b){var c,d,e=_.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&_.extend(!0,a,d),a}function M(a,b,c){for(var d,e,f,g,h=a.contents,i=a.dataTypes;"*"===i[0];)i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function N(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];for(f=k.shift();f;)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}function O(a,b,c,d){var e;if(_.isArray(b))_.each(b,function(b,e){c||yc.test(a)?d(a,e):O(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==_.type(b))d(a,b);else for(e in b)O(a+"["+e+"]",b[e],c,d)}function P(a){return _.isWindow(a)?a:9===a.nodeType&&a.defaultView}var Q=[],R=Q.slice,S=Q.concat,T=Q.push,U=Q.indexOf,V={},W=V.toString,X=V.hasOwnProperty,Y={},Z=a.document,$="2.1.3",_=function(a,b){return new _.fn.init(a,b)},ab=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,bb=/^-ms-/,cb=/-([\da-z])/gi,db=function(a,b){return b.toUpperCase()};_.fn=_.prototype={jquery:$,constructor:_,selector:"",length:0,toArray:function(){return R.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:R.call(this)},pushStack:function(a){var b=_.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return _.each(this,a,b)},map:function(a){return this.pushStack(_.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(R.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:T,sort:Q.sort,splice:Q.splice},_.extend=_.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||_.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(_.isPlainObject(d)||(e=_.isArray(d)))?(e?(e=!1,f=c&&_.isArray(c)?c:[]):f=c&&_.isPlainObject(c)?c:{},g[b]=_.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},_.extend({expando:"jQuery"+($+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===_.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!_.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return"object"!==_.type(a)||a.nodeType||_.isWindow(a)?!1:a.constructor&&!X.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?V[W.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=_.trim(a),a&&(1===a.indexOf("use strict")?(b=Z.createElement("script"),b.text=a,Z.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(bb,"ms-").replace(cb,db)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,d){var e,f=0,g=a.length,h=c(a);if(d){if(h)for(;g>f&&(e=b.apply(a[f],d),e!==!1);f++);else for(f in a)if(e=b.apply(a[f],d),e===!1)break}else if(h)for(;g>f&&(e=b.call(a[f],f,a[f]),e!==!1);f++);else for(f in a)if(e=b.call(a[f],f,a[f]),e===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(ab,"")},makeArray:function(a,b){var d=b||[];return null!=a&&(c(Object(a))?_.merge(d,"string"==typeof a?[a]:a):T.call(d,a)),d},inArray:function(a,b,c){return null==b?-1:U.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,d){var e,f=0,g=a.length,h=c(a),i=[];if(h)for(;g>f;f++)e=b(a[f],f,d),null!=e&&i.push(e);else for(f in a)e=b(a[f],f,d),null!=e&&i.push(e);return S.apply([],i)},guid:1,proxy:function(a,b){var c,d,e;return"string"==typeof b&&(c=a[b],b=a,a=c),_.isFunction(a)?(d=R.call(arguments,2),e=function(){return a.apply(b||this,d.concat(R.call(arguments)))},e.guid=a.guid=a.guid||_.guid++,e):void 0},now:Date.now,support:Y}),_.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){V["[object "+b+"]"]=b.toLowerCase()});var eb=function(a){function b(a,b,c,d){var e,f,g,h,i,j,l,n,o,p;if((b?b.ownerDocument||b:O)!==G&&F(b),b=b||G,c=c||[],h=b.nodeType,"string"!=typeof a||!a||1!==h&&9!==h&&11!==h)return c;if(!d&&I){if(11!==h&&(e=sb.exec(a)))if(g=e[1]){if(9===h){if(f=b.getElementById(g),!f||!f.parentNode)return c;if(f.id===g)return c.push(f),c}else if(b.ownerDocument&&(f=b.ownerDocument.getElementById(g))&&M(b,f)&&f.id===g)return c.push(f),c}else{if(e[2])return $.apply(c,b.getElementsByTagName(a)),c;if((g=e[3])&&v.getElementsByClassName)return $.apply(c,b.getElementsByClassName(g)),c}if(v.qsa&&(!J||!J.test(a))){if(n=l=N,o=b,p=1!==h&&a,1===h&&"object"!==b.nodeName.toLowerCase()){for(j=z(a),(l=b.getAttribute("id"))?n=l.replace(ub,"\\$&"):b.setAttribute("id",n),n="[id='"+n+"'] ",i=j.length;i--;)j[i]=n+m(j[i]);o=tb.test(a)&&k(b.parentNode)||b,p=j.join(",")}if(p)try{return $.apply(c,o.querySelectorAll(p)),c}catch(q){}finally{l||b.removeAttribute("id")}}}return B(a.replace(ib,"$1"),b,c,d)}function c(){function a(c,d){return b.push(c+" ")>w.cacheLength&&delete a[b.shift()],a[c+" "]=d}var b=[];return a}function d(a){return a[N]=!0,a}function e(a){var b=G.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function f(a,b){for(var c=a.split("|"),d=a.length;d--;)w.attrHandle[c[d]]=b}function g(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||V)-(~a.sourceIndex||V);if(d)return d;if(c)for(;c=c.nextSibling;)if(c===b)return-1;return a?1:-1}function h(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function i(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function j(a){return d(function(b){return b=+b,d(function(c,d){for(var e,f=a([],c.length,b),g=f.length;g--;)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function k(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}function l(){}function m(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function n(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=Q++;return b.first?function(b,c,f){for(;b=b[d];)if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[P,f];if(g){for(;b=b[d];)if((1===b.nodeType||e)&&a(b,c,g))return!0}else for(;b=b[d];)if(1===b.nodeType||e){if(i=b[N]||(b[N]={}),(h=i[d])&&h[0]===P&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function o(a){return a.length>1?function(b,c,d){for(var e=a.length;e--;)if(!a[e](b,c,d))return!1;return!0}:a[0]}function p(a,c,d){for(var e=0,f=c.length;f>e;e++)b(a,c[e],d);return d}function q(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function r(a,b,c,e,f,g){return e&&!e[N]&&(e=r(e)),f&&!f[N]&&(f=r(f,g)),d(function(d,g,h,i){var j,k,l,m=[],n=[],o=g.length,r=d||p(b||"*",h.nodeType?[h]:h,[]),s=!a||!d&&b?r:q(r,m,a,h,i),t=c?f||(d?a:o||e)?[]:g:s;if(c&&c(s,t,h,i),e)for(j=q(t,n),e(j,[],h,i),k=j.length;k--;)(l=j[k])&&(t[n[k]]=!(s[n[k]]=l));if(d){if(f||a){if(f){for(j=[],k=t.length;k--;)(l=t[k])&&j.push(s[k]=l);f(null,t=[],j,i)}for(k=t.length;k--;)(l=t[k])&&(j=f?ab(d,l):m[k])>-1&&(d[j]=!(g[j]=l))}}else t=q(t===g?t.splice(o,t.length):t),f?f(null,g,t,i):$.apply(g,t)})}function s(a){for(var b,c,d,e=a.length,f=w.relative[a[0].type],g=f||w.relative[" "],h=f?1:0,i=n(function(a){return a===b},g,!0),j=n(function(a){return ab(b,a)>-1},g,!0),k=[function(a,c,d){var e=!f&&(d||c!==C)||((b=c).nodeType?i(a,c,d):j(a,c,d));return b=null,e}];e>h;h++)if(c=w.relative[a[h].type])k=[n(o(k),c)];else{if(c=w.filter[a[h].type].apply(null,a[h].matches),c[N]){for(d=++h;e>d&&!w.relative[a[d].type];d++);return r(h>1&&o(k),h>1&&m(a.slice(0,h-1).concat({value:" "===a[h-2].type?"*":""})).replace(ib,"$1"),c,d>h&&s(a.slice(h,d)),e>d&&s(a=a.slice(d)),e>d&&m(a))}k.push(c)}return o(k)}function t(a,c){var e=c.length>0,f=a.length>0,g=function(d,g,h,i,j){var k,l,m,n=0,o="0",p=d&&[],r=[],s=C,t=d||f&&w.find.TAG("*",j),u=P+=null==s?1:Math.random()||.1,v=t.length;for(j&&(C=g!==G&&g);o!==v&&null!=(k=t[o]);o++){if(f&&k){for(l=0;m=a[l++];)if(m(k,g,h)){i.push(k);break}j&&(P=u)}e&&((k=!m&&k)&&n--,d&&p.push(k))}if(n+=o,e&&o!==n){for(l=0;m=c[l++];)m(p,r,g,h);if(d){if(n>0)for(;o--;)p[o]||r[o]||(r[o]=Y.call(i));r=q(r)}$.apply(i,r),j&&!d&&r.length>0&&n+c.length>1&&b.uniqueSort(i)}return j&&(P=u,C=s),p};return e?d(g):g}var u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N="sizzle"+1*new Date,O=a.document,P=0,Q=0,R=c(),S=c(),T=c(),U=function(a,b){return a===b&&(E=!0),0},V=1<<31,W={}.hasOwnProperty,X=[],Y=X.pop,Z=X.push,$=X.push,_=X.slice,ab=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},bb="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",cb="[\\x20\\t\\r\\n\\f]",db="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",eb=db.replace("w","w#"),fb="\\["+cb+"*("+db+")(?:"+cb+"*([*^$|!~]?=)"+cb+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+eb+"))|)"+cb+"*\\]",gb=":("+db+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+fb+")*)|.*)\\)|)",hb=new RegExp(cb+"+","g"),ib=new RegExp("^"+cb+"+|((?:^|[^\\\\])(?:\\\\.)*)"+cb+"+$","g"),jb=new RegExp("^"+cb+"*,"+cb+"*"),kb=new RegExp("^"+cb+"*([>+~]|"+cb+")"+cb+"*"),lb=new RegExp("="+cb+"*([^\\]'\"]*?)"+cb+"*\\]","g"),mb=new RegExp(gb),nb=new RegExp("^"+eb+"$"),ob={ID:new RegExp("^#("+db+")"),CLASS:new RegExp("^\\.("+db+")"),TAG:new RegExp("^("+db.replace("w","w*")+")"),ATTR:new RegExp("^"+fb),PSEUDO:new RegExp("^"+gb),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+cb+"*(even|odd|(([+-]|)(\\d*)n|)"+cb+"*(?:([+-]|)"+cb+"*(\\d+)|))"+cb+"*\\)|)","i"),bool:new RegExp("^(?:"+bb+")$","i"),needsContext:new RegExp("^"+cb+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+cb+"*((?:-\\d)?\\d*)"+cb+"*\\)|)(?=[^-]|$)","i")},pb=/^(?:input|select|textarea|button)$/i,qb=/^h\d$/i,rb=/^[^{]+\{\s*\[native \w/,sb=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,tb=/[+~]/,ub=/'|\\/g,vb=new RegExp("\\\\([\\da-f]{1,6}"+cb+"?|("+cb+")|.)","ig"),wb=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},xb=function(){F()};try{$.apply(X=_.call(O.childNodes),O.childNodes),X[O.childNodes.length].nodeType}catch(yb){$={apply:X.length?function(a,b){Z.apply(a,_.call(b))}:function(a,b){for(var c=a.length,d=0;a[c++]=b[d++];);a.length=c-1}}}v=b.support={},y=b.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},F=b.setDocument=function(a){var b,c,d=a?a.ownerDocument||a:O;return d!==G&&9===d.nodeType&&d.documentElement?(G=d,H=d.documentElement,c=d.defaultView,c&&c!==c.top&&(c.addEventListener?c.addEventListener("unload",xb,!1):c.attachEvent&&c.attachEvent("onunload",xb)),I=!y(d),v.attributes=e(function(a){return a.className="i",!a.getAttribute("className")}),v.getElementsByTagName=e(function(a){return a.appendChild(d.createComment("")),!a.getElementsByTagName("*").length}),v.getElementsByClassName=rb.test(d.getElementsByClassName),v.getById=e(function(a){return H.appendChild(a).id=N,!d.getElementsByName||!d.getElementsByName(N).length}),v.getById?(w.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&I){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},w.filter.ID=function(a){var b=a.replace(vb,wb);return function(a){return a.getAttribute("id")===b}}):(delete w.find.ID,w.filter.ID=function(a){var b=a.replace(vb,wb);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),w.find.TAG=v.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):v.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){for(;c=f[e++];)1===c.nodeType&&d.push(c);return d}return f},w.find.CLASS=v.getElementsByClassName&&function(a,b){return I?b.getElementsByClassName(a):void 0},K=[],J=[],(v.qsa=rb.test(d.querySelectorAll))&&(e(function(a){H.appendChild(a).innerHTML="<a id='"+N+"'></a><select id='"+N+"-\f]' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&J.push("[*^$]="+cb+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||J.push("\\["+cb+"*(?:value|"+bb+")"),a.querySelectorAll("[id~="+N+"-]").length||J.push("~="),a.querySelectorAll(":checked").length||J.push(":checked"),a.querySelectorAll("a#"+N+"+*").length||J.push(".#.+[+~]")}),e(function(a){var b=d.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&J.push("name"+cb+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||J.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),J.push(",.*:")})),(v.matchesSelector=rb.test(L=H.matches||H.webkitMatchesSelector||H.mozMatchesSelector||H.oMatchesSelector||H.msMatchesSelector))&&e(function(a){v.disconnectedMatch=L.call(a,"div"),L.call(a,"[s!='']:x"),K.push("!=",gb)}),J=J.length&&new RegExp(J.join("|")),K=K.length&&new RegExp(K.join("|")),b=rb.test(H.compareDocumentPosition),M=b||rb.test(H.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)for(;b=b.parentNode;)if(b===a)return!0;return!1},U=b?function(a,b){if(a===b)return E=!0,0;var c=!a.compareDocumentPosition-!b.compareDocumentPosition;return c?c:(c=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&c||!v.sortDetached&&b.compareDocumentPosition(a)===c?a===d||a.ownerDocument===O&&M(O,a)?-1:b===d||b.ownerDocument===O&&M(O,b)?1:D?ab(D,a)-ab(D,b):0:4&c?-1:1)}:function(a,b){if(a===b)return E=!0,0;var c,e=0,f=a.parentNode,h=b.parentNode,i=[a],j=[b];if(!f||!h)return a===d?-1:b===d?1:f?-1:h?1:D?ab(D,a)-ab(D,b):0;if(f===h)return g(a,b);for(c=a;c=c.parentNode;)i.unshift(c);for(c=b;c=c.parentNode;)j.unshift(c);for(;i[e]===j[e];)e++;return e?g(i[e],j[e]):i[e]===O?-1:j[e]===O?1:0},d):G},b.matches=function(a,c){return b(a,null,null,c)},b.matchesSelector=function(a,c){if((a.ownerDocument||a)!==G&&F(a),c=c.replace(lb,"='$1']"),!(!v.matchesSelector||!I||K&&K.test(c)||J&&J.test(c)))try{var d=L.call(a,c);if(d||v.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return b(c,G,null,[a]).length>0},b.contains=function(a,b){return(a.ownerDocument||a)!==G&&F(a),M(a,b)},b.attr=function(a,b){(a.ownerDocument||a)!==G&&F(a);var c=w.attrHandle[b.toLowerCase()],d=c&&W.call(w.attrHandle,b.toLowerCase())?c(a,b,!I):void 0;return void 0!==d?d:v.attributes||!I?a.getAttribute(b):(d=a.getAttributeNode(b))&&d.specified?d.value:null},b.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},b.uniqueSort=function(a){var b,c=[],d=0,e=0;if(E=!v.detectDuplicates,D=!v.sortStable&&a.slice(0),a.sort(U),E){for(;b=a[e++];)b===a[e]&&(d=c.push(e));for(;d--;)a.splice(c[d],1)}return D=null,a},x=b.getText=function(a){var b,c="",d=0,e=a.nodeType;if(e){if(1===e||9===e||11===e){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=x(a)}else if(3===e||4===e)return a.nodeValue}else for(;b=a[d++];)c+=x(b);return c},w=b.selectors={cacheLength:50,createPseudo:d,match:ob,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(vb,wb),a[3]=(a[3]||a[4]||a[5]||"").replace(vb,wb),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||b.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&b.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return ob.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&mb.test(c)&&(b=z(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(vb,wb).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=R[a+" "];return b||(b=new RegExp("(^|"+cb+")"+a+"("+cb+"|$)"))&&R(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,c,d){return function(e){var f=b.attr(e,a);return null==f?"!="===c:c?(f+="","="===c?f===d:"!="===c?f!==d:"^="===c?d&&0===f.indexOf(d):"*="===c?d&&f.indexOf(d)>-1:"$="===c?d&&f.slice(-d.length)===d:"~="===c?(" "+f.replace(hb," ")+" ").indexOf(d)>-1:"|="===c?f===d||f.slice(0,d.length+1)===d+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){for(;p;){for(l=b;l=l[p];)if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){for(k=q[N]||(q[N]={}),j=k[a]||[],n=j[0]===P&&j[1],m=j[0]===P&&j[2],l=n&&q.childNodes[n];l=++n&&l&&l[p]||(m=n=0)||o.pop();)if(1===l.nodeType&&++m&&l===b){k[a]=[P,n,m];break}}else if(s&&(j=(b[N]||(b[N]={}))[a])&&j[0]===P)m=j[1];else for(;(l=++n&&l&&l[p]||(m=n=0)||o.pop())&&((h?l.nodeName.toLowerCase()!==r:1!==l.nodeType)||!++m||(s&&((l[N]||(l[N]={}))[a]=[P,m]),l!==b)););return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,c){var e,f=w.pseudos[a]||w.setFilters[a.toLowerCase()]||b.error("unsupported pseudo: "+a);return f[N]?f(c):f.length>1?(e=[a,a,"",c],w.setFilters.hasOwnProperty(a.toLowerCase())?d(function(a,b){for(var d,e=f(a,c),g=e.length;g--;)d=ab(a,e[g]),a[d]=!(b[d]=e[g])}):function(a){return f(a,0,e)}):f}},pseudos:{not:d(function(a){var b=[],c=[],e=A(a.replace(ib,"$1"));return e[N]?d(function(a,b,c,d){for(var f,g=e(a,null,d,[]),h=a.length;h--;)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,d,f){return b[0]=a,e(b,null,f,c),b[0]=null,!c.pop()}}),has:d(function(a){return function(c){return b(a,c).length>0}}),contains:d(function(a){return a=a.replace(vb,wb),function(b){return(b.textContent||b.innerText||x(b)).indexOf(a)>-1}}),lang:d(function(a){return nb.test(a||"")||b.error("unsupported lang: "+a),a=a.replace(vb,wb).toLowerCase(),function(b){var c;do if(c=I?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===H},focus:function(a){return a===G.activeElement&&(!G.hasFocus||G.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!w.pseudos.empty(a)},header:function(a){return qb.test(a.nodeName)},input:function(a){return pb.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:j(function(){return[0]}),last:j(function(a,b){return[b-1]}),eq:j(function(a,b,c){return[0>c?c+b:c]}),even:j(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:j(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:j(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:j(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},w.pseudos.nth=w.pseudos.eq;for(u in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})w.pseudos[u]=h(u);for(u in{submit:!0,reset:!0})w.pseudos[u]=i(u);return l.prototype=w.filters=w.pseudos,w.setFilters=new l,z=b.tokenize=function(a,c){var d,e,f,g,h,i,j,k=S[a+" "];if(k)return c?0:k.slice(0);for(h=a,i=[],j=w.preFilter;h;){(!d||(e=jb.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),d=!1,(e=kb.exec(h))&&(d=e.shift(),f.push({value:d,type:e[0].replace(ib," ")}),h=h.slice(d.length));for(g in w.filter)!(e=ob[g].exec(h))||j[g]&&!(e=j[g](e))||(d=e.shift(),f.push({value:d,type:g,matches:e}),h=h.slice(d.length));if(!d)break}return c?h.length:h?b.error(a):S(a,i).slice(0)},A=b.compile=function(a,b){var c,d=[],e=[],f=T[a+" "];if(!f){for(b||(b=z(a)),c=b.length;c--;)f=s(b[c]),f[N]?d.push(f):e.push(f);f=T(a,t(e,d)),f.selector=a}return f},B=b.select=function(a,b,c,d){var e,f,g,h,i,j="function"==typeof a&&a,l=!d&&z(a=j.selector||a);if(c=c||[],1===l.length){if(f=l[0]=l[0].slice(0),f.length>2&&"ID"===(g=f[0]).type&&v.getById&&9===b.nodeType&&I&&w.relative[f[1].type]){if(b=(w.find.ID(g.matches[0].replace(vb,wb),b)||[])[0],!b)return c;j&&(b=b.parentNode),a=a.slice(f.shift().value.length)}for(e=ob.needsContext.test(a)?0:f.length;e--&&(g=f[e],!w.relative[h=g.type]);)if((i=w.find[h])&&(d=i(g.matches[0].replace(vb,wb),tb.test(f[0].type)&&k(b.parentNode)||b))){if(f.splice(e,1),a=d.length&&m(f),!a)return $.apply(c,d),c;break}}return(j||A(a,l))(d,b,!I,c,tb.test(a)&&k(b.parentNode)||b),c},v.sortStable=N.split("").sort(U).join("")===N,v.detectDuplicates=!!E,F(),v.sortDetached=e(function(a){return 1&a.compareDocumentPosition(G.createElement("div"))}),e(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||f("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),v.attributes&&e(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||f("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),e(function(a){return null==a.getAttribute("disabled")})||f(bb,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),b}(a);_.find=eb,_.expr=eb.selectors,_.expr[":"]=_.expr.pseudos,_.unique=eb.uniqueSort,_.text=eb.getText,_.isXMLDoc=eb.isXML,_.contains=eb.contains;var fb=_.expr.match.needsContext,gb=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,hb=/^.[^:#\[\.,]*$/;_.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?_.find.matchesSelector(d,a)?[d]:[]:_.find.matches(a,_.grep(b,function(a){return 1===a.nodeType}))},_.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(_(a).filter(function(){for(b=0;c>b;b++)if(_.contains(e[b],this))return!0
+}));for(b=0;c>b;b++)_.find(a,e[b],d);return d=this.pushStack(c>1?_.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(d(this,a||[],!1))},not:function(a){return this.pushStack(d(this,a||[],!0))},is:function(a){return!!d(this,"string"==typeof a&&fb.test(a)?_(a):a||[],!1).length}});var ib,jb=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,kb=_.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:jb.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||ib).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof _?b[0]:b,_.merge(this,_.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:Z,!0)),gb.test(c[1])&&_.isPlainObject(b))for(c in b)_.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=Z.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=Z,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):_.isFunction(a)?"undefined"!=typeof ib.ready?ib.ready(a):a(_):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),_.makeArray(a,this))};kb.prototype=_.fn,ib=_(Z);var lb=/^(?:parents|prev(?:Until|All))/,mb={children:!0,contents:!0,next:!0,prev:!0};_.extend({dir:function(a,b,c){for(var d=[],e=void 0!==c;(a=a[b])&&9!==a.nodeType;)if(1===a.nodeType){if(e&&_(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),_.fn.extend({has:function(a){var b=_(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(_.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=fb.test(a)||"string"!=typeof a?_(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&_.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?_.unique(f):f)},index:function(a){return a?"string"==typeof a?U.call(_(a),this[0]):U.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(_.unique(_.merge(this.get(),_(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}}),_.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return _.dir(a,"parentNode")},parentsUntil:function(a,b,c){return _.dir(a,"parentNode",c)},next:function(a){return e(a,"nextSibling")},prev:function(a){return e(a,"previousSibling")},nextAll:function(a){return _.dir(a,"nextSibling")},prevAll:function(a){return _.dir(a,"previousSibling")},nextUntil:function(a,b,c){return _.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return _.dir(a,"previousSibling",c)},siblings:function(a){return _.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return _.sibling(a.firstChild)},contents:function(a){return a.contentDocument||_.merge([],a.childNodes)}},function(a,b){_.fn[a]=function(c,d){var e=_.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=_.filter(d,e)),this.length>1&&(mb[a]||_.unique(e),lb.test(a)&&e.reverse()),this.pushStack(e)}});var nb=/\S+/g,ob={};_.Callbacks=function(a){a="string"==typeof a?ob[a]||f(a):_.extend({},a);var b,c,d,e,g,h,i=[],j=!a.once&&[],k=function(f){for(b=a.memory&&f,c=!0,h=e||0,e=0,g=i.length,d=!0;i&&g>h;h++)if(i[h].apply(f[0],f[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,i&&(j?j.length&&k(j.shift()):b?i=[]:l.disable())},l={add:function(){if(i){var c=i.length;!function f(b){_.each(b,function(b,c){var d=_.type(c);"function"===d?a.unique&&l.has(c)||i.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),d?g=i.length:b&&(e=c,k(b))}return this},remove:function(){return i&&_.each(arguments,function(a,b){for(var c;(c=_.inArray(b,i,c))>-1;)i.splice(c,1),d&&(g>=c&&g--,h>=c&&h--)}),this},has:function(a){return a?_.inArray(a,i)>-1:!(!i||!i.length)},empty:function(){return i=[],g=0,this},disable:function(){return i=j=b=void 0,this},disabled:function(){return!i},lock:function(){return j=void 0,b||l.disable(),this},locked:function(){return!j},fireWith:function(a,b){return!i||c&&!j||(b=b||[],b=[a,b.slice?b.slice():b],d?j.push(b):k(b)),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!c}};return l},_.extend({Deferred:function(a){var b=[["resolve","done",_.Callbacks("once memory"),"resolved"],["reject","fail",_.Callbacks("once memory"),"rejected"],["notify","progress",_.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return _.Deferred(function(c){_.each(b,function(b,f){var g=_.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&_.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?_.extend(a,d):d}},e={};return d.pipe=d.then,_.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b,c,d,e=0,f=R.call(arguments),g=f.length,h=1!==g||a&&_.isFunction(a.promise)?g:0,i=1===h?a:_.Deferred(),j=function(a,c,d){return function(e){c[a]=this,d[a]=arguments.length>1?R.call(arguments):e,d===b?i.notifyWith(c,d):--h||i.resolveWith(c,d)}};if(g>1)for(b=new Array(g),c=new Array(g),d=new Array(g);g>e;e++)f[e]&&_.isFunction(f[e].promise)?f[e].promise().done(j(e,d,f)).fail(i.reject).progress(j(e,c,b)):--h;return h||i.resolveWith(d,f),i.promise()}});var pb;_.fn.ready=function(a){return _.ready.promise().done(a),this},_.extend({isReady:!1,readyWait:1,holdReady:function(a){a?_.readyWait++:_.ready(!0)},ready:function(a){(a===!0?--_.readyWait:_.isReady)||(_.isReady=!0,a!==!0&&--_.readyWait>0||(pb.resolveWith(Z,[_]),_.fn.triggerHandler&&(_(Z).triggerHandler("ready"),_(Z).off("ready"))))}}),_.ready.promise=function(b){return pb||(pb=_.Deferred(),"complete"===Z.readyState?setTimeout(_.ready):(Z.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1))),pb.promise(b)},_.ready.promise();var qb=_.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===_.type(c)){e=!0;for(h in c)_.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,_.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(_(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};_.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType},h.uid=1,h.accepts=_.acceptData,h.prototype={key:function(a){if(!h.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=h.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,_.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(_.isEmptyObject(f))_.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,_.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{_.isArray(b)?d=b.concat(b.map(_.camelCase)):(e=_.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(nb)||[])),c=d.length;for(;c--;)delete g[d[c]]}},hasData:function(a){return!_.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var rb=new h,sb=new h,tb=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,ub=/([A-Z])/g;_.extend({hasData:function(a){return sb.hasData(a)||rb.hasData(a)},data:function(a,b,c){return sb.access(a,b,c)},removeData:function(a,b){sb.remove(a,b)},_data:function(a,b,c){return rb.access(a,b,c)},_removeData:function(a,b){rb.remove(a,b)}}),_.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=sb.get(f),1===f.nodeType&&!rb.get(f,"hasDataAttrs"))){for(c=g.length;c--;)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=_.camelCase(d.slice(5)),i(f,d,e[d])));rb.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){sb.set(this,a)}):qb(this,function(b){var c,d=_.camelCase(a);if(f&&void 0===b){if(c=sb.get(f,a),void 0!==c)return c;if(c=sb.get(f,d),void 0!==c)return c;if(c=i(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=sb.get(this,d);sb.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&sb.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){sb.remove(this,a)})}}),_.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=rb.get(a,b),c&&(!d||_.isArray(c)?d=rb.access(a,b,_.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=_.queue(a,b),d=c.length,e=c.shift(),f=_._queueHooks(a,b),g=function(){_.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return rb.get(a,c)||rb.access(a,c,{empty:_.Callbacks("once memory").add(function(){rb.remove(a,[b+"queue",c])})})}}),_.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?_.queue(this[0],a):void 0===b?this:this.each(function(){var c=_.queue(this,a,b);_._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&_.dequeue(this,a)})},dequeue:function(a){return this.each(function(){_.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=_.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};for("string"!=typeof a&&(b=a,a=void 0),a=a||"fx";g--;)c=rb.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var vb=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,wb=["Top","Right","Bottom","Left"],xb=function(a,b){return a=b||a,"none"===_.css(a,"display")||!_.contains(a.ownerDocument,a)},yb=/^(?:checkbox|radio)$/i;!function(){var a=Z.createDocumentFragment(),b=a.appendChild(Z.createElement("div")),c=Z.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),Y.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",Y.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var zb="undefined";Y.focusinBubbles="onfocusin"in a;var Ab=/^key/,Bb=/^(?:mouse|pointer|contextmenu)|click/,Cb=/^(?:focusinfocus|focusoutblur)$/,Db=/^([^.]*)(?:\.(.+)|)$/;_.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=rb.get(a);if(q)for(c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=_.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return typeof _!==zb&&_.event.triggered!==b.type?_.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(nb)||[""],j=b.length;j--;)h=Db.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=_.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=_.event.special[n]||{},k=_.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&_.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),_.event.global[n]=!0)},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=rb.hasData(a)&&rb.get(a);if(q&&(i=q.events)){for(b=(b||"").match(nb)||[""],j=b.length;j--;)if(h=Db.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){for(l=_.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;f--;)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||_.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)_.event.remove(a,n+b[j],c,d,!0);_.isEmptyObject(i)&&(delete q.handle,rb.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,j,k,l,m=[d||Z],n=X.call(b,"type")?b.type:b,o=X.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||Z,3!==d.nodeType&&8!==d.nodeType&&!Cb.test(n+_.event.triggered)&&(n.indexOf(".")>=0&&(o=n.split("."),n=o.shift(),o.sort()),j=n.indexOf(":")<0&&"on"+n,b=b[_.expando]?b:new _.Event(n,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=o.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:_.makeArray(c,[b]),l=_.event.special[n]||{},e||!l.trigger||l.trigger.apply(d,c)!==!1)){if(!e&&!l.noBubble&&!_.isWindow(d)){for(i=l.delegateType||n,Cb.test(i+n)||(g=g.parentNode);g;g=g.parentNode)m.push(g),h=g;h===(d.ownerDocument||Z)&&m.push(h.defaultView||h.parentWindow||a)}for(f=0;(g=m[f++])&&!b.isPropagationStopped();)b.type=f>1?i:l.bindType||n,k=(rb.get(g,"events")||{})[b.type]&&rb.get(g,"handle"),k&&k.apply(g,c),k=j&&g[j],k&&k.apply&&_.acceptData(g)&&(b.result=k.apply(g,c),b.result===!1&&b.preventDefault());return b.type=n,e||b.isDefaultPrevented()||l._default&&l._default.apply(m.pop(),c)!==!1||!_.acceptData(d)||j&&_.isFunction(d[n])&&!_.isWindow(d)&&(h=d[j],h&&(d[j]=null),_.event.triggered=n,d[n](),_.event.triggered=void 0,h&&(d[j]=h)),b.result}},dispatch:function(a){a=_.event.fix(a);var b,c,d,e,f,g=[],h=R.call(arguments),i=(rb.get(this,"events")||{})[a.type]||[],j=_.event.special[a.type]||{};if(h[0]=a,a.delegateTarget=this,!j.preDispatch||j.preDispatch.call(this,a)!==!1){for(g=_.event.handlers.call(this,a,i),b=0;(e=g[b++])&&!a.isPropagationStopped();)for(a.currentTarget=e.elem,c=0;(f=e.handlers[c++])&&!a.isImmediatePropagationStopped();)(!a.namespace_re||a.namespace_re.test(f.namespace))&&(a.handleObj=f,a.data=f.data,d=((_.event.special[f.origType]||{}).handle||f.handler).apply(e.elem,h),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()));return j.postDispatch&&j.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?_(e,this).index(i)>=0:_.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||Z,d=c.documentElement,e=c.body,a.pageX=b.clientX+(d&&d.scrollLeft||e&&e.scrollLeft||0)-(d&&d.clientLeft||e&&e.clientLeft||0),a.pageY=b.clientY+(d&&d.scrollTop||e&&e.scrollTop||0)-(d&&d.clientTop||e&&e.clientTop||0)),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},fix:function(a){if(a[_.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];for(g||(this.fixHooks[e]=g=Bb.test(e)?this.mouseHooks:Ab.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new _.Event(f),b=d.length;b--;)c=d[b],a[c]=f[c];return a.target||(a.target=Z),3===a.target.nodeType&&(a.target=a.target.parentNode),g.filter?g.filter(a,f):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==l()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===l()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&_.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return _.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=_.extend(new _.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?_.event.trigger(e,null,b):_.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},_.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)},_.Event=function(a,b){return this instanceof _.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?j:k):this.type=a,b&&_.extend(this,b),this.timeStamp=a&&a.timeStamp||_.now(),void(this[_.expando]=!0)):new _.Event(a,b)},_.Event.prototype={isDefaultPrevented:k,isPropagationStopped:k,isImmediatePropagationStopped:k,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=j,a&&a.preventDefault&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=j,a&&a.stopPropagation&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=j,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},_.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){_.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!_.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),Y.focusinBubbles||_.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){_.event.simulate(b,a.target,_.event.fix(a),!0)};_.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=rb.access(d,b);e||d.addEventListener(a,c,!0),rb.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=rb.access(d,b)-1;e?rb.access(d,b,e):(d.removeEventListener(a,c,!0),rb.remove(d,b))}}}),_.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(g in a)this.on(g,b,c,a[g],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=k;else if(!d)return this;return 1===e&&(f=d,d=function(a){return _().off(a),f.apply(this,arguments)},d.guid=f.guid||(f.guid=_.guid++)),this.each(function(){_.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,_(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=k),this.each(function(){_.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){_.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?_.event.trigger(a,b,c,!0):void 0}});var Eb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,Fb=/<([\w:]+)/,Gb=/<|&#?\w+;/,Hb=/<(?:script|style|link)/i,Ib=/checked\s*(?:[^=]|=\s*.checked.)/i,Jb=/^$|\/(?:java|ecma)script/i,Kb=/^true\/(.*)/,Lb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,Mb={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};Mb.optgroup=Mb.option,Mb.tbody=Mb.tfoot=Mb.colgroup=Mb.caption=Mb.thead,Mb.th=Mb.td,_.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=_.contains(a.ownerDocument,a);if(!(Y.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||_.isXMLDoc(a)))for(g=r(h),f=r(a),d=0,e=f.length;e>d;d++)s(f[d],g[d]);if(b)if(c)for(f=f||r(a),g=g||r(h),d=0,e=f.length;e>d;d++)q(f[d],g[d]);else q(a,h);return g=r(h,"script"),g.length>0&&p(g,!i&&r(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,n=a.length;n>m;m++)if(e=a[m],e||0===e)if("object"===_.type(e))_.merge(l,e.nodeType?[e]:e);else if(Gb.test(e)){for(f=f||k.appendChild(b.createElement("div")),g=(Fb.exec(e)||["",""])[1].toLowerCase(),h=Mb[g]||Mb._default,f.innerHTML=h[1]+e.replace(Eb,"<$1></$2>")+h[2],j=h[0];j--;)f=f.lastChild;_.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));for(k.textContent="",m=0;e=l[m++];)if((!d||-1===_.inArray(e,d))&&(i=_.contains(e.ownerDocument,e),f=r(k.appendChild(e),"script"),i&&p(f),c))for(j=0;e=f[j++];)Jb.test(e.type||"")&&c.push(e);return k},cleanData:function(a){for(var b,c,d,e,f=_.event.special,g=0;void 0!==(c=a[g]);g++){if(_.acceptData(c)&&(e=c[rb.expando],e&&(b=rb.cache[e]))){if(b.events)for(d in b.events)f[d]?_.event.remove(c,d):_.removeEvent(c,d,b.handle);rb.cache[e]&&delete rb.cache[e]}delete sb.cache[c[sb.expando]]}}}),_.fn.extend({text:function(a){return qb(this,function(a){return void 0===a?_.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=m(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=m(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?_.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||_.cleanData(r(c)),c.parentNode&&(b&&_.contains(c.ownerDocument,c)&&p(r(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(_.cleanData(r(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return _.clone(this,a,b)})},html:function(a){return qb(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!Hb.test(a)&&!Mb[(Fb.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Eb,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(_.cleanData(r(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,_.cleanData(r(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=S.apply([],a);var c,d,e,f,g,h,i=0,j=this.length,k=this,l=j-1,m=a[0],p=_.isFunction(m);if(p||j>1&&"string"==typeof m&&!Y.checkClone&&Ib.test(m))return this.each(function(c){var d=k.eq(c);p&&(a[0]=m.call(this,c,d.html())),d.domManip(a,b)});if(j&&(c=_.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(e=_.map(r(c,"script"),n),f=e.length;j>i;i++)g=c,i!==l&&(g=_.clone(g,!0,!0),f&&_.merge(e,r(g,"script"))),b.call(this[i],g,i);if(f)for(h=e[e.length-1].ownerDocument,_.map(e,o),i=0;f>i;i++)g=e[i],Jb.test(g.type||"")&&!rb.access(g,"globalEval")&&_.contains(h,g)&&(g.src?_._evalUrl&&_._evalUrl(g.src):_.globalEval(g.textContent.replace(Lb,"")))}return this}}),_.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){_.fn[a]=function(a){for(var c,d=[],e=_(a),f=e.length-1,g=0;f>=g;g++)c=g===f?this:this.clone(!0),_(e[g])[b](c),T.apply(d,c.get());return this.pushStack(d)}});var Nb,Ob={},Pb=/^margin/,Qb=new RegExp("^("+vb+")(?!px)[a-z%]+$","i"),Rb=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)};!function(){function b(){g.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",g.innerHTML="",e.appendChild(f);var b=a.getComputedStyle(g,null);c="1%"!==b.top,d="4px"===b.width,e.removeChild(f)}var c,d,e=Z.documentElement,f=Z.createElement("div"),g=Z.createElement("div");g.style&&(g.style.backgroundClip="content-box",g.cloneNode(!0).style.backgroundClip="",Y.clearCloneStyle="content-box"===g.style.backgroundClip,f.style.cssText="border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute",f.appendChild(g),a.getComputedStyle&&_.extend(Y,{pixelPosition:function(){return b(),c},boxSizingReliable:function(){return null==d&&b(),d},reliableMarginRight:function(){var b,c=g.appendChild(Z.createElement("div"));return c.style.cssText=g.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",g.style.width="1px",e.appendChild(f),b=!parseFloat(a.getComputedStyle(c,null).marginRight),e.removeChild(f),g.removeChild(c),b}}))}(),_.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Sb=/^(none|table(?!-c[ea]).+)/,Tb=new RegExp("^("+vb+")(.*)$","i"),Ub=new RegExp("^([+-])=("+vb+")","i"),Vb={position:"absolute",visibility:"hidden",display:"block"},Wb={letterSpacing:"0",fontWeight:"400"},Xb=["Webkit","O","Moz","ms"];_.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=v(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=_.camelCase(b),i=a.style;return b=_.cssProps[h]||(_.cssProps[h]=x(i,h)),g=_.cssHooks[b]||_.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=Ub.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(_.css(a,b)),f="number"),void(null!=c&&c===c&&("number"!==f||_.cssNumber[h]||(c+="px"),Y.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c))))}},css:function(a,b,c,d){var e,f,g,h=_.camelCase(b);return b=_.cssProps[h]||(_.cssProps[h]=x(a.style,h)),g=_.cssHooks[b]||_.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=v(a,b,d)),"normal"===e&&b in Wb&&(e=Wb[b]),""===c||c?(f=parseFloat(e),c===!0||_.isNumeric(f)?f||0:e):e}}),_.each(["height","width"],function(a,b){_.cssHooks[b]={get:function(a,c,d){return c?Sb.test(_.css(a,"display"))&&0===a.offsetWidth?_.swap(a,Vb,function(){return A(a,b,d)}):A(a,b,d):void 0},set:function(a,c,d){var e=d&&Rb(a);return y(a,c,d?z(a,b,d,"border-box"===_.css(a,"boxSizing",!1,e),e):0)}}}),_.cssHooks.marginRight=w(Y.reliableMarginRight,function(a,b){return b?_.swap(a,{display:"inline-block"},v,[a,"marginRight"]):void 0}),_.each({margin:"",padding:"",border:"Width"},function(a,b){_.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+wb[d]+b]=f[d]||f[d-2]||f[0];return e}},Pb.test(a)||(_.cssHooks[a+b].set=y)}),_.fn.extend({css:function(a,b){return qb(this,function(a,b,c){var d,e,f={},g=0;if(_.isArray(b)){for(d=Rb(a),e=b.length;e>g;g++)f[b[g]]=_.css(a,b[g],!1,d);return f}return void 0!==c?_.style(a,b,c):_.css(a,b)},a,b,arguments.length>1)},show:function(){return B(this,!0)},hide:function(){return B(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){xb(this)?_(this).show():_(this).hide()})}}),_.Tween=C,C.prototype={constructor:C,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(_.cssNumber[c]?"":"px")},cur:function(){var a=C.propHooks[this.prop];return a&&a.get?a.get(this):C.propHooks._default.get(this)},run:function(a){var b,c=C.propHooks[this.prop];return this.pos=b=this.options.duration?_.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):C.propHooks._default.set(this),this}},C.prototype.init.prototype=C.prototype,C.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=_.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){_.fx.step[a.prop]?_.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[_.cssProps[a.prop]]||_.cssHooks[a.prop])?_.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},C.propHooks.scrollTop=C.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},_.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},_.fx=C.prototype.init,_.fx.step={};var Yb,Zb,$b=/^(?:toggle|show|hide)$/,_b=new RegExp("^(?:([+-])=|)("+vb+")([a-z%]*)$","i"),ac=/queueHooks$/,bc=[G],cc={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=_b.exec(b),f=e&&e[3]||(_.cssNumber[a]?"":"px"),g=(_.cssNumber[a]||"px"!==f&&+d)&&_b.exec(_.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,_.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};_.Animation=_.extend(I,{tweener:function(a,b){_.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],cc[c]=cc[c]||[],cc[c].unshift(b)},prefilter:function(a,b){b?bc.unshift(a):bc.push(a)}}),_.speed=function(a,b,c){var d=a&&"object"==typeof a?_.extend({},a):{complete:c||!c&&b||_.isFunction(a)&&a,duration:a,easing:c&&b||b&&!_.isFunction(b)&&b};return d.duration=_.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in _.fx.speeds?_.fx.speeds[d.duration]:_.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){_.isFunction(d.old)&&d.old.call(this),d.queue&&_.dequeue(this,d.queue)},d},_.fn.extend({fadeTo:function(a,b,c,d){return this.filter(xb).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=_.isEmptyObject(a),f=_.speed(b,c,d),g=function(){var b=I(this,_.extend({},a),f);(e||rb.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=_.timers,g=rb.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&ac.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&_.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=rb.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=_.timers,g=d?d.length:0;for(c.finish=!0,_.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);
+delete c.finish})}}),_.each(["toggle","show","hide"],function(a,b){var c=_.fn[b];_.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(E(b,!0),a,d,e)}}),_.each({slideDown:E("show"),slideUp:E("hide"),slideToggle:E("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){_.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),_.timers=[],_.fx.tick=function(){var a,b=0,c=_.timers;for(Yb=_.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||_.fx.stop(),Yb=void 0},_.fx.timer=function(a){_.timers.push(a),a()?_.fx.start():_.timers.pop()},_.fx.interval=13,_.fx.start=function(){Zb||(Zb=setInterval(_.fx.tick,_.fx.interval))},_.fx.stop=function(){clearInterval(Zb),Zb=null},_.fx.speeds={slow:600,fast:200,_default:400},_.fn.delay=function(a,b){return a=_.fx?_.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a=Z.createElement("input"),b=Z.createElement("select"),c=b.appendChild(Z.createElement("option"));a.type="checkbox",Y.checkOn=""!==a.value,Y.optSelected=c.selected,b.disabled=!0,Y.optDisabled=!c.disabled,a=Z.createElement("input"),a.value="t",a.type="radio",Y.radioValue="t"===a.value}();var dc,ec,fc=_.expr.attrHandle;_.fn.extend({attr:function(a,b){return qb(this,_.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){_.removeAttr(this,a)})}}),_.extend({attr:function(a,b,c){var d,e,f=a.nodeType;return a&&3!==f&&8!==f&&2!==f?typeof a.getAttribute===zb?_.prop(a,b,c):(1===f&&_.isXMLDoc(a)||(b=b.toLowerCase(),d=_.attrHooks[b]||(_.expr.match.bool.test(b)?ec:dc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=_.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void _.removeAttr(a,b)):void 0},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(nb);if(f&&1===a.nodeType)for(;c=f[e++];)d=_.propFix[c]||c,_.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)},attrHooks:{type:{set:function(a,b){if(!Y.radioValue&&"radio"===b&&_.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),ec={set:function(a,b,c){return b===!1?_.removeAttr(a,c):a.setAttribute(c,c),c}},_.each(_.expr.match.bool.source.match(/\w+/g),function(a,b){var c=fc[b]||_.find.attr;fc[b]=function(a,b,d){var e,f;return d||(f=fc[b],fc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,fc[b]=f),e}});var gc=/^(?:input|select|textarea|button)$/i;_.fn.extend({prop:function(a,b){return qb(this,_.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[_.propFix[a]||a]})}}),_.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;return a&&3!==g&&8!==g&&2!==g?(f=1!==g||!_.isXMLDoc(a),f&&(b=_.propFix[b]||b,e=_.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]):void 0},propHooks:{tabIndex:{get:function(a){return a.hasAttribute("tabindex")||gc.test(a.nodeName)||a.href?a.tabIndex:-1}}}}),Y.optSelected||(_.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null}}),_.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){_.propFix[this.toLowerCase()]=this});var hc=/[\t\r\n\f]/g;_.fn.extend({addClass:function(a){var b,c,d,e,f,g,h="string"==typeof a&&a,i=0,j=this.length;if(_.isFunction(a))return this.each(function(b){_(this).addClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(nb)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(hc," "):" ")){for(f=0;e=b[f++];)d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=_.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0===arguments.length||"string"==typeof a&&a,i=0,j=this.length;if(_.isFunction(a))return this.each(function(b){_(this).removeClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(nb)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(hc," "):"")){for(f=0;e=b[f++];)for(;d.indexOf(" "+e+" ")>=0;)d=d.replace(" "+e+" "," ");g=a?_.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(_.isFunction(a)?function(c){_(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c)for(var b,d=0,e=_(this),f=a.match(nb)||[];b=f[d++];)e.hasClass(b)?e.removeClass(b):e.addClass(b);else(c===zb||"boolean"===c)&&(this.className&&rb.set(this,"__className__",this.className),this.className=this.className||a===!1?"":rb.get(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(hc," ").indexOf(b)>=0)return!0;return!1}});var ic=/\r/g;_.fn.extend({val:function(a){var b,c,d,e=this[0];return arguments.length?(d=_.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,_(this).val()):a,null==e?e="":"number"==typeof e?e+="":_.isArray(e)&&(e=_.map(e,function(a){return null==a?"":a+""})),b=_.valHooks[this.type]||_.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))})):e?(b=_.valHooks[e.type]||_.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(ic,""):null==c?"":c)):void 0}}),_.extend({valHooks:{option:{get:function(a){var b=_.find.attr(a,"value");return null!=b?b:_.trim(_.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(Y.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&_.nodeName(c.parentNode,"optgroup"))){if(b=_(c).val(),f)return b;g.push(b)}return g},set:function(a,b){for(var c,d,e=a.options,f=_.makeArray(b),g=e.length;g--;)d=e[g],(d.selected=_.inArray(d.value,f)>=0)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),_.each(["radio","checkbox"],function(){_.valHooks[this]={set:function(a,b){return _.isArray(b)?a.checked=_.inArray(_(a).val(),b)>=0:void 0}},Y.checkOn||(_.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})}),_.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){_.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),_.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var jc=_.now(),kc=/\?/;_.parseJSON=function(a){return JSON.parse(a+"")},_.parseXML=function(a){var b,c;if(!a||"string"!=typeof a)return null;try{c=new DOMParser,b=c.parseFromString(a,"text/xml")}catch(d){b=void 0}return(!b||b.getElementsByTagName("parsererror").length)&&_.error("Invalid XML: "+a),b};var lc=/#.*$/,mc=/([?&])_=[^&]*/,nc=/^(.*?):[ \t]*([^\r\n]*)$/gm,oc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,pc=/^(?:GET|HEAD)$/,qc=/^\/\//,rc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,sc={},tc={},uc="*/".concat("*"),vc=a.location.href,wc=rc.exec(vc.toLowerCase())||[];_.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:vc,type:"GET",isLocal:oc.test(wc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":uc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":_.parseJSON,"text xml":_.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?L(L(a,_.ajaxSettings),b):L(_.ajaxSettings,a)},ajaxPrefilter:J(sc),ajaxTransport:J(tc),ajax:function(a,b){function c(a,b,c,g){var i,k,r,s,u,w=b;2!==t&&(t=2,h&&clearTimeout(h),d=void 0,f=g||"",v.readyState=a>0?4:0,i=a>=200&&300>a||304===a,c&&(s=M(l,v,c)),s=N(l,s,v,i),i?(l.ifModified&&(u=v.getResponseHeader("Last-Modified"),u&&(_.lastModified[e]=u),u=v.getResponseHeader("etag"),u&&(_.etag[e]=u)),204===a||"HEAD"===l.type?w="nocontent":304===a?w="notmodified":(w=s.state,k=s.data,r=s.error,i=!r)):(r=w,(a||!w)&&(w="error",0>a&&(a=0))),v.status=a,v.statusText=(b||w)+"",i?o.resolveWith(m,[k,w,v]):o.rejectWith(m,[v,w,r]),v.statusCode(q),q=void 0,j&&n.trigger(i?"ajaxSuccess":"ajaxError",[v,l,i?k:r]),p.fireWith(m,[v,w]),j&&(n.trigger("ajaxComplete",[v,l]),--_.active||_.event.trigger("ajaxStop")))}"object"==typeof a&&(b=a,a=void 0),b=b||{};var d,e,f,g,h,i,j,k,l=_.ajaxSetup({},b),m=l.context||l,n=l.context&&(m.nodeType||m.jquery)?_(m):_.event,o=_.Deferred(),p=_.Callbacks("once memory"),q=l.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!g)for(g={};b=nc.exec(f);)g[b[1].toLowerCase()]=b[2];b=g[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(l.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return d&&d.abort(b),c(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,l.url=((a||l.url||vc)+"").replace(lc,"").replace(qc,wc[1]+"//"),l.type=b.method||b.type||l.method||l.type,l.dataTypes=_.trim(l.dataType||"*").toLowerCase().match(nb)||[""],null==l.crossDomain&&(i=rc.exec(l.url.toLowerCase()),l.crossDomain=!(!i||i[1]===wc[1]&&i[2]===wc[2]&&(i[3]||("http:"===i[1]?"80":"443"))===(wc[3]||("http:"===wc[1]?"80":"443")))),l.data&&l.processData&&"string"!=typeof l.data&&(l.data=_.param(l.data,l.traditional)),K(sc,l,b,v),2===t)return v;j=_.event&&l.global,j&&0===_.active++&&_.event.trigger("ajaxStart"),l.type=l.type.toUpperCase(),l.hasContent=!pc.test(l.type),e=l.url,l.hasContent||(l.data&&(e=l.url+=(kc.test(e)?"&":"?")+l.data,delete l.data),l.cache===!1&&(l.url=mc.test(e)?e.replace(mc,"$1_="+jc++):e+(kc.test(e)?"&":"?")+"_="+jc++)),l.ifModified&&(_.lastModified[e]&&v.setRequestHeader("If-Modified-Since",_.lastModified[e]),_.etag[e]&&v.setRequestHeader("If-None-Match",_.etag[e])),(l.data&&l.hasContent&&l.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",l.contentType),v.setRequestHeader("Accept",l.dataTypes[0]&&l.accepts[l.dataTypes[0]]?l.accepts[l.dataTypes[0]]+("*"!==l.dataTypes[0]?", "+uc+"; q=0.01":""):l.accepts["*"]);for(k in l.headers)v.setRequestHeader(k,l.headers[k]);if(l.beforeSend&&(l.beforeSend.call(m,v,l)===!1||2===t))return v.abort();u="abort";for(k in{success:1,error:1,complete:1})v[k](l[k]);if(d=K(tc,l,b,v)){v.readyState=1,j&&n.trigger("ajaxSend",[v,l]),l.async&&l.timeout>0&&(h=setTimeout(function(){v.abort("timeout")},l.timeout));try{t=1,d.send(r,c)}catch(w){if(!(2>t))throw w;c(-1,w)}}else c(-1,"No Transport");return v},getJSON:function(a,b,c){return _.get(a,b,c,"json")},getScript:function(a,b){return _.get(a,void 0,b,"script")}}),_.each(["get","post"],function(a,b){_[b]=function(a,c,d,e){return _.isFunction(c)&&(e=e||d,d=c,c=void 0),_.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),_._evalUrl=function(a){return _.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},_.fn.extend({wrapAll:function(a){var b;return _.isFunction(a)?this.each(function(b){_(this).wrapAll(a.call(this,b))}):(this[0]&&(b=_(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){for(var a=this;a.firstElementChild;)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return this.each(_.isFunction(a)?function(b){_(this).wrapInner(a.call(this,b))}:function(){var b=_(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=_.isFunction(a);return this.each(function(c){_(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){_.nodeName(this,"body")||_(this).replaceWith(this.childNodes)}).end()}}),_.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0},_.expr.filters.visible=function(a){return!_.expr.filters.hidden(a)};var xc=/%20/g,yc=/\[\]$/,zc=/\r?\n/g,Ac=/^(?:submit|button|image|reset|file)$/i,Bc=/^(?:input|select|textarea|keygen)/i;_.param=function(a,b){var c,d=[],e=function(a,b){b=_.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=_.ajaxSettings&&_.ajaxSettings.traditional),_.isArray(a)||a.jquery&&!_.isPlainObject(a))_.each(a,function(){e(this.name,this.value)});else for(c in a)O(c,a[c],b,e);return d.join("&").replace(xc,"+")},_.fn.extend({serialize:function(){return _.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=_.prop(this,"elements");return a?_.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!_(this).is(":disabled")&&Bc.test(this.nodeName)&&!Ac.test(a)&&(this.checked||!yb.test(a))}).map(function(a,b){var c=_(this).val();return null==c?null:_.isArray(c)?_.map(c,function(a){return{name:b.name,value:a.replace(zc,"\r\n")}}):{name:b.name,value:c.replace(zc,"\r\n")}}).get()}}),_.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(a){}};var Cc=0,Dc={},Ec={0:200,1223:204},Fc=_.ajaxSettings.xhr();a.attachEvent&&a.attachEvent("onunload",function(){for(var a in Dc)Dc[a]()}),Y.cors=!!Fc&&"withCredentials"in Fc,Y.ajax=Fc=!!Fc,_.ajaxTransport(function(a){var b;return Y.cors||Fc&&!a.crossDomain?{send:function(c,d){var e,f=a.xhr(),g=++Cc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)f.setRequestHeader(e,c[e]);b=function(a){return function(){b&&(delete Dc[g],b=f.onload=f.onerror=null,"abort"===a?f.abort():"error"===a?d(f.status,f.statusText):d(Ec[f.status]||f.status,f.statusText,"string"==typeof f.responseText?{text:f.responseText}:void 0,f.getAllResponseHeaders()))}},f.onload=b(),f.onerror=b("error"),b=Dc[g]=b("abort");try{f.send(a.hasContent&&a.data||null)}catch(h){if(b)throw h}},abort:function(){b&&b()}}:void 0}),_.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return _.globalEval(a),a}}}),_.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),_.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(d,e){b=_("<script>").prop({async:!0,charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&e("error"===a.type?404:200,a.type)}),Z.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Gc=[],Hc=/(=)\?(?=&|$)|\?\?/;_.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Gc.pop()||_.expando+"_"+jc++;return this[a]=!0,a}}),_.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Hc.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Hc.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=_.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Hc,"$1"+e):b.jsonp!==!1&&(b.url+=(kc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||_.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Gc.push(e)),g&&_.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),_.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||Z;var d=gb.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=_.buildFragment([a],b,e),e&&e.length&&_(e).remove(),_.merge([],d.childNodes))};var Ic=_.fn.load;_.fn.load=function(a,b,c){if("string"!=typeof a&&Ic)return Ic.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=_.trim(a.slice(h)),a=a.slice(0,h)),_.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&_.ajax({url:a,type:e,dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?_("<div>").append(_.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,f||[a.responseText,b,a])}),this},_.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){_.fn[b]=function(a){return this.on(b,a)}}),_.expr.filters.animated=function(a){return _.grep(_.timers,function(b){return a===b.elem}).length};var Jc=a.document.documentElement;_.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=_.css(a,"position"),l=_(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=_.css(a,"top"),i=_.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),_.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},_.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){_.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;return f?(b=f.documentElement,_.contains(b,d)?(typeof d.getBoundingClientRect!==zb&&(e=d.getBoundingClientRect()),c=P(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e):void 0},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===_.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),_.nodeName(a[0],"html")||(d=a.offset()),d.top+=_.css(a[0],"borderTopWidth",!0),d.left+=_.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-_.css(c,"marginTop",!0),left:b.left-d.left-_.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||Jc;a&&!_.nodeName(a,"html")&&"static"===_.css(a,"position");)a=a.offsetParent;return a||Jc})}}),_.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){var d="pageYOffset"===c;_.fn[b]=function(e){return qb(this,function(b,e,f){var g=P(b);return void 0===f?g?g[c]:b[e]:void(g?g.scrollTo(d?a.pageXOffset:f,d?f:a.pageYOffset):b[e]=f)},b,e,arguments.length,null)}}),_.each(["top","left"],function(a,b){_.cssHooks[b]=w(Y.pixelPosition,function(a,c){return c?(c=v(a,b),Qb.test(c)?_(a).position()[b]+"px":c):void 0})}),_.each({Height:"height",Width:"width"},function(a,b){_.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){_.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return qb(this,function(b,c,d){var e;return _.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?_.css(b,c,g):_.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),_.fn.size=function(){return this.length},_.fn.andSelf=_.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return _});var Kc=a.jQuery,Lc=a.$;return _.noConflict=function(b){return a.$===_&&(a.$=Lc),b&&a.jQuery===_&&(a.jQuery=Kc),_},typeof b===zb&&(a.jQuery=a.$=_),_}),"undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.2",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.2",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active"));a&&this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.2",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&"show"==b&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a(this.options.trigger).filter('[href="#'+b.id+'"], [data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.2",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0,trigger:'[data-toggle="collapse"]'},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":a.extend({},e.data(),{trigger:this});c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){b&&3===b.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=c(d),f={relatedTarget:this};e.hasClass("open")&&(e.trigger(b=a.Event("hide.bs.dropdown",f)),b.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger("hidden.bs.dropdown",f)))}))}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.2",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b);
+var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger("shown.bs.dropdown",h)}return!1}},g.prototype.keydown=function(b){if(/(38|40|27|32)/.test(b.which)&&!/input|textarea/i.test(b.target.tagName)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var e=c(d),g=e.hasClass("open");if(!g&&27!=b.which||g&&27==b.which)return 27==b.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.divider):visible a",i=e.find('[role="menu"]'+h+', [role="listbox"]'+h);if(i.length){var j=i.index(b.target);38==b.which&&j>0&&j--,40==b.which&&j<i.length-1&&j++,~j||(j=0),i.eq(j).trigger("focus")}}}};var h=a.fn.dropdown;a.fn.dropdown=d,a.fn.dropdown.Constructor=g,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=h,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",f,g.prototype.toggle).on("keydown.bs.dropdown.data-api",f,g.prototype.keydown).on("keydown.bs.dropdown.data-api",'[role="menu"]',g.prototype.keydown).on("keydown.bs.dropdown.data-api",'[role="listbox"]',g.prototype.keydown)}(jQuery),+function(a){"use strict";function b(b,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},c.DEFAULTS,e.data(),"object"==typeof b&&b);f||e.data("bs.modal",f=new c(this,g)),"string"==typeof b?f[b](d):g.show&&f.show(d)})}var c=function(b,c){this.options=c,this.$body=a(document.body),this.$element=a(b),this.$backdrop=this.isShown=null,this.scrollbarWidth=0,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};c.VERSION="3.3.2",c.TRANSITION_DURATION=300,c.BACKDROP_TRANSITION_DURATION=150,c.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},c.prototype.toggle=function(a){return this.isShown?this.hide():this.show(a)},c.prototype.show=function(b){var d=this,e=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.setScrollbar(),this.$body.addClass("modal-open"),this.escape(),this.resize(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var e=a.support.transition&&d.$element.hasClass("fade");d.$element.parent().length||d.$element.appendTo(d.$body),d.$element.show().scrollTop(0),d.options.backdrop&&d.adjustBackdrop(),d.adjustDialog(),e&&d.$element[0].offsetWidth,d.$element.addClass("in").attr("aria-hidden",!1),d.enforceFocus();var f=a.Event("shown.bs.modal",{relatedTarget:b});e?d.$element.find(".modal-dialog").one("bsTransitionEnd",function(){d.$element.trigger("focus").trigger(f)}).emulateTransitionEnd(c.TRANSITION_DURATION):d.$element.trigger("focus").trigger(f)}))},c.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),this.resize(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",a.proxy(this.hideModal,this)).emulateTransitionEnd(c.TRANSITION_DURATION):this.hideModal())},c.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.trigger("focus")},this))},c.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keydown.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keydown.dismiss.bs.modal")},c.prototype.resize=function(){this.isShown?a(window).on("resize.bs.modal",a.proxy(this.handleUpdate,this)):a(window).off("resize.bs.modal")},c.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.$body.removeClass("modal-open"),a.resetAdjustments(),a.resetScrollbar(),a.$element.trigger("hidden.bs.modal")})},c.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},c.prototype.backdrop=function(b){var d=this,e=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var f=a.support.transition&&e;if(this.$backdrop=a('<div class="modal-backdrop '+e+'" />').prependTo(this.$element).on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),f&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;f?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var g=function(){d.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",g).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):g()}else b&&b()},c.prototype.handleUpdate=function(){this.options.backdrop&&this.adjustBackdrop(),this.adjustDialog()},c.prototype.adjustBackdrop=function(){this.$backdrop.css("height",0).css("height",this.$element[0].scrollHeight)},c.prototype.adjustDialog=function(){var a=this.$element[0].scrollHeight>document.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){this.bodyIsOverflowing=document.body.scrollHeight>document.documentElement.clientHeight,this.scrollbarWidth=this.measureScrollbar()},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right","")},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;(e||"destroy"!=b)&&(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};c.VERSION="3.3.2",c.TRANSITION_DURATION=150,c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(this.options.viewport.selector||this.options.viewport);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c&&c.$tip&&c.$tip.is(":visible")?void(c.hoverState="in"):(c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.options.container?a(this.options.container):this.$element.parent(),p=this.getPosition(o);h="bottom"==h&&k.bottom+m>p.bottom?"top":"top"==h&&k.top-m<p.top?"bottom":"right"==h&&k.right+l>p.width?"left":"left"==h&&k.left-l<p.left?"right":h,f.removeClass(n).addClass(h)}var q=this.getCalculatedOffset(h,k,l,m);this.applyPlacement(q,h);var r=function(){var a=e.hoverState;e.$element.trigger("shown.bs."+e.type),e.hoverState=null,"out"==a&&e.leave(e)};a.support.transition&&this.$tip.hasClass("fade")?f.one("bsTransitionEnd",r).emulateTransitionEnd(c.TRANSITION_DURATION):r()}},c.prototype.applyPlacement=function(b,c){var d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),b.top=b.top+g,b.left=b.left+h,a.offset.setOffset(d[0],a.extend({using:function(a){d.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),d.addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;"top"==c&&j!=f&&(b.top=b.top+f-j);var k=this.getViewportAdjustedDelta(c,b,i,j);k.left?b.left+=k.left:b.top+=k.top;var l=/top|bottom/.test(c),m=l?2*k.left-e+i:2*k.top-f+j,n=l?"offsetWidth":"offsetHeight";d.offset(b),this.replaceArrow(m,d[0][n],l)},c.prototype.replaceArrow=function(a,b,c){this.arrow().css(c?"left":"top",50*(1-a/b)+"%").css(c?"top":"left","")},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},c.prototype.hide=function(b){function d(){"in"!=e.hoverState&&f.detach(),e.$element.removeAttr("aria-describedby").trigger("hidden.bs."+e.type),b&&b()}var e=this,f=this.tip(),g=a.Event("hide.bs."+this.type);return this.$element.trigger(g),g.isDefaultPrevented()?void 0:(f.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?f.one("bsTransitionEnd",d).emulateTransitionEnd(c.TRANSITION_DURATION):d(),this.hoverState=null,this)},c.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},c.prototype.hasContent=function(){return this.getTitle()},c.prototype.getPosition=function(b){b=b||this.$element;var c=b[0],d="BODY"==c.tagName,e=c.getBoundingClientRect();null==e.width&&(e=a.extend({},e,{width:e.right-e.left,height:e.bottom-e.top}));var f=d?{top:0,left:0}:b.offset(),g={scroll:d?document.documentElement.scrollTop||document.body.scrollTop:b.scrollTop()},h=d?{width:a(window).width(),height:a(window).height()}:null;return a.extend({},e,g,h,f)},c.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},c.prototype.getViewportAdjustedDelta=function(a,b,c,d){var e={top:0,left:0};if(!this.$viewport)return e;var f=this.options.viewport&&this.options.viewport.padding||0,g=this.getPosition(this.$viewport);if(/right|left/.test(a)){var h=b.top-f-g.scroll,i=b.top+f-g.scroll+d;h<g.top?e.top=g.top-h:i>g.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;j<g.left?e.left=g.left-j:k>g.width&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type)})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||"destroy"!=b)&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.2",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},c.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){var e=a.proxy(this.process,this);this.$body=a("body"),this.$scrollElement=a(a(c).is("body")?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",e),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.2",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b="offset",c=0;a.isWindow(this.$scrollElement[0])||(b="position",c=this.$scrollElement.scrollTop()),this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight();var d=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+c,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){d.offsets.push(this[0]),d.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<e[0])return this.activeTarget=null,this.clear();for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,this.clear();var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")},b.prototype.clear=function(){a(this.selector).parentsUntil(this.options.target,".active").removeClass("active")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.3.2",c.TRANSITION_DURATION=150,c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a"),f=a.Event("hide.bs.tab",{relatedTarget:b[0]}),g=a.Event("show.bs.tab",{relatedTarget:e[0]});if(e.trigger(f),b.trigger(g),!g.isDefaultPrevented()&&!f.isDefaultPrevented()){var h=a(d);this.activate(b.closest("li"),c),this.activate(h,h.parent(),function(){e.trigger({type:"hidden.bs.tab",relatedTarget:b[0]}),b.trigger({type:"shown.bs.tab",relatedTarget:e[0]})})}}},c.prototype.activate=function(b,d,e){function f(){g.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.2",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=a("body").height();"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);var jp_config={easyPieChart:["../bower_components/jquery.easy-pie-chart/dist/jquery.easypiechart.fill.js"],sparkline:["../bower_components/jquery.sparkline/dist/jquery.sparkline.retina.js"],plot:["../bower_components/flot/jquery.flot.js","../bower_components/flot/jquery.flot.pie.js","../bower_components/flot/jquery.flot.resize.js","../bower_components/flot.tooltip/js/jquery.flot.tooltip.js","../bower_components/flot.orderbars/js/jquery.flot.orderBars.js","../bower_components/flot-spline/js/jquery.flot.spline.js"],moment:["../bower_components/moment/moment.js"],screenfull:["../bower_components/screenfull/dist/screenfull.min.js"],slimScroll:["../bower_components/slimscroll/jquery.slimscroll.min.js"],sortable:["../bower_components/html5sortable/jquery.sortable.js"],nestable:["../bower_components/nestable/jquery.nestable.js","../bower_components/nestable/jquery.nestable.css"],filestyle:["../bower_components/bootstrap-filestyle/src/bootstrap-filestyle.js"],slider:["../bower_components/bootstrap-slider/bootstrap-slider.js","../bower_components/bootstrap-slider/bootstrap-slider.css"],chosen:["../bower_components/chosen/chosen.jquery.min.js","../bower_components/bootstrap-chosen/bootstrap-chosen.css"],TouchSpin:["../bower_components/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js","../bower_components/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css"],wysiwyg:["../bower_components/bootstrap-wysiwyg/bootstrap-wysiwyg.js","../bower_components/bootstrap-wysiwyg/external/jquery.hotkeys.js"],dataTable:["../bower_components/datatables/media/js/jquery.dataTables.min.js","../bower_components/plugins/integration/bootstrap/3/dataTables.bootstrap.js","../bower_components/plugins/integration/bootstrap/3/dataTables.bootstrap.css"],vectorMap:["../bower_components/bower-jvectormap/jquery-jvectormap-1.2.2.min.js","../bower_components/bower-jvectormap/jquery-jvectormap-world-mill-en.js","../bower_components/bower-jvectormap/jquery-jvectormap-us-aea-en.js","../bower_components/bower-jvectormap/jquery-jvectormap-1.2.2.css"],footable:["../bower_components/footable/dist/footable.all.min.js","../bower_components/footable/css/footable.core.css"],fullcalendar:["../bower_components/moment/moment.js","../bower_components/fullcalendar/dist/fullcalendar.min.js","../bower_components/fullcalendar/dist/fullcalendar.css","../bower_components/fullcalendar/dist/fullcalendar.theme.css"],daterangepicker:["../bower_components/moment/moment.js","../bower_components/bootstrap-daterangepicker/daterangepicker.js","../bower_components/bootstrap-daterangepicker/daterangepicker-bs3.css"],tagsinput:["../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.js","../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css"]};+function($){$(function(){$("[ui-jq]").each(function(){var self=$(this),options=eval("["+self.attr("ui-options")+"]");$.isPlainObject(options[0])&&(options[0]=$.extend({},options[0])),uiLoad.load(jp_config[self.attr("ui-jq")]).then(function(){self[self.attr("ui-jq")].apply(self,options)})})})}(jQuery);var uiLoad=uiLoad||{};!function(a,b,c){"use strict";var d=[],e=!1,f=a.Deferred();c.load=function(b){return b=a.isArray(b)?b:b.split(/\s+/),e||(e=f.promise()),a.each(b,function(a,b){e=e.then(function(){return b.indexOf(".css")>=0?h(b):g(b)})}),f.resolve(),e};var g=function(c){if(d[c])return d[c].promise();var e=a.Deferred(),f=b.createElement("script");return f.src=c,f.onload=function(a){e.resolve(a)},f.onerror=function(a){e.reject(a)},b.body.appendChild(f),d[c]=e,e.promise()},h=function(c){if(d[c])return d[c].promise();var e=a.Deferred(),f=b.createElement("link");return f.rel="stylesheet",f.type="text/css",f.href=c,f.onload=function(a){e.resolve(a)},f.onerror=function(a){e.reject(a)},b.head.appendChild(f),d[c]=e,e.promise()}}(jQuery,document,uiLoad),+function(a){a(function(){a(document).on("click","[ui-nav] a",function(b){var c,d=a(b.target);d.is("a")||(d=d.closest("a")),c=d.parent().siblings(".active"),c&&c.toggleClass("active").find("> ul:visible").slideUp(200),d.parent().hasClass("active")&&d.next().slideUp(200)||d.next().slideDown(200),d.parent().toggleClass("active"),d.next().is("ul")&&b.preventDefault()})})}(jQuery),+function(a){a(function(){a(document).on("click","[ui-toggle]",function(b){b.preventDefault();var c=a(b.target);c.attr("ui-toggle")||(c=c.closest("[ui-toggle]"));var d=a(c.attr("target"))||c;d.toggleClass(c.attr("ui-toggle"))})})}(jQuery);
\ No newline at end of file
diff --git a/public/static/js/bootstrap-table-page-jump-to.min.js b/public/static/js/bootstrap-table-page-jump-to.min.js
new file mode 100755
index 0000000..ff9c6cc
--- /dev/null
+++ b/public/static/js/bootstrap-table-page-jump-to.min.js
@@ -0,0 +1,10 @@
+/**
+  * bootstrap-table - An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)
+  *
+  * @version v1.21.4
+  * @homepage https://bootstrap-table.com
+  * @author wenzhixin <wenzhixin2010@gmail.com> (http://wenzhixin.net.cn/)
+  * @license MIT
+  */
+
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self).jQuery)}(this,(function(t){"use strict";function n(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function e(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,"symbol"==typeof(i=function(t,n){if("object"!=typeof t||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(o,"string"))?i:String(i)),r)}var o,i}function r(t){return r=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},r(t)}function o(t,n){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,n){return t.__proto__=n,t},o(t,n)}function i(t,n){if(n&&("object"==typeof n||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function u(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,o=r(t);if(n){var u=r(this).constructor;e=Reflect.construct(o,arguments,u)}else e=o.apply(this,arguments);return i(this,e)}}function c(t,n){for(;!Object.prototype.hasOwnProperty.call(t,n)&&null!==(t=r(t)););return t}function a(){return a="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,n,e){var r=c(t,n);if(r){var o=Object.getOwnPropertyDescriptor(r,n);return o.get?o.get.call(arguments.length<3?t:e):o.value}},a.apply(this,arguments)}var f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=function(t){return t&&t.Math==Math&&t},s=l("object"==typeof globalThis&&globalThis)||l("object"==typeof window&&window)||l("object"==typeof self&&self)||l("object"==typeof f&&f)||function(){return this}()||Function("return this")(),p={},y=function(t){try{return!!t()}catch(t){return!0}},b=!y((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]})),v=!y((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")})),d=v,g=Function.prototype.call,h=d?g.bind(g):function(){return g.apply(g,arguments)},m={},O={}.propertyIsEnumerable,j=Object.getOwnPropertyDescriptor,w=j&&!O.call({1:2},1);m.f=w?function(t){var n=j(this,t);return!!n&&n.enumerable}:O;var S,P,T=function(t,n){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:n}},E=v,x=Function.prototype,A=x.call,_=E&&x.bind.bind(A,A),R=E?_:function(t){return function(){return A.apply(t,arguments)}},C=R,F=C({}.toString),k=C("".slice),I=function(t){return k(F(t),8,-1)},M=y,D=I,L=Object,N=R("".split),z=M((function(){return!L("z").propertyIsEnumerable(0)}))?function(t){return"String"==D(t)?N(t,""):L(t)}:L,B=function(t){return null==t},G=B,J=TypeError,q=function(t){if(G(t))throw J("Can't call method on "+t);return t},W=z,H=q,U=function(t){return W(H(t))},X="object"==typeof document&&document.all,$={all:X,IS_HTMLDDA:void 0===X&&void 0!==X},K=$.all,Q=$.IS_HTMLDDA?function(t){return"function"==typeof t||t===K}:function(t){return"function"==typeof t},V=Q,Y=$.all,Z=$.IS_HTMLDDA?function(t){return"object"==typeof t?null!==t:V(t)||t===Y}:function(t){return"object"==typeof t?null!==t:V(t)},tt=s,nt=Q,et=function(t){return nt(t)?t:void 0},rt=function(t,n){return arguments.length<2?et(tt[t]):tt[t]&&tt[t][n]},ot=R({}.isPrototypeOf),it=s,ut="undefined"!=typeof navigator&&String(navigator.userAgent)||"",ct=it.process,at=it.Deno,ft=ct&&ct.versions||at&&at.version,lt=ft&&ft.v8;lt&&(P=(S=lt.split("."))[0]>0&&S[0]<4?1:+(S[0]+S[1])),!P&&ut&&(!(S=ut.match(/Edge\/(\d+)/))||S[1]>=74)&&(S=ut.match(/Chrome\/(\d+)/))&&(P=+S[1]);var st=P,pt=st,yt=y,bt=!!Object.getOwnPropertySymbols&&!yt((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&pt&&pt<41})),vt=bt&&!Symbol.sham&&"symbol"==typeof Symbol.iterator,dt=rt,gt=Q,ht=ot,mt=Object,Ot=vt?function(t){return"symbol"==typeof t}:function(t){var n=dt("Symbol");return gt(n)&&ht(n.prototype,mt(t))},jt=String,wt=Q,St=function(t){try{return jt(t)}catch(t){return"Object"}},Pt=TypeError,Tt=function(t){if(wt(t))return t;throw Pt(St(t)+" is not a function")},Et=Tt,xt=B,At=h,_t=Q,Rt=Z,Ct=TypeError,Ft={},kt={get exports(){return Ft},set exports(t){Ft=t}},It=s,Mt=Object.defineProperty,Dt=function(t,n){try{Mt(It,t,{value:n,configurable:!0,writable:!0})}catch(e){It[t]=n}return n},Lt=Dt,Nt="__core-js_shared__",zt=s[Nt]||Lt(Nt,{}),Bt=zt;(kt.exports=function(t,n){return Bt[t]||(Bt[t]=void 0!==n?n:{})})("versions",[]).push({version:"3.29.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"});var Gt=q,Jt=Object,qt=function(t){return Jt(Gt(t))},Wt=qt,Ht=R({}.hasOwnProperty),Ut=Object.hasOwn||function(t,n){return Ht(Wt(t),n)},Xt=R,$t=0,Kt=Math.random(),Qt=Xt(1..toString),Vt=function(t){return"Symbol("+(void 0===t?"":t)+")_"+Qt(++$t+Kt,36)},Yt=Ft,Zt=Ut,tn=Vt,nn=bt,en=vt,rn=s.Symbol,on=Yt("wks"),un=en?rn.for||rn:rn&&rn.withoutSetter||tn,cn=function(t){return Zt(on,t)||(on[t]=nn&&Zt(rn,t)?rn[t]:un("Symbol."+t)),on[t]},an=h,fn=Z,ln=Ot,sn=function(t,n){var e=t[n];return xt(e)?void 0:Et(e)},pn=function(t,n){var e,r;if("string"===n&&_t(e=t.toString)&&!Rt(r=At(e,t)))return r;if(_t(e=t.valueOf)&&!Rt(r=At(e,t)))return r;if("string"!==n&&_t(e=t.toString)&&!Rt(r=At(e,t)))return r;throw Ct("Can't convert object to primitive value")},yn=TypeError,bn=cn("toPrimitive"),vn=function(t,n){if(!fn(t)||ln(t))return t;var e,r=sn(t,bn);if(r){if(void 0===n&&(n="default"),e=an(r,t,n),!fn(e)||ln(e))return e;throw yn("Can't convert object to primitive value")}return void 0===n&&(n="number"),pn(t,n)},dn=Ot,gn=function(t){var n=vn(t,"string");return dn(n)?n:n+""},hn=Z,mn=s.document,On=hn(mn)&&hn(mn.createElement),jn=function(t){return On?mn.createElement(t):{}},wn=jn,Sn=!b&&!y((function(){return 7!=Object.defineProperty(wn("div"),"a",{get:function(){return 7}}).a})),Pn=b,Tn=h,En=m,xn=T,An=U,_n=gn,Rn=Ut,Cn=Sn,Fn=Object.getOwnPropertyDescriptor;p.f=Pn?Fn:function(t,n){if(t=An(t),n=_n(n),Cn)try{return Fn(t,n)}catch(t){}if(Rn(t,n))return xn(!Tn(En.f,t,n),t[n])};var kn={},In=b&&y((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype})),Mn=Z,Dn=String,Ln=TypeError,Nn=function(t){if(Mn(t))return t;throw Ln(Dn(t)+" is not an object")},zn=b,Bn=Sn,Gn=In,Jn=Nn,qn=gn,Wn=TypeError,Hn=Object.defineProperty,Un=Object.getOwnPropertyDescriptor,Xn="enumerable",$n="configurable",Kn="writable";kn.f=zn?Gn?function(t,n,e){if(Jn(t),n=qn(n),Jn(e),"function"==typeof t&&"prototype"===n&&"value"in e&&Kn in e&&!e.writable){var r=Un(t,n);r&&r.writable&&(t[n]=e.value,e={configurable:$n in e?e.configurable:r.configurable,enumerable:Xn in e?e.enumerable:r.enumerable,writable:!1})}return Hn(t,n,e)}:Hn:function(t,n,e){if(Jn(t),n=qn(n),Jn(e),Bn)try{return Hn(t,n,e)}catch(t){}if("get"in e||"set"in e)throw Wn("Accessors not supported");return"value"in e&&(t[n]=e.value),t};var Qn=kn,Vn=T,Yn=b?function(t,n,e){return Qn.f(t,n,Vn(1,e))}:function(t,n,e){return t[n]=e,t},Zn={},te={get exports(){return Zn},set exports(t){Zn=t}},ne=b,ee=Ut,re=Function.prototype,oe=ne&&Object.getOwnPropertyDescriptor,ie=ee(re,"name"),ue={EXISTS:ie,PROPER:ie&&"something"===function(){}.name,CONFIGURABLE:ie&&(!ne||ne&&oe(re,"name").configurable)},ce=Q,ae=zt,fe=R(Function.toString);ce(ae.inspectSource)||(ae.inspectSource=function(t){return fe(t)});var le,se,pe,ye=ae.inspectSource,be=Q,ve=s.WeakMap,de=be(ve)&&/native code/.test(String(ve)),ge=Vt,he=Ft("keys"),me=function(t){return he[t]||(he[t]=ge(t))},Oe={},je=de,we=s,Se=Z,Pe=Yn,Te=Ut,Ee=zt,xe=me,Ae=Oe,_e="Object already initialized",Re=we.TypeError,Ce=we.WeakMap;if(je||Ee.state){var Fe=Ee.state||(Ee.state=new Ce);Fe.get=Fe.get,Fe.has=Fe.has,Fe.set=Fe.set,le=function(t,n){if(Fe.has(t))throw Re(_e);return n.facade=t,Fe.set(t,n),n},se=function(t){return Fe.get(t)||{}},pe=function(t){return Fe.has(t)}}else{var ke=xe("state");Ae[ke]=!0,le=function(t,n){if(Te(t,ke))throw Re(_e);return n.facade=t,Pe(t,ke,n),n},se=function(t){return Te(t,ke)?t[ke]:{}},pe=function(t){return Te(t,ke)}}var Ie={set:le,get:se,has:pe,enforce:function(t){return pe(t)?se(t):le(t,{})},getterFor:function(t){return function(n){var e;if(!Se(n)||(e=se(n)).type!==t)throw Re("Incompatible receiver, "+t+" required");return e}}},Me=R,De=y,Le=Q,Ne=Ut,ze=b,Be=ue.CONFIGURABLE,Ge=ye,Je=Ie.enforce,qe=Ie.get,We=String,He=Object.defineProperty,Ue=Me("".slice),Xe=Me("".replace),$e=Me([].join),Ke=ze&&!De((function(){return 8!==He((function(){}),"length",{value:8}).length})),Qe=String(String).split("String"),Ve=te.exports=function(t,n,e){"Symbol("===Ue(We(n),0,7)&&(n="["+Xe(We(n),/^Symbol\(([^)]*)\)/,"$1")+"]"),e&&e.getter&&(n="get "+n),e&&e.setter&&(n="set "+n),(!Ne(t,"name")||Be&&t.name!==n)&&(ze?He(t,"name",{value:n,configurable:!0}):t.name=n),Ke&&e&&Ne(e,"arity")&&t.length!==e.arity&&He(t,"length",{value:e.arity});try{e&&Ne(e,"constructor")&&e.constructor?ze&&He(t,"prototype",{writable:!1}):t.prototype&&(t.prototype=void 0)}catch(t){}var r=Je(t);return Ne(r,"source")||(r.source=$e(Qe,"string"==typeof n?n:"")),t};Function.prototype.toString=Ve((function(){return Le(this)&&qe(this).source||Ge(this)}),"toString");var Ye=Q,Ze=kn,tr=Zn,nr=Dt,er=function(t,n,e,r){r||(r={});var o=r.enumerable,i=void 0!==r.name?r.name:n;if(Ye(e)&&tr(e,i,r),r.global)o?t[n]=e:nr(n,e);else{try{r.unsafe?t[n]&&(o=!0):delete t[n]}catch(t){}o?t[n]=e:Ze.f(t,n,{value:e,enumerable:!1,configurable:!r.nonConfigurable,writable:!r.nonWritable})}return t},rr={},or=Math.ceil,ir=Math.floor,ur=Math.trunc||function(t){var n=+t;return(n>0?ir:or)(n)},cr=function(t){var n=+t;return n!=n||0===n?0:ur(n)},ar=cr,fr=Math.max,lr=Math.min,sr=cr,pr=Math.min,yr=function(t){return t>0?pr(sr(t),9007199254740991):0},br=function(t){return yr(t.length)},vr=U,dr=function(t,n){var e=ar(t);return e<0?fr(e+n,0):lr(e,n)},gr=br,hr=function(t){return function(n,e,r){var o,i=vr(n),u=gr(i),c=dr(r,u);if(t&&e!=e){for(;u>c;)if((o=i[c++])!=o)return!0}else for(;u>c;c++)if((t||c in i)&&i[c]===e)return t||c||0;return!t&&-1}},mr={includes:hr(!0),indexOf:hr(!1)},Or=Ut,jr=U,wr=mr.indexOf,Sr=Oe,Pr=R([].push),Tr=function(t,n){var e,r=jr(t),o=0,i=[];for(e in r)!Or(Sr,e)&&Or(r,e)&&Pr(i,e);for(;n.length>o;)Or(r,e=n[o++])&&(~wr(i,e)||Pr(i,e));return i},Er=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],xr=Tr,Ar=Er.concat("length","prototype");rr.f=Object.getOwnPropertyNames||function(t){return xr(t,Ar)};var _r={};_r.f=Object.getOwnPropertySymbols;var Rr=rt,Cr=rr,Fr=_r,kr=Nn,Ir=R([].concat),Mr=Rr("Reflect","ownKeys")||function(t){var n=Cr.f(kr(t)),e=Fr.f;return e?Ir(n,e(t)):n},Dr=Ut,Lr=Mr,Nr=p,zr=kn,Br=y,Gr=Q,Jr=/#|\.prototype\./,qr=function(t,n){var e=Hr[Wr(t)];return e==Xr||e!=Ur&&(Gr(n)?Br(n):!!n)},Wr=qr.normalize=function(t){return String(t).replace(Jr,".").toLowerCase()},Hr=qr.data={},Ur=qr.NATIVE="N",Xr=qr.POLYFILL="P",$r=qr,Kr=s,Qr=p.f,Vr=Yn,Yr=er,Zr=Dt,to=function(t,n,e){for(var r=Lr(n),o=zr.f,i=Nr.f,u=0;u<r.length;u++){var c=r[u];Dr(t,c)||e&&Dr(e,c)||o(t,c,i(n,c))}},no=$r,eo=function(t,n){var e,r,o,i,u,c=t.target,a=t.global,f=t.stat;if(e=a?Kr:f?Kr[c]||Zr(c,{}):(Kr[c]||{}).prototype)for(r in n){if(i=n[r],o=t.dontCallGetSet?(u=Qr(e,r))&&u.value:e[r],!no(a?r:c+(f?".":"#")+r,t.forced)&&void 0!==o){if(typeof i==typeof o)continue;to(i,o)}(t.sham||o&&o.sham)&&Vr(i,"sham",!0),Yr(e,r,i,t)}},ro=Tr,oo=Er,io=Object.keys||function(t){return ro(t,oo)},uo=b,co=R,ao=h,fo=y,lo=io,so=_r,po=m,yo=qt,bo=z,vo=Object.assign,go=Object.defineProperty,ho=co([].concat),mo=!vo||fo((function(){if(uo&&1!==vo({b:1},vo(go({},"a",{enumerable:!0,get:function(){go(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},n={},e=Symbol(),r="abcdefghijklmnopqrst";return t[e]=7,r.split("").forEach((function(t){n[t]=t})),7!=vo({},t)[e]||lo(vo({},n)).join("")!=r}))?function(t,n){for(var e=yo(t),r=arguments.length,o=1,i=so.f,u=po.f;r>o;)for(var c,a=bo(arguments[o++]),f=i?ho(lo(a),i(a)):lo(a),l=f.length,s=0;l>s;)c=f[s++],uo&&!ao(u,a,c)||(e[c]=a[c]);return e}:vo,Oo=mo;eo({target:"Object",stat:!0,arity:2,forced:Object.assign!==Oo},{assign:Oo});var jo=I,wo=Array.isArray||function(t){return"Array"==jo(t)},So=TypeError,Po=gn,To=kn,Eo=T,xo={};xo[cn("toStringTag")]="z";var Ao="[object z]"===String(xo),_o=Ao,Ro=Q,Co=I,Fo=cn("toStringTag"),ko=Object,Io="Arguments"==Co(function(){return arguments}()),Mo=_o?Co:function(t){var n,e,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(e=function(t,n){try{return t[n]}catch(t){}}(n=ko(t),Fo))?e:Io?Co(n):"Object"==(r=Co(n))&&Ro(n.callee)?"Arguments":r},Do=R,Lo=y,No=Q,zo=Mo,Bo=ye,Go=function(){},Jo=[],qo=rt("Reflect","construct"),Wo=/^\s*(?:class|function)\b/,Ho=Do(Wo.exec),Uo=!Wo.exec(Go),Xo=function(t){if(!No(t))return!1;try{return qo(Go,Jo,t),!0}catch(t){return!1}},$o=function(t){if(!No(t))return!1;switch(zo(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return Uo||!!Ho(Wo,Bo(t))}catch(t){return!0}};$o.sham=!0;var Ko=!qo||Lo((function(){var t;return Xo(Xo.call)||!Xo(Object)||!Xo((function(){t=!0}))||t}))?$o:Xo,Qo=wo,Vo=Ko,Yo=Z,Zo=cn("species"),ti=Array,ni=function(t){var n;return Qo(t)&&(n=t.constructor,(Vo(n)&&(n===ti||Qo(n.prototype))||Yo(n)&&null===(n=n[Zo]))&&(n=void 0)),void 0===n?ti:n},ei=function(t,n){return new(ni(t))(0===n?0:n)},ri=y,oi=st,ii=cn("species"),ui=eo,ci=y,ai=wo,fi=Z,li=qt,si=br,pi=function(t){if(t>9007199254740991)throw So("Maximum allowed index exceeded");return t},yi=function(t,n,e){var r=Po(n);r in t?To.f(t,r,Eo(0,e)):t[r]=e},bi=ei,vi=function(t){return oi>=51||!ri((function(){var n=[];return(n.constructor={})[ii]=function(){return{foo:1}},1!==n[t](Boolean).foo}))},di=st,gi=cn("isConcatSpreadable"),hi=di>=51||!ci((function(){var t=[];return t[gi]=!1,t.concat()[0]!==t})),mi=function(t){if(!fi(t))return!1;var n=t[gi];return void 0!==n?!!n:ai(t)};ui({target:"Array",proto:!0,arity:1,forced:!hi||!vi("concat")},{concat:function(t){var n,e,r,o,i,u=li(this),c=bi(u,0),a=0;for(n=-1,r=arguments.length;n<r;n++)if(mi(i=-1===n?u:arguments[n]))for(o=si(i),pi(a+o),e=0;e<o;e++,a++)e in i&&yi(c,a,i[e]);else pi(a+1),yi(c,a++,i);return c.length=a,c}});var Oi=I,ji=R,wi=function(t){if("Function"===Oi(t))return ji(t)},Si=Tt,Pi=v,Ti=wi(wi.bind),Ei=function(t,n){return Si(t),void 0===n?t:Pi?Ti(t,n):function(){return t.apply(n,arguments)}},xi=z,Ai=qt,_i=br,Ri=ei,Ci=R([].push),Fi=function(t){var n=1==t,e=2==t,r=3==t,o=4==t,i=6==t,u=7==t,c=5==t||i;return function(a,f,l,s){for(var p,y,b=Ai(a),v=xi(b),d=Ei(f,l),g=_i(v),h=0,m=s||Ri,O=n?m(a,g):e||u?m(a,0):void 0;g>h;h++)if((c||h in v)&&(y=d(p=v[h],h,b),t))if(n)O[h]=y;else if(y)switch(t){case 3:return!0;case 5:return p;case 6:return h;case 2:Ci(O,p)}else switch(t){case 4:return!1;case 7:Ci(O,p)}return i?-1:r||o?o:O}},ki={forEach:Fi(0),map:Fi(1),filter:Fi(2),some:Fi(3),every:Fi(4),find:Fi(5),findIndex:Fi(6),filterReject:Fi(7)},Ii={},Mi=b,Di=In,Li=kn,Ni=Nn,zi=U,Bi=io;Ii.f=Mi&&!Di?Object.defineProperties:function(t,n){Ni(t);for(var e,r=zi(n),o=Bi(n),i=o.length,u=0;i>u;)Li.f(t,e=o[u++],r[e]);return t};var Gi,Ji=rt("document","documentElement"),qi=Nn,Wi=Ii,Hi=Er,Ui=Oe,Xi=Ji,$i=jn,Ki=me("IE_PROTO"),Qi=function(){},Vi=function(t){return"<script>"+t+"</"+"script>"},Yi=function(t){t.write(Vi("")),t.close();var n=t.parentWindow.Object;return t=null,n},Zi=function(){try{Gi=new ActiveXObject("htmlfile")}catch(t){}var t,n;Zi="undefined"!=typeof document?document.domain&&Gi?Yi(Gi):((n=$i("iframe")).style.display="none",Xi.appendChild(n),n.src=String("javascript:"),(t=n.contentWindow.document).open(),t.write(Vi("document.F=Object")),t.close(),t.F):Yi(Gi);for(var e=Hi.length;e--;)delete Zi.prototype[Hi[e]];return Zi()};Ui[Ki]=!0;var tu=cn,nu=Object.create||function(t,n){var e;return null!==t?(Qi.prototype=qi(t),e=new Qi,Qi.prototype=null,e[Ki]=t):e=Zi(),void 0===n?e:Wi.f(e,n)},eu=kn.f,ru=tu("unscopables"),ou=Array.prototype;null==ou[ru]&&eu(ou,ru,{configurable:!0,value:nu(null)});var iu=eo,uu=ki.find,cu=function(t){ou[ru][t]=!0},au="find",fu=!0;au in[]&&Array(1).find((function(){fu=!1})),iu({target:"Array",proto:!0,forced:fu},{find:function(t){return uu(this,t,arguments.length>1?arguments[1]:void 0)}}),cu(au);var lu=Mo,su=Ao?{}.toString:function(){return"[object "+lu(this)+"]"};Ao||er(Object.prototype,"toString",su,{unsafe:!0});var pu=t.fn.bootstrapTable.utils;Object.assign(t.fn.bootstrapTable.defaults,{showJumpTo:!1,showJumpToByPages:0}),Object.assign(t.fn.bootstrapTable.locales,{formatJumpTo:function(){return"GO"}}),Object.assign(t.fn.bootstrapTable.defaults,t.fn.bootstrapTable.locales),t.BootstrapTable=function(i){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),n&&o(t,n)}(p,i);var c,f,l,s=u(p);function p(){return n(this,p),s.apply(this,arguments)}return c=p,f=[{key:"initPagination",value:function(){for(var n,e=this,o=arguments.length,i=new Array(o),u=0;u<o;u++)i[u]=arguments[u];if((n=a(r(p.prototype),"initPagination",this)).call.apply(n,[this].concat(i)),this.options.showJumpTo&&this.totalPages>=this.options.showJumpToByPages){var c=this.$pagination.find("> .pagination"),f=c.find(".page-jump-to");if(!f.length){var l=(f=t(pu.sprintf(this.constants.html.inputGroup,'<input type="number"\n            class="'.concat(this.constants.classes.input).concat(pu.sprintf(" %s%s",this.constants.classes.inputPrefix,this.options.iconSize),'"\n            value="').concat(this.options.pageNumber,'"\n            min="1"\n            max="').concat(this.totalPages,'">'),'<button class="'.concat(this.constants.buttonsClass,'"  type="button">\n          ').concat(this.options.formatJumpTo(),"\n          </button>"))).addClass("page-jump-to").appendTo(c)).find("input");f.find("button").click((function(){e.selectPage(+l.val())})),l.keyup((function(t){""!==l.val()&&(13!==t.keyCode?+l.val()<+l.attr("min")?l.val(l.attr("min")):+l.val()>+l.attr("max")&&l.val(l.attr("max")):e.selectPage(+l.val()))})),l.blur((function(){""===l.val()&&l.val(e.options.pageNumber)}))}}}}],f&&e(c.prototype,f),l&&e(c,l),Object.defineProperty(c,"prototype",{writable:!1}),p}(t.BootstrapTable)}));
diff --git a/public/static/js/bootstrap-table.min.js b/public/static/js/bootstrap-table.min.js
new file mode 100755
index 0000000..cf43808
--- /dev/null
+++ b/public/static/js/bootstrap-table.min.js
@@ -0,0 +1,10 @@
+/**
+  * bootstrap-table - An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)
+  *
+  * @version v1.21.4
+  * @homepage https://bootstrap-table.com
+  * @author wenzhixin <wenzhixin2010@gmail.com> (http://wenzhixin.net.cn/)
+  * @license MIT
+  */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).BootstrapTable=e(t.jQuery)}(this,(function(t){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(o=n.key,r=void 0,"symbol"==typeof(r=function(t,e){if("object"!=typeof t||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"))?r:String(r)),n)}var o,r}function o(t,e,i){return e&&n(t.prototype,e),i&&n(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}function r(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var n,o,r,a,s=[],l=!0,c=!1;try{if(r=(i=i.call(t)).next,0===e){if(Object(i)!==i)return;l=!1}else for(;!(l=(n=r.call(i)).done)&&(s.push(n.value),s.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=i.return&&(a=i.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}(t,e)||s(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||s(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(t,e){if(t){if("string"==typeof t)return l(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?l(t,e):void 0}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function c(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=s(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,a=!0,l=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){l=!0,r=t},f:function(){try{a||null==i.return||i.return()}finally{if(l)throw r}}}}var h="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u=function(t){return t&&t.Math==Math&&t},d=u("object"==typeof globalThis&&globalThis)||u("object"==typeof window&&window)||u("object"==typeof self&&self)||u("object"==typeof h&&h)||function(){return this}()||Function("return this")(),p={},f=function(t){try{return!!t()}catch(t){return!0}},g=!f((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]})),v=!f((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")})),b=v,m=Function.prototype.call,y=b?m.bind(m):function(){return m.apply(m,arguments)},w={},S={}.propertyIsEnumerable,x=Object.getOwnPropertyDescriptor,k=x&&!S.call({1:2},1);w.f=k?function(t){var e=x(this,t);return!!e&&e.enumerable}:S;var O,C,T=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}},I=v,P=Function.prototype,A=P.call,$=I&&P.bind.bind(A,A),R=I?$:function(t){return function(){return A.apply(t,arguments)}},E=R,j=E({}.toString),_=E("".slice),F=function(t){return _(j(t),8,-1)},D=f,N=F,V=Object,B=R("".split),L=D((function(){return!V("z").propertyIsEnumerable(0)}))?function(t){return"String"==N(t)?B(t,""):V(t)}:V,H=function(t){return null==t},M=H,U=TypeError,z=function(t){if(M(t))throw U("Can't call method on "+t);return t},q=L,W=z,G=function(t){return q(W(t))},K="object"==typeof document&&document.all,Y={all:K,IS_HTMLDDA:void 0===K&&void 0!==K},J=Y.all,X=Y.IS_HTMLDDA?function(t){return"function"==typeof t||t===J}:function(t){return"function"==typeof t},Q=X,Z=Y.all,tt=Y.IS_HTMLDDA?function(t){return"object"==typeof t?null!==t:Q(t)||t===Z}:function(t){return"object"==typeof t?null!==t:Q(t)},et=d,it=X,nt=function(t){return it(t)?t:void 0},ot=function(t,e){return arguments.length<2?nt(et[t]):et[t]&&et[t][e]},rt=R({}.isPrototypeOf),at="undefined"!=typeof navigator&&String(navigator.userAgent)||"",st=d,lt=at,ct=st.process,ht=st.Deno,ut=ct&&ct.versions||ht&&ht.version,dt=ut&&ut.v8;dt&&(C=(O=dt.split("."))[0]>0&&O[0]<4?1:+(O[0]+O[1])),!C&&lt&&(!(O=lt.match(/Edge\/(\d+)/))||O[1]>=74)&&(O=lt.match(/Chrome\/(\d+)/))&&(C=+O[1]);var pt=C,ft=pt,gt=f,vt=!!Object.getOwnPropertySymbols&&!gt((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&ft&&ft<41})),bt=vt&&!Symbol.sham&&"symbol"==typeof Symbol.iterator,mt=ot,yt=X,wt=rt,St=Object,xt=bt?function(t){return"symbol"==typeof t}:function(t){var e=mt("Symbol");return yt(e)&&wt(e.prototype,St(t))},kt=String,Ot=function(t){try{return kt(t)}catch(t){return"Object"}},Ct=X,Tt=Ot,It=TypeError,Pt=function(t){if(Ct(t))return t;throw It(Tt(t)+" is not a function")},At=Pt,$t=H,Rt=function(t,e){var i=t[e];return $t(i)?void 0:At(i)},Et=y,jt=X,_t=tt,Ft=TypeError,Dt={},Nt={get exports(){return Dt},set exports(t){Dt=t}},Vt=d,Bt=Object.defineProperty,Lt=function(t,e){try{Bt(Vt,t,{value:e,configurable:!0,writable:!0})}catch(i){Vt[t]=e}return e},Ht=Lt,Mt="__core-js_shared__",Ut=d[Mt]||Ht(Mt,{}),zt=Ut;(Nt.exports=function(t,e){return zt[t]||(zt[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.29.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"});var qt=z,Wt=Object,Gt=function(t){return Wt(qt(t))},Kt=Gt,Yt=R({}.hasOwnProperty),Jt=Object.hasOwn||function(t,e){return Yt(Kt(t),e)},Xt=R,Qt=0,Zt=Math.random(),te=Xt(1..toString),ee=function(t){return"Symbol("+(void 0===t?"":t)+")_"+te(++Qt+Zt,36)},ie=Dt,ne=Jt,oe=ee,re=vt,ae=bt,se=d.Symbol,le=ie("wks"),ce=ae?se.for||se:se&&se.withoutSetter||oe,he=function(t){return ne(le,t)||(le[t]=re&&ne(se,t)?se[t]:ce("Symbol."+t)),le[t]},ue=y,de=tt,pe=xt,fe=Rt,ge=function(t,e){var i,n;if("string"===e&&jt(i=t.toString)&&!_t(n=Et(i,t)))return n;if(jt(i=t.valueOf)&&!_t(n=Et(i,t)))return n;if("string"!==e&&jt(i=t.toString)&&!_t(n=Et(i,t)))return n;throw Ft("Can't convert object to primitive value")},ve=TypeError,be=he("toPrimitive"),me=function(t,e){if(!de(t)||pe(t))return t;var i,n=fe(t,be);if(n){if(void 0===e&&(e="default"),i=ue(n,t,e),!de(i)||pe(i))return i;throw ve("Can't convert object to primitive value")}return void 0===e&&(e="number"),ge(t,e)},ye=me,we=xt,Se=function(t){var e=ye(t,"string");return we(e)?e:e+""},xe=tt,ke=d.document,Oe=xe(ke)&&xe(ke.createElement),Ce=function(t){return Oe?ke.createElement(t):{}},Te=Ce,Ie=!g&&!f((function(){return 7!=Object.defineProperty(Te("div"),"a",{get:function(){return 7}}).a})),Pe=g,Ae=y,$e=w,Re=T,Ee=G,je=Se,_e=Jt,Fe=Ie,De=Object.getOwnPropertyDescriptor;p.f=Pe?De:function(t,e){if(t=Ee(t),e=je(e),Fe)try{return De(t,e)}catch(t){}if(_e(t,e))return Re(!Ae($e.f,t,e),t[e])};var Ne={},Ve=g&&f((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype})),Be=tt,Le=String,He=TypeError,Me=function(t){if(Be(t))return t;throw He(Le(t)+" is not an object")},Ue=g,ze=Ie,qe=Ve,We=Me,Ge=Se,Ke=TypeError,Ye=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Xe="enumerable",Qe="configurable",Ze="writable";Ne.f=Ue?qe?function(t,e,i){if(We(t),e=Ge(e),We(i),"function"==typeof t&&"prototype"===e&&"value"in i&&Ze in i&&!i.writable){var n=Je(t,e);n&&n.writable&&(t[e]=i.value,i={configurable:Qe in i?i.configurable:n.configurable,enumerable:Xe in i?i.enumerable:n.enumerable,writable:!1})}return Ye(t,e,i)}:Ye:function(t,e,i){if(We(t),e=Ge(e),We(i),ze)try{return Ye(t,e,i)}catch(t){}if("get"in i||"set"in i)throw Ke("Accessors not supported");return"value"in i&&(t[e]=i.value),t};var ti=Ne,ei=T,ii=g?function(t,e,i){return ti.f(t,e,ei(1,i))}:function(t,e,i){return t[e]=i,t},ni={},oi={get exports(){return ni},set exports(t){ni=t}},ri=g,ai=Jt,si=Function.prototype,li=ri&&Object.getOwnPropertyDescriptor,ci=ai(si,"name"),hi={EXISTS:ci,PROPER:ci&&"something"===function(){}.name,CONFIGURABLE:ci&&(!ri||ri&&li(si,"name").configurable)},ui=X,di=Ut,pi=R(Function.toString);ui(di.inspectSource)||(di.inspectSource=function(t){return pi(t)});var fi,gi,vi,bi=di.inspectSource,mi=X,yi=d.WeakMap,wi=mi(yi)&&/native code/.test(String(yi)),Si=ee,xi=Dt("keys"),ki=function(t){return xi[t]||(xi[t]=Si(t))},Oi={},Ci=wi,Ti=d,Ii=tt,Pi=ii,Ai=Jt,$i=Ut,Ri=ki,Ei=Oi,ji="Object already initialized",_i=Ti.TypeError,Fi=Ti.WeakMap;if(Ci||$i.state){var Di=$i.state||($i.state=new Fi);Di.get=Di.get,Di.has=Di.has,Di.set=Di.set,fi=function(t,e){if(Di.has(t))throw _i(ji);return e.facade=t,Di.set(t,e),e},gi=function(t){return Di.get(t)||{}},vi=function(t){return Di.has(t)}}else{var Ni=Ri("state");Ei[Ni]=!0,fi=function(t,e){if(Ai(t,Ni))throw _i(ji);return e.facade=t,Pi(t,Ni,e),e},gi=function(t){return Ai(t,Ni)?t[Ni]:{}},vi=function(t){return Ai(t,Ni)}}var Vi={set:fi,get:gi,has:vi,enforce:function(t){return vi(t)?gi(t):fi(t,{})},getterFor:function(t){return function(e){var i;if(!Ii(e)||(i=gi(e)).type!==t)throw _i("Incompatible receiver, "+t+" required");return i}}},Bi=R,Li=f,Hi=X,Mi=Jt,Ui=g,zi=hi.CONFIGURABLE,qi=bi,Wi=Vi.enforce,Gi=Vi.get,Ki=String,Yi=Object.defineProperty,Ji=Bi("".slice),Xi=Bi("".replace),Qi=Bi([].join),Zi=Ui&&!Li((function(){return 8!==Yi((function(){}),"length",{value:8}).length})),tn=String(String).split("String"),en=oi.exports=function(t,e,i){"Symbol("===Ji(Ki(e),0,7)&&(e="["+Xi(Ki(e),/^Symbol\(([^)]*)\)/,"$1")+"]"),i&&i.getter&&(e="get "+e),i&&i.setter&&(e="set "+e),(!Mi(t,"name")||zi&&t.name!==e)&&(Ui?Yi(t,"name",{value:e,configurable:!0}):t.name=e),Zi&&i&&Mi(i,"arity")&&t.length!==i.arity&&Yi(t,"length",{value:i.arity});try{i&&Mi(i,"constructor")&&i.constructor?Ui&&Yi(t,"prototype",{writable:!1}):t.prototype&&(t.prototype=void 0)}catch(t){}var n=Wi(t);return Mi(n,"source")||(n.source=Qi(tn,"string"==typeof e?e:"")),t};Function.prototype.toString=en((function(){return Hi(this)&&Gi(this).source||qi(this)}),"toString");var nn=X,on=Ne,rn=ni,an=Lt,sn=function(t,e,i,n){n||(n={});var o=n.enumerable,r=void 0!==n.name?n.name:e;if(nn(i)&&rn(i,r,n),n.global)o?t[e]=i:an(e,i);else{try{n.unsafe?t[e]&&(o=!0):delete t[e]}catch(t){}o?t[e]=i:on.f(t,e,{value:i,enumerable:!1,configurable:!n.nonConfigurable,writable:!n.nonWritable})}return t},ln={},cn=Math.ceil,hn=Math.floor,un=Math.trunc||function(t){var e=+t;return(e>0?hn:cn)(e)},dn=function(t){var e=+t;return e!=e||0===e?0:un(e)},pn=dn,fn=Math.max,gn=Math.min,vn=function(t,e){var i=pn(t);return i<0?fn(i+e,0):gn(i,e)},bn=dn,mn=Math.min,yn=function(t){return t>0?mn(bn(t),9007199254740991):0},wn=yn,Sn=function(t){return wn(t.length)},xn=G,kn=vn,On=Sn,Cn=function(t){return function(e,i,n){var o,r=xn(e),a=On(r),s=kn(n,a);if(t&&i!=i){for(;a>s;)if((o=r[s++])!=o)return!0}else for(;a>s;s++)if((t||s in r)&&r[s]===i)return t||s||0;return!t&&-1}},Tn={includes:Cn(!0),indexOf:Cn(!1)},In=Jt,Pn=G,An=Tn.indexOf,$n=Oi,Rn=R([].push),En=function(t,e){var i,n=Pn(t),o=0,r=[];for(i in n)!In($n,i)&&In(n,i)&&Rn(r,i);for(;e.length>o;)In(n,i=e[o++])&&(~An(r,i)||Rn(r,i));return r},jn=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],_n=En,Fn=jn.concat("length","prototype");ln.f=Object.getOwnPropertyNames||function(t){return _n(t,Fn)};var Dn={};Dn.f=Object.getOwnPropertySymbols;var Nn=ot,Vn=ln,Bn=Dn,Ln=Me,Hn=R([].concat),Mn=Nn("Reflect","ownKeys")||function(t){var e=Vn.f(Ln(t)),i=Bn.f;return i?Hn(e,i(t)):e},Un=Jt,zn=Mn,qn=p,Wn=Ne,Gn=f,Kn=X,Yn=/#|\.prototype\./,Jn=function(t,e){var i=Qn[Xn(t)];return i==to||i!=Zn&&(Kn(e)?Gn(e):!!e)},Xn=Jn.normalize=function(t){return String(t).replace(Yn,".").toLowerCase()},Qn=Jn.data={},Zn=Jn.NATIVE="N",to=Jn.POLYFILL="P",eo=Jn,io=d,no=p.f,oo=ii,ro=sn,ao=Lt,so=function(t,e,i){for(var n=zn(e),o=Wn.f,r=qn.f,a=0;a<n.length;a++){var s=n[a];Un(t,s)||i&&Un(i,s)||o(t,s,r(e,s))}},lo=eo,co=function(t,e){var i,n,o,r,a,s=t.target,l=t.global,c=t.stat;if(i=l?io:c?io[s]||ao(s,{}):(io[s]||{}).prototype)for(n in e){if(r=e[n],o=t.dontCallGetSet?(a=no(i,n))&&a.value:i[n],!lo(l?n:s+(c?".":"#")+n,t.forced)&&void 0!==o){if(typeof r==typeof o)continue;so(r,o)}(t.sham||o&&o.sham)&&oo(r,"sham",!0),ro(i,n,r,t)}},ho=En,uo=jn,po=Object.keys||function(t){return ho(t,uo)},fo=g,go=R,vo=y,bo=f,mo=po,yo=Dn,wo=w,So=Gt,xo=L,ko=Object.assign,Oo=Object.defineProperty,Co=go([].concat),To=!ko||bo((function(){if(fo&&1!==ko({b:1},ko(Oo({},"a",{enumerable:!0,get:function(){Oo(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},i=Symbol(),n="abcdefghijklmnopqrst";return t[i]=7,n.split("").forEach((function(t){e[t]=t})),7!=ko({},t)[i]||mo(ko({},e)).join("")!=n}))?function(t,e){for(var i=So(t),n=arguments.length,o=1,r=yo.f,a=wo.f;n>o;)for(var s,l=xo(arguments[o++]),c=r?Co(mo(l),r(l)):mo(l),h=c.length,u=0;h>u;)s=c[u++],fo&&!vo(a,l,s)||(i[s]=l[s]);return i}:ko,Io=To;co({target:"Object",stat:!0,arity:2,forced:Object.assign!==Io},{assign:Io});var Po={};Po[he("toStringTag")]="z";var Ao="[object z]"===String(Po),$o=Ao,Ro=X,Eo=F,jo=he("toStringTag"),_o=Object,Fo="Arguments"==Eo(function(){return arguments}()),Do=$o?Eo:function(t){var e,i,n;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(i=function(t,e){try{return t[e]}catch(t){}}(e=_o(t),jo))?i:Fo?Eo(e):"Object"==(n=Eo(e))&&Ro(e.callee)?"Arguments":n},No=Do,Vo=String,Bo=function(t){if("Symbol"===No(t))throw TypeError("Cannot convert a Symbol value to a string");return Vo(t)},Lo="\t\n\v\f\r                　\u2028\u2029\ufeff",Ho=z,Mo=Bo,Uo=Lo,zo=R("".replace),qo=RegExp("^["+Uo+"]+"),Wo=RegExp("(^|[^"+Uo+"])["+Uo+"]+$"),Go=function(t){return function(e){var i=Mo(Ho(e));return 1&t&&(i=zo(i,qo,"")),2&t&&(i=zo(i,Wo,"$1")),i}},Ko={start:Go(1),end:Go(2),trim:Go(3)},Yo=hi.PROPER,Jo=f,Xo=Lo,Qo=Ko.trim;co({target:"String",proto:!0,forced:function(t){return Jo((function(){return!!Xo[t]()||"​᠎"!=="​᠎"[t]()||Yo&&Xo[t].name!==t}))}("trim")},{trim:function(){return Qo(this)}});var Zo=f,tr=function(t,e){var i=[][t];return!!i&&Zo((function(){i.call(null,e||function(){return 1},1)}))},er=co,ir=L,nr=G,or=tr,rr=R([].join);er({target:"Array",proto:!0,forced:ir!=Object||!or("join",",")},{join:function(t){return rr(nr(this),void 0===t?",":t)}});var ar=Me,sr=function(){var t=ar(this),e="";return t.hasIndices&&(e+="d"),t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.dotAll&&(e+="s"),t.unicode&&(e+="u"),t.unicodeSets&&(e+="v"),t.sticky&&(e+="y"),e},lr=f,cr=d.RegExp,hr=lr((function(){var t=cr("a","y");return t.lastIndex=2,null!=t.exec("abcd")})),ur=hr||lr((function(){return!cr("a","y").sticky})),dr={BROKEN_CARET:hr||lr((function(){var t=cr("^r","gy");return t.lastIndex=2,null!=t.exec("str")})),MISSED_STICKY:ur,UNSUPPORTED_Y:hr},pr={},fr=g,gr=Ve,vr=Ne,br=Me,mr=G,yr=po;pr.f=fr&&!gr?Object.defineProperties:function(t,e){br(t);for(var i,n=mr(e),o=yr(e),r=o.length,a=0;r>a;)vr.f(t,i=o[a++],n[i]);return t};var wr,Sr=ot("document","documentElement"),xr=Me,kr=pr,Or=jn,Cr=Oi,Tr=Sr,Ir=Ce,Pr=ki("IE_PROTO"),Ar=function(){},$r=function(t){return"<script>"+t+"</"+"script>"},Rr=function(t){t.write($r("")),t.close();var e=t.parentWindow.Object;return t=null,e},Er=function(){try{wr=new ActiveXObject("htmlfile")}catch(t){}var t,e;Er="undefined"!=typeof document?document.domain&&wr?Rr(wr):((e=Ir("iframe")).style.display="none",Tr.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write($r("document.F=Object")),t.close(),t.F):Rr(wr);for(var i=Or.length;i--;)delete Er.prototype[Or[i]];return Er()};Cr[Pr]=!0;var jr=Object.create||function(t,e){var i;return null!==t?(Ar.prototype=xr(t),i=new Ar,Ar.prototype=null,i[Pr]=t):i=Er(),void 0===e?i:kr.f(i,e)},_r=f,Fr=d.RegExp,Dr=_r((function(){var t=Fr(".","s");return!(t.dotAll&&t.exec("\n")&&"s"===t.flags)})),Nr=f,Vr=d.RegExp,Br=Nr((function(){var t=Vr("(?<a>b)","g");return"b"!==t.exec("b").groups.a||"bc"!=="b".replace(t,"$<a>c")})),Lr=y,Hr=R,Mr=Bo,Ur=sr,zr=dr,qr=jr,Wr=Vi.get,Gr=Dr,Kr=Br,Yr=Dt("native-string-replace",String.prototype.replace),Jr=RegExp.prototype.exec,Xr=Jr,Qr=Hr("".charAt),Zr=Hr("".indexOf),ta=Hr("".replace),ea=Hr("".slice),ia=function(){var t=/a/,e=/b*/g;return Lr(Jr,t,"a"),Lr(Jr,e,"a"),0!==t.lastIndex||0!==e.lastIndex}(),na=zr.BROKEN_CARET,oa=void 0!==/()??/.exec("")[1];(ia||oa||na||Gr||Kr)&&(Xr=function(t){var e,i,n,o,r,a,s,l=this,c=Wr(l),h=Mr(t),u=c.raw;if(u)return u.lastIndex=l.lastIndex,e=Lr(Xr,u,h),l.lastIndex=u.lastIndex,e;var d=c.groups,p=na&&l.sticky,f=Lr(Ur,l),g=l.source,v=0,b=h;if(p&&(f=ta(f,"y",""),-1===Zr(f,"g")&&(f+="g"),b=ea(h,l.lastIndex),l.lastIndex>0&&(!l.multiline||l.multiline&&"\n"!==Qr(h,l.lastIndex-1))&&(g="(?: "+g+")",b=" "+b,v++),i=new RegExp("^(?:"+g+")",f)),oa&&(i=new RegExp("^"+g+"$(?!\\s)",f)),ia&&(n=l.lastIndex),o=Lr(Jr,p?i:l,b),p?o?(o.input=ea(o.input,v),o[0]=ea(o[0],v),o.index=l.lastIndex,l.lastIndex+=o[0].length):l.lastIndex=0:ia&&o&&(l.lastIndex=l.global?o.index+o[0].length:n),oa&&o&&o.length>1&&Lr(Yr,o[0],i,(function(){for(r=1;r<arguments.length-2;r++)void 0===arguments[r]&&(o[r]=void 0)})),o&&d)for(o.groups=a=qr(null),r=0;r<d.length;r++)a[(s=d[r])[0]]=o[s[1]];return o});var ra=Xr;co({target:"RegExp",proto:!0,forced:/./.exec!==ra},{exec:ra});var aa=v,sa=Function.prototype,la=sa.apply,ca=sa.call,ha="object"==typeof Reflect&&Reflect.apply||(aa?ca.bind(la):function(){return ca.apply(la,arguments)}),ua=F,da=R,pa=function(t){if("Function"===ua(t))return da(t)},fa=pa,ga=sn,va=ra,ba=f,ma=he,ya=ii,wa=ma("species"),Sa=RegExp.prototype,xa=function(t,e,i,n){var o=ma(t),r=!ba((function(){var e={};return e[o]=function(){return 7},7!=""[t](e)})),a=r&&!ba((function(){var e=!1,i=/a/;return"split"===t&&((i={}).constructor={},i.constructor[wa]=function(){return i},i.flags="",i[o]=/./[o]),i.exec=function(){return e=!0,null},i[o](""),!e}));if(!r||!a||i){var s=fa(/./[o]),l=e(o,""[t],(function(t,e,i,n,o){var a=fa(t),l=e.exec;return l===va||l===Sa.exec?r&&!o?{done:!0,value:s(e,i,n)}:{done:!0,value:a(i,e,n)}:{done:!1}}));ga(String.prototype,t,l[0]),ga(Sa,o,l[1])}n&&ya(Sa[o],"sham",!0)},ka=tt,Oa=F,Ca=he("match"),Ta=function(t){var e;return ka(t)&&(void 0!==(e=t[Ca])?!!e:"RegExp"==Oa(t))},Ia=R,Pa=f,Aa=X,$a=Do,Ra=bi,Ea=function(){},ja=[],_a=ot("Reflect","construct"),Fa=/^\s*(?:class|function)\b/,Da=Ia(Fa.exec),Na=!Fa.exec(Ea),Va=function(t){if(!Aa(t))return!1;try{return _a(Ea,ja,t),!0}catch(t){return!1}},Ba=function(t){if(!Aa(t))return!1;switch($a(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return Na||!!Da(Fa,Ra(t))}catch(t){return!0}};Ba.sham=!0;var La=!_a||Pa((function(){var t;return Va(Va.call)||!Va(Object)||!Va((function(){t=!0}))||t}))?Ba:Va,Ha=La,Ma=Ot,Ua=TypeError,za=Me,qa=function(t){if(Ha(t))return t;throw Ua(Ma(t)+" is not a constructor")},Wa=H,Ga=he("species"),Ka=R,Ya=dn,Ja=Bo,Xa=z,Qa=Ka("".charAt),Za=Ka("".charCodeAt),ts=Ka("".slice),es=function(t){return function(e,i){var n,o,r=Ja(Xa(e)),a=Ya(i),s=r.length;return a<0||a>=s?t?"":void 0:(n=Za(r,a))<55296||n>56319||a+1===s||(o=Za(r,a+1))<56320||o>57343?t?Qa(r,a):n:t?ts(r,a,a+2):o-56320+(n-55296<<10)+65536}},is={codeAt:es(!1),charAt:es(!0)}.charAt,ns=function(t,e,i){return e+(i?is(t,e).length:1)},os=Se,rs=Ne,as=T,ss=function(t,e,i){var n=os(e);n in t?rs.f(t,n,as(0,i)):t[n]=i},ls=vn,cs=Sn,hs=ss,us=Array,ds=Math.max,ps=function(t,e,i){for(var n=cs(t),o=ls(e,n),r=ls(void 0===i?n:i,n),a=us(ds(r-o,0)),s=0;o<r;o++,s++)hs(a,s,t[o]);return a.length=s,a},fs=y,gs=Me,vs=X,bs=F,ms=ra,ys=TypeError,ws=function(t,e){var i=t.exec;if(vs(i)){var n=fs(i,t,e);return null!==n&&gs(n),n}if("RegExp"===bs(t))return fs(ms,t,e);throw ys("RegExp#exec called on incompatible receiver")},Ss=ha,xs=y,ks=R,Os=xa,Cs=Me,Ts=H,Is=Ta,Ps=z,As=function(t,e){var i,n=za(t).constructor;return void 0===n||Wa(i=za(n)[Ga])?e:qa(i)},$s=ns,Rs=yn,Es=Bo,js=Rt,_s=ps,Fs=ws,Ds=ra,Ns=f,Vs=dr.UNSUPPORTED_Y,Bs=4294967295,Ls=Math.min,Hs=[].push,Ms=ks(/./.exec),Us=ks(Hs),zs=ks("".slice),qs=!Ns((function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var i="ab".split(t);return 2!==i.length||"a"!==i[0]||"b"!==i[1]}));Os("split",(function(t,e,i){var n;return n="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,i){var n=Es(Ps(this)),o=void 0===i?Bs:i>>>0;if(0===o)return[];if(void 0===t)return[n];if(!Is(t))return xs(e,n,t,o);for(var r,a,s,l=[],c=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),h=0,u=new RegExp(t.source,c+"g");(r=xs(Ds,u,n))&&!((a=u.lastIndex)>h&&(Us(l,zs(n,h,r.index)),r.length>1&&r.index<n.length&&Ss(Hs,l,_s(r,1)),s=r[0].length,h=a,l.length>=o));)u.lastIndex===r.index&&u.lastIndex++;return h===n.length?!s&&Ms(u,"")||Us(l,""):Us(l,zs(n,h)),l.length>o?_s(l,0,o):l}:"0".split(void 0,0).length?function(t,i){return void 0===t&&0===i?[]:xs(e,this,t,i)}:e,[function(e,i){var o=Ps(this),r=Ts(e)?void 0:js(e,t);return r?xs(r,e,o,i):xs(n,Es(o),e,i)},function(t,o){var r=Cs(this),a=Es(t),s=i(n,r,a,o,n!==e);if(s.done)return s.value;var l=As(r,RegExp),c=r.unicode,h=(r.ignoreCase?"i":"")+(r.multiline?"m":"")+(r.unicode?"u":"")+(Vs?"g":"y"),u=new l(Vs?"^(?:"+r.source+")":r,h),d=void 0===o?Bs:o>>>0;if(0===d)return[];if(0===a.length)return null===Fs(u,a)?[a]:[];for(var p=0,f=0,g=[];f<a.length;){u.lastIndex=Vs?0:f;var v,b=Fs(u,Vs?zs(a,f):a);if(null===b||(v=Ls(Rs(u.lastIndex+(Vs?f:0)),a.length))===p)f=$s(a,f,c);else{if(Us(g,zs(a,p,f)),g.length===d)return g;for(var m=1;m<=b.length-1;m++)if(Us(g,b[m]),g.length===d)return g;f=p=v}}return Us(g,zs(a,p)),g}]}),!qs,Vs);var Ws=g,Gs=R,Ks=po,Ys=G,Js=Gs(w.f),Xs=Gs([].push),Qs=function(t){return function(e){for(var i,n=Ys(e),o=Ks(n),r=o.length,a=0,s=[];r>a;)i=o[a++],Ws&&!Js(n,i)||Xs(s,t?[i,n[i]]:n[i]);return s}},Zs={entries:Qs(!0),values:Qs(!1)}.entries;co({target:"Object",stat:!0},{entries:function(t){return Zs(t)}});var tl=he,el=jr,il=Ne.f,nl=tl("unscopables"),ol=Array.prototype;null==ol[nl]&&il(ol,nl,{configurable:!0,value:el(null)});var rl=function(t){ol[nl][t]=!0},al=Tn.includes,sl=rl;co({target:"Array",proto:!0,forced:f((function(){return!Array(1).includes()}))},{includes:function(t){return al(this,t,arguments.length>1?arguments[1]:void 0)}}),sl("includes");var ll=F,cl=Array.isArray||function(t){return"Array"==ll(t)},hl=TypeError,ul=function(t){if(t>9007199254740991)throw hl("Maximum allowed index exceeded");return t},dl=cl,pl=La,fl=tt,gl=he("species"),vl=Array,bl=function(t){var e;return dl(t)&&(e=t.constructor,(pl(e)&&(e===vl||dl(e.prototype))||fl(e)&&null===(e=e[gl]))&&(e=void 0)),void 0===e?vl:e},ml=function(t,e){return new(bl(t))(0===e?0:e)},yl=f,wl=pt,Sl=he("species"),xl=function(t){return wl>=51||!yl((function(){var e=[];return(e.constructor={})[Sl]=function(){return{foo:1}},1!==e[t](Boolean).foo}))},kl=co,Ol=f,Cl=cl,Tl=tt,Il=Gt,Pl=Sn,Al=ul,$l=ss,Rl=ml,El=xl,jl=pt,_l=he("isConcatSpreadable"),Fl=jl>=51||!Ol((function(){var t=[];return t[_l]=!1,t.concat()[0]!==t})),Dl=function(t){if(!Tl(t))return!1;var e=t[_l];return void 0!==e?!!e:Cl(t)};kl({target:"Array",proto:!0,arity:1,forced:!Fl||!El("concat")},{concat:function(t){var e,i,n,o,r,a=Il(this),s=Rl(a,0),l=0;for(e=-1,n=arguments.length;e<n;e++)if(Dl(r=-1===e?a:arguments[e]))for(o=Pl(r),Al(l+o),i=0;i<o;i++,l++)i in r&&$l(s,l,r[i]);else Al(l+1),$l(s,l++,r);return s.length=l,s}});var Nl=Pt,Vl=v,Bl=pa(pa.bind),Ll=function(t,e){return Nl(t),void 0===e?t:Vl?Bl(t,e):function(){return t.apply(e,arguments)}},Hl=L,Ml=Gt,Ul=Sn,zl=ml,ql=R([].push),Wl=function(t){var e=1==t,i=2==t,n=3==t,o=4==t,r=6==t,a=7==t,s=5==t||r;return function(l,c,h,u){for(var d,p,f=Ml(l),g=Hl(f),v=Ll(c,h),b=Ul(g),m=0,y=u||zl,w=e?y(l,b):i||a?y(l,0):void 0;b>m;m++)if((s||m in g)&&(p=v(d=g[m],m,f),t))if(e)w[m]=p;else if(p)switch(t){case 3:return!0;case 5:return d;case 6:return m;case 2:ql(w,d)}else switch(t){case 4:return!1;case 7:ql(w,d)}return r?-1:n||o?o:w}},Gl={forEach:Wl(0),map:Wl(1),filter:Wl(2),some:Wl(3),every:Wl(4),find:Wl(5),findIndex:Wl(6),filterReject:Wl(7)},Kl=co,Yl=Gl.find,Jl=rl,Xl="find",Ql=!0;Xl in[]&&Array(1).find((function(){Ql=!1})),Kl({target:"Array",proto:!0,forced:Ql},{find:function(t){return Yl(this,t,arguments.length>1?arguments[1]:void 0)}}),Jl(Xl);var Zl=Do,tc=Ao?{}.toString:function(){return"[object "+Zl(this)+"]"};Ao||sn(Object.prototype,"toString",tc,{unsafe:!0});var ec=Ta,ic=TypeError,nc=function(t){if(ec(t))throw ic("The method doesn't accept regular expressions");return t},oc=he("match"),rc=function(t){var e=/./;try{"/./"[t](e)}catch(i){try{return e[oc]=!1,"/./"[t](e)}catch(t){}}return!1},ac=co,sc=nc,lc=z,cc=Bo,hc=rc,uc=R("".indexOf);ac({target:"String",proto:!0,forced:!hc("includes")},{includes:function(t){return!!~uc(cc(lc(this)),cc(sc(t)),arguments.length>1?arguments[1]:void 0)}});var dc={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0},pc=Ce("span").classList,fc=pc&&pc.constructor&&pc.constructor.prototype,gc=fc===Object.prototype?void 0:fc,vc=Gl.forEach,bc=tr("forEach")?[].forEach:function(t){return vc(this,t,arguments.length>1?arguments[1]:void 0)},mc=d,yc=dc,wc=gc,Sc=bc,xc=ii,kc=function(t){if(t&&t.forEach!==Sc)try{xc(t,"forEach",Sc)}catch(e){t.forEach=Sc}};for(var Oc in yc)yc[Oc]&&kc(mc[Oc]&&mc[Oc].prototype);kc(wc);var Cc=d,Tc=f,Ic=Bo,Pc=Ko.trim,Ac=R("".charAt),$c=Cc.parseFloat,Rc=Cc.Symbol,Ec=Rc&&Rc.iterator,jc=1/$c("\t\n\v\f\r                　\u2028\u2029\ufeff-0")!=-1/0||Ec&&!Tc((function(){$c(Object(Ec))}))?function(t){var e=Pc(Ic(t)),i=$c(e);return 0===i&&"-"==Ac(e,0)?-0:i}:$c;co({global:!0,forced:parseFloat!=jc},{parseFloat:jc});var _c=Gt,Fc=po;co({target:"Object",stat:!0,forced:f((function(){Fc(1)}))},{keys:function(t){return Fc(_c(t))}});var Dc=co,Nc=Tn.indexOf,Vc=tr,Bc=pa([].indexOf),Lc=!!Bc&&1/Bc([1],1,-0)<0;Dc({target:"Array",proto:!0,forced:Lc||!Vc("indexOf")},{indexOf:function(t){var e=arguments.length>1?arguments[1]:void 0;return Lc?Bc(this,t,e)||0:Nc(this,t,e)}});var Hc=Ot,Mc=TypeError,Uc=function(t,e){if(!delete t[e])throw Mc("Cannot delete property "+Hc(e)+" of "+Hc(t))},zc=ps,qc=Math.floor,Wc=function(t,e){var i=t.length,n=qc(i/2);return i<8?Gc(t,e):Kc(t,Wc(zc(t,0,n),e),Wc(zc(t,n),e),e)},Gc=function(t,e){for(var i,n,o=t.length,r=1;r<o;){for(n=r,i=t[r];n&&e(t[n-1],i)>0;)t[n]=t[--n];n!==r++&&(t[n]=i)}return t},Kc=function(t,e,i,n){for(var o=e.length,r=i.length,a=0,s=0;a<o||s<r;)t[a+s]=a<o&&s<r?n(e[a],i[s])<=0?e[a++]:i[s++]:a<o?e[a++]:i[s++];return t},Yc=Wc,Jc=at.match(/firefox\/(\d+)/i),Xc=!!Jc&&+Jc[1],Qc=/MSIE|Trident/.test(at),Zc=at.match(/AppleWebKit\/(\d+)\./),th=!!Zc&&+Zc[1],eh=co,ih=R,nh=Pt,oh=Gt,rh=Sn,ah=Uc,sh=Bo,lh=f,ch=Yc,hh=tr,uh=Xc,dh=Qc,ph=pt,fh=th,gh=[],vh=ih(gh.sort),bh=ih(gh.push),mh=lh((function(){gh.sort(void 0)})),yh=lh((function(){gh.sort(null)})),wh=hh("sort"),Sh=!lh((function(){if(ph)return ph<70;if(!(uh&&uh>3)){if(dh)return!0;if(fh)return fh<603;var t,e,i,n,o="";for(t=65;t<76;t++){switch(e=String.fromCharCode(t),t){case 66:case 69:case 70:case 72:i=3;break;case 68:case 71:i=4;break;default:i=2}for(n=0;n<47;n++)gh.push({k:e+n,v:i})}for(gh.sort((function(t,e){return e.v-t.v})),n=0;n<gh.length;n++)e=gh[n].k.charAt(0),o.charAt(o.length-1)!==e&&(o+=e);return"DGBEFHACIJK"!==o}}));eh({target:"Array",proto:!0,forced:mh||!yh||!wh||!Sh},{sort:function(t){void 0!==t&&nh(t);var e=oh(this);if(Sh)return void 0===t?vh(e):vh(e,t);var i,n,o=[],r=rh(e);for(n=0;n<r;n++)n in e&&bh(o,e[n]);for(ch(o,function(t){return function(e,i){return void 0===i?-1:void 0===e?1:void 0!==t?+t(e,i)||0:sh(e)>sh(i)?1:-1}}(t)),i=rh(o),n=0;n<i;)e[n]=o[n++];for(;n<r;)ah(e,n++);return e}});var xh=R,kh=Gt,Oh=Math.floor,Ch=xh("".charAt),Th=xh("".replace),Ih=xh("".slice),Ph=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,Ah=/\$([$&'`]|\d{1,2})/g,$h=ha,Rh=y,Eh=R,jh=xa,_h=f,Fh=Me,Dh=X,Nh=H,Vh=dn,Bh=yn,Lh=Bo,Hh=z,Mh=ns,Uh=Rt,zh=function(t,e,i,n,o,r){var a=i+t.length,s=n.length,l=Ah;return void 0!==o&&(o=kh(o),l=Ph),Th(r,l,(function(r,l){var c;switch(Ch(l,0)){case"$":return"$";case"&":return t;case"`":return Ih(e,0,i);case"'":return Ih(e,a);case"<":c=o[Ih(l,1,-1)];break;default:var h=+l;if(0===h)return r;if(h>s){var u=Oh(h/10);return 0===u?r:u<=s?void 0===n[u-1]?Ch(l,1):n[u-1]+Ch(l,1):r}c=n[h-1]}return void 0===c?"":c}))},qh=ws,Wh=he("replace"),Gh=Math.max,Kh=Math.min,Yh=Eh([].concat),Jh=Eh([].push),Xh=Eh("".indexOf),Qh=Eh("".slice),Zh="$0"==="a".replace(/./,"$0"),tu=!!/./[Wh]&&""===/./[Wh]("a","$0");jh("replace",(function(t,e,i){var n=tu?"$":"$0";return[function(t,i){var n=Hh(this),o=Nh(t)?void 0:Uh(t,Wh);return o?Rh(o,t,n,i):Rh(e,Lh(n),t,i)},function(t,o){var r=Fh(this),a=Lh(t);if("string"==typeof o&&-1===Xh(o,n)&&-1===Xh(o,"$<")){var s=i(e,r,a,o);if(s.done)return s.value}var l=Dh(o);l||(o=Lh(o));var c=r.global;if(c){var h=r.unicode;r.lastIndex=0}for(var u=[];;){var d=qh(r,a);if(null===d)break;if(Jh(u,d),!c)break;""===Lh(d[0])&&(r.lastIndex=Mh(a,Bh(r.lastIndex),h))}for(var p,f="",g=0,v=0;v<u.length;v++){for(var b=Lh((d=u[v])[0]),m=Gh(Kh(Vh(d.index),a.length),0),y=[],w=1;w<d.length;w++)Jh(y,void 0===(p=d[w])?p:String(p));var S=d.groups;if(l){var x=Yh([b],y,m,a);void 0!==S&&Jh(x,S);var k=Lh($h(o,void 0,x))}else k=zh(b,a,m,y,S,o);m>=g&&(f+=Qh(a,g,m)+k,g=m+b.length)}return f+Qh(a,g)}]}),!!_h((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")}))||!Zh||tu);var eu=Gl.filter;co({target:"Array",proto:!0,forced:!xl("filter")},{filter:function(t){return eu(this,t,arguments.length>1?arguments[1]:void 0)}});var iu=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e},nu=y,ou=Me,ru=H,au=z,su=iu,lu=Bo,cu=Rt,hu=ws;xa("search",(function(t,e,i){return[function(e){var i=au(this),n=ru(e)?void 0:cu(e,t);return n?nu(n,e,i):new RegExp(e)[t](lu(i))},function(t){var n=ou(this),o=lu(t),r=i(e,n,o);if(r.done)return r.value;var a=n.lastIndex;su(a,0)||(n.lastIndex=0);var s=hu(n,o);return su(n.lastIndex,a)||(n.lastIndex=a),null===s?-1:s.index}]}));var uu=d,du=f,pu=R,fu=Bo,gu=Ko.trim,vu=Lo,bu=uu.parseInt,mu=uu.Symbol,yu=mu&&mu.iterator,wu=/^[+-]?0x/i,Su=pu(wu.exec),xu=8!==bu(vu+"08")||22!==bu(vu+"0x16")||yu&&!du((function(){bu(Object(yu))}))?function(t,e){var i=gu(fu(t));return bu(i,e>>>0||(Su(wu,i)?16:10))}:bu;co({global:!0,forced:parseInt!=xu},{parseInt:xu});var ku=Gl.map;co({target:"Array",proto:!0,forced:!xl("map")},{map:function(t){return ku(this,t,arguments.length>1?arguments[1]:void 0)}});var Ou=co,Cu=Gl.findIndex,Tu=rl,Iu="findIndex",Pu=!0;Iu in[]&&Array(1).findIndex((function(){Pu=!1})),Ou({target:"Array",proto:!0,forced:Pu},{findIndex:function(t){return Cu(this,t,arguments.length>1?arguments[1]:void 0)}}),Tu(Iu);var Au=R,$u=Pt,Ru=X,Eu=String,ju=TypeError,_u=function(t,e,i){try{return Au($u(Object.getOwnPropertyDescriptor(t,e)[i]))}catch(t){}},Fu=Me,Du=function(t){if("object"==typeof t||Ru(t))return t;throw ju("Can't set "+Eu(t)+" as a prototype")},Nu=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,i={};try{(t=_u(Object.prototype,"__proto__","set"))(i,[]),e=i instanceof Array}catch(t){}return function(i,n){return Fu(i),Du(n),e?t(i,n):i.__proto__=n,i}}():void 0),Vu=X,Bu=tt,Lu=Nu,Hu=function(t,e,i){var n,o;return Lu&&Vu(n=e.constructor)&&n!==i&&Bu(o=n.prototype)&&o!==i.prototype&&Lu(t,o),t},Mu=y,Uu=Jt,zu=rt,qu=sr,Wu=RegExp.prototype,Gu=function(t){var e=t.flags;return void 0!==e||"flags"in Wu||Uu(t,"flags")||!zu(Wu,t)?e:Mu(qu,t)},Ku=Ne.f,Yu=ni,Ju=Ne,Xu=ot,Qu=function(t,e,i){return i.get&&Yu(i.get,e,{getter:!0}),i.set&&Yu(i.set,e,{setter:!0}),Ju.f(t,e,i)},Zu=g,td=he("species"),ed=g,id=d,nd=R,od=eo,rd=Hu,ad=ii,sd=ln.f,ld=rt,cd=Ta,hd=Bo,ud=Gu,dd=dr,pd=function(t,e,i){i in t||Ku(t,i,{configurable:!0,get:function(){return e[i]},set:function(t){e[i]=t}})},fd=sn,gd=f,vd=Jt,bd=Vi.enforce,md=function(t){var e=Xu(t);Zu&&e&&!e[td]&&Qu(e,td,{configurable:!0,get:function(){return this}})},yd=Dr,wd=Br,Sd=he("match"),xd=id.RegExp,kd=xd.prototype,Od=id.SyntaxError,Cd=nd(kd.exec),Td=nd("".charAt),Id=nd("".replace),Pd=nd("".indexOf),Ad=nd("".slice),$d=/^\?<[^\s\d!#%&*+<=>@^][^\s!#%&*+<=>@^]*>/,Rd=/a/g,Ed=/a/g,jd=new xd(Rd)!==Rd,_d=dd.MISSED_STICKY,Fd=dd.UNSUPPORTED_Y,Dd=ed&&(!jd||_d||yd||wd||gd((function(){return Ed[Sd]=!1,xd(Rd)!=Rd||xd(Ed)==Ed||"/a/i"!=xd(Rd,"i")})));if(od("RegExp",Dd)){for(var Nd=function(t,e){var i,n,o,r,a,s,l=ld(kd,this),c=cd(t),h=void 0===e,u=[],d=t;if(!l&&c&&h&&t.constructor===Nd)return t;if((c||ld(kd,t))&&(t=t.source,h&&(e=ud(d))),t=void 0===t?"":hd(t),e=void 0===e?"":hd(e),d=t,yd&&"dotAll"in Rd&&(n=!!e&&Pd(e,"s")>-1)&&(e=Id(e,/s/g,"")),i=e,_d&&"sticky"in Rd&&(o=!!e&&Pd(e,"y")>-1)&&Fd&&(e=Id(e,/y/g,"")),wd&&(r=function(t){for(var e,i=t.length,n=0,o="",r=[],a={},s=!1,l=!1,c=0,h="";n<=i;n++){if("\\"===(e=Td(t,n)))e+=Td(t,++n);else if("]"===e)s=!1;else if(!s)switch(!0){case"["===e:s=!0;break;case"("===e:Cd($d,Ad(t,n+1))&&(n+=2,l=!0),o+=e,c++;continue;case">"===e&&l:if(""===h||vd(a,h))throw new Od("Invalid capture group name");a[h]=!0,r[r.length]=[h,c],l=!1,h="";continue}l?h+=e:o+=e}return[o,r]}(t),t=r[0],u=r[1]),a=rd(xd(t,e),l?this:kd,Nd),(n||o||u.length)&&(s=bd(a),n&&(s.dotAll=!0,s.raw=Nd(function(t){for(var e,i=t.length,n=0,o="",r=!1;n<=i;n++)"\\"!==(e=Td(t,n))?r||"."!==e?("["===e?r=!0:"]"===e&&(r=!1),o+=e):o+="[\\s\\S]":o+=e+Td(t,++n);return o}(t),i)),o&&(s.sticky=!0),u.length&&(s.groups=u)),t!==d)try{ad(a,"source",""===d?"(?:)":d)}catch(t){}return a},Vd=sd(xd),Bd=0;Vd.length>Bd;)pd(Nd,xd,Vd[Bd++]);kd.constructor=Nd,Nd.prototype=kd,fd(id,"RegExp",Nd,{constructor:!0})}md("RegExp");var Ld=hi.PROPER,Hd=sn,Md=Me,Ud=Bo,zd=f,qd=Gu,Wd="toString",Gd=RegExp.prototype.toString,Kd=zd((function(){return"/a/b"!=Gd.call({source:"a",flags:"b"})})),Yd=Ld&&Gd.name!=Wd;(Kd||Yd)&&Hd(RegExp.prototype,Wd,(function(){var t=Md(this);return"/"+Ud(t.source)+"/"+Ud(qd(t))}),{unsafe:!0});var Jd=R([].slice),Xd=co,Qd=cl,Zd=La,tp=tt,ep=vn,ip=Sn,np=G,op=ss,rp=he,ap=Jd,sp=xl("slice"),lp=rp("species"),cp=Array,hp=Math.max;Xd({target:"Array",proto:!0,forced:!sp},{slice:function(t,e){var i,n,o,r=np(this),a=ip(r),s=ep(t,a),l=ep(void 0===e?a:e,a);if(Qd(r)&&(i=r.constructor,(Zd(i)&&(i===cp||Qd(i.prototype))||tp(i)&&null===(i=i[lp]))&&(i=void 0),i===cp||void 0===i))return ap(r,s,l);for(n=new(void 0===i?cp:i)(hp(l-s,0)),o=0;s<l;s++,o++)s in r&&op(n,o,r[s]);return n.length=o,n}});var up,dp,pp,fp={},gp=!f((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype})),vp=Jt,bp=X,mp=Gt,yp=gp,wp=ki("IE_PROTO"),Sp=Object,xp=Sp.prototype,kp=yp?Sp.getPrototypeOf:function(t){var e=mp(t);if(vp(e,wp))return e[wp];var i=e.constructor;return bp(i)&&e instanceof i?i.prototype:e instanceof Sp?xp:null},Op=f,Cp=X,Tp=tt,Ip=kp,Pp=sn,Ap=he("iterator"),$p=!1;[].keys&&("next"in(pp=[].keys())?(dp=Ip(Ip(pp)))!==Object.prototype&&(up=dp):$p=!0);var Rp=!Tp(up)||Op((function(){var t={};return up[Ap].call(t)!==t}));Rp&&(up={}),Cp(up[Ap])||Pp(up,Ap,(function(){return this}));var Ep={IteratorPrototype:up,BUGGY_SAFARI_ITERATORS:$p},jp=Ne.f,_p=Jt,Fp=he("toStringTag"),Dp=function(t,e,i){t&&!i&&(t=t.prototype),t&&!_p(t,Fp)&&jp(t,Fp,{configurable:!0,value:e})},Np=Ep.IteratorPrototype,Vp=jr,Bp=T,Lp=Dp,Hp=fp,Mp=function(){return this},Up=co,zp=y,qp=X,Wp=function(t,e,i,n){var o=e+" Iterator";return t.prototype=Vp(Np,{next:Bp(+!n,i)}),Lp(t,o,!1),Hp[o]=Mp,t},Gp=kp,Kp=Nu,Yp=Dp,Jp=ii,Xp=sn,Qp=fp,Zp=hi.PROPER,tf=hi.CONFIGURABLE,ef=Ep.IteratorPrototype,nf=Ep.BUGGY_SAFARI_ITERATORS,of=he("iterator"),rf="keys",af="values",sf="entries",lf=function(){return this},cf=G,hf=rl,uf=fp,df=Vi,pf=Ne.f,ff=function(t,e,i,n,o,r,a){Wp(i,e,n);var s,l,c,h=function(t){if(t===o&&g)return g;if(!nf&&t in p)return p[t];switch(t){case rf:case af:case sf:return function(){return new i(this,t)}}return function(){return new i(this)}},u=e+" Iterator",d=!1,p=t.prototype,f=p[of]||p["@@iterator"]||o&&p[o],g=!nf&&f||h(o),v="Array"==e&&p.entries||f;if(v&&(s=Gp(v.call(new t)))!==Object.prototype&&s.next&&(Gp(s)!==ef&&(Kp?Kp(s,ef):qp(s[of])||Xp(s,of,lf)),Yp(s,u,!0)),Zp&&o==af&&f&&f.name!==af&&(tf?Jp(p,"name",af):(d=!0,g=function(){return zp(f,this)})),o)if(l={values:h(af),keys:r?g:h(rf),entries:h(sf)},a)for(c in l)(nf||d||!(c in p))&&Xp(p,c,l[c]);else Up({target:e,proto:!0,forced:nf||d},l);return p[of]!==g&&Xp(p,of,g,{name:o}),Qp[e]=g,l},gf=function(t,e){return{value:t,done:e}},vf=g,bf="Array Iterator",mf=df.set,yf=df.getterFor(bf),wf=ff(Array,"Array",(function(t,e){mf(this,{type:bf,target:cf(t),index:0,kind:e})}),(function(){var t=yf(this),e=t.target,i=t.kind,n=t.index++;return!e||n>=e.length?(t.target=void 0,gf(void 0,!0)):gf("keys"==i?n:"values"==i?e[n]:[n,e[n]],!1)}),"values"),Sf=uf.Arguments=uf.Array;if(hf("keys"),hf("values"),hf("entries"),vf&&"values"!==Sf.name)try{pf(Sf,"name",{value:"values"})}catch(t){}var xf=d,kf=dc,Of=gc,Cf=wf,Tf=ii,If=he,Pf=If("iterator"),Af=If("toStringTag"),$f=Cf.values,Rf=function(t,e){if(t){if(t[Pf]!==$f)try{Tf(t,Pf,$f)}catch(e){t[Pf]=$f}if(t[Af]||Tf(t,Af,e),kf[e])for(var i in Cf)if(t[i]!==Cf[i])try{Tf(t,i,Cf[i])}catch(e){t[i]=Cf[i]}}};for(var Ef in kf)Rf(xf[Ef]&&xf[Ef].prototype,Ef);Rf(Of,"DOMTokenList");var jf=g,_f=cl,Ff=TypeError,Df=Object.getOwnPropertyDescriptor,Nf=jf&&!function(){if(void 0!==this)return!0;try{Object.defineProperty([],"length",{writable:!1}).length=1}catch(t){return t instanceof TypeError}}(),Vf=co,Bf=Gt,Lf=vn,Hf=dn,Mf=Sn,Uf=Nf?function(t,e){if(_f(t)&&!Df(t,"length").writable)throw Ff("Cannot set read only .length");return t.length=e}:function(t,e){return t.length=e},zf=ul,qf=ml,Wf=ss,Gf=Uc,Kf=xl("splice"),Yf=Math.max,Jf=Math.min;Vf({target:"Array",proto:!0,forced:!Kf},{splice:function(t,e){var i,n,o,r,a,s,l=Bf(this),c=Mf(l),h=Lf(t,c),u=arguments.length;for(0===u?i=n=0:1===u?(i=0,n=c-h):(i=u-2,n=Jf(Yf(Hf(e),0),c-h)),zf(c+i-n),o=qf(l,n),r=0;r<n;r++)(a=h+r)in l&&Wf(o,r,l[a]);if(o.length=n,i<n){for(r=h;r<c-n;r++)s=r+i,(a=r+n)in l?l[s]=l[a]:Gf(l,s);for(r=c;r>c-n+i;r--)Gf(l,r-1)}else if(i>n)for(r=c-n;r>h;r--)s=r+i-1,(a=r+n-1)in l?l[s]=l[a]:Gf(l,s);for(r=0;r<i;r++)l[r+h]=arguments[r+2];return Uf(l,c-n+i),o}});var Xf=d,Qf=R(1..valueOf),Zf=co,tg=g,eg=d,ig=Xf,ng=R,og=eo,rg=Jt,ag=Hu,sg=rt,lg=xt,cg=me,hg=f,ug=ln.f,dg=p.f,pg=Ne.f,fg=Qf,gg=Ko.trim,vg="Number",bg=eg.Number;ig.Number;var mg=bg.prototype,yg=eg.TypeError,wg=ng("".slice),Sg=ng("".charCodeAt),xg=function(t){var e=cg(t,"number");return"bigint"==typeof e?e:kg(e)},kg=function(t){var e,i,n,o,r,a,s,l,c=cg(t,"number");if(lg(c))throw yg("Cannot convert a Symbol value to a number");if("string"==typeof c&&c.length>2)if(c=gg(c),43===(e=Sg(c,0))||45===e){if(88===(i=Sg(c,2))||120===i)return NaN}else if(48===e){switch(Sg(c,1)){case 66:case 98:n=2,o=49;break;case 79:case 111:n=8,o=55;break;default:return+c}for(a=(r=wg(c,2)).length,s=0;s<a;s++)if((l=Sg(r,s))<48||l>o)return NaN;return parseInt(r,n)}return+c},Og=og(vg,!bg(" 0o1")||!bg("0b1")||bg("+0x1")),Cg=function(t){return sg(mg,t)&&hg((function(){fg(t)}))},Tg=function(t){var e=arguments.length<1?0:bg(xg(t));return Cg(this)?ag(Object(e),this,Tg):e};Tg.prototype=mg,Og&&(mg.constructor=Tg),Zf({global:!0,constructor:!0,wrap:!0,forced:Og},{Number:Tg});Og&&function(t,e){for(var i,n=tg?ug(e):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,fromString,range".split(","),o=0;n.length>o;o++)rg(e,i=n[o])&&!rg(t,i)&&pg(t,i,dg(e,i))}(ig.Number,bg);var Ig=co,Pg=cl,Ag=R([].reverse),$g=[1,2];Ig({target:"Array",proto:!0,forced:String($g)===String($g.reverse())},{reverse:function(){return Pg(this)&&(this.length=this.length),Ag(this)}});var Rg=y,Eg=Me,jg=H,_g=yn,Fg=Bo,Dg=z,Ng=Rt,Vg=ns,Bg=ws;xa("match",(function(t,e,i){return[function(e){var i=Dg(this),n=jg(e)?void 0:Ng(e,t);return n?Rg(n,e,i):new RegExp(e)[t](Fg(i))},function(t){var n=Eg(this),o=Fg(t),r=i(e,n,o);if(r.done)return r.value;if(!n.global)return Bg(n,o);var a=n.unicode;n.lastIndex=0;for(var s,l=[],c=0;null!==(s=Bg(n,o));){var h=Fg(s[0]);l[c]=h,""===h&&(n.lastIndex=Vg(o,_g(n.lastIndex),a)),c++}return 0===c?null:l}]}));var Lg,Hg=co,Mg=pa,Ug=p.f,zg=yn,qg=Bo,Wg=nc,Gg=z,Kg=rc,Yg=Mg("".startsWith),Jg=Mg("".slice),Xg=Math.min,Qg=Kg("startsWith");Hg({target:"String",proto:!0,forced:!!(Qg||(Lg=Ug(String.prototype,"startsWith"),!Lg||Lg.writable))&&!Qg},{startsWith:function(t){var e=qg(Gg(this));Wg(t);var i=zg(Xg(arguments.length>1?arguments[1]:void 0,e.length)),n=qg(t);return Yg?Yg(e,n,i):Jg(e,i,i+n.length)===n}});var Zg=co,tv=pa,ev=p.f,iv=yn,nv=Bo,ov=nc,rv=z,av=rc,sv=tv("".endsWith),lv=tv("".slice),cv=Math.min,hv=av("endsWith"),uv=!hv&&!!function(){var t=ev(String.prototype,"endsWith");return t&&!t.writable}();Zg({target:"String",proto:!0,forced:!uv&&!hv},{endsWith:function(t){var e=nv(rv(this));ov(t);var i=arguments.length>1?arguments[1]:void 0,n=e.length,o=void 0===i?n:cv(iv(i),n),r=nv(t);return sv?sv(e,r,o):lv(e,o-r.length,o)===r}});var dv={getBootstrapVersion:function(){var e=5;try{var i=t.fn.dropdown.Constructor.VERSION;void 0!==i&&(e=parseInt(i,10))}catch(t){}try{var n=bootstrap.Tooltip.VERSION;void 0!==n&&(e=parseInt(n,10))}catch(t){}return e},getIconsPrefix:function(t){return{bootstrap3:"glyphicon",bootstrap4:"fa",bootstrap5:"bi","bootstrap-table":"icon",bulma:"fa",foundation:"fa",materialize:"material-icons",semantic:"fa"}[t]||"fa"},getIcons:function(t){return{glyphicon:{paginationSwitchDown:"glyphicon-collapse-down icon-chevron-down",paginationSwitchUp:"glyphicon-collapse-up icon-chevron-up",refresh:"glyphicon-refresh icon-refresh",toggleOff:"glyphicon-list-alt icon-list-alt",toggleOn:"glyphicon-list-alt icon-list-alt",columns:"glyphicon-th icon-th",detailOpen:"glyphicon-plus icon-plus",detailClose:"glyphicon-minus icon-minus",fullscreen:"glyphicon-fullscreen",search:"glyphicon-search",clearSearch:"glyphicon-trash"},fa:{paginationSwitchDown:"fa-caret-square-down",paginationSwitchUp:"fa-caret-square-up",refresh:"fa-sync",toggleOff:"fa-toggle-off",toggleOn:"fa-toggle-on",columns:"fa-th-list",detailOpen:"fa-plus",detailClose:"fa-minus",fullscreen:"fa-arrows-alt",search:"fa-search",clearSearch:"fa-trash"},bi:{paginationSwitchDown:"bi-caret-down-square",paginationSwitchUp:"bi-caret-up-square",refresh:"bi-arrow-clockwise",toggleOff:"bi-toggle-off",toggleOn:"bi-toggle-on",columns:"bi-list-ul",detailOpen:"bi-plus",detailClose:"bi-dash",fullscreen:"bi-arrows-move",search:"bi-search",clearSearch:"bi-trash"},icon:{paginationSwitchDown:"icon-arrow-up-circle",paginationSwitchUp:"icon-arrow-down-circle",refresh:"icon-refresh-cw",toggleOff:"icon-toggle-right",toggleOn:"icon-toggle-right",columns:"icon-list",detailOpen:"icon-plus",detailClose:"icon-minus",fullscreen:"icon-maximize",search:"icon-search",clearSearch:"icon-trash-2"},"material-icons":{paginationSwitchDown:"grid_on",paginationSwitchUp:"grid_off",refresh:"refresh",toggleOff:"tablet",toggleOn:"tablet_android",columns:"view_list",detailOpen:"add",detailClose:"remove",fullscreen:"fullscreen",sort:"sort",search:"search",clearSearch:"delete"}}[t]},getSearchInput:function(e){return"string"==typeof e.options.searchSelector?t(e.options.searchSelector):e.$toolbar.find(".search input")},extend:function(){for(var t=this,i=arguments.length,n=new Array(i),o=0;o<i;o++)n[o]=arguments[o];var r,a=n[0]||{},s=1,l=!1;for("boolean"==typeof a&&(l=a,a=n[s]||{},s++),"object"!==e(a)&&"function"!=typeof a&&(a={});s<n.length;s++){var c=n[s];if(null!=c)for(var h in c){var u=c[h];if("__proto__"!==h&&a!==u){var d=Array.isArray(u);if(l&&u&&(this.isObject(u)||d)){var p=a[h];if(d&&Array.isArray(p)&&p.every((function(e){return!t.isObject(e)&&!Array.isArray(e)}))){a[h]=u;continue}r=d&&!Array.isArray(p)?[]:d||this.isObject(p)?p:{},a[h]=this.extend(l,r,u)}else void 0!==u&&(a[h]=u)}}}return a},sprintf:function(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];var o=!0,r=0,a=t.replace(/%s/g,(function(){var t=i[r++];return void 0===t?(o=!1,""):t}));return o?a:""},isObject:function(t){return"object"===e(t)&&null!==t&&!Array.isArray(t)},isEmptyObject:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return 0===Object.entries(t).length&&t.constructor===Object},isNumeric:function(t){return!isNaN(parseFloat(t))&&isFinite(t)},getFieldTitle:function(t,e){var i,n=c(t);try{for(n.s();!(i=n.n()).done;){var o=i.value;if(o.field===e)return o.title}}catch(t){n.e(t)}finally{n.f()}return""},setFieldIndex:function(t){var e,i=0,n=[],o=c(t[0]);try{for(o.s();!(e=o.n()).done;){i+=e.value.colspan||1}}catch(t){o.e(t)}finally{o.f()}for(var r=0;r<t.length;r++){n[r]=[];for(var a=0;a<i;a++)n[r][a]=!1}for(var s=0;s<t.length;s++){var l,h=c(t[s]);try{for(h.s();!(l=h.n()).done;){var u=l.value,d=u.rowspan||1,p=u.colspan||1,f=n[s].indexOf(!1);u.colspanIndex=f,1===p?(u.fieldIndex=f,void 0===u.field&&(u.field=f)):u.colspanGroup=u.colspan;for(var g=0;g<d;g++)for(var v=0;v<p;v++)n[s+g][f+v]=!0}}catch(t){h.e(t)}finally{h.f()}}},normalizeAccent:function(t){return"string"!=typeof t?t:t.normalize("NFD").replace(/[\u0300-\u036f]/g,"")},updateFieldGroup:function(t,e){var i,n,o=(i=[]).concat.apply(i,a(t)),r=c(t);try{for(r.s();!(n=r.n()).done;){var s,l=c(n.value);try{for(l.s();!(s=l.n()).done;){var h=s.value;if(h.colspanGroup>1){for(var u=0,d=function(t){o.find((function(e){return e.fieldIndex===t})).visible&&u++},p=h.colspanIndex;p<h.colspanIndex+h.colspanGroup;p++)d(p);h.colspan=u,h.visible=u>0}}}catch(t){l.e(t)}finally{l.f()}}}catch(t){r.e(t)}finally{r.f()}if(!(t.length<2)){var f,g=c(e);try{var v=function(){var t=f.value,e=o.filter((function(e){return e.fieldIndex===t.fieldIndex}));if(e.length>1){var i,n=c(e);try{for(n.s();!(i=n.n()).done;){i.value.visible=t.visible}}catch(t){n.e(t)}finally{n.f()}}};for(g.s();!(f=g.n()).done;)v()}catch(t){g.e(t)}finally{g.f()}}},getScrollBarWidth:function(){if(void 0===this.cachedWidth){var e=t("<div/>").addClass("fixed-table-scroll-inner"),i=t("<div/>").addClass("fixed-table-scroll-outer");i.append(e),t("body").append(i);var n=e[0].offsetWidth;i.css("overflow","scroll");var o=e[0].offsetWidth;n===o&&(o=i[0].clientWidth),i.remove(),this.cachedWidth=n-o}return this.cachedWidth},calculateObjectValue:function(t,i,n,o){var r=i;if("string"==typeof i){var s=i.split(".");if(s.length>1){r=window;var l,h=c(s);try{for(h.s();!(l=h.n()).done;){r=r[l.value]}}catch(t){h.e(t)}finally{h.f()}}else r=window[i]}return null!==r&&"object"===e(r)?r:"function"==typeof r?r.apply(t,n||[]):!r&&"string"==typeof i&&n&&this.sprintf.apply(this,[i].concat(a(n)))?this.sprintf.apply(this,[i].concat(a(n))):o},compareObjects:function(t,e,i){var n=Object.keys(t),o=Object.keys(e);if(i&&n.length!==o.length)return!1;for(var r=0,a=n;r<a.length;r++){var s=a[r];if(o.includes(s)&&t[s]!==e[s])return!1}return!0},regexCompare:function(t,e){try{var i=e.match(/^\/(.*?)\/([gim]*)$/);if(-1!==t.toString().search(i?new RegExp(i[1],i[2]):new RegExp(e,"gim")))return!0}catch(t){return!1}return!1},escapeApostrophe:function(t){return t.toString().replace(/'/g,"&#39;")},escapeHTML:function(t){return t?t.toString().replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;"):t},unescapeHTML:function(t){return"string"==typeof t&&t?t.toString().replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"').replace(/&#39;/g,"'"):t},removeHTML:function(t){return t?t.toString().replace(/(<([^>]+)>)/gi,"").replace(/&[#A-Za-z0-9]+;/gi,"").trim():t},getRealDataAttr:function(t){for(var e=0,i=Object.entries(t);e<i.length;e++){var n=r(i[e],2),o=n[0],a=n[1],s=o.split(/(?=[A-Z])/).join("-").toLowerCase();s!==o&&(t[s]=a,delete t[o])}return t},getItemField:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,o=t;if(void 0!==n&&(i=n),"string"!=typeof e||t.hasOwnProperty(e))return i?this.escapeHTML(t[e]):t[e];var r,a=e.split("."),s=c(a);try{for(s.s();!(r=s.n()).done;){var l=r.value;o=o&&o[l]}}catch(t){s.e(t)}finally{s.f()}return i?this.escapeHTML(o):o},isIEBrowser:function(){return navigator.userAgent.includes("MSIE ")||/Trident.*rv:11\./.test(navigator.userAgent)},findIndex:function(t,e){var i,n=c(t);try{for(n.s();!(i=n.n()).done;){var o=i.value;if(JSON.stringify(o)===JSON.stringify(e))return t.indexOf(o)}}catch(t){n.e(t)}finally{n.f()}return-1},trToData:function(e,i){var n=this,o=[],r=[];return i.each((function(i,a){var s=t(a),l={};l._id=s.attr("id"),l._class=s.attr("class"),l._data=n.getRealDataAttr(s.data()),l._style=s.attr("style"),s.find(">td,>th").each((function(o,a){for(var s=t(a),c=+s.attr("colspan")||1,h=+s.attr("rowspan")||1,u=o;r[i]&&r[i][u];u++);for(var d=u;d<u+c;d++)for(var p=i;p<i+h;p++)r[p]||(r[p]=[]),r[p][d]=!0;var f=e[u].field;l[f]=n.escapeApostrophe(s.html().trim()),l["_".concat(f,"_id")]=s.attr("id"),l["_".concat(f,"_class")]=s.attr("class"),l["_".concat(f,"_rowspan")]=s.attr("rowspan"),l["_".concat(f,"_colspan")]=s.attr("colspan"),l["_".concat(f,"_title")]=s.attr("title"),l["_".concat(f,"_data")]=n.getRealDataAttr(s.data()),l["_".concat(f,"_style")]=s.attr("style")})),o.push(l)})),o},sort:function(t,e,i,n,o,r){if(null==t&&(t=""),null==e&&(e=""),n.sortStable&&t===e&&(t=o,e=r),this.isNumeric(t)&&this.isNumeric(e))return(t=parseFloat(t))<(e=parseFloat(e))?-1*i:t>e?i:0;if(n.sortEmptyLast){if(""===t)return 1;if(""===e)return-1}return t===e?0:("string"!=typeof t&&(t=t.toString()),-1===t.localeCompare(e)?-1*i:i)},getEventName:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e=e||"".concat(+new Date).concat(~~(1e6*Math.random())),"".concat(t,"-").concat(e)},hasDetailViewIcon:function(t){return t.detailView&&t.detailViewIcon&&!t.cardView},getDetailViewIndexOffset:function(t){return this.hasDetailViewIcon(t)&&"right"!==t.detailViewAlign?1:0},checkAutoMergeCells:function(t){var e,i=c(t);try{for(i.s();!(e=i.n()).done;)for(var n=e.value,o=0,r=Object.keys(n);o<r.length;o++){var a=r[o];if(a.startsWith("_")&&(a.endsWith("_rowspan")||a.endsWith("_colspan")))return!0}}catch(t){i.e(t)}finally{i.f()}return!1},deepCopy:function(t){return void 0===t?t:this.extend(!0,Array.isArray(t)?[]:{},t)},debounce:function(t,e,i){var n;return function(){var o=this,r=arguments,a=function(){n=null,i||t.apply(o,r)},s=i&&!n;clearTimeout(n),n=setTimeout(a,e),s&&t.apply(o,r)}}},pv=dv.getBootstrapVersion(),fv={3:{classes:{buttonsPrefix:"btn",buttons:"default",buttonsGroup:"btn-group",buttonsDropdown:"btn-group",pull:"pull",inputGroup:"input-group",inputPrefix:"input-",input:"form-control",select:"form-control",paginationDropdown:"btn-group dropdown",dropup:"dropup",dropdownActive:"active",paginationActive:"active",buttonActive:"active"},html:{toolbarDropdown:['<ul class="dropdown-menu" role="menu">',"</ul>"],toolbarDropdownItem:'<li class="dropdown-item-marker" role="menuitem"><label>%s</label></li>',toolbarDropdownSeparator:'<li class="divider"></li>',pageDropdown:['<ul class="dropdown-menu" role="menu">',"</ul>"],pageDropdownItem:'<li role="menuitem" class="%s"><a href="#">%s</a></li>',dropdownCaret:'<span class="caret"></span>',pagination:['<ul class="pagination%s">',"</ul>"],paginationItem:'<li class="page-item%s"><a class="page-link" aria-label="%s" href="javascript:void(0)">%s</a></li>',icon:'<i class="%s %s"></i>',inputGroup:'<div class="input-group">%s<span class="input-group-btn">%s</span></div>',searchInput:'<input class="%s%s" type="text" placeholder="%s">',searchButton:'<button class="%s" type="button" name="search" title="%s">%s %s</button>',searchClearButton:'<button class="%s" type="button" name="clearSearch" title="%s">%s %s</button>'}},4:{classes:{buttonsPrefix:"btn",buttons:"secondary",buttonsGroup:"btn-group",buttonsDropdown:"btn-group",pull:"float",inputGroup:"btn-group",inputPrefix:"form-control-",input:"form-control",select:"form-control",paginationDropdown:"btn-group dropdown",dropup:"dropup",dropdownActive:"active",paginationActive:"active",buttonActive:"active"},html:{toolbarDropdown:['<div class="dropdown-menu dropdown-menu-right">',"</div>"],toolbarDropdownItem:'<label class="dropdown-item dropdown-item-marker">%s</label>',pageDropdown:['<div class="dropdown-menu">',"</div>"],pageDropdownItem:'<a class="dropdown-item %s" href="#">%s</a>',toolbarDropdownSeparator:'<div class="dropdown-divider"></div>',dropdownCaret:'<span class="caret"></span>',pagination:['<ul class="pagination%s">',"</ul>"],paginationItem:'<li class="page-item%s"><a class="page-link" aria-label="%s" href="javascript:void(0)">%s</a></li>',icon:'<i class="%s %s"></i>',inputGroup:'<div class="input-group">%s<div class="input-group-append">%s</div></div>',searchInput:'<input class="%s%s" type="text" placeholder="%s">',searchButton:'<button class="%s" type="button" name="search" title="%s">%s %s</button>',searchClearButton:'<button class="%s" type="button" name="clearSearch" title="%s">%s %s</button>'}},5:{classes:{buttonsPrefix:"btn",buttons:"secondary",buttonsGroup:"btn-group",buttonsDropdown:"btn-group",pull:"float",inputGroup:"btn-group",inputPrefix:"form-control-",input:"form-control",select:"form-select",paginationDropdown:"btn-group dropdown",dropup:"dropup",dropdownActive:"active",paginationActive:"active",buttonActive:"active"},html:{dataToggle:"data-bs-toggle",toolbarDropdown:['<div class="dropdown-menu dropdown-menu-right">',"</div>"],toolbarDropdownItem:'<label class="dropdown-item dropdown-item-marker">%s</label>',pageDropdown:['<div class="dropdown-menu">',"</div>"],pageDropdownItem:'<a class="dropdown-item %s" href="#">%s</a>',toolbarDropdownSeparator:'<div class="dropdown-divider"></div>',dropdownCaret:'<span class="caret"></span>',pagination:['<ul class="pagination%s">',"</ul>"],paginationItem:'<li class="page-item%s"><a class="page-link" aria-label="%s" href="javascript:void(0)">%s</a></li>',icon:'<i class="%s %s"></i>',inputGroup:'<div class="input-group">%s%s</div>',searchInput:'<input class="%s%s" type="text" placeholder="%s">',searchButton:'<button class="%s" type="button" name="search" title="%s">%s %s</button>',searchClearButton:'<button class="%s" type="button" name="clearSearch" title="%s">%s %s</button>'}}}[pv],gv={height:void 0,classes:"table table-bordered table-hover",buttons:{},theadClasses:"",headerStyle:function(t){return{}},rowStyle:function(t,e){return{}},rowAttributes:function(t,e){return{}},undefinedText:"-",locale:void 0,virtualScroll:!1,virtualScrollItemHeight:void 0,sortable:!0,sortClass:void 0,silentSort:!0,sortEmptyLast:!1,sortName:void 0,sortOrder:void 0,sortReset:!1,sortStable:!1,sortResetPage:!1,rememberOrder:!1,serverSort:!0,customSort:void 0,columns:[[]],data:[],url:void 0,method:"get",cache:!0,contentType:"application/json",dataType:"json",ajax:void 0,ajaxOptions:{},queryParams:function(t){return t},queryParamsType:"limit",responseHandler:function(t){return t},totalField:"total",totalNotFilteredField:"totalNotFiltered",dataField:"rows",footerField:"footer",pagination:!1,paginationParts:["pageInfo","pageSize","pageList"],showExtendedPagination:!1,paginationLoop:!0,sidePagination:"client",totalRows:0,totalNotFiltered:0,pageNumber:1,pageSize:10,pageList:[10,25,50,100],paginationHAlign:"right",paginationVAlign:"bottom",paginationDetailHAlign:"left",paginationPreText:"&lsaquo;",paginationNextText:"&rsaquo;",paginationSuccessivelySize:5,paginationPagesBySide:1,paginationUseIntermediate:!1,search:!1,searchable:!1,searchHighlight:!1,searchOnEnterKey:!1,strictSearch:!1,regexSearch:!1,searchSelector:!1,visibleSearch:!1,showButtonIcons:!0,showButtonText:!1,showSearchButton:!1,showSearchClearButton:!1,trimOnSearch:!0,searchAlign:"right",searchTimeOut:500,searchText:"",customSearch:void 0,showHeader:!0,showFooter:!1,footerStyle:function(t){return{}},searchAccentNeutralise:!1,showColumns:!1,showColumnsToggleAll:!1,showColumnsSearch:!1,minimumCountColumns:1,showPaginationSwitch:!1,showRefresh:!1,showToggle:!1,showFullscreen:!1,smartDisplay:!0,escape:!1,escapeTitle:!0,filterOptions:{filterAlgorithm:"and"},idField:void 0,selectItemName:"btSelectItem",clickToSelect:!1,ignoreClickToSelectOn:function(t){var e=t.tagName;return["A","BUTTON"].includes(e)},singleSelect:!1,checkboxHeader:!0,maintainMetaData:!1,multipleSelectRow:!1,uniqueId:void 0,cardView:!1,detailView:!1,detailViewIcon:!0,detailViewByClick:!1,detailViewAlign:"left",detailFormatter:function(t,e){return""},detailFilter:function(t,e){return!0},toolbar:void 0,toolbarAlign:"left",buttonsToolbar:void 0,buttonsAlign:"right",buttonsOrder:["paginationSwitch","refresh","toggle","fullscreen","columns"],buttonsPrefix:fv.classes.buttonsPrefix,buttonsClass:fv.classes.buttons,iconsPrefix:void 0,icons:{},iconSize:void 0,loadingFontSize:"auto",loadingTemplate:function(t){return'<span class="loading-wrap">\n      <span class="loading-text">'.concat(t,'</span>\n      <span class="animation-wrap"><span class="animation-dot"></span></span>\n      </span>\n    ')},onAll:function(t,e){return!1},onClickCell:function(t,e,i,n){return!1},onDblClickCell:function(t,e,i,n){return!1},onClickRow:function(t,e){return!1},onDblClickRow:function(t,e){return!1},onSort:function(t,e){return!1},onCheck:function(t){return!1},onUncheck:function(t){return!1},onCheckAll:function(t){return!1},onUncheckAll:function(t){return!1},onCheckSome:function(t){return!1},onUncheckSome:function(t){return!1},onLoadSuccess:function(t){return!1},onLoadError:function(t){return!1},onColumnSwitch:function(t,e){return!1},onColumnSwitchAll:function(t){return!1},onPageChange:function(t,e){return!1},onSearch:function(t){return!1},onToggle:function(t){return!1},onPreBody:function(t){return!1},onPostBody:function(){return!1},onPostHeader:function(){return!1},onPostFooter:function(){return!1},onExpandRow:function(t,e,i){return!1},onCollapseRow:function(t,e){return!1},onRefreshOptions:function(t){return!1},onRefresh:function(t){return!1},onResetView:function(){return!1},onScrollBody:function(){return!1},onTogglePagination:function(t){return!1},onVirtualScroll:function(t,e){return!1}},vv={formatLoadingMessage:function(){return"Loading, please wait"},formatRecordsPerPage:function(t){return"".concat(t," rows per page")},formatShowingRows:function(t,e,i,n){return void 0!==n&&n>0&&n>i?"Showing ".concat(t," to ").concat(e," of ").concat(i," rows (filtered from ").concat(n," total rows)"):"Showing ".concat(t," to ").concat(e," of ").concat(i," rows")},formatSRPaginationPreText:function(){return"previous page"},formatSRPaginationPageText:function(t){return"to page ".concat(t)},formatSRPaginationNextText:function(){return"next page"},formatDetailPagination:function(t){return"Showing ".concat(t," rows")},formatSearch:function(){return"Search"},formatClearSearch:function(){return"Clear Search"},formatNoMatches:function(){return"No matching records found"},formatPaginationSwitch:function(){return"Hide/Show pagination"},formatPaginationSwitchDown:function(){return"Show pagination"},formatPaginationSwitchUp:function(){return"Hide pagination"},formatRefresh:function(){return"Refresh"},formatToggleOn:function(){return"Show card view"},formatToggleOff:function(){return"Hide card view"},formatColumns:function(){return"Columns"},formatColumnsToggleAll:function(){return"Toggle all"},formatFullscreen:function(){return"Fullscreen"},formatAllRows:function(){return"All"}},bv={field:void 0,title:void 0,titleTooltip:void 0,class:void 0,width:void 0,widthUnit:"px",rowspan:void 0,colspan:void 0,align:void 0,halign:void 0,falign:void 0,valign:void 0,cellStyle:void 0,radio:!1,checkbox:!1,checkboxEnabled:!0,clickToSelect:!0,showSelectTitle:!1,sortable:!1,sortName:void 0,order:"asc",sorter:void 0,visible:!0,switchable:!0,cardVisible:!0,searchable:!0,formatter:void 0,footerFormatter:void 0,detailFormatter:void 0,searchFormatter:!0,searchHighlightFormatter:!1,escape:void 0,events:void 0};Object.assign(gv,vv);var mv={VERSION:"1.21.4",THEME:"bootstrap".concat(pv),CONSTANTS:fv,DEFAULTS:gv,COLUMN_DEFAULTS:bv,METHODS:["getOptions","refreshOptions","getData","getSelections","load","append","prepend","remove","removeAll","insertRow","updateRow","getRowByUniqueId","updateByUniqueId","removeByUniqueId","updateCell","updateCellByUniqueId","showRow","hideRow","getHiddenRows","showColumn","hideColumn","getVisibleColumns","getHiddenColumns","showAllColumns","hideAllColumns","mergeCells","checkAll","uncheckAll","checkInvert","check","uncheck","checkBy","uncheckBy","refresh","destroy","resetView","showLoading","hideLoading","togglePagination","toggleFullscreen","toggleView","resetSearch","filterBy","scrollTo","getScrollPosition","selectPage","prevPage","nextPage","toggleDetailView","expandRow","collapseRow","expandRowByUniqueId","collapseRowByUniqueId","expandAllRows","collapseAllRows","updateColumnTitle","updateFormatText"],EVENTS:{"all.bs.table":"onAll","click-row.bs.table":"onClickRow","dbl-click-row.bs.table":"onDblClickRow","click-cell.bs.table":"onClickCell","dbl-click-cell.bs.table":"onDblClickCell","sort.bs.table":"onSort","check.bs.table":"onCheck","uncheck.bs.table":"onUncheck","check-all.bs.table":"onCheckAll","uncheck-all.bs.table":"onUncheckAll","check-some.bs.table":"onCheckSome","uncheck-some.bs.table":"onUncheckSome","load-success.bs.table":"onLoadSuccess","load-error.bs.table":"onLoadError","column-switch.bs.table":"onColumnSwitch","column-switch-all.bs.table":"onColumnSwitchAll","page-change.bs.table":"onPageChange","search.bs.table":"onSearch","toggle.bs.table":"onToggle","pre-body.bs.table":"onPreBody","post-body.bs.table":"onPostBody","post-header.bs.table":"onPostHeader","post-footer.bs.table":"onPostFooter","expand-row.bs.table":"onExpandRow","collapse-row.bs.table":"onCollapseRow","refresh-options.bs.table":"onRefreshOptions","reset-view.bs.table":"onResetView","refresh.bs.table":"onRefresh","scroll-body.bs.table":"onScrollBody","toggle-pagination.bs.table":"onTogglePagination","virtual-scroll.bs.table":"onVirtualScroll"},LOCALES:{en:vv,"en-US":vv}},yv=function(){function t(e){var n=this;i(this,t),this.rows=e.rows,this.scrollEl=e.scrollEl,this.contentEl=e.contentEl,this.callback=e.callback,this.itemHeight=e.itemHeight,this.cache={},this.scrollTop=this.scrollEl.scrollTop,this.initDOM(this.rows,e.fixedScroll),this.scrollEl.scrollTop=this.scrollTop,this.lastCluster=0;var o=function(){n.lastCluster!==(n.lastCluster=n.getNum())&&(n.initDOM(n.rows),n.callback(n.startIndex,n.endIndex))};this.scrollEl.addEventListener("scroll",o,!1),this.destroy=function(){n.contentEl.innerHtml="",n.scrollEl.removeEventListener("scroll",o,!1)}}return o(t,[{key:"initDOM",value:function(t,e){void 0===this.clusterHeight&&(this.cache.scrollTop=this.scrollEl.scrollTop,this.cache.data=this.contentEl.innerHTML=t[0]+t[0]+t[0],this.getRowsHeight(t));var i=this.initData(t,this.getNum(e)),n=i.rows.join(""),o=this.checkChanges("data",n),r=this.checkChanges("top",i.topOffset),a=this.checkChanges("bottom",i.bottomOffset),s=[];o&&r?(i.topOffset&&s.push(this.getExtra("top",i.topOffset)),s.push(n),i.bottomOffset&&s.push(this.getExtra("bottom",i.bottomOffset)),this.startIndex=i.start,this.endIndex=i.end,this.contentEl.innerHTML=s.join(""),e&&(this.contentEl.scrollTop=this.cache.scrollTop)):a&&(this.contentEl.lastChild.style.height="".concat(i.bottomOffset,"px"))}},{key:"getRowsHeight",value:function(){if(void 0===this.itemHeight){var t=this.contentEl.children,e=t[Math.floor(t.length/2)];this.itemHeight=e.offsetHeight}this.blockHeight=50*this.itemHeight,this.clusterRows=200,this.clusterHeight=4*this.blockHeight}},{key:"getNum",value:function(t){return this.scrollTop=t?this.cache.scrollTop:this.scrollEl.scrollTop,Math.floor(this.scrollTop/(this.clusterHeight-this.blockHeight))||0}},{key:"initData",value:function(t,e){if(t.length<50)return{topOffset:0,bottomOffset:0,rowsAbove:0,rows:t};var i=Math.max((this.clusterRows-50)*e,0),n=i+this.clusterRows,o=Math.max(i*this.itemHeight,0),r=Math.max((t.length-n)*this.itemHeight,0),a=[],s=i;o<1&&s++;for(var l=i;l<n;l++)t[l]&&a.push(t[l]);return{start:i,end:n,topOffset:o,bottomOffset:r,rowsAbove:s,rows:a}}},{key:"checkChanges",value:function(t,e){var i=e!==this.cache[t];return this.cache[t]=e,i}},{key:"getExtra",value:function(t,e){var i=document.createElement("tr");return i.className="virtual-scroll-".concat(t),e&&(i.style.height="".concat(e,"px")),i.outerHTML}}]),t}(),wv=function(){function n(e,o){i(this,n),this.options=o,this.$el=t(e),this.$el_=this.$el.clone(),this.timeoutId_=0,this.timeoutFooter_=0}return o(n,[{key:"init",value:function(){this.initConstants(),this.initLocale(),this.initContainer(),this.initTable(),this.initHeader(),this.initData(),this.initHiddenRows(),this.initToolbar(),this.initPagination(),this.initBody(),this.initSearchText(),this.initServer()}},{key:"initConstants",value:function(){var i=this.options;this.constants=mv.CONSTANTS,this.constants.theme=t.fn.bootstrapTable.theme,this.constants.dataToggle=this.constants.html.dataToggle||"data-toggle";var n=dv.getIconsPrefix(t.fn.bootstrapTable.theme),o=dv.getIcons(n);"string"==typeof i.icons&&(i.icons=dv.calculateObjectValue(null,i.icons)),i.iconsPrefix=i.iconsPrefix||t.fn.bootstrapTable.defaults.iconsPrefix||n,i.icons=Object.assign(o,t.fn.bootstrapTable.defaults.icons,i.icons);var r=i.buttonsPrefix?"".concat(i.buttonsPrefix,"-"):"";this.constants.buttonsClass=[i.buttonsPrefix,r+i.buttonsClass,dv.sprintf("".concat(r,"%s"),i.iconSize)].join(" ").trim(),this.buttons=dv.calculateObjectValue(this,i.buttons,[],{}),"object"!==e(this.buttons)&&(this.buttons={})}},{key:"initLocale",value:function(){if(this.options.locale){var e=t.fn.bootstrapTable.locales,i=this.options.locale.split(/-|_/);i[0]=i[0].toLowerCase(),i[1]&&(i[1]=i[1].toUpperCase());var o={};e[this.options.locale]?o=e[this.options.locale]:e[i.join("-")]?o=e[i.join("-")]:e[i[0]]&&(o=e[i[0]]);for(var a=0,s=Object.entries(o);a<s.length;a++){var l=r(s[a],2),c=l[0],h=l[1];this.options[c]===n.DEFAULTS[c]&&(this.options[c]=h)}}}},{key:"initContainer",value:function(){var e=["top","both"].includes(this.options.paginationVAlign)?'<div class="fixed-table-pagination clearfix"></div>':"",i=["bottom","both"].includes(this.options.paginationVAlign)?'<div class="fixed-table-pagination"></div>':"",n=dv.calculateObjectValue(this.options,this.options.loadingTemplate,[this.options.formatLoadingMessage()]);this.$container=t('\n      <div class="bootstrap-table '.concat(this.constants.theme,'">\n      <div class="fixed-table-toolbar"></div>\n      ').concat(e,'\n      <div class="fixed-table-container">\n      <div class="fixed-table-header"><table></table></div>\n      <div class="fixed-table-body">\n      <div class="fixed-table-loading">\n      ').concat(n,'\n      </div>\n      </div>\n      <div class="fixed-table-footer"></div>\n      </div>\n      ').concat(i,"\n      </div>\n    ")),this.$container.insertAfter(this.$el),this.$tableContainer=this.$container.find(".fixed-table-container"),this.$tableHeader=this.$container.find(".fixed-table-header"),this.$tableBody=this.$container.find(".fixed-table-body"),this.$tableLoading=this.$container.find(".fixed-table-loading"),this.$tableFooter=this.$el.find("tfoot"),this.options.buttonsToolbar?this.$toolbar=t("body").find(this.options.buttonsToolbar):this.$toolbar=this.$container.find(".fixed-table-toolbar"),this.$pagination=this.$container.find(".fixed-table-pagination"),this.$tableBody.append(this.$el),this.$container.after('<div class="clearfix"></div>'),this.$el.addClass(this.options.classes),this.$tableLoading.addClass(this.options.classes),this.options.height&&(this.$tableContainer.addClass("fixed-height"),this.options.showFooter&&this.$tableContainer.addClass("has-footer"),this.options.classes.split(" ").includes("table-bordered")&&(this.$tableBody.append('<div class="fixed-table-border"></div>'),this.$tableBorder=this.$tableBody.find(".fixed-table-border"),this.$tableLoading.addClass("fixed-table-border")),this.$tableFooter=this.$container.find(".fixed-table-footer"))}},{key:"initTable",value:function(){var e=this,i=[];if(this.$header=this.$el.find(">thead"),this.$header.length?this.options.theadClasses&&this.$header.addClass(this.options.theadClasses):this.$header=t('<thead class="'.concat(this.options.theadClasses,'"></thead>')).appendTo(this.$el),this._headerTrClasses=[],this._headerTrStyles=[],this.$header.find("tr").each((function(n,o){var r=t(o),a=[];r.find("th").each((function(e,i){var n=t(i);void 0!==n.data("field")&&n.data("field","".concat(n.data("field")));var o=Object.assign({},n.data());for(var r in o)t.fn.bootstrapTable.columnDefaults.hasOwnProperty(r)&&delete o[r];a.push(dv.extend({},{_data:dv.getRealDataAttr(o),title:n.html(),class:n.attr("class"),titleTooltip:n.attr("title"),rowspan:n.attr("rowspan")?+n.attr("rowspan"):void 0,colspan:n.attr("colspan")?+n.attr("colspan"):void 0},n.data()))})),i.push(a),r.attr("class")&&e._headerTrClasses.push(r.attr("class")),r.attr("style")&&e._headerTrStyles.push(r.attr("style"))})),Array.isArray(this.options.columns[0])||(this.options.columns=[this.options.columns]),this.options.columns=dv.extend(!0,[],i,this.options.columns),this.columns=[],this.fieldsColumnsIndex=[],dv.setFieldIndex(this.options.columns),this.options.columns.forEach((function(t,i){t.forEach((function(t,o){var r=dv.extend({},n.COLUMN_DEFAULTS,t,{passed:t});void 0!==r.fieldIndex&&(e.columns[r.fieldIndex]=r,e.fieldsColumnsIndex[r.field]=r.fieldIndex),e.options.columns[i][o]=r}))})),!this.options.data.length){var o=dv.trToData(this.columns,this.$el.find(">tbody>tr"));o.length&&(this.options.data=o,this.fromHtml=!0)}this.options.pagination&&"server"!==this.options.sidePagination||(this.footerData=dv.trToData(this.columns,this.$el.find(">tfoot>tr"))),this.footerData&&this.$el.find("tfoot").html("<tr></tr>"),!this.options.showFooter||this.options.cardView?this.$tableFooter.hide():this.$tableFooter.show()}},{key:"initHeader",value:function(){var i=this,n={},o=[];this.header={fields:[],styles:[],classes:[],formatters:[],detailFormatters:[],events:[],sorters:[],sortNames:[],cellStyles:[],searchables:[]},dv.updateFieldGroup(this.options.columns,this.columns),this.options.columns.forEach((function(t,a){var s=[];s.push("<tr".concat(dv.sprintf(' class="%s"',i._headerTrClasses[a])," ").concat(dv.sprintf(' style="%s"',i._headerTrStyles[a]),">"));var l="";if(0===a&&dv.hasDetailViewIcon(i.options)){var c=i.options.columns.length>1?' rowspan="'.concat(i.options.columns.length,'"'):"";l='<th class="detail"'.concat(c,'>\n          <div class="fht-cell"></div>\n          </th>')}l&&"right"!==i.options.detailViewAlign&&s.push(l),t.forEach((function(t,o){var l=dv.sprintf(' class="%s"',t.class),c=t.widthUnit,h=parseFloat(t.width),u=t.halign?t.halign:t.align,d=dv.sprintf("text-align: %s; ",u),p=dv.sprintf("text-align: %s; ",t.align),f=dv.sprintf("vertical-align: %s; ",t.valign);if(f+=dv.sprintf("width: %s; ",!t.checkbox&&!t.radio||h?h?h+c:void 0:t.showSelectTitle?void 0:"36px"),void 0!==t.fieldIndex||t.visible){var g=dv.calculateObjectValue(null,i.options.headerStyle,[t]),v=[],b=[],m="";if(g&&g.css)for(var y=0,w=Object.entries(g.css);y<w.length;y++){var S=r(w[y],2),x=S[0],k=S[1];v.push("".concat(x,": ").concat(k))}if(g&&g.classes&&(m=dv.sprintf(' class="%s"',t.class?[t.class,g.classes].join(" "):g.classes)),void 0!==t.fieldIndex){if(i.header.fields[t.fieldIndex]=t.field,i.header.styles[t.fieldIndex]=p+f,i.header.classes[t.fieldIndex]=l,i.header.formatters[t.fieldIndex]=t.formatter,i.header.detailFormatters[t.fieldIndex]=t.detailFormatter,i.header.events[t.fieldIndex]=t.events,i.header.sorters[t.fieldIndex]=t.sorter,i.header.sortNames[t.fieldIndex]=t.sortName,i.header.cellStyles[t.fieldIndex]=t.cellStyle,i.header.searchables[t.fieldIndex]=t.searchable,!t.visible)return;if(i.options.cardView&&!t.cardVisible)return;n[t.field]=t}if(Object.keys(t._data||{}).length>0)for(var O=0,C=Object.entries(t._data);O<C.length;O++){var T=r(C[O],2),I=T[0],P=T[1];b.push("data-".concat(I,"='").concat("object"===e(P)?JSON.stringify(P):P,"'"))}s.push("<th".concat(dv.sprintf(' title="%s"',t.titleTooltip)),t.checkbox||t.radio?dv.sprintf(' class="bs-checkbox %s"',t.class||""):m||l,dv.sprintf(' style="%s"',d+f+v.join("; ")),dv.sprintf(' rowspan="%s"',t.rowspan),dv.sprintf(' colspan="%s"',t.colspan),dv.sprintf(' data-field="%s"',t.field),0===o&&a>0?" data-not-first-th":"",b.length>0?b.join(" "):"",">"),s.push(dv.sprintf('<div class="th-inner %s">',i.options.sortable&&t.sortable?"sortable".concat("center"===u?" sortable-center":""," both"):""));var A=i.options.escape&&i.options.escapeTitle?dv.escapeHTML(t.title):t.title,$=A;t.checkbox&&(A="",!i.options.singleSelect&&i.options.checkboxHeader&&(A='<label><input name="btSelectAll" type="checkbox" /><span></span></label>'),i.header.stateField=t.field),t.radio&&(A="",i.header.stateField=t.field),!A&&t.showSelectTitle&&(A+=$),s.push(A),s.push("</div>"),s.push('<div class="fht-cell"></div>'),s.push("</div>"),s.push("</th>")}})),l&&"right"===i.options.detailViewAlign&&s.push(l),s.push("</tr>"),s.length>3&&o.push(s.join(""))})),this.$header.html(o.join("")),this.$header.find("th[data-field]").each((function(e,i){t(i).data(n[t(i).data("field")])})),this.$container.off("click",".th-inner").on("click",".th-inner",(function(e){var n=t(e.currentTarget);if(i.options.detailView&&!n.parent().hasClass("bs-checkbox")&&n.closest(".bootstrap-table")[0]!==i.$container[0])return!1;i.options.sortable&&n.parent().data().sortable&&i.onSort(e)}));var a=dv.getEventName("resize.bootstrap-table",this.$el.attr("id"));t(window).off(a),!this.options.showHeader||this.options.cardView?(this.$header.hide(),this.$tableHeader.hide(),this.$tableLoading.css("top",0)):(this.$header.show(),this.$tableHeader.show(),this.$tableLoading.css("top",this.$header.outerHeight()+1),this.getCaret(),t(window).on(a,(function(){return i.resetView()}))),this.$selectAll=this.$header.find('[name="btSelectAll"]'),this.$selectAll.off("click").on("click",(function(e){e.stopPropagation();var n=t(e.currentTarget).prop("checked");i[n?"checkAll":"uncheckAll"](),i.updateSelected()}))}},{key:"initData",value:function(t,e){"append"===e?this.options.data=this.options.data.concat(t):"prepend"===e?this.options.data=[].concat(t).concat(this.options.data):(t=t||dv.deepCopy(this.options.data),this.options.data=Array.isArray(t)?t:t[this.options.dataField]),this.data=a(this.options.data),this.options.sortReset&&(this.unsortedData=a(this.data)),"server"!==this.options.sidePagination&&this.initSort()}},{key:"initSort",value:function(){var t=this,e=this.options.sortName,i="desc"===this.options.sortOrder?-1:1,n=this.header.fields.indexOf(this.options.sortName),o=0;-1!==n?(this.options.sortStable&&this.data.forEach((function(t,e){t.hasOwnProperty("_position")||(t._position=e)})),this.options.customSort?dv.calculateObjectValue(this.options,this.options.customSort,[this.options.sortName,this.options.sortOrder,this.data]):this.data.sort((function(o,r){t.header.sortNames[n]&&(e=t.header.sortNames[n]);var a=dv.getItemField(o,e,t.options.escape),s=dv.getItemField(r,e,t.options.escape),l=dv.calculateObjectValue(t.header,t.header.sorters[n],[a,s,o,r]);return void 0!==l?t.options.sortStable&&0===l?i*(o._position-r._position):i*l:dv.sort(a,s,i,t.options,o._position,r._position)})),void 0!==this.options.sortClass&&(clearTimeout(o),o=setTimeout((function(){t.$el.removeClass(t.options.sortClass);var e=t.$header.find('[data-field="'.concat(t.options.sortName,'"]')).index();t.$el.find("tr td:nth-child(".concat(e+1,")")).addClass(t.options.sortClass)}),250))):this.options.sortReset&&(this.data=a(this.unsortedData))}},{key:"onSort",value:function(e){var i=e.type,n=e.currentTarget,o="keypress"===i?t(n):t(n).parent(),r=this.$header.find("th").eq(o.index());if(this.$header.add(this.$header_).find("span.order").remove(),this.options.sortName===o.data("field")){var a=this.options.sortOrder,s=this.columns[this.fieldsColumnsIndex[o.data("field")]].sortOrder||this.columns[this.fieldsColumnsIndex[o.data("field")]].order;void 0===a?this.options.sortOrder="asc":"asc"===a?this.options.sortOrder=this.options.sortReset?"asc"===s?"desc":void 0:"desc":"desc"===this.options.sortOrder&&(this.options.sortOrder=this.options.sortReset?"desc"===s?"asc":void 0:"asc"),void 0===this.options.sortOrder&&(this.options.sortName=void 0)}else this.options.sortName=o.data("field"),this.options.rememberOrder?this.options.sortOrder="asc"===o.data("order")?"desc":"asc":this.options.sortOrder=this.columns[this.fieldsColumnsIndex[o.data("field")]].sortOrder||this.columns[this.fieldsColumnsIndex[o.data("field")]].order;if(this.trigger("sort",this.options.sortName,this.options.sortOrder),o.add(r).data("order",this.options.sortOrder),this.getCaret(),"server"===this.options.sidePagination&&this.options.serverSort)return this.options.pageNumber=1,void this.initServer(this.options.silentSort);this.options.pagination&&this.options.sortResetPage&&(this.options.pageNumber=1,this.initPagination()),this.initSort(),this.initBody()}},{key:"initToolbar",value:function(){var i,n=this,o=this.options,a=[],s=0,l=0;this.$toolbar.find(".bs-bars").children().length&&t("body").append(t(o.toolbar)),this.$toolbar.html(""),"string"!=typeof o.toolbar&&"object"!==e(o.toolbar)||t(dv.sprintf('<div class="bs-bars %s-%s"></div>',this.constants.classes.pull,o.toolbarAlign)).appendTo(this.$toolbar).append(t(o.toolbar)),a=['<div class="'.concat(["columns","columns-".concat(o.buttonsAlign),this.constants.classes.buttonsGroup,"".concat(this.constants.classes.pull,"-").concat(o.buttonsAlign)].join(" "),'">')],"string"==typeof o.buttonsOrder&&(o.buttonsOrder=o.buttonsOrder.replace(/\[|\]| |'/g,"").split(",")),this.buttons=Object.assign(this.buttons,{paginationSwitch:{text:o.pagination?o.formatPaginationSwitchUp():o.formatPaginationSwitchDown(),icon:o.pagination?o.icons.paginationSwitchDown:o.icons.paginationSwitchUp,render:!1,event:this.togglePagination,attributes:{"aria-label":o.formatPaginationSwitch(),title:o.formatPaginationSwitch()}},refresh:{text:o.formatRefresh(),icon:o.icons.refresh,render:!1,event:this.refresh,attributes:{"aria-label":o.formatRefresh(),title:o.formatRefresh()}},toggle:{text:o.formatToggleOn(),icon:o.icons.toggleOff,render:!1,event:this.toggleView,attributes:{"aria-label":o.formatToggleOn(),title:o.formatToggleOn()}},fullscreen:{text:o.formatFullscreen(),icon:o.icons.fullscreen,render:!1,event:this.toggleFullscreen,attributes:{"aria-label":o.formatFullscreen(),title:o.formatFullscreen()}},columns:{render:!1,html:function(){var t=[];if(t.push('<div class="keep-open '.concat(n.constants.classes.buttonsDropdown,'" title="').concat(o.formatColumns(),'">\n            <button class="').concat(n.constants.buttonsClass,' dropdown-toggle" type="button" ').concat(n.constants.dataToggle,'="dropdown"\n            aria-label="').concat(o.formatColumns(),'" title="').concat(o.formatColumns(),'">\n            ').concat(o.showButtonIcons?dv.sprintf(n.constants.html.icon,o.iconsPrefix,o.icons.columns):"","\n            ").concat(o.showButtonText?o.formatColumns():"","\n            ").concat(n.constants.html.dropdownCaret,"\n            </button>\n            ").concat(n.constants.html.toolbarDropdown[0])),o.showColumnsSearch&&(t.push(dv.sprintf(n.constants.html.toolbarDropdownItem,dv.sprintf('<input type="text" class="%s" name="columnsSearch" placeholder="%s" autocomplete="off">',n.constants.classes.input,o.formatSearch()))),t.push(n.constants.html.toolbarDropdownSeparator)),o.showColumnsToggleAll){var e=n.getVisibleColumns().length===n.columns.filter((function(t){return!n.isSelectionColumn(t)})).length;t.push(dv.sprintf(n.constants.html.toolbarDropdownItem,dv.sprintf('<input type="checkbox" class="toggle-all" %s> <span>%s</span>',e?'checked="checked"':"",o.formatColumnsToggleAll()))),t.push(n.constants.html.toolbarDropdownSeparator)}var i=0;return n.columns.forEach((function(t){t.visible&&i++})),n.columns.forEach((function(e,r){if(!n.isSelectionColumn(e)&&(!o.cardView||e.cardVisible)){var a=e.visible?' checked="checked"':"",s=i<=o.minimumCountColumns&&a?' disabled="disabled"':"";e.switchable&&(t.push(dv.sprintf(n.constants.html.toolbarDropdownItem,dv.sprintf('<input type="checkbox" data-field="%s" value="%s"%s%s> <span>%s</span>',e.field,r,a,s,e.title))),l++)}})),t.push(n.constants.html.toolbarDropdown[1],"</div>"),t.join("")}}});for(var h={},u=0,d=Object.entries(this.buttons);u<d.length;u++){var p=r(d[u],2),f=p[0],g=p[1],v=void 0;if(g.hasOwnProperty("html"))"function"==typeof g.html?v=g.html():"string"==typeof g.html&&(v=g.html);else{if(v='<button class="'.concat(this.constants.buttonsClass,'" type="button" name="').concat(f,'"'),g.hasOwnProperty("attributes"))for(var b=0,m=Object.entries(g.attributes);b<m.length;b++){var y=r(m[b],2),w=y[0],S=y[1];v+=" ".concat(w,'="').concat(S,'"')}v+=">",o.showButtonIcons&&g.hasOwnProperty("icon")&&(v+="".concat(dv.sprintf(this.constants.html.icon,o.iconsPrefix,g.icon)," ")),o.showButtonText&&g.hasOwnProperty("text")&&(v+=g.text),v+="</button>"}h[f]=v;var x="show".concat(f.charAt(0).toUpperCase()).concat(f.substring(1)),k=o[x];!(!g.hasOwnProperty("render")||g.hasOwnProperty("render")&&g.render)||void 0!==k&&!0!==k||(o[x]=!0),o.buttonsOrder.includes(f)||o.buttonsOrder.push(f)}var O,C=c(o.buttonsOrder);try{for(C.s();!(O=C.n()).done;){var T=O.value;o["show".concat(T.charAt(0).toUpperCase()).concat(T.substring(1))]&&a.push(h[T])}}catch(t){C.e(t)}finally{C.f()}a.push("</div>"),(this.showToolbar||a.length>2)&&this.$toolbar.append(a.join(""));for(var I=0,P=Object.entries(this.buttons);I<P.length;I++){var A=r(P[I],2),$=A[0],R=A[1];if(R.hasOwnProperty("event")){if("function"==typeof R.event||"string"==typeof R.event)if("continue"===function(){var t="string"==typeof R.event?window[R.event]:R.event;return n.$toolbar.find('button[name="'.concat($,'"]')).off("click").on("click",(function(){return t.call(n)})),"continue"}())continue;for(var E=function(){var t=r(_[j],2),e=t[0],i=t[1],o="string"==typeof i?window[i]:i;n.$toolbar.find('button[name="'.concat($,'"]')).off(e).on(e,(function(){return o.call(n)}))},j=0,_=Object.entries(R.event);j<_.length;j++)E()}}if(o.showColumns){var F=(i=this.$toolbar.find(".keep-open")).find('input[type="checkbox"]:not(".toggle-all")'),D=i.find('input[type="checkbox"].toggle-all');if(l<=o.minimumCountColumns&&i.find("input").prop("disabled",!0),i.find("li, label").off("click").on("click",(function(t){t.stopImmediatePropagation()})),F.off("click").on("click",(function(e){var i=e.currentTarget,o=t(i);n._toggleColumn(o.val(),o.prop("checked"),!1),n.trigger("column-switch",o.data("field"),o.prop("checked")),D.prop("checked",F.filter(":checked").length===n.columns.filter((function(t){return!n.isSelectionColumn(t)})).length)})),D.off("click").on("click",(function(e){var i=e.currentTarget;n._toggleAllColumns(t(i).prop("checked")),n.trigger("column-switch-all",t(i).prop("checked"))})),o.showColumnsSearch){var N=i.find('[name="columnsSearch"]'),V=i.find(".dropdown-item-marker");N.on("keyup paste change",(function(e){var i=e.currentTarget,n=t(i).val().toLowerCase();V.show(),F.each((function(e,i){var o=t(i).parents(".dropdown-item-marker");o.text().toLowerCase().includes(n)||o.hide()}))}))}}var B=function(t){var e=t.is("select")?"change":"keyup drop blur mouseup";t.off(e).on(e,(function(t){o.searchOnEnterKey&&13!==t.keyCode||[37,38,39,40].includes(t.keyCode)||(clearTimeout(s),s=setTimeout((function(){n.onSearch({currentTarget:t.currentTarget})}),o.searchTimeOut))}))};if((o.search||this.showSearchClearButton)&&"string"!=typeof o.searchSelector){a=[];var L=dv.sprintf(this.constants.html.searchButton,this.constants.buttonsClass,o.formatSearch(),o.showButtonIcons?dv.sprintf(this.constants.html.icon,o.iconsPrefix,o.icons.search):"",o.showButtonText?o.formatSearch():""),H=dv.sprintf(this.constants.html.searchClearButton,this.constants.buttonsClass,o.formatClearSearch(),o.showButtonIcons?dv.sprintf(this.constants.html.icon,o.iconsPrefix,o.icons.clearSearch):"",o.showButtonText?o.formatClearSearch():""),M='<input class="'.concat(this.constants.classes.input,"\n        ").concat(dv.sprintf(" %s%s",this.constants.classes.inputPrefix,o.iconSize),'\n        search-input" type="search" aria-label="').concat(o.formatSearch(),'" placeholder="').concat(o.formatSearch(),'" autocomplete="off">'),U=M;if(o.showSearchButton||o.showSearchClearButton){var z=(o.showSearchButton?L:"")+(o.showSearchClearButton?H:"");U=o.search?dv.sprintf(this.constants.html.inputGroup,M,z):z}a.push(dv.sprintf('\n        <div class="'.concat(this.constants.classes.pull,"-").concat(o.searchAlign," search ").concat(this.constants.classes.inputGroup,'">\n          %s\n        </div>\n      '),U)),this.$toolbar.append(a.join(""));var q=dv.getSearchInput(this);o.showSearchButton?(this.$toolbar.find(".search button[name=search]").off("click").on("click",(function(){clearTimeout(s),s=setTimeout((function(){n.onSearch({currentTarget:q})}),o.searchTimeOut)})),o.searchOnEnterKey&&B(q)):B(q),o.showSearchClearButton&&this.$toolbar.find(".search button[name=clearSearch]").click((function(){n.resetSearch()}))}else if("string"==typeof o.searchSelector){B(dv.getSearchInput(this))}}},{key:"onSearch",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=e.currentTarget,n=e.firedByInitSearchText,o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(void 0!==i&&t(i).length&&o){var r=t(i).val().trim();if(this.options.trimOnSearch&&t(i).val()!==r&&t(i).val(r),this.searchText===r)return;var a=dv.getSearchInput(this),s=i instanceof jQuery?i:t(i);(s.is(a)||s.hasClass("search-input"))&&(this.searchText=r,this.options.searchText=r)}n||(this.options.pageNumber=1),this.initSearch(),n?"client"===this.options.sidePagination&&this.updatePagination():this.updatePagination(),this.trigger("search",this.searchText)}},{key:"initSearch",value:function(){var t=this;if(this.filterOptions=this.filterOptions||this.options.filterOptions,"server"!==this.options.sidePagination){if(this.options.customSearch)return this.data=dv.calculateObjectValue(this.options,this.options.customSearch,[this.options.data,this.searchText,this.filterColumns]),this.options.sortReset&&(this.unsortedData=a(this.data)),void this.initSort();var e=this.searchText&&(this.fromHtml?dv.escapeHTML(this.searchText):this.searchText),i=e?e.toLowerCase():"",n=dv.isEmptyObject(this.filterColumns)?null:this.filterColumns;this.options.searchAccentNeutralise&&(i=dv.normalizeAccent(i)),"function"==typeof this.filterOptions.filterAlgorithm?this.data=this.options.data.filter((function(e){return t.filterOptions.filterAlgorithm.apply(null,[e,n])})):"string"==typeof this.filterOptions.filterAlgorithm&&(this.data=n?this.options.data.filter((function(e){var i=t.filterOptions.filterAlgorithm;if("and"===i){for(var o in n)if(Array.isArray(n[o])&&!n[o].includes(e[o])||!Array.isArray(n[o])&&e[o]!==n[o])return!1}else if("or"===i){var r=!1;for(var a in n)(Array.isArray(n[a])&&n[a].includes(e[a])||!Array.isArray(n[a])&&e[a]===n[a])&&(r=!0);return r}return!0})):a(this.options.data));var o=this.getVisibleFields();this.data=i?this.data.filter((function(n,r){for(var a=0;a<t.header.fields.length;a++)if(t.header.searchables[a]&&(!t.options.visibleSearch||-1!==o.indexOf(t.header.fields[a]))){var s=dv.isNumeric(t.header.fields[a])?parseInt(t.header.fields[a],10):t.header.fields[a],l=t.columns[t.fieldsColumnsIndex[s]],c=void 0;if("string"==typeof s){c=n;for(var h=s.split("."),u=0;u<h.length;u++){if(null===c[h[u]]){c=null;break}c=c[h[u]]}}else c=n[s];if(t.options.searchAccentNeutralise&&(c=dv.normalizeAccent(c)),l&&l.searchFormatter&&(c=dv.calculateObjectValue(l,t.header.formatters[a],[c,n,r,l.field],c)),"string"==typeof c||"number"==typeof c){if(t.options.strictSearch&&"".concat(c).toLowerCase()===i||t.options.regexSearch&&dv.regexCompare(c,e))return!0;var d=/(?:(<=|=>|=<|>=|>|<)(?:\s+)?(-?\d+)?|(-?\d+)?(\s+)?(<=|=>|=<|>=|>|<))/gm.exec(t.searchText),p=!1;if(d){var f=d[1]||"".concat(d[5],"l"),g=d[2]||d[3],v=parseInt(c,10),b=parseInt(g,10);switch(f){case">":case"<l":p=v>b;break;case"<":case">l":p=v<b;break;case"<=":case"=<":case">=l":case"=>l":p=v<=b;break;case">=":case"=>":case"<=l":case"=<l":p=v>=b}}if(p||"".concat(c).toLowerCase().includes(i))return!0}}return!1})):this.data,this.options.sortReset&&(this.unsortedData=a(this.data)),this.initSort()}}},{key:"initPagination",value:function(){var t=this,e=this.options;if(e.pagination){this.$pagination.show();var i,n,o,r,a,s,l,c=[],h=!1,u=this.getData({includeHiddenRows:!1}),d=e.pageList;if("string"==typeof d&&(d=d.replace(/\[|\]| /g,"").toLowerCase().split(",")),d=d.map((function(t){return"string"==typeof t?t.toLowerCase()===e.formatAllRows().toLowerCase()||["all","unlimited"].includes(t.toLowerCase())?e.formatAllRows():+t:t})),this.paginationParts=e.paginationParts,"string"==typeof this.paginationParts&&(this.paginationParts=this.paginationParts.replace(/\[|\]| |'/g,"").split(",")),"server"!==e.sidePagination&&(e.totalRows=u.length),this.totalPages=0,e.totalRows&&(e.pageSize===e.formatAllRows()&&(e.pageSize=e.totalRows,h=!0),this.totalPages=1+~~((e.totalRows-1)/e.pageSize),e.totalPages=this.totalPages),this.totalPages>0&&e.pageNumber>this.totalPages&&(e.pageNumber=this.totalPages),this.pageFrom=(e.pageNumber-1)*e.pageSize+1,this.pageTo=e.pageNumber*e.pageSize,this.pageTo>e.totalRows&&(this.pageTo=e.totalRows),this.options.pagination&&"server"!==this.options.sidePagination&&(this.options.totalNotFiltered=this.options.data.length),this.options.showExtendedPagination||(this.options.totalNotFiltered=void 0),(this.paginationParts.includes("pageInfo")||this.paginationParts.includes("pageInfoShort")||this.paginationParts.includes("pageSize"))&&c.push('<div class="'.concat(this.constants.classes.pull,"-").concat(e.paginationDetailHAlign,' pagination-detail">')),this.paginationParts.includes("pageInfo")||this.paginationParts.includes("pageInfoShort")){var p=this.paginationParts.includes("pageInfoShort")?e.formatDetailPagination(e.totalRows):e.formatShowingRows(this.pageFrom,this.pageTo,e.totalRows,e.totalNotFiltered);c.push('<span class="pagination-info">\n      '.concat(p,"\n      </span>"))}if(this.paginationParts.includes("pageSize")){c.push('<div class="page-list">');var f=['<div class="'.concat(this.constants.classes.paginationDropdown,'">\n        <button class="').concat(this.constants.buttonsClass,' dropdown-toggle" type="button" ').concat(this.constants.dataToggle,'="dropdown">\n        <span class="page-size">\n        ').concat(h?e.formatAllRows():e.pageSize,"\n        </span>\n        ").concat(this.constants.html.dropdownCaret,"\n        </button>\n        ").concat(this.constants.html.pageDropdown[0])];d.forEach((function(i,n){var o;(!e.smartDisplay||0===n||d[n-1]<e.totalRows||i===e.formatAllRows())&&(o=h?i===e.formatAllRows()?t.constants.classes.dropdownActive:"":i===e.pageSize?t.constants.classes.dropdownActive:"",f.push(dv.sprintf(t.constants.html.pageDropdownItem,o,i)))})),f.push("".concat(this.constants.html.pageDropdown[1],"</div>")),c.push(e.formatRecordsPerPage(f.join("")))}if((this.paginationParts.includes("pageInfo")||this.paginationParts.includes("pageInfoShort")||this.paginationParts.includes("pageSize"))&&c.push("</div></div>"),this.paginationParts.includes("pageList")){c.push('<div class="'.concat(this.constants.classes.pull,"-").concat(e.paginationHAlign,' pagination">'),dv.sprintf(this.constants.html.pagination[0],dv.sprintf(" pagination-%s",e.iconSize)),dv.sprintf(this.constants.html.paginationItem," page-pre",e.formatSRPaginationPreText(),e.paginationPreText)),this.totalPages<e.paginationSuccessivelySize?(n=1,o=this.totalPages):o=(n=e.pageNumber-e.paginationPagesBySide)+2*e.paginationPagesBySide,e.pageNumber<e.paginationSuccessivelySize-1&&(o=e.paginationSuccessivelySize),e.paginationSuccessivelySize>this.totalPages-n&&(n=n-(e.paginationSuccessivelySize-(this.totalPages-n))+1),n<1&&(n=1),o>this.totalPages&&(o=this.totalPages);var g=Math.round(e.paginationPagesBySide/2),v=function(i){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return dv.sprintf(t.constants.html.paginationItem,n+(i===e.pageNumber?" ".concat(t.constants.classes.paginationActive):""),e.formatSRPaginationPageText(i),i)};if(n>1){var b=e.paginationPagesBySide;for(b>=n&&(b=n-1),i=1;i<=b;i++)c.push(v(i));n-1===b+1?(i=n-1,c.push(v(i))):n-1>b&&(n-2*e.paginationPagesBySide>e.paginationPagesBySide&&e.paginationUseIntermediate?(i=Math.round((n-g)/2+g),c.push(v(i," page-intermediate"))):c.push(dv.sprintf(this.constants.html.paginationItem," page-first-separator disabled","","...")))}for(i=n;i<=o;i++)c.push(v(i));if(this.totalPages>o){var m=this.totalPages-(e.paginationPagesBySide-1);for(o>=m&&(m=o+1),o+1===m-1?(i=o+1,c.push(v(i))):m>o+1&&(this.totalPages-o>2*e.paginationPagesBySide&&e.paginationUseIntermediate?(i=Math.round((this.totalPages-g-o)/2+o),c.push(v(i," page-intermediate"))):c.push(dv.sprintf(this.constants.html.paginationItem," page-last-separator disabled","","..."))),i=m;i<=this.totalPages;i++)c.push(v(i))}c.push(dv.sprintf(this.constants.html.paginationItem," page-next",e.formatSRPaginationNextText(),e.paginationNextText)),c.push(this.constants.html.pagination[1],"</div>")}this.$pagination.html(c.join(""));var y=["bottom","both"].includes(e.paginationVAlign)?" ".concat(this.constants.classes.dropup):"";this.$pagination.last().find(".page-list > div").addClass(y),e.onlyInfoPagination||(r=this.$pagination.find(".page-list a"),a=this.$pagination.find(".page-pre"),s=this.$pagination.find(".page-next"),l=this.$pagination.find(".page-item").not(".page-next, .page-pre, .page-last-separator, .page-first-separator"),this.totalPages<=1&&this.$pagination.find("div.pagination").hide(),e.smartDisplay&&(d.length<2||e.totalRows<=d[0])&&this.$pagination.find("div.page-list").hide(),this.$pagination[this.getData().length?"show":"hide"](),e.paginationLoop||(1===e.pageNumber&&a.addClass("disabled"),e.pageNumber===this.totalPages&&s.addClass("disabled")),h&&(e.pageSize=e.formatAllRows()),r.off("click").on("click",(function(e){return t.onPageListChange(e)})),a.off("click").on("click",(function(e){return t.onPagePre(e)})),s.off("click").on("click",(function(e){return t.onPageNext(e)})),l.off("click").on("click",(function(e){return t.onPageNumber(e)})))}else this.$pagination.hide()}},{key:"updatePagination",value:function(e){e&&t(e.currentTarget).hasClass("disabled")||(this.options.maintainMetaData||this.resetRows(),this.initPagination(),this.trigger("page-change",this.options.pageNumber,this.options.pageSize),"server"===this.options.sidePagination?this.initServer():this.initBody())}},{key:"onPageListChange",value:function(e){e.preventDefault();var i=t(e.currentTarget);return i.parent().addClass(this.constants.classes.dropdownActive).siblings().removeClass(this.constants.classes.dropdownActive),this.options.pageSize=i.text().toUpperCase()===this.options.formatAllRows().toUpperCase()?this.options.formatAllRows():+i.text(),this.$toolbar.find(".page-size").text(this.options.pageSize),this.updatePagination(e),!1}},{key:"onPagePre",value:function(e){if(!t(e.target).hasClass("disabled"))return e.preventDefault(),this.options.pageNumber-1==0?this.options.pageNumber=this.options.totalPages:this.options.pageNumber--,this.updatePagination(e),!1}},{key:"onPageNext",value:function(e){if(!t(e.target).hasClass("disabled"))return e.preventDefault(),this.options.pageNumber+1>this.options.totalPages?this.options.pageNumber=1:this.options.pageNumber++,this.updatePagination(e),!1}},{key:"onPageNumber",value:function(e){if(e.preventDefault(),this.options.pageNumber!==+t(e.currentTarget).text())return this.options.pageNumber=+t(e.currentTarget).text(),this.updatePagination(e),!1}},{key:"initRow",value:function(t,i,n,o){var a=this,s=[],l={},c=[],h="",u={},d=[];if(!(dv.findIndex(this.hiddenRows,t)>-1)){if((l=dv.calculateObjectValue(this.options,this.options.rowStyle,[t,i],l))&&l.css)for(var p=0,f=Object.entries(l.css);p<f.length;p++){var g=r(f[p],2),v=g[0],b=g[1];c.push("".concat(v,": ").concat(b))}if(u=dv.calculateObjectValue(this.options,this.options.rowAttributes,[t,i],u))for(var m=0,y=Object.entries(u);m<y.length;m++){var w=r(y[m],2),S=w[0],x=w[1];d.push("".concat(S,'="').concat(dv.escapeHTML(x),'"'))}if(t._data&&!dv.isEmptyObject(t._data))for(var k=0,O=Object.entries(t._data);k<O.length;k++){var C=r(O[k],2),T=C[0],I=C[1];if("index"===T)return;h+=" data-".concat(T,"='").concat("object"===e(I)?JSON.stringify(I):I,"'")}s.push("<tr",dv.sprintf(" %s",d.length?d.join(" "):void 0),dv.sprintf(' id="%s"',Array.isArray(t)?void 0:t._id),dv.sprintf(' class="%s"',l.classes||(Array.isArray(t)?void 0:t._class)),dv.sprintf(' style="%s"',Array.isArray(t)?void 0:t._style),' data-index="'.concat(i,'"'),dv.sprintf(' data-uniqueid="%s"',dv.getItemField(t,this.options.uniqueId,!1)),dv.sprintf(' data-has-detail-view="%s"',this.options.detailView&&dv.calculateObjectValue(null,this.options.detailFilter,[i,t])?"true":void 0),dv.sprintf("%s",h),">"),this.options.cardView&&s.push('<td colspan="'.concat(this.header.fields.length,'"><div class="card-views">'));var P="";return dv.hasDetailViewIcon(this.options)&&(P="<td>",dv.calculateObjectValue(null,this.options.detailFilter,[i,t])&&(P+='\n          <a class="detail-icon" href="#">\n          '.concat(dv.sprintf(this.constants.html.icon,this.options.iconsPrefix,this.options.icons.detailOpen),"\n          </a>\n        ")),P+="</td>"),P&&"right"!==this.options.detailViewAlign&&s.push(P),this.header.fields.forEach((function(e,n){var o=a.columns[n],l="",h=dv.getItemField(t,e,a.options.escape,o.escape),u="",d="",p={},f="",g=a.header.classes[n],v="",b="",m="",y="",w="",S="";if((!a.fromHtml&&!a.autoMergeCells||void 0!==h||o.checkbox||o.radio)&&o.visible&&(!a.options.cardView||o.cardVisible)){if(c.concat([a.header.styles[n]]).length&&(b+="".concat(c.concat([a.header.styles[n]]).join("; "))),t["_".concat(e,"_style")]&&(b+="".concat(t["_".concat(e,"_style")])),b&&(v=' style="'.concat(b,'"')),t["_".concat(e,"_id")]&&(f=dv.sprintf(' id="%s"',t["_".concat(e,"_id")])),t["_".concat(e,"_class")]&&(g=dv.sprintf(' class="%s"',t["_".concat(e,"_class")])),t["_".concat(e,"_rowspan")]&&(y=dv.sprintf(' rowspan="%s"',t["_".concat(e,"_rowspan")])),t["_".concat(e,"_colspan")]&&(w=dv.sprintf(' colspan="%s"',t["_".concat(e,"_colspan")])),t["_".concat(e,"_title")]&&(S=dv.sprintf(' title="%s"',t["_".concat(e,"_title")])),(p=dv.calculateObjectValue(a.header,a.header.cellStyles[n],[h,t,i,e],p)).classes&&(g=' class="'.concat(p.classes,'"')),p.css){for(var x=[],k=0,O=Object.entries(p.css);k<O.length;k++){var C=r(O[k],2),T=C[0],I=C[1];x.push("".concat(T,": ").concat(I))}v=' style="'.concat(x.concat(a.header.styles[n]).join("; "),'"')}if(u=dv.calculateObjectValue(o,a.header.formatters[n],[h,t,i,e],h),o.checkbox||o.radio||(u=null==u?a.options.undefinedText:u),o.searchable&&a.searchText&&a.options.searchHighlight&&!o.checkbox&&!o.radio){var P="",A=a.searchText.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");if(a.options.searchAccentNeutralise){var $=new RegExp("".concat(dv.normalizeAccent(A)),"gmi").exec(dv.normalizeAccent(u));$&&(A=u.substring($.index,$.index+A.length))}var R=new RegExp("(".concat(A,")"),"gim"),E="<mark>$1</mark>";if(u&&/<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i.test(u)){var j=(new DOMParser).parseFromString(u.toString(),"text/html").documentElement.textContent,_=j.replace(R,E);j=j.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),P=u.replace(new RegExp("(>\\s*)(".concat(j,")(\\s*)"),"gm"),"$1".concat(_,"$3"))}else P=u.toString().replace(R,E);u=dv.calculateObjectValue(o,o.searchHighlightFormatter,[u,a.searchText],P)}if(t["_".concat(e,"_data")]&&!dv.isEmptyObject(t["_".concat(e,"_data")]))for(var F=0,D=Object.entries(t["_".concat(e,"_data")]);F<D.length;F++){var N=r(D[F],2),V=N[0],B=N[1];if("index"===V)return;m+=" data-".concat(V,'="').concat(B,'"')}if(o.checkbox||o.radio){d=o.checkbox?"checkbox":d,d=o.radio?"radio":d;var L=o.class||"",H=dv.isObject(u)&&u.hasOwnProperty("checked")?u.checked:(!0===u||h)&&!1!==u,M=!o.checkboxEnabled||u&&u.disabled;l=[a.options.cardView?'<div class="card-view '.concat(L,'">'):'<td class="bs-checkbox '.concat(L,'"').concat(g).concat(v,">"),'<label>\n            <input\n            data-index="'.concat(i,'"\n            name="').concat(a.options.selectItemName,'"\n            type="').concat(d,'"\n            ').concat(dv.sprintf('value="%s"',t[a.options.idField]),"\n            ").concat(dv.sprintf('checked="%s"',H?"checked":void 0),"\n            ").concat(dv.sprintf('disabled="%s"',M?"disabled":void 0)," />\n            <span></span>\n            </label>"),a.header.formatters[n]&&"string"==typeof u?u:"",a.options.cardView?"</div>":"</td>"].join(""),t[a.header.stateField]=!0===u||!!h||u&&u.checked}else if(a.options.cardView){var U=a.options.showHeader?'<span class="card-view-title '.concat(p.classes||"",'"').concat(v,">").concat(dv.getFieldTitle(a.columns,e),"</span>"):"";l='<div class="card-view">'.concat(U,'<span class="card-view-value ').concat(p.classes||"",'"').concat(v,">").concat(u,"</span></div>"),a.options.smartDisplay&&""===u&&(l='<div class="card-view"></div>')}else l="<td".concat(f).concat(g).concat(v).concat(m).concat(y).concat(w).concat(S,">").concat(u,"</td>");s.push(l)}})),P&&"right"===this.options.detailViewAlign&&s.push(P),this.options.cardView&&s.push("</div></td>"),s.push("</tr>"),s.join("")}}},{key:"initBody",value:function(e,i){var n=this,o=this.getData();this.trigger("pre-body",o),this.$body=this.$el.find(">tbody"),this.$body.length||(this.$body=t("<tbody></tbody>").appendTo(this.$el)),this.options.pagination&&"server"!==this.options.sidePagination||(this.pageFrom=1,this.pageTo=o.length);var r=[],a=t(document.createDocumentFragment()),s=!1,l=[];this.autoMergeCells=dv.checkAutoMergeCells(o.slice(this.pageFrom-1,this.pageTo));for(var c=this.pageFrom-1;c<this.pageTo;c++){var h=o[c],u=this.initRow(h,c,o,a);if(s=s||!!u,u&&"string"==typeof u){var d=this.options.uniqueId;if(d&&h.hasOwnProperty(d)){var p=h[d],f=this.$body.find(dv.sprintf('> tr[data-uniqueid="%s"][data-has-detail-view]',p)).next();f.is("tr.detail-view")&&(l.push(c),i&&p===i||(u+=f[0].outerHTML))}this.options.virtualScroll?r.push(u):a.append(u)}}s?this.options.virtualScroll?(this.virtualScroll&&this.virtualScroll.destroy(),this.virtualScroll=new yv({rows:r,fixedScroll:e,scrollEl:this.$tableBody[0],contentEl:this.$body[0],itemHeight:this.options.virtualScrollItemHeight,callback:function(t,e){n.fitHeader(),n.initBodyEvent(),n.trigger("virtual-scroll",t,e)}})):this.$body.html(a):this.$body.html('<tr class="no-records-found">'.concat(dv.sprintf('<td colspan="%s">%s</td>',this.getVisibleFields().length+dv.getDetailViewIndexOffset(this.options),this.options.formatNoMatches()),"</tr>")),l.forEach((function(t){n.expandRow(t)})),e||this.scrollTo(0),this.initBodyEvent(),this.initFooter(),this.resetView(),this.updateSelected(),"server"!==this.options.sidePagination&&(this.options.totalRows=o.length),this.trigger("post-body",o)}},{key:"initBodyEvent",value:function(){var e=this;this.$body.find("> tr[data-index] > td").off("click dblclick").on("click dblclick",(function(i){var n=t(i.currentTarget);if(!(n.find(".detail-icon").length||n.index()-dv.getDetailViewIndexOffset(e.options)<0)){var o=n.parent(),r=t(i.target).parents(".card-views").children(),a=t(i.target).parents(".card-view"),s=o.data("index"),l=e.data[s],c=e.options.cardView?r.index(a):n[0].cellIndex,h=e.getVisibleFields()[c-dv.getDetailViewIndexOffset(e.options)],u=e.columns[e.fieldsColumnsIndex[h]],d=dv.getItemField(l,h,e.options.escape,u.escape);if(e.trigger("click"===i.type?"click-cell":"dbl-click-cell",h,d,l,n),e.trigger("click"===i.type?"click-row":"dbl-click-row",l,o,h),"click"===i.type&&e.options.clickToSelect&&u.clickToSelect&&!dv.calculateObjectValue(e.options,e.options.ignoreClickToSelectOn,[i.target])){var p=o.find(dv.sprintf('[name="%s"]',e.options.selectItemName));p.length&&p[0].click()}"click"===i.type&&e.options.detailViewByClick&&e.toggleDetailView(s,e.header.detailFormatters[e.fieldsColumnsIndex[h]])}})).off("mousedown").on("mousedown",(function(t){e.multipleSelectRowCtrlKey=t.ctrlKey||t.metaKey,e.multipleSelectRowShiftKey=t.shiftKey})),this.$body.find("> tr[data-index] > td > .detail-icon").off("click").on("click",(function(i){return i.preventDefault(),e.toggleDetailView(t(i.currentTarget).parent().parent().data("index")),!1})),this.$selectItem=this.$body.find(dv.sprintf('[name="%s"]',this.options.selectItemName)),this.$selectItem.off("click").on("click",(function(i){i.stopImmediatePropagation();var n=t(i.currentTarget);e._toggleCheck(n.prop("checked"),n.data("index"))})),this.header.events.forEach((function(i,n){var o=i;if(o){if("string"==typeof o&&(o=dv.calculateObjectValue(null,o)),!o)throw new Error("Unknown event in the scope: ".concat(i));var r=e.header.fields[n],a=e.getVisibleFields().indexOf(r);if(-1!==a){a+=dv.getDetailViewIndexOffset(e.options);var s=function(i){if(!o.hasOwnProperty(i))return"continue";var n=o[i];e.$body.find(">tr:not(.no-records-found)").each((function(o,s){var l=t(s),c=l.find(e.options.cardView?".card-views>.card-view":">td").eq(a),h=i.indexOf(" "),u=i.substring(0,h),d=i.substring(h+1);c.find(d).off(u).on(u,(function(t){var i=l.data("index"),o=e.data[i],a=o[r];n.apply(e,[t,a,o,i])}))}))};for(var l in o)s(l)}}}))}},{key:"initServer",value:function(e,i,n){var o=this,r={},a=this.header.fields.indexOf(this.options.sortName),s={searchText:this.searchText,sortName:this.options.sortName,sortOrder:this.options.sortOrder};if(this.header.sortNames[a]&&(s.sortName=this.header.sortNames[a]),this.options.pagination&&"server"===this.options.sidePagination&&(s.pageSize=this.options.pageSize===this.options.formatAllRows()?this.options.totalRows:this.options.pageSize,s.pageNumber=this.options.pageNumber),n||this.options.url||this.options.ajax){if("limit"===this.options.queryParamsType&&(s={search:s.searchText,sort:s.sortName,order:s.sortOrder},this.options.pagination&&"server"===this.options.sidePagination&&(s.offset=this.options.pageSize===this.options.formatAllRows()?0:this.options.pageSize*(this.options.pageNumber-1),s.limit=this.options.pageSize,0!==s.limit&&this.options.pageSize!==this.options.formatAllRows()||delete s.limit)),this.options.search&&"server"===this.options.sidePagination&&this.options.searchable&&this.columns.filter((function(t){return t.searchable})).length){s.searchable=[];var l,h=c(this.columns);try{for(h.s();!(l=h.n()).done;){var u=l.value;!u.checkbox&&u.searchable&&(this.options.visibleSearch&&u.visible||!this.options.visibleSearch)&&s.searchable.push(u.field)}}catch(t){h.e(t)}finally{h.f()}}if(dv.isEmptyObject(this.filterColumnsPartial)||(s.filter=JSON.stringify(this.filterColumnsPartial,null)),dv.extend(s,i||{}),!1!==(r=dv.calculateObjectValue(this.options,this.options.queryParams,[s],r))){e||this.showLoading();var d=dv.extend({},dv.calculateObjectValue(null,this.options.ajaxOptions),{type:this.options.method,url:n||this.options.url,data:"application/json"===this.options.contentType&&"post"===this.options.method?JSON.stringify(r):r,cache:this.options.cache,contentType:this.options.contentType,dataType:this.options.dataType,success:function(t,i,n){var r=dv.calculateObjectValue(o.options,o.options.responseHandler,[t,n],t);o.load(r),o.trigger("load-success",r,n&&n.status,n),e||o.hideLoading(),"server"===o.options.sidePagination&&o.options.pageNumber>1&&r[o.options.totalField]>0&&!r[o.options.dataField].length&&o.updatePagination()},error:function(t){if(t&&0===t.status&&o._xhrAbort)o._xhrAbort=!1;else{var i=[];"server"===o.options.sidePagination&&((i={})[o.options.totalField]=0,i[o.options.dataField]=[]),o.load(i),o.trigger("load-error",t&&t.status,t),e||o.hideLoading()}}});return this.options.ajax?dv.calculateObjectValue(this,this.options.ajax,[d],null):(this._xhr&&4!==this._xhr.readyState&&(this._xhrAbort=!0,this._xhr.abort()),this._xhr=t.ajax(d)),r}}}},{key:"initSearchText",value:function(){if(this.options.search&&(this.searchText="",""!==this.options.searchText)){var t=dv.getSearchInput(this);t.val(this.options.searchText),this.onSearch({currentTarget:t,firedByInitSearchText:!0})}}},{key:"getCaret",value:function(){var e=this;this.$header.find("th").each((function(i,n){t(n).find(".sortable").removeClass("desc asc").addClass(t(n).data("field")===e.options.sortName?e.options.sortOrder:"both")}))}},{key:"updateSelected",value:function(){var e=this.$selectItem.filter(":enabled").length&&this.$selectItem.filter(":enabled").length===this.$selectItem.filter(":enabled").filter(":checked").length;this.$selectAll.add(this.$selectAll_).prop("checked",e),this.$selectItem.each((function(e,i){t(i).closest("tr")[t(i).prop("checked")?"addClass":"removeClass"]("selected")}))}},{key:"updateRows",value:function(){var e=this;this.$selectItem.each((function(i,n){e.data[t(n).data("index")][e.header.stateField]=t(n).prop("checked")}))}},{key:"resetRows",value:function(){var t,e=c(this.data);try{for(e.s();!(t=e.n()).done;){var i=t.value;this.$selectAll.prop("checked",!1),this.$selectItem.prop("checked",!1),this.header.stateField&&(i[this.header.stateField]=!1)}}catch(t){e.e(t)}finally{e.f()}this.initHiddenRows()}},{key:"trigger",value:function(e){for(var i,o,r="".concat(e,".bs.table"),a=arguments.length,s=new Array(a>1?a-1:0),l=1;l<a;l++)s[l-1]=arguments[l];(i=this.options)[n.EVENTS[r]].apply(i,[].concat(s,[this])),this.$el.trigger(t.Event(r,{sender:this}),s),(o=this.options).onAll.apply(o,[r].concat([].concat(s,[this]))),this.$el.trigger(t.Event("all.bs.table",{sender:this}),[r,s])}},{key:"resetHeader",value:function(){var t=this;clearTimeout(this.timeoutId_),this.timeoutId_=setTimeout((function(){return t.fitHeader()}),this.$el.is(":hidden")?100:0)}},{key:"fitHeader",value:function(){var e=this;if(this.$el.is(":hidden"))this.timeoutId_=setTimeout((function(){return e.fitHeader()}),100);else{var i=this.$tableBody.get(0),n=this.hasScrollBar&&i.scrollHeight>i.clientHeight+this.$header.outerHeight()?dv.getScrollBarWidth():0;this.$el.css("margin-top",-this.$header.outerHeight());var o=this.$tableHeader.find(":focus");if(o.length>0){var r=o.parents("th");if(r.length>0){var a=r.attr("data-field");if(void 0!==a){var s=this.$header.find("[data-field='".concat(a,"']"));s.length>0&&s.find(":input").addClass("focus-temp")}}}this.$header_=this.$header.clone(!0,!0),this.$selectAll_=this.$header_.find('[name="btSelectAll"]'),this.$tableHeader.css("margin-right",n).find("table").css("width",this.$el.outerWidth()).html("").attr("class",this.$el.attr("class")).append(this.$header_),this.$tableLoading.css("width",this.$el.outerWidth());var l=t(".focus-temp:visible:eq(0)");l.length>0&&(l.focus(),this.$header.find(".focus-temp").removeClass("focus-temp")),this.$header.find("th[data-field]").each((function(i,n){e.$header_.find(dv.sprintf('th[data-field="%s"]',t(n).data("field"))).data(t(n).data())}));for(var c=this.getVisibleFields(),h=this.$header_.find("th"),u=this.$body.find(">tr:not(.no-records-found,.virtual-scroll-top)").eq(0);u.length&&u.find('>td[colspan]:not([colspan="1"])').length;)u=u.next();var d=u.find("> *").length;u.find("> *").each((function(i,n){var o=t(n);if(dv.hasDetailViewIcon(e.options)&&(0===i&&"right"!==e.options.detailViewAlign||i===d-1&&"right"===e.options.detailViewAlign)){var r=h.filter(".detail"),a=r.innerWidth()-r.find(".fht-cell").width();r.find(".fht-cell").width(o.innerWidth()-a)}else{var s=i-dv.getDetailViewIndexOffset(e.options),l=e.$header_.find(dv.sprintf('th[data-field="%s"]',c[s]));l.length>1&&(l=t(h[o[0].cellIndex]));var u=l.innerWidth()-l.find(".fht-cell").width();l.find(".fht-cell").width(o.innerWidth()-u)}})),this.horizontalScroll(),this.trigger("post-header")}}},{key:"initFooter",value:function(){if(this.options.showFooter&&!this.options.cardView){var t=this.getData(),e=[],i="";dv.hasDetailViewIcon(this.options)&&(i='<th class="detail"><div class="th-inner"></div><div class="fht-cell"></div></th>'),i&&"right"!==this.options.detailViewAlign&&e.push(i);var n,o=c(this.columns);try{for(o.s();!(n=o.n()).done;){var a,s,l=n.value,h=[],u={},d=dv.sprintf(' class="%s"',l.class);if(!(!l.visible||this.footerData&&this.footerData.length>0&&!(l.field in this.footerData[0]))){if(this.options.cardView&&!l.cardVisible)return;if(a=dv.sprintf("text-align: %s; ",l.falign?l.falign:l.align),s=dv.sprintf("vertical-align: %s; ",l.valign),(u=dv.calculateObjectValue(null,this.options.footerStyle,[l]))&&u.css)for(var p=0,f=Object.entries(u.css);p<f.length;p++){var g=r(f[p],2),v=g[0],b=g[1];h.push("".concat(v,": ").concat(b))}u&&u.classes&&(d=dv.sprintf(' class="%s"',l.class?[l.class,u.classes].join(" "):u.classes)),e.push("<th",d,dv.sprintf(' style="%s"',a+s+h.concat().join("; ")));var m=0;this.footerData&&this.footerData.length>0&&(m=this.footerData[0]["_".concat(l.field,"_colspan")]||0),m&&e.push(' colspan="'.concat(m,'" ')),e.push(">"),e.push('<div class="th-inner">');var y="";this.footerData&&this.footerData.length>0&&(y=this.footerData[0][l.field]||""),e.push(dv.calculateObjectValue(l,l.footerFormatter,[t,y],y)),e.push("</div>"),e.push('<div class="fht-cell"></div>'),e.push("</div>"),e.push("</th>")}}}catch(t){o.e(t)}finally{o.f()}i&&"right"===this.options.detailViewAlign&&e.push(i),this.options.height||this.$tableFooter.length||(this.$el.append("<tfoot><tr></tr></tfoot>"),this.$tableFooter=this.$el.find("tfoot")),this.$tableFooter.find("tr").length||this.$tableFooter.html("<table><thead><tr></tr></thead></table>"),this.$tableFooter.find("tr").html(e.join("")),this.trigger("post-footer",this.$tableFooter)}}},{key:"fitFooter",value:function(){var e=this;if(this.$el.is(":hidden"))setTimeout((function(){return e.fitFooter()}),100);else{var i=this.$tableBody.get(0),n=this.hasScrollBar&&i.scrollHeight>i.clientHeight+this.$header.outerHeight()?dv.getScrollBarWidth():0;this.$tableFooter.css("margin-right",n).find("table").css("width",this.$el.outerWidth()).attr("class",this.$el.attr("class"));var o=this.$tableFooter.find("th"),r=this.$body.find(">tr:first-child:not(.no-records-found)");for(o.find(".fht-cell").width("auto");r.length&&r.find('>td[colspan]:not([colspan="1"])').length;)r=r.next();var a=r.find("> *").length;r.find("> *").each((function(i,n){var r=t(n);if(dv.hasDetailViewIcon(e.options)&&(0===i&&"left"===e.options.detailViewAlign||i===a-1&&"right"===e.options.detailViewAlign)){var s=o.filter(".detail"),l=s.innerWidth()-s.find(".fht-cell").width();s.find(".fht-cell").width(r.innerWidth()-l)}else{var c=o.eq(i),h=c.innerWidth()-c.find(".fht-cell").width();c.find(".fht-cell").width(r.innerWidth()-h)}})),this.horizontalScroll()}}},{key:"horizontalScroll",value:function(){var t=this;this.$tableBody.off("scroll").on("scroll",(function(){var e=t.$tableBody.scrollLeft();t.options.showHeader&&t.options.height&&t.$tableHeader.scrollLeft(e),t.options.showFooter&&!t.options.cardView&&t.$tableFooter.scrollLeft(e),t.trigger("scroll-body",t.$tableBody)}))}},{key:"getVisibleFields",value:function(){var t,e=[],i=c(this.header.fields);try{for(i.s();!(t=i.n()).done;){var n=t.value,o=this.columns[this.fieldsColumnsIndex[n]];o&&o.visible&&(!this.options.cardView||o.cardVisible)&&e.push(n)}}catch(t){i.e(t)}finally{i.f()}return e}},{key:"initHiddenRows",value:function(){this.hiddenRows=[]}},{key:"getOptions",value:function(){var t=dv.extend({},this.options);return delete t.data,dv.extend(!0,{},t)}},{key:"refreshOptions",value:function(t){dv.compareObjects(this.options,t,!0)||(this.options=dv.extend(this.options,t),this.trigger("refresh-options",this.options),this.destroy(),this.init())}},{key:"getData",value:function(t){var e=this,i=this.options.data;if(!(this.searchText||this.options.customSearch||void 0!==this.options.sortName||this.enableCustomSort)&&dv.isEmptyObject(this.filterColumns)&&"function"!=typeof this.options.filterOptions.filterAlgorithm&&dv.isEmptyObject(this.filterColumnsPartial)||t&&t.unfiltered||(i=this.data),t&&!t.includeHiddenRows){var n=this.getHiddenRows();i=i.filter((function(t){return-1===dv.findIndex(n,t)}))}return t&&t.useCurrentPage&&(i=i.slice(this.pageFrom-1,this.pageTo)),t&&t.formatted&&i.forEach((function(t){for(var i=0,n=Object.entries(t);i<n.length;i++){var o=r(n[i],2),a=o[0],s=o[1],l=e.columns[e.fieldsColumnsIndex[a]];if(!l)return;t[a]=dv.calculateObjectValue(l,e.header.formatters[l.fieldIndex],[s,t,t.index,l.field],s)}})),i}},{key:"getSelections",value:function(){var t=this;return(this.options.maintainMetaData?this.options.data:this.data).filter((function(e){return!0===e[t.header.stateField]}))}},{key:"load",value:function(t){var e,i=t;this.options.pagination&&"server"===this.options.sidePagination&&(this.options.totalRows=i[this.options.totalField],this.options.totalNotFiltered=i[this.options.totalNotFilteredField],this.footerData=i[this.options.footerField]?[i[this.options.footerField]]:void 0),e=i.fixedScroll,i=Array.isArray(i)?i:i[this.options.dataField],this.initData(i),this.initSearch(),this.initPagination(),this.initBody(e)}},{key:"append",value:function(t){this.initData(t,"append"),this.initSearch(),this.initPagination(),this.initSort(),this.initBody(!0)}},{key:"prepend",value:function(t){this.initData(t,"prepend"),this.initSearch(),this.initPagination(),this.initSort(),this.initBody(!0)}},{key:"remove",value:function(t){for(var e=0,i=this.options.data.length-1;i>=0;i--){var n=this.options.data[i],o=dv.getItemField(n,t.field,this.options.escape,n.escape);void 0===o&&"$index"!==t.field||(!n.hasOwnProperty(t.field)&&"$index"===t.field&&t.values.includes(i)||t.values.includes(o))&&(e++,this.options.data.splice(i,1))}e&&("server"===this.options.sidePagination&&(this.options.totalRows-=e,this.data=a(this.options.data)),this.initSearch(),this.initPagination(),this.initSort(),this.initBody(!0))}},{key:"removeAll",value:function(){this.options.data.length>0&&(this.options.data.splice(0,this.options.data.length),this.initSearch(),this.initPagination(),this.initBody(!0))}},{key:"insertRow",value:function(t){t.hasOwnProperty("index")&&t.hasOwnProperty("row")&&(this.options.data.splice(t.index,0,t.row),this.initSearch(),this.initPagination(),this.initSort(),this.initBody(!0))}},{key:"updateRow",value:function(t){var e,i=c(Array.isArray(t)?t:[t]);try{for(i.s();!(e=i.n()).done;){var n=e.value;n.hasOwnProperty("index")&&n.hasOwnProperty("row")&&(n.hasOwnProperty("replace")&&n.replace?this.options.data[n.index]=n.row:dv.extend(this.options.data[n.index],n.row))}}catch(t){i.e(t)}finally{i.f()}this.initSearch(),this.initPagination(),this.initSort(),this.initBody(!0)}},{key:"getRowByUniqueId",value:function(t){var e,i,n=this.options.uniqueId,o=t,r=null;for(e=this.options.data.length-1;e>=0;e--){i=this.options.data[e];var a=dv.getItemField(i,n,this.options.escape,i.escape);if(void 0!==a&&("string"==typeof a?o=o.toString():"number"==typeof a&&(Number(a)===a&&a%1==0?o=parseInt(o,10):a===Number(a)&&0!==a&&(o=parseFloat(o))),a===o)){r=i;break}}return r}},{key:"updateByUniqueId",value:function(t){var e,i=null,n=c(Array.isArray(t)?t:[t]);try{for(n.s();!(e=n.n()).done;){var o=e.value;if(o.hasOwnProperty("id")&&o.hasOwnProperty("row")){var r=this.options.data.indexOf(this.getRowByUniqueId(o.id));-1!==r&&(o.hasOwnProperty("replace")&&o.replace?this.options.data[r]=o.row:dv.extend(this.options.data[r],o.row),i=o.id)}}}catch(t){n.e(t)}finally{n.f()}this.initSearch(),this.initPagination(),this.initSort(),this.initBody(!0,i)}},{key:"removeByUniqueId",value:function(t){var e=this.options.data.length,i=this.getRowByUniqueId(t);i&&this.options.data.splice(this.options.data.indexOf(i),1),e!==this.options.data.length&&("server"===this.options.sidePagination&&(this.options.totalRows-=1,this.data=a(this.options.data)),this.initSearch(),this.initPagination(),this.initBody(!0))}},{key:"_updateCellOnly",value:function(e,i){var n=this.initRow(this.options.data[i],i),o=this.getVisibleFields().indexOf(e);-1!==o&&(o+=dv.getDetailViewIndexOffset(this.options),this.$body.find(">tr[data-index=".concat(i,"]")).find(">td:eq(".concat(o,")")).replaceWith(t(n).find(">td:eq(".concat(o,")"))),this.initBodyEvent(),this.initFooter(),this.resetView(),this.updateSelected())}},{key:"updateCell",value:function(t){t.hasOwnProperty("index")&&t.hasOwnProperty("field")&&t.hasOwnProperty("value")&&(this.options.data[t.index][t.field]=t.value,!1!==t.reinit?(this.initSort(),this.initBody(!0)):this._updateCellOnly(t.field,t.index))}},{key:"updateCellByUniqueId",value:function(t){var e=this;(Array.isArray(t)?t:[t]).forEach((function(t){var i=t.id,n=t.field,o=t.value,r=e.options.data.indexOf(e.getRowByUniqueId(i));-1!==r&&(e.options.data[r][n]=o)})),!1!==t.reinit?(this.initSort(),this.initBody(!0)):this._updateCellOnly(t.field,this.options.data.indexOf(this.getRowByUniqueId(t.id)))}},{key:"showRow",value:function(t){this._toggleRow(t,!0)}},{key:"hideRow",value:function(t){this._toggleRow(t,!1)}},{key:"_toggleRow",value:function(t,e){var i;if(t.hasOwnProperty("index")?i=this.getData()[t.index]:t.hasOwnProperty("uniqueId")&&(i=this.getRowByUniqueId(t.uniqueId)),i){var n=dv.findIndex(this.hiddenRows,i);e||-1!==n?e&&n>-1&&this.hiddenRows.splice(n,1):this.hiddenRows.push(i),this.initBody(!0),this.initPagination()}}},{key:"getHiddenRows",value:function(t){if(t)return this.initHiddenRows(),this.initBody(!0),void this.initPagination();var e,i=[],n=c(this.getData());try{for(n.s();!(e=n.n()).done;){var o=e.value;this.hiddenRows.includes(o)&&i.push(o)}}catch(t){n.e(t)}finally{n.f()}return this.hiddenRows=i,i}},{key:"showColumn",value:function(t){var e=this;(Array.isArray(t)?t:[t]).forEach((function(t){e._toggleColumn(e.fieldsColumnsIndex[t],!0,!0)}))}},{key:"hideColumn",value:function(t){var e=this;(Array.isArray(t)?t:[t]).forEach((function(t){e._toggleColumn(e.fieldsColumnsIndex[t],!1,!0)}))}},{key:"_toggleColumn",value:function(t,e,i){if(-1!==t&&this.columns[t].visible!==e&&(this.columns[t].visible=e,this.initHeader(),this.initSearch(),this.initPagination(),this.initBody(),this.options.showColumns)){var n=this.$toolbar.find('.keep-open input:not(".toggle-all")').prop("disabled",!1);i&&n.filter(dv.sprintf('[value="%s"]',t)).prop("checked",e),n.filter(":checked").length<=this.options.minimumCountColumns&&n.filter(":checked").prop("disabled",!0)}}},{key:"getVisibleColumns",value:function(){var t=this;return this.columns.filter((function(e){return e.visible&&!t.isSelectionColumn(e)}))}},{key:"getHiddenColumns",value:function(){return this.columns.filter((function(t){return!t.visible}))}},{key:"isSelectionColumn",value:function(t){return t.radio||t.checkbox}},{key:"showAllColumns",value:function(){this._toggleAllColumns(!0)}},{key:"hideAllColumns",value:function(){this._toggleAllColumns(!1)}},{key:"_toggleAllColumns",value:function(e){var i,n=this,o=c(this.columns.slice().reverse());try{for(o.s();!(i=o.n()).done;){var r=i.value;if(r.switchable){if(!e&&this.options.showColumns&&this.getVisibleColumns().filter((function(t){return t.switchable})).length===this.options.minimumCountColumns)continue;r.visible=e}}}catch(t){o.e(t)}finally{o.f()}if(this.initHeader(),this.initSearch(),this.initPagination(),this.initBody(),this.options.showColumns){var a=this.$toolbar.find('.keep-open input[type="checkbox"]:not(".toggle-all")').prop("disabled",!1);e?a.prop("checked",e):a.get().reverse().forEach((function(i){a.filter(":checked").length>n.options.minimumCountColumns&&t(i).prop("checked",e)})),a.filter(":checked").length<=this.options.minimumCountColumns&&a.filter(":checked").prop("disabled",!0)}}},{key:"mergeCells",value:function(t){var e,i,n=t.index,o=this.getVisibleFields().indexOf(t.field),r=t.rowspan||1,a=t.colspan||1,s=this.$body.find(">tr[data-index]");o+=dv.getDetailViewIndexOffset(this.options);var l=s.eq(n).find(">td").eq(o);if(!(n<0||o<0||n>=this.data.length)){for(e=n;e<n+r;e++)for(i=o;i<o+a;i++)s.eq(e).find(">td").eq(i).hide();l.attr("rowspan",r).attr("colspan",a).show()}}},{key:"checkAll",value:function(){this._toggleCheckAll(!0)}},{key:"uncheckAll",value:function(){this._toggleCheckAll(!1)}},{key:"_toggleCheckAll",value:function(t){var e=this.getSelections();this.$selectAll.add(this.$selectAll_).prop("checked",t),this.$selectItem.filter(":enabled").prop("checked",t),this.updateRows(),this.updateSelected();var i=this.getSelections();t?this.trigger("check-all",i,e):this.trigger("uncheck-all",i,e)}},{key:"checkInvert",value:function(){var e=this.$selectItem.filter(":enabled"),i=e.filter(":checked");e.each((function(e,i){t(i).prop("checked",!t(i).prop("checked"))})),this.updateRows(),this.updateSelected(),this.trigger("uncheck-some",i),i=this.getSelections(),this.trigger("check-some",i)}},{key:"check",value:function(t){this._toggleCheck(!0,t)}},{key:"uncheck",value:function(t){this._toggleCheck(!1,t)}},{key:"_toggleCheck",value:function(t,e){var i=this.$selectItem.filter('[data-index="'.concat(e,'"]')),n=this.data[e];if(i.is(":radio")||this.options.singleSelect||this.options.multipleSelectRow&&!this.multipleSelectRowCtrlKey&&!this.multipleSelectRowShiftKey){var o,a=c(this.options.data);try{for(a.s();!(o=a.n()).done;){o.value[this.header.stateField]=!1}}catch(t){a.e(t)}finally{a.f()}this.$selectItem.filter(":checked").not(i).prop("checked",!1)}if(n[this.header.stateField]=t,this.options.multipleSelectRow){if(this.multipleSelectRowShiftKey&&this.multipleSelectRowLastSelectedIndex>=0)for(var s=r(this.multipleSelectRowLastSelectedIndex<e?[this.multipleSelectRowLastSelectedIndex,e]:[e,this.multipleSelectRowLastSelectedIndex],2),l=s[0],h=s[1],u=l+1;u<h;u++)this.data[u][this.header.stateField]=!0,this.$selectItem.filter('[data-index="'.concat(u,'"]')).prop("checked",!0);this.multipleSelectRowCtrlKey=!1,this.multipleSelectRowShiftKey=!1,this.multipleSelectRowLastSelectedIndex=t?e:-1}i.prop("checked",t),this.updateSelected(),this.trigger(t?"check":"uncheck",this.data[e],i)}},{key:"checkBy",value:function(t){this._toggleCheckBy(!0,t)}},{key:"uncheckBy",value:function(t){this._toggleCheckBy(!1,t)}},{key:"_toggleCheckBy",value:function(t,e){var i=this;if(e.hasOwnProperty("field")&&e.hasOwnProperty("values")){var n=[];this.data.forEach((function(o,r){if(!o.hasOwnProperty(e.field))return!1;if(e.values.includes(o[e.field])){var a=i.$selectItem.filter(":enabled").filter(dv.sprintf('[data-index="%s"]',r)),s=!!e.hasOwnProperty("onlyCurrentPage")&&e.onlyCurrentPage;if(!(a=t?a.not(":checked"):a.filter(":checked")).length&&s)return;a.prop("checked",t),o[i.header.stateField]=t,n.push(o),i.trigger(t?"check":"uncheck",o,a)}})),this.updateSelected(),this.trigger(t?"check-some":"uncheck-some",n)}}},{key:"refresh",value:function(t){t&&t.url&&(this.options.url=t.url),t&&t.pageNumber&&(this.options.pageNumber=t.pageNumber),t&&t.pageSize&&(this.options.pageSize=t.pageSize),this.trigger("refresh",this.initServer(t&&t.silent,t&&t.query,t&&t.url))}},{key:"destroy",value:function(){this.$el.insertBefore(this.$container),t(this.options.toolbar).insertBefore(this.$el),this.$container.next().remove(),this.$container.remove(),this.$el.html(this.$el_.html()).css("margin-top","0").attr("class",this.$el_.attr("class")||"");var e=dv.getEventName("resize.bootstrap-table",this.$el.attr("id"));t(window).off(e)}},{key:"resetView",value:function(t){var e=0;if(t&&t.height&&(this.options.height=t.height),this.$tableContainer.toggleClass("has-card-view",this.options.cardView),this.options.height){var i=this.$tableBody.get(0);this.hasScrollBar=i.scrollWidth>i.clientWidth}if(!this.options.cardView&&this.options.showHeader&&this.options.height?(this.$tableHeader.show(),this.resetHeader(),e+=this.$header.outerHeight(!0)+1):(this.$tableHeader.hide(),this.trigger("post-header")),!this.options.cardView&&this.options.showFooter&&(this.$tableFooter.show(),this.fitFooter(),this.options.height&&(e+=this.$tableFooter.outerHeight(!0))),this.$container.hasClass("fullscreen"))this.$tableContainer.css("height",""),this.$tableContainer.css("width","");else if(this.options.height){this.$tableBorder&&(this.$tableBorder.css("width",""),this.$tableBorder.css("height",""));var n=this.$toolbar.outerHeight(!0),o=this.$pagination.outerHeight(!0),r=this.options.height-n-o,a=this.$tableBody.find(">table"),s=a.outerHeight();if(this.$tableContainer.css("height","".concat(r,"px")),this.$tableBorder&&a.is(":visible")){var l=r-s-2;this.hasScrollBar&&(l-=dv.getScrollBarWidth()),this.$tableBorder.css("width","".concat(a.outerWidth(),"px")),this.$tableBorder.css("height","".concat(l,"px"))}}this.options.cardView?(this.$el.css("margin-top","0"),this.$tableContainer.css("padding-bottom","0"),this.$tableFooter.hide()):(this.getCaret(),this.$tableContainer.css("padding-bottom","".concat(e,"px"))),this.trigger("reset-view")}},{key:"showLoading",value:function(){this.$tableLoading.toggleClass("open",!0);var t=this.options.loadingFontSize;"auto"===this.options.loadingFontSize&&(t=.04*this.$tableLoading.width(),t=Math.max(12,t),t=Math.min(32,t),t="".concat(t,"px")),this.$tableLoading.find(".loading-text").css("font-size",t)}},{key:"hideLoading",value:function(){this.$tableLoading.toggleClass("open",!1)}},{key:"togglePagination",value:function(){this.options.pagination=!this.options.pagination;var t=this.options.showButtonIcons?this.options.pagination?this.options.icons.paginationSwitchDown:this.options.icons.paginationSwitchUp:"",e=this.options.showButtonText?this.options.pagination?this.options.formatPaginationSwitchUp():this.options.formatPaginationSwitchDown():"";this.$toolbar.find('button[name="paginationSwitch"]').html("".concat(dv.sprintf(this.constants.html.icon,this.options.iconsPrefix,t)," ").concat(e)),this.updatePagination(),this.trigger("toggle-pagination",this.options.pagination)}},{key:"toggleFullscreen",value:function(){this.$el.closest(".bootstrap-table").toggleClass("fullscreen"),this.resetView()}},{key:"toggleView",value:function(){this.options.cardView=!this.options.cardView,this.initHeader();var t=this.options.showButtonIcons?this.options.cardView?this.options.icons.toggleOn:this.options.icons.toggleOff:"",e=this.options.showButtonText?this.options.cardView?this.options.formatToggleOff():this.options.formatToggleOn():"";this.$toolbar.find('button[name="toggle"]').html("".concat(dv.sprintf(this.constants.html.icon,this.options.iconsPrefix,t)," ").concat(e)).attr("aria-label",e).attr("title",e),this.initBody(),this.trigger("toggle",this.options.cardView)}},{key:"resetSearch",value:function(t){var e=dv.getSearchInput(this),i=t||"";e.val(i),this.searchText=i,this.onSearch({currentTarget:e},!1)}},{key:"filterBy",value:function(t,e){this.filterOptions=dv.isEmptyObject(e)?this.options.filterOptions:dv.extend(this.options.filterOptions,e),this.filterColumns=dv.isEmptyObject(t)?{}:t,this.options.pageNumber=1,this.initSearch(),this.updatePagination()}},{key:"scrollTo",value:function(i){var n={unit:"px",value:0};"object"===e(i)?n=Object.assign(n,i):"string"==typeof i&&"bottom"===i?n.value=this.$tableBody[0].scrollHeight:"string"!=typeof i&&"number"!=typeof i||(n.value=i);var o=n.value;"rows"===n.unit&&(o=0,this.$body.find("> tr:lt(".concat(n.value,")")).each((function(e,i){o+=t(i).outerHeight(!0)}))),this.$tableBody.scrollTop(o)}},{key:"getScrollPosition",value:function(){return this.$tableBody.scrollTop()}},{key:"selectPage",value:function(t){t>0&&t<=this.options.totalPages&&(this.options.pageNumber=t,this.updatePagination())}},{key:"prevPage",value:function(){this.options.pageNumber>1&&(this.options.pageNumber--,this.updatePagination())}},{key:"nextPage",value:function(){this.options.pageNumber<this.options.totalPages&&(this.options.pageNumber++,this.updatePagination())}},{key:"toggleDetailView",value:function(t,e){this.$body.find(dv.sprintf('> tr[data-index="%s"]',t)).next().is("tr.detail-view")?this.collapseRow(t):this.expandRow(t,e),this.resetView()}},{key:"expandRow",value:function(t,e){var i=this.data[t],n=this.$body.find(dv.sprintf('> tr[data-index="%s"][data-has-detail-view]',t));if(this.options.detailViewIcon&&n.find("a.detail-icon").html(dv.sprintf(this.constants.html.icon,this.options.iconsPrefix,this.options.icons.detailClose)),!n.next().is("tr.detail-view")){n.after(dv.sprintf('<tr class="detail-view"><td colspan="%s"></td></tr>',n.children("td").length));var o=n.next().find("td"),r=e||this.options.detailFormatter,a=dv.calculateObjectValue(this.options,r,[t,i,o],"");1===o.length&&o.append(a),this.trigger("expand-row",t,i,o)}}},{key:"expandRowByUniqueId",value:function(t){var e=this.getRowByUniqueId(t);e&&this.expandRow(this.data.indexOf(e))}},{key:"collapseRow",value:function(t){var e=this.data[t],i=this.$body.find(dv.sprintf('> tr[data-index="%s"][data-has-detail-view]',t));i.next().is("tr.detail-view")&&(this.options.detailViewIcon&&i.find("a.detail-icon").html(dv.sprintf(this.constants.html.icon,this.options.iconsPrefix,this.options.icons.detailOpen)),this.trigger("collapse-row",t,e,i.next()),i.next().remove())}},{key:"collapseRowByUniqueId",value:function(t){var e=this.getRowByUniqueId(t);e&&this.collapseRow(this.data.indexOf(e))}},{key:"expandAllRows",value:function(){for(var e=this.$body.find("> tr[data-index][data-has-detail-view]"),i=0;i<e.length;i++)this.expandRow(t(e[i]).data("index"))}},{key:"collapseAllRows",value:function(){for(var e=this.$body.find("> tr[data-index][data-has-detail-view]"),i=0;i<e.length;i++)this.collapseRow(t(e[i]).data("index"))}},{key:"updateColumnTitle",value:function(e){e.hasOwnProperty("field")&&e.hasOwnProperty("title")&&(this.columns[this.fieldsColumnsIndex[e.field]].title=this.options.escape&&this.options.escapeTitle?dv.escapeHTML(e.title):e.title,this.columns[this.fieldsColumnsIndex[e.field]].visible&&(this.$header.find("th[data-field]").each((function(i,n){if(t(n).data("field")===e.field)return t(t(n).find(".th-inner")[0]).text(e.title),!1})),this.resetView()))}},{key:"updateFormatText",value:function(t,e){/^format/.test(t)&&this.options[t]&&("string"==typeof e?this.options[t]=function(){return e}:"function"==typeof e&&(this.options[t]=e),this.initToolbar(),this.initPagination(),this.initBody())}}]),n}();return wv.VERSION=mv.VERSION,wv.DEFAULTS=mv.DEFAULTS,wv.LOCALES=mv.LOCALES,wv.COLUMN_DEFAULTS=mv.COLUMN_DEFAULTS,wv.METHODS=mv.METHODS,wv.EVENTS=mv.EVENTS,t.BootstrapTable=wv,t.fn.bootstrapTable=function(i){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];var a;return this.each((function(n,r){var s=t(r).data("bootstrap.table");if("string"==typeof i){var l;if(!mv.METHODS.includes(i))throw new Error("Unknown method: ".concat(i));if(!s)return;return a=(l=s)[i].apply(l,o),void("destroy"===i&&t(r).removeData("bootstrap.table"))}if(s)console.warn("You cannot initialize the table more than once!");else{var c=dv.extend(!0,{},wv.DEFAULTS,t(r).data(),"object"===e(i)&&i);s=new t.BootstrapTable(r,c),t(r).data("bootstrap.table",s),s.init()}})),void 0===a?this:a},t.fn.bootstrapTable.Constructor=wv,t.fn.bootstrapTable.theme=mv.THEME,t.fn.bootstrapTable.VERSION=mv.VERSION,t.fn.bootstrapTable.defaults=wv.DEFAULTS,t.fn.bootstrapTable.columnDefaults=wv.COLUMN_DEFAULTS,t.fn.bootstrapTable.events=wv.EVENTS,t.fn.bootstrapTable.locales=wv.LOCALES,t.fn.bootstrapTable.methods=wv.METHODS,t.fn.bootstrapTable.utils=dv,t((function(){t('[data-toggle="table"]').bootstrapTable()})),wv}));
diff --git a/public/static/js/ui-jp.config.js b/public/static/js/ui-jp.config.js
new file mode 100755
index 0000000..f458f93
--- /dev/null
+++ b/public/static/js/ui-jp.config.js
@@ -0,0 +1,46 @@
+// lazyload config
+
+var jp_config = {
+  easyPieChart:   [   './assets/vendor/jquery.easy-pie-chart/dist/jquery.easypiechart.fill.js'],
+  sparkline:      [   './assets/vendor/jquery.sparkline/dist/jquery.sparkline.retina.js'],
+  plot:           [   './assets/vendor/flot/jquery.flot.js',
+                      './assets/vendor/flot/jquery.flot.pie.js', 
+                      './assets/vendor/flot/jquery.flot.resize.js',
+                      './assets/vendor/flot.tooltip/js/jquery.flot.tooltip.min.js',
+                      './assets/vendor/flot.orderbars/js/jquery.flot.orderBars.js',
+                      './assets/vendor/flot-spline/js/jquery.flot.spline.min.js'],
+  moment:         [   './assets/vendor/moment/moment.js'],
+  screenfull:     [   './assets/vendor/screenfull/dist/screenfull.min.js'],
+  slimScroll:     [   './assets/vendor/slimscroll/jquery.slimscroll.min.js'],
+  sortable:       [   './assets/vendor/html5sortable/jquery.sortable.js'],
+  nestable:       [   './assets/vendor/nestable/jquery.nestable.js',
+                      './assets/vendor/nestable/jquery.nestable.css'],
+  filestyle:      [   './assets/vendor/bootstrap-filestyle/src/bootstrap-filestyle.js'],
+  slider:         [   './assets/vendor/bootstrap-slider/bootstrap-slider.js',
+                      './assets/vendor/bootstrap-slider/bootstrap-slider.css'],
+  chosen:         [   './assets/vendor/chosen/chosen.jquery.min.js',
+                      './assets/vendor/bootstrap-chosen/bootstrap-chosen.css'],
+  TouchSpin:      [   './assets/vendor/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js',
+                      './assets/vendor/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css'],
+  wysiwyg:        [   './assets/vendor/bootstrap-wysiwyg/bootstrap-wysiwyg.js',
+                      './assets/vendor/bootstrap-wysiwyg/external/jquery.hotkeys.js'],
+  dataTable:      [   './assets/vendor/datatables/media/js/jquery.dataTables.min.js',
+                      './assets/vendor/plugins/integration/bootstrap/3/dataTables.bootstrap.js',
+                      './assets/vendor/plugins/integration/bootstrap/3/dataTables.bootstrap.css'],
+  vectorMap:      [   './assets/vendor/bower-jvectormap/jquery-jvectormap-1.2.2.min.js', 
+                      './assets/vendor/bower-jvectormap/jquery-jvectormap-world-mill-en.js',
+                      './assets/vendor/bower-jvectormap/jquery-jvectormap-us-aea-en.js',
+                      './assets/vendor/bower-jvectormap/jquery-jvectormap-1.2.2.css'],
+  footable:       [   './assets/vendor/footable/dist/footable.all.min.js',
+                      './assets/vendor/footable/css/footable.core.css'],
+  fullcalendar:   [   './assets/vendor/moment/moment.js',
+                      './assets/vendor/fullcalendar/dist/fullcalendar.min.js',
+                      './assets/vendor/fullcalendar/dist/fullcalendar.css',
+                      './assets/vendor/fullcalendar/dist/fullcalendar.theme.css'],
+  daterangepicker:[   './assets/vendor/moment/moment.js',
+                      './assets/vendor/bootstrap-daterangepicker/daterangepicker.js',
+                      './assets/vendor/bootstrap-daterangepicker/daterangepicker-bs3.css'],
+  tagsinput:      [   './assets/vendor/bootstrap-tagsinput/dist/bootstrap-tagsinput.js',
+                      './assets/vendor/bootstrap-tagsinput/dist/bootstrap-tagsinput.css']
+                      
+};
diff --git a/public/static/js/ui-jp.js b/public/static/js/ui-jp.js
new file mode 100755
index 0000000..ab40282
--- /dev/null
+++ b/public/static/js/ui-jp.js
@@ -0,0 +1,19 @@
++function ($) {
+
+  $(function(){
+
+      $("[ui-jq]").each(function(){
+        var self = $(this);
+        var options = eval('[' + self.attr('ui-options') + ']');
+
+        if ($.isPlainObject(options[0])) {
+          options[0] = $.extend({}, options[0]);
+        }
+
+        uiLoad.load(jp_config[self.attr('ui-jq')]).then( function(){          
+          self[self.attr('ui-jq')].apply(self, options);
+        });
+      });
+
+  });
+}(jQuery);
\ No newline at end of file
diff --git a/public/static/js/ui-load.js b/public/static/js/ui-load.js
new file mode 100755
index 0000000..e3593a0
--- /dev/null
+++ b/public/static/js/ui-load.js
@@ -0,0 +1,86 @@
+
+/**
+ * 0.1.0
+ * Deferred load js/css file, used for ui-jq.js and Lazy Loading.
+ * 
+ * @ flatfull.com All Rights Reserved.
+ * Author url: http://themeforest.net/user/flatfull
+ */
+var uiLoad = uiLoad || {};
+
+(function($, $document, uiLoad) {
+	"use strict";
+
+		var loaded = [],
+		promise = false,
+		deferred = $.Deferred();
+
+		/**
+		 * Chain loads the given sources
+		 * @param srcs array, script or css
+		 * @returns {*} Promise that will be resolved once the sources has been loaded.
+		 */
+		uiLoad.load = function (srcs) {
+			srcs = $.isArray(srcs) ? srcs : srcs.split(/\s+/);
+			if(!promise){
+				promise = deferred.promise();
+			}
+
+      $.each(srcs, function(index, src) {
+      	promise = promise.then( function(){
+      		return src.indexOf('.css') >=0 ? loadCSS(src) : loadScript(src);
+      	} );
+      });
+      deferred.resolve();
+      return promise;
+		};
+
+		/**
+		 * Dynamically loads the given script
+		 * @param src The url of the script to load dynamically
+		 * @returns {*} Promise that will be resolved once the script has been loaded.
+		 */
+		var loadScript = function (src) {
+			if(loaded[src]) return loaded[src].promise();
+
+			var deferred = $.Deferred();
+			var script = $document.createElement('script');
+			script.src = src;
+			script.onload = function (e) {
+				deferred.resolve(e);
+			};
+			script.onerror = function (e) {
+				deferred.reject(e);
+			};
+			$document.body.appendChild(script);
+			loaded[src] = deferred;
+
+			return deferred.promise();
+		};
+
+		/**
+		 * Dynamically loads the given CSS file
+		 * @param href The url of the CSS to load dynamically
+		 * @returns {*} Promise that will be resolved once the CSS file has been loaded.
+		 */
+		var loadCSS = function (href) {
+			if(loaded[href]) return loaded[href].promise();
+
+			var deferred = $.Deferred();
+			var style = $document.createElement('link');
+			style.rel = 'stylesheet';
+			style.type = 'text/css';
+			style.href = href;
+			style.onload = function (e) {
+				deferred.resolve(e);
+			};
+			style.onerror = function (e) {
+				deferred.reject(e);
+			};
+			$document.head.appendChild(style);
+			loaded[href] = deferred;
+
+			return deferred.promise();
+		}
+
+})(jQuery, document, uiLoad);
\ No newline at end of file
diff --git a/public/static/js/ui-nav.js b/public/static/js/ui-nav.js
new file mode 100755
index 0000000..f4554dc
--- /dev/null
+++ b/public/static/js/ui-nav.js
@@ -0,0 +1,20 @@
++function ($) {
+
+  $(function(){
+
+      // nav
+      $(document).on('click', '[ui-nav] a', function (e) {
+        var $this = $(e.target), $active;
+        $this.is('a') || ($this = $this.closest('a'));
+        
+        $active = $this.parent().siblings( ".active" );
+        $active && $active.toggleClass('active').find('> ul:visible').slideUp(200);
+        
+        ($this.parent().hasClass('active') && $this.next().slideUp(200)) || $this.next().slideDown(200);
+        $this.parent().toggleClass('active');
+        
+        $this.next().is('ul') && e.preventDefault();
+      });
+
+  });
+}(jQuery);
\ No newline at end of file
diff --git a/public/static/js/ui-toggle.js b/public/static/js/ui-toggle.js
new file mode 100755
index 0000000..f549d4a
--- /dev/null
+++ b/public/static/js/ui-toggle.js
@@ -0,0 +1,14 @@
++function ($) {
+
+  $(function(){
+
+      $(document).on('click', '[ui-toggle]', function (e) {
+      	e.preventDefault();
+        var $this = $(e.target);
+        $this.attr('ui-toggle') || ($this = $this.closest('[ui-toggle]'));
+        var $target = $($this.attr('target')) || $this;
+        $target.toggleClass($this.attr('ui-toggle'));
+      });
+
+  });
+}(jQuery);
\ No newline at end of file
