添加大屏展示demo

.gitignore

@@ -0,0 +1 @@
.project

component/common/event-bus.js

@@ -0,0 +1,2 @@
var EventBus = new Vue()
var GlobalEventBus = new Vue()

component/common/gridExt.js

@@ -0,0 +1,100 @@
(function() {
	function autoFit() {
		if($(window).width()<1000) {
			$("#table_list").jqGrid('setGridParam', {
				shrinkToFit: false
			})
		} else {
			$("#table_list").jqGrid('setGridParam', {
				shrinkToFit: true
			})
		}
	}
	function resetWidth($el, opt) {
		
		if(autoFit !== false) {
			autoFit()
		}
		var diffHeight =  opt.diffHeight || 5
		var diffWidth = opt.diffWidth || 40
		var containerId = opt.containerId
		var barEle = document.getElementById("searchbar")
        var searchbarHeight = (barEle && barEle.clientHeight) || 0
        var pagerEle = document.getElementById("pager_list")
        var pagerHeight = (pagerEle && pagerEle.clientHeight) || 0
        var tableHeaderHeight = 40
        
        var $c = containerId?$("#"+containerId):$(window)
        $(".ui-jqgrid-titlebar").width($el.width()-diffWidth)
        $el.setGridWidth($c.width()-diffWidth);
        if($el.width()>($c.width()-diffWidth)) {
        	$el.jqGrid("setGridHeight", $c.height() - searchbarHeight - tableHeaderHeight - pagerHeight - 20 - diffHeight)
        } else {
        	$el.jqGrid("setGridHeight", $c.height() -searchbarHeight - tableHeaderHeight - pagerHeight - diffHeight)
        }
    }
	
	function initContainer($el, opt) {
		resetWidth($el, opt)
		window.onresize = function() {
			resetWidth($el, opt)
		}
	}
	
	function getDefaultOpt() {
		return {
			datatype:"local",
            mtype: 'GET',
            ajaxGridOptions: {
            	beforeSend: function(request, grid) {
		        	var userAgent = window.localStorage.getItem(httpRequest.agentName);
		        	request.setRequestHeader(httpRequest.agentName, userAgent);
		        }
            },
            beforeProcessing: function(data,st, xhr) {
	        	if(data.status == 998) {
            		top.toastr.error(data.errorMsg || "登录失效请重新登录！")
            		setTimeout(function() {
            			top.location.href = "../login/login.html"
            		}, 500)
            		return false
            	}
	        	return true
		    },
            prmNames: {
            	page: "page",
            	rows: "size"
            },
            rowNum: 10,
            rownumbers: true,
            jsonReader: {
            	root: "detailModelList",
            	page: "currPage",
            	records: "totalCount",
            	total: "totalPage"
            },
            height:400,
            autowidth:true,
            shrinkToFit:true,
			rowList:[10,20,30],
			pager:"#pager_list",
			pagerpos: "left",
			viewrecords:true,
			hidegrid:false
		}
	}
	
	$.fn.jqGridExt = function(pin) {
		var opt = getDefaultOpt()
		if (typeof pin === 'string') {
			return this.jqGrid.apply(this,arguments) 
		}
		var p = $.extend(true,{}, opt, pin)
		var o = this.jqGrid(p)
		
		initContainer(this, p)
		
		return o
	}
})()

component/common/inner-tabs.js

@@ -0,0 +1,38 @@
Vue.component('inner-tabs', {
	template: '<div class="full-height">\
				<nav class="inner-tabs" style="height: 38px;">\
					<div class="tab-wrap clearfix">\
						<a @click="load(tab, index)" :class="{active: (activeidx == index)}" href="javascript:void(0)" v-for="(tab,index) in tabs">{{tab.title}}</a>\
					</div>\
				</nav>\
				<div class="inner-main" style="height: calc(100% - 40px);overflow:hidden;">\
					<iframe :src="url" width="100%" height="100%" frameborder="0" seamless style="display: inline"></iframe>\
				</div>\
				</div>',
	props: ["tabs","activeidx","namespce"],
	data: function() {
		return {
			url: ""
		}
	},
	methods: {
		load: function(tab, index) {
//			top.GlobalEventBus.$emit("active-inner-tabs."+this.namespce, tab)
			this.url = tab.href
			this.activeidx = index
		},
		activeTab: function(index) {
//			this.activeidx = index
//			this.url = this.tabs[this.activeidx].href
//			this.load(this.tabs[index], index)
		}
	},
	mounted: function() {
		
	},
	watch: {
		activeidx: function(idx) {
			this.url = this.tabs[idx].href
		}
	}
})

component/common/menu-link.js

@@ -0,0 +1,93 @@
(function() {
	var menuLinkMap = {
		"厂家/代理商管理": "../agent/supplier.html",
		"订单管理": "../order/order.html",
		"设备管理": "../device/device.html",
		"质控管理": "../quality/quality.html",
		"标准字典管理": "../dictionary/dictionary.html",
		"数据元管理": "../dictionary/data-element.html",
		"角色管理": "../authorization/role.html",
		"用户管理": "../authorization/user.html",
		"接入应用管理": "../application/application.html",
		"共享接口管理": "../sharedInterface/sharedInterface.html",
		"业务类别管理": "../sharedInterface/business-category-management.html",
		"接口调用情况":  "../sharedInterface/use-interface-history.html",
		"数据消费": "../application/application.html",
		"设备数据管理": "http://www.xmtyw.cn/wlyy-manage/admin/device/initial?randen=0.9073495843992938",
		"体征数据查询": "http://www.xmtyw.cn/wlyy-manage/admin/healthIndex/initial?randen=0.29228828594130324",
		"居民设备查询": "http://www.xmtyw.cn/wlyy-manage/admin/patientDevice/initial?randen=0.32764192289126054",
		"新增厂家/代理商": "../agent/new-supplier.html",
		"供应商选项卡页": "../agent/supplier-tabs.html",
		"企业信息": "../agent/company-detail.html",
		"企业产品": "../agent/company-production.html",
		"企业证书": "../agent/company-book.html",
		"修改密码": "../agent/modify-psw.html",
		"编辑厂家/代理商": "../agent/edit-supplier.html",
		"产品详情": "../agent/production-tabs.html",
		"产品信息": "../agent/production-info.html",
		"供货授权": "../agent/production-power.html",
		"新增产品": "../agent/new-production.html",
		"编辑产品": "../agent/edit-production.html",
		"选择代理产品": "../agent/select-production.html",
		"选择测量数据": "../agent/select-testdata.html",
		"新增供货授权": "../agent/new-power.html",
		"编辑供货授权": "../agent/edit-power.html",
		"新增订单": "../order/new-order.html",
		"编辑订单": "../order/edit-order.html",
		"订单选项卡页": "../order/order-tabs.html",
		"订单信息": "../order/order-detail.html",
		"采购清单": "../order/purchasing-device.html",
		"新增采购设备": "../order/new-purchasing-device.html",
		"采购设备详情": "../order/purchasing-device-detail.html",
		"关联设备": "../order/associated-device.html", // 设备列表
		"新增关联设备": "../order/new-associated-device.html",
		"批量导入关联设备": "../order/import-associated-devices-file.html", // 批量导入（关联设备列表数据）
		"选择产品": "../order/select-device.html",
		"导入历史记录": "../order/import-history.html",
		"新增设备": "../device/new-device.html",
		"设备选项卡页": "../device/device-tabs.html",
		"设备详情": "../device/device-detail.html",
		"体征数据": "../device/physical-sign.html",
		"流量卡管理": "../device/revise-process.html",
		"完成质检": "../quality/finish-quality.html",
		"新增质检计划": "../quality/new-quality.html",
		"质检详情": "../quality/quality-tabs.html",
		"质检计划": "../quality/quality-plan.html",
		//		"订单信息": "../quality/order-info.html",
		"选择时间": "../quality/select-date.html",
		"新增接入应用": "../application/new-application.html",
		"编辑应用信息": "../application/edit-application.html",
		"接入应用详情": "../application/application-tabs.html",
		"应用信息": "../application/application-info.html",
		"接口权限": "../application/application-power.html",
		"选择接口": "../application/select-API.html",		
		"修改账号密码": "../application/modify-psw.html",
		"新增共享接口": "../sharedInterface/new-interface.html",
		"编辑共享接口": "../sharedInterface/new-interface.html",
		"共享接口详情": "../sharedInterface/detail-interface.html",
		"新增业务类别": "../sharedInterface/new-business-type.html",
		"编辑业务类别": "../sharedInterface/new-business-type.html",
		"业务类别信息": "../sharedInterface/detail-business-category.html",
		
		"远程监测平台": "../intelligentDevice/home.html"
	}
	window.menuLinkMap = {}
	_.map(menuLinkMap, function(v, k) {
		window.menuLinkMap[k] = {
			title: k,
			href: v
		}
	})
})()

component/common/org-dropdown-list.js

@@ -0,0 +1,129 @@
(function() {
    $.jgrid.defaults.styleUI="Bootstrap";
    Vue.component('org-dropdown-list', {
        template: '<div class="mt10">\
	        			<form id="searchbar" onsubmit="return false;" >\
							<div class="clearfix" >\
								<div class="dataCell form-group">\
									<label for="orgCode" class="cellTitle">机构编号：</label>\
									<input v-model="orgCode" id="orgCode" name="orgCode" class="form-control inline w150 ml5" type="text" placeholder="">\
								</div>\
								<div class="dataCell form-group">\
									<label for="orgName" class="cellTitle">机构名称：</label>\
									<input v-model="orgName" id="orgName" name="orgName" class="form-control inline w150 ml5" type="text" placeholder="">\
								</div>\
								<div class="form-group ">\
									<button  @click="search" class="btn btn-primary w50 ml10" type="submit">搜索</button>\
									<button  @click="confirm" class="btn btn-success w50 ml10" type="submit">确定</button>\
									<!--<button @click="reset" class="btn btn-white w50 ml10" type="submit">重置</button> -->\
								</div>\
							</div>\
					   </form>\
                        <div ref="container" style="overflow-x: hidden">\
                            <div class="jqGrid_wrapper">\
                                <table id="table_list"></table>\
                            </div>\
                        </div>\
                        <div id="pager_list">\
                        </div>\
                    </div>',
        props: [],
        data: function() {
            return {
                orgName: "",
                orgCode: ""
            }
        },
        mounted: function() {
            initTable()
            initContainer(this)
            initEventOnBus()
            this.search()
        },
        methods: {
        	goBack: function() {
        		var layerid = parent.layer.getFrameIndex(window.name)
				parent.layer.close(layerid)
        	},
			search: function() {
				var vm = this
				$("#table_list").jqGrid('setGridParam',{datatype:'json', page: 1, postData: {
					agency_code: vm.orgCode,
					shanhu_name: vm.orgName
				}}).trigger('reloadGrid');
			},
			confirm: function() {
				var rowId = $("#table_list").jqGrid('getGridParam','selrow')
				var rowData = $("#table_list").jqGrid('getRowData',rowId);
				top.GlobalEventBus.$emit("org-dropdown-list:selected", rowData)
				this.goBack()
			},
			reset: function() {
				vm.orgName = ""
				vm.orgCode = ""
				this.search()
			}
        }
    })
    
    function resetWidth(vm) {
        var $searchbar = $("#searchbar")
        $("#table_list").setGridWidth($(window).width());
		$("#table_list").jqGrid("setGridHeight", $(window).height() - $searchbar.height() - 153)
	}
    
    function initContainer(vm) {
        resetWidth(vm)
        window.onresize = function() {
            resetWidth(vm)
        }
    }
    
    function initEventOnBus() {
		EventBus.$on('org-dropdown-list-search', function (arg) {
			$("#table_list").jqGrid('setGridParam',{datatype:'json', page: 1, postData: arg}).trigger('reloadGrid');
		})
	}
    
    function initTable() {
        $("#table_list").jqGrid({
			url: httpRequest.server+"/getShanhuList.html",
            datatype:"json",
            mtype: 'POST',
            ajaxGridOptions: {
            	beforeSend: function(request, grid) {
		        	var userAgent = window.localStorage.getItem(httpRequest.agentName);
		        	request.setRequestHeader(httpRequest.agentName, userAgent);
		        }
            },
            postData: {	
            },
            prmNames: {
            	page: "pageno",
            	rows: "rowcount"
            },
            rowNum: 10,
            jsonReader: {
            	root: "data",
            	page: "pageno",
            	records: "total",
            	total: "totalpages"
            },
            height:400,
            autowidth:true,
            shrinkToFit:true,
            rowNum:10,
            rowList:[10,20,30],
            colNames:["机构编号","机构名称"],
            colModel:[
            {name:"code",index:"code",width:150},
            {name:"name",index:"name",width:150}
            ],
            pager:"#pager_list",
            pagerpos: "left",
            viewrecords:true,
            hidegrid:false})
    }
    
})()

component/common/upstream-channel-dropdown-list.js

@@ -0,0 +1,129 @@
(function() {
    $.jgrid.defaults.styleUI="Bootstrap";
    Vue.component('upstream-channel-dropdown-list', {
        template: '<div class="mt10">\
	        			<form id="searchbar" onsubmit="return false;" >\
							<div class="clearfix" >\
								<div class="dataCell form-group">\
									<label for="orgCode" class="cellTitle">机构编号：</label>\
									<input v-model="orgCode" id="orgCode" name="orgCode" class="form-control inline w150 ml5" type="text" placeholder="">\
								</div>\
								<div class="dataCell form-group">\
									<label for="orgName" class="cellTitle">机构名称：</label>\
									<input v-model="orgName" id="orgName" name="orgName" class="form-control inline w150 ml5" type="text" placeholder="">\
								</div>\
								<div class="form-group ">\
									<button  @click="search" class="btn btn-primary w50 ml10" type="submit">搜索</button>\
									<button  @click="confirm" class="btn btn-success w50 ml10" type="submit">确定</button>\
									<!--<button @click="reset" class="btn btn-white w50 ml10" type="submit">重置</button> -->\
								</div>\
							</div>\
					   </form>\
                        <div ref="container" style="overflow-x: hidden">\
                            <div class="jqGrid_wrapper">\
                                <table id="table_list"></table>\
                            </div>\
                        </div>\
                        <div id="pager_list">\
                        </div>\
                    </div>',
        props: [],
        data: function() {
            return {
                orgName: "",
                orgCode: ""
            }
        },
        mounted: function() {
            initTable()
            initContainer(this)
            initEventOnBus()
            this.search()
        },
        methods: {
        	goBack: function() {
        		var layerid = parent.layer.getFrameIndex(window.name)
				parent.layer.close(layerid)
        	},
			search: function() {
				var vm = this
				$("#table_list").jqGrid('setGridParam',{datatype:'json', page: 1, postData: {
					agency_code: vm.orgCode,
					shanhu_name: vm.orgName
				}}).trigger('reloadGrid');
			},
			confirm: function() {
				var rowId = $("#table_list").jqGrid('getGridParam','selrow')
				var rowData = $("#table_list").jqGrid('getRowData',rowId);
				top.GlobalEventBus.$emit("upstream-channel-dropdown-list:selected", rowData)
				this.goBack()
			},
			reset: function() {
				vm.orgName = ""
				vm.orgCode = ""
				this.search()
			}
        }
    })
    
    function resetWidth(vm) {
        var $searchbar = $("#searchbar")
        $("#table_list").setGridWidth($(window).width());
		$("#table_list").jqGrid("setGridHeight", $(window).height() - $searchbar.height() - 153)
	}
    
    function initContainer(vm) {
        resetWidth(vm)
        window.onresize = function() {
            resetWidth(vm)
        }
    }
    
    function initEventOnBus() {
		EventBus.$on('org-dropdown-list-search', function (arg) {
			$("#table_list").jqGrid('setGridParam',{datatype:'json', page: 1, postData: arg}).trigger('reloadGrid');
		})
	}
    
    function initTable() {
        $("#table_list").jqGrid({
			url: httpRequest.server+"/getChannelList.html",
            datatype:"json",
            mtype: 'POST',
            ajaxGridOptions: {
            	beforeSend: function(request, grid) {
		        	var userAgent = window.localStorage.getItem(httpRequest.agentName);
		        	request.setRequestHeader(httpRequest.agentName, userAgent);
		        }
            },
            postData: {	
            },
            prmNames: {
            	page: "pageno",
            	rows: "rowcount"
            },
            rowNum: 10,
            jsonReader: {
            	root: "data",
            	page: "pageno",
            	records: "total",
            	total: "totalpages"
            },
            height:400,
            autowidth:true,
            shrinkToFit:true,
            rowNum:10,
            rowList:[10,20,30],
            colNames:["编号","名称"],
            colModel:[
            {name:"code",index:"code",width:150},
            {name:"name",index:"name",width:150}
            ],
            pager:"#pager_list",
            pagerpos: "left",
            viewrecords:true,
            hidegrid:false})
    }
    
})()

component/intelligentDevice/device-banding.js

@@ -0,0 +1,139 @@
(function() {
	Vue.component('device-banding', {
		template: '<div style="position:relative;height:100%;">\
						<div class="sk-spinner sk-spinner-chasing-dots" v-show="!isRequestEnd" style="top: 50%;left:50%;margin-left:-0.1rem;margin-top: -0.1rem;position:absolute;">\
				            <div class="sk-dot1"></div>\
				            <div class="sk-dot2"></div>\
				       </div>\
					<div class="f-tac f-clb div-banding-content" v-show="isRequestEnd">\
						<div class="mt20 div-all-bang-count" v-show="isProduction==0">\
							<div class="dis-inblock c-pr">\
								<div class="mt20 c-f14 c-B5E1FC div-yujing-name">预警人数（人）</div>\
								<div class="mr60 div-renshu_img">\
									<div class="c-f30 c-B5E1FC div-yujing-count">{{allYJCount}}</div>\
								</div>\
							</div>\
							<div class="dis-inblock c-pr">\
								<div class="mt20 c-f14 c-B5E1FC div-bangding-name">绑定人数（人）</div>\
								<div class="div-renshu_img">\
									<div class="c-f30 c-B5E1FC div-banding-count">{{allBDCount}}</div>\
								</div>\
							</div>\
						</div>\
						<div class="mt20 div-gxy-bang-count" v-show="isProduction==1">\
							<div class="dis-inblock c-pr">\
								<div class="mt20 c-f14 c-B5E1FC div-yujing-name">预警人数（人）</div>\
								<div class="mr60 div-renshu_img">\
									<div class="c-f30 c-B5E1FC div-yujing-count">{{xyjYJCount}}</div>\
								</div>\
							</div>\
							<div class="dis-inblock c-pr">\
								<div class="mt20 c-f14 c-B5E1FC div-bangding-name">绑定人数（人）</div>\
								<div class="div-renshu_img">\
									<div class="c-f30 c-B5E1FC div-banding-count">{{xyjBDCount}}</div>\
								</div>\
							</div>\
						</div>\
						<div class="mt20 div-tnb-bang-count" v-show="isProduction==2">\
							<div class="dis-inblock c-pr">\
								<div class="mt20 c-f14 c-B5E1FC div-yujing-name">预警人数（人）</div>\
								<div class="mr60 div-renshu_img">\
									<div class="c-f30 c-B5E1FC div-yujing-count">{{xtyYJCount}}</div>\
								</div>\
							</div>\
							<div class="dis-inblock c-pr">\
								<div class="mt20 c-f14 c-B5E1FC div-bangding-name">绑定人数（人）</div>\
								<div class="div-renshu_img">\
									<div class="c-f30 c-B5E1FC div-banding-count">{{xtyBDCount}}</div>\
								</div>\
							</div>\
						</div>\
					</div>\
			</div>',
		props: [],
		data: function() {
			return {
				isProduction: 0,
				allYJCount: null,
				allBDCount: null,
				xtyYJCount: null,
				xtyBDCount: null,
				xyjYJCount: null,
				xyjBDCount: null,
				isRequestEnd: false
			}
		},
		methods: {
			changeProduction: function(num) {
				this.isProduction = num;
			}
		},
		mounted: function() {
			var _self = this;
			EventBus.$on('get-banding-info', function(arg) {
				var type = arg.type;
				if(type == "") { //全部
					_self.changeProduction(0);
				} else if(type == "1") { //血压计
					_self.changeProduction(1);
				} else if(type == "2") { //血糖仪
					_self.changeProduction(2);
				}
			});
			var url = "/svr-iot/wlyy/deviceBinding";
			var reqUrl = [{
					url: url,
					reqType: 'get',
					data: {
						type: ""
					}
				},
				{
					url: url,
					reqType: 'get',
					data: {
						type: "1"
					}
				},
				{
					url: url,
					reqType: 'get',
					data: {
						type: "2"
					}
				}
			];
			httpRequest.getReqPromises(reqUrl).then(function(datas) {
				var allData = datas[0]; //全部tab数据
				var tangniaobingData = datas[1]; //糖尿病tab数据
				var gaoxueyaData = datas[2]; //高血压tab数据
				if(allData.status == 200) {
					var data = allData.data;
					_self.allYJCount = data[1].num;
					_self.allBDCount = data[0].num;
				}
				if(gaoxueyaData.status == 200) {
					var data = gaoxueyaData.data;
					_self.xyjYJCount = data[1].num;
					_self.xyjBDCount = data[0].num;
				}
				if(tangniaobingData.status == 200) {
					var data = tangniaobingData.data;
					_self.xtyYJCount = data[1].num;
					_self.xtyBDCount = data[0].num;
				}
				_self.isRequestEnd = true;
			})
		}
	})
})()

component/intelligentDevice/device-chart.js

@@ -0,0 +1,129 @@
(function() {
	Vue.component('device-chart', {
		template: '<div style="position:relative;height:100%;">\
						<div class="sk-spinner sk-spinner-chasing-dots" v-show="!isRequestEnd" style="top: 50%;left:50%;margin-left:-0.1rem;margin-top: -0.1rem;position:absolute;">\
				            <div class="sk-dot1"></div>\
				            <div class="sk-dot2"></div>\
				       </div>\
						<div id="chart-main" v-show="isRequestEnd"></div>\
					</div>',
		props: [],
		data: function() {
			return {
				isRequestEnd: false
			}
		},
		mounted: function() {
			var vm = this;
			getRequestData(vm);
		}
	})
	function getRequestData(vm) {
		//设备发放情况
		intelligentAPI.equipmentDistribution({}).then(function(res) {
			if(res.status == 200) {
				var equipmentArr = res.data;
				equipmentArr = equipmentArr.reverse();//因为柱状图降序排列
				var nameArr = _.map(equipmentArr, function(equipmentData) {
					return equipmentData.name;
				})
				var dataArr = _.map(equipmentArr, function(equipmentData) {
					return equipmentData.num;
				})
				chartGenerate(nameArr, dataArr);
				vm.isRequestEnd = true;
			} else {
				toastr.error(res.msg)
			}
		})
	}
	function chartGenerate(nameArr, dataArr) {
		//【设备发放情况】柱状图
		var myChart = echarts.init(document.getElementById("chart-main"));
		var option = {
			calculable: false,
			grid: {
				borderWidth: 0,
				containLabel:true
			},
			yAxis: [{
				type: 'category',
				axisLabel: {
					margin: 15,
					textStyle: {
						color: "#B5E1FC",
						fontSize: 14
					}
				},
				axisLine: {
					lineStyle: {
						type: 'solid',
						color: '#B5E1FC', //左边线的颜色
						width: '1' //坐标线的宽度
					}
				},
				axisTick: {
					show: false
				},
				splitArea: {
					show: false
				},
				splitLine: {
					show: false
				},
				data: nameArr
			}],
			xAxis: [{
				type: 'value',
				axisTick: {
					show: false
				},
				splitArea: {
					show: false
				},
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						type: 'solid',
						color: '#B5E1FC', //左边线的颜色
						width: '1' //坐标线的宽度
					}
				},
				axisLabel: {
					margin: 15,
					textStyle: {
						color: "#B5E1FC",
						fontSize: 14
					}
				}
			}],
			series: [{
				name: '设备发放情况',
				type: 'bar',
				itemStyle: {
					normal: {
						barBorderRadius: [0, 50, 50, 0],
						color: '#009DFE',
						label: {
							show: true,
							position: 'right',
							textStyle: {
								color: "#B5E1FC",
								fontSize: 14
							}
						}
					}
				},
				barWidth: 16, //柱图宽度 
				data: dataArr,
			}]
		};
		myChart.setOption(option);
	}
})()

component/intelligentDevice/device-map.js

@@ -0,0 +1,181 @@
(function() {
	var rs            = [],   //最新的结果
		page		  = 1, 	  // 当前分页索引
		pageSize      = 100,  // 每页条数
		diseaseType   = "",
		diseaseCondition = "", 
		colorMap = {
    		"0": ["#19ff8a"], // 绿标
    		"1": ["#ffae32"], // 黄标
    		"2": ["#ff2f6a"], // 红标
    		"-1": ["#aadeff"], // 没有标注
    	}
	
	var flashTimer = null
	
	Vue.component('device-map', {
		template: '<div id="mapWrap">\
		<div v-show="percent<100" style="position: absolute;top: 50%;left: 50%;z-index: 999999;margin-left: -50px;">\
			<div class="sk-spinner sk-spinner-chasing-dots">\
                <div class="sk-dot1"></div>\
                <div class="sk-dot2"></div>\
    		</div>\
    		<div style="color: #fff;margin-top: 10px;">加载中（{{percent}}%）...</div>\
		</div>\
						<div id="allmap"></div>\
					</div>',
		props: [],
		data: function() {
			return {
				percent: 0,
				points: [],
				map: null
			}
		},
		computed: {
		},
		methods: {
			initMap: function() {
				var vm = this
				// 百度地图API功能
				var map = new BMap.Map("allmap", {enableMapClick: false});
				map.centerAndZoom(new BMap.Point(118.10,24.46),13);
				map.enableScrollWheelZoom();
				var  mapStyle ={ 
								style : "midnight"  //设置地图风格为高端黑
							}
				map.setMapStyle(mapStyle);
//				//单击获取点击的经纬度
				map.addEventListener("click",function(e){
					map.setCenter(new BMap.Point(e.point.lng, e.point.lat))
					
					map.setZoom(18)
					var pts = vm.filterByLocation(e.point.lng , e.point.lat)
					
					if(vm.percent == 100) {
						var idcards = _.pluck(pts,"idCard").join(",")
						if(idcards) {
							intelligentAPI.searchPatient({
								idcards: idcards
							}).then(function(res) {
								if(res.status == 200) {
									EventBus.$emit('update-patient-info', {
										patientData: JSON.stringify(res.data)
									})
								}
							})
						}
					}
					
					
					setTimeout(function() {
						map.panTo(new BMap.Point(e.point.lng, e.point.lat));
					}, 300)
				});
//				map.addEventListener("tilesloaded",function(){
//					
//				});
				
				vm.map = map
				window.map = map
				
			},
			getLocations: function() {
				var vm = this
				var pointArr = []
				
				intelligentAPI.findLocationByIdCard({
					pageSize: pageSize,
					page: page
				}).then(function(res) {
					if(res.status == 200) {
						pointArr = _.map(res.detailModelList, function(o) {
							o.lat = o.location.lat
							o.lng = o.location.lon
							o.lnglat = [o.location.lon, o.location.lat]
							o.type = 'circle',
				            o.speed = 0.1,
				            o.color = colorMap[o.diseaseCondition][0]
				            o.max = 5
							return o
						})
						
						vm.points = vm.points.concat(pointArr)
						
						rs = vm.filterByDisease()
						
						window.clearTimeout(flashTimer)
						flashTimer = null
						
						flashTimer = setTimeout(function() {
							vm.initFlashMaker()
						}, 2000)
						
						vm.percent = ((page / Math.ceil(res.totalCount / pageSize))* 100).toFixed(2)
						
						if(vm.percent >= 100) {
							vm.percent = 100
						}
						
						if(Math.ceil(res.totalCount / pageSize) > page) {
							setTimeout(function() {
								page++
								vm.getLocations()
							}, 300)
						} else {
							vm.percent = 100
						}
					} else {
						setTimeout(function() {
							vm.getLocations()
						}, 300)
					}
				}).catch(function() {
					setTimeout(function() {
						vm.getLocations()
					}, 300)
				})
			},
			filterByLocation: function(lng,lat) {
				var vm = this
				var p1 = new BMap.Point(lng,lat);
				return _.filter(rs, function(o) {
					var p2 = new BMap.Point(o.lng,o.lat);
					return map.getDistance(p1,p2).toFixed(2) <= 100
				})
			},
			filterByDisease: function() {
				// diseaseType值(0:全部;1:高血压;2:糖尿病)
				// diseaseCondition(-1:无标签;0:绿标;1黄标;2红标)
				var vm = this
				if(diseaseType) {
					return _.filter(vm.points, function(o) {
						return (!diseaseCondition || o.diseaseCondition == diseaseCondition)
							&& (diseaseType=="0" || (diseaseType == o.label))
					})
				} else {
					return vm.points
				}
				
			},
			initFlashMaker: function() {
				var vm = this
				map.clearOverlays()
				new FlashMarker(vm.map, rs)
			}
		},
		mounted: function() {
			var vm = this
			vm.initMap()
			vm.getLocations()
			EventBus.$on('device-map-filter', function(o) {
				diseaseType = o.diseaseType + ""
				diseaseCondition = o.diseaseCondition + ""
				rs = vm.filterByDisease()
				vm.initFlashMaker()
			});
		}
	})
})()

component/intelligentDevice/device-searchbar.js

@@ -0,0 +1,46 @@
(function() {
	Vue.component('device-searchbar', {
		template: '<div class="mt80 height-50 lheight-50 ml20" v-show="isShow">\
					<span class="fl c-f20 ml20 mr14 c-B5E1FC">居民/医生:</span>\
					<div class="l-text fl">\
						<input type="text" id="keyword" name="keyword" v-model="name"  placeholder="关键字搜索" class="c-f20 f-ml10 l-text-field">\
						<div class="l-trigger l-trigger-search mt10" @click="search">\
							<div class="l-trigger-icon"></div>\
						</div>\
					</div>\
				</div>',
		props: [],
		data: function() {
			return {
				name: null,
				isShow: false
			}
		},
		methods: {
			search: function() {
				if(this.name) {
					EventBus.$emit('search-patient-info', {
						keyword: this.name
					});
				} else {
					toastr.error("请输入关键字");
				}
			}
		},
		mounted: function() {
			var vm = this;
			//数据加载完成
			EventBus.$on('data-load-complete', function(arg) {
				vm.isShow = true;
			});
			$('#keyword').bind('keyup', function(event) {
				if(event.keyCode == "13") { //回车执行查询
					vm.search();
				}
			});
		}
	})
})()

component/intelligentDevice/juming-list.js

@@ -0,0 +1,238 @@
(function() {
	Vue.component('juming-list', {
		template: '<div class="div-juming-list">\
							<div class="div-juming-btn" v-show="isShowJumingBtn" @click="seeInfo"></div>\
							<div class="div-juming-bg" v-show="isShowJumingContent">\
								<div class="div-header-name fl">居民列表</div>\
								<div class="div-shousuo-btn" @click="shouSuoBtn"></div>\
								<div class="sk-spinner sk-spinner-chasing-dots" v-show="isShow" style="top: 50%;left:50%;margin-left:-0.1rem;margin-top: -0.1rem;position:absolute;">\
						            <div class="sk-dot1"></div>\
						            <div class="sk-dot2"></div>\
						       </div>\
								<div id="wrapper1"  style="overflow: hidden;" v-show="hasJumingList">\
	    							<div id="scroller1">\
			    						<div id="pullDown1" style="display:none;">\
		    						 		<div class="pullDownLabel"></div>\
		    						 	</div>\
		        						<div class="pulldown-tips">下拉刷新</div>\
										<div class="div-juming-content">\
											<div class="mt32" v-for="(juming,index) in jumingData" @click="personnalInfoDialog(juming.code)">\
												<div class="c-f20 c-B5E1FC">{{juming.name}}&ensp;({{juming.age}}&ensp;{{juming.sexName}}) &emsp;签约医生:{{juming.doctorName}}</div>\
												<div class="c-f20 c-B5E1FC mt8 height-20" v-if="juming.address == null">地址:暂无</div>\
												<div class="c-f20 c-B5E1FC mt8 height-20" v-else>{{juming.address}}</div>\
											</div>\
										</div>\
										<div id="pullUp1">\
	        							<div class="pullUpLabel">加载更多</div>\
	       							</div>\
								   </div>\
							   </div>\
							   <div v-show="!hasJumingList" class="no-result-panel">\
		                            <div class="no-result-img">\
		                                <img src="../images/wushuju_icon.png">\
		                            </div>\
		                            <div class="no-result-text">查无数据</div>\
		                        </div>\
					</div>\
		</div>',
		props: [],
		data: function() {
			return {
				jumingData: [],
				isShowJumingBtn: false,
				isShowJumingContent: false,
				hasJumingList:true,
				keyword: null,
				page: 1,
				pageSize: 15,
				juMingScroll: null,
				isEnd: false,
				loadingStep: 0,
				isShow:false
			}
		},
		methods: {
			shouSuoBtn: function() {
				this.isShowJumingBtn = true;
				this.isShowJumingContent = false;
			},
			seeInfo: function() {
				this.isShowJumingBtn = true;
				this.isShowJumingContent = true;
			},
			personnalInfoDialog: function(patientCode) {
				var height = (0.42 * window.screen.width) + 'px';
				parent.layer.open({
				    type: 2,
				    title: false,
				    shadeClose: true,
				    shade: 0.5,
				    area:  ['60%', height],
				    content: '../../../page/intelligentDevice/html/patient-info.html?patient='+patientCode
				});
			}
		},
		mounted: function() {
			var _self = this;
			var pullDown = $("#pullDown1"),
				pullUp = $("#pullUp1"),
				pullDownLabel = $("#pullDown1 .pullDownLabel"),
				pullUpLabel = $("#pullUp1 .pullUpLabel");
			
			//查询居民
			EventBus.$on('search-patient-info', function(arg) {
				var keyword = arg.keyword;
				_self.keyword = keyword;
				_self.isShowJumingBtn = true;
				_self.isShowJumingContent = true;
				_self.isShow = true;
				_self.isEnd = false;
				_self.page == 1
				getRequestData();
			});
			
			//更新居民信息
			EventBus.$on('update-patient-info', function(arg) {
					
					var patientData = JSON.parse(arg.patientData);
					patientData = _.map(patientData, function(data, index) {
						if(data.sex == 1) {
							data.sexName = "男";
						} else if(data.sex == 2) {
							data.sexName = "女";
						}
						return data;
					});
					_self.page = 1; 
					_self.jumingData = patientData;
					_self.isShowJumingBtn = true;
					_self.isShowJumingContent = true;
					_self.isShow = false;
					_self.isEnd = true;
					
					setTimeout(function() {
						_self.juMingScroll.refresh();
					}, 300)
			});
			_self.juMingScroll = new IScroll("#wrapper1", {
				scrollbars: "custom",
				mouseWheel: true,
				interactiveScrollbars: true,
				shrinkScrollbars: false,
				fadeScrollbars: false,
				scrollY: true,
				probeType: 2,
				resizeScrollbars: false
				//bindToWrapper:true
			});
			_self.juMingScroll.on("scroll", function() {
				if(this.y > 40) { //下拉刷新操作  
					$(".pulldown-tips").hide();
					pullDown.addClass("refresh").show();
					pullDownLabel.text("松手刷新数据");
					_self.loadingStep = 1;
					pullDownAction();
				} else if(this.y <= this.maxScrollY && !_self.isEnd) { //上拉加载更多  
					pullUp.addClass("refresh").show();
					pullUpLabel.text("正在载入");
					_self.loadingStep = 1;
					pullUpAction();
				}
			});
			_self.juMingScroll.on("scrollEnd", function() {
				if(_self.loadingStep == 1) {
					if(pullDown.hasClass("refresh")) { //下拉刷新操作  
						pullDown.removeClass("refresh").addClass("loading");
						pullDownLabel.text("正在刷新");
						_self.loadingStep = 2;
						pullDownAction();
					}
				}
			});
			document.addEventListener('touchmove', function(e) {
				e.preventDefault();
			}, false);
			//下拉刷新
			function pullDownAction() {
				setTimeout(function() {
					pullDown.hide();
					_self.isEnd = false;
					_self.page = 1;
					getRequestData();
					loadingStep = 0;
					$(".pulldown-tips").show();
					_self.juMingScroll.refresh();
				}, 400);
			}
			//上拉加载
			function pullUpAction() {
				if(!_self.isEnd) {
					setTimeout(function() {
						pullUp.hide();
						_self.page++;
						getRequestData(_self);
						_self.juMingScroll.refresh();
						loadingStep = 0;
					}, 400);
				}
			}
			function getRequestData() {
				//居民 医生搜索信息
				intelligentAPI.searchPatient({
					name: _self.keyword,
					page: _self.page,
					pageSize: _self.pageSize
				}).then(function(res) {
					if(res.status == 200) {
						var reqData = res.data;
						 if(reqData.length > 0){
		                    _self.hasJumingList = true;
		                }else{
		                    _self.hasJumingList = false;
		                }
						reqData = _.map(reqData, function(data, index) {
							if(data.sex == 1) {
								data.sexName = "男";
							} else if(data.sex == 2) {
								data.sexName = "女";
							}
							return data;
						});
						if(_self.page == 1) {
							_self.jumingData = reqData;
						} else {
							var dataArr = _.map(reqData, function(data) {
								_self.jumingData.push(data);
								return data;
							})
						}
						if(reqData.length < _self.pageSize) {
							_self.isEnd = true;
							pullUpLabel.text("没有更多数据了...");
						}else{
							pullUpLabel.text("加载更多");
						}
						pullUpLabel.show();
						if(reqData.length==0){
							pullUpLabel.hide();
						}
						setTimeout(function() {
							_self.juMingScroll.refresh();
						}, 500)
						_self.isShow = false;
					} else {
						toastr.error(res.msg)
					}
				})
			}
		}
	})
})()

component/intelligentDevice/manbing-tab.js

@@ -0,0 +1,176 @@
(function() {
	Vue.component('manbing-tab', {
		template: '<div style="position:relative;height:100%;">\
					<div class="sk-spinner sk-spinner-chasing-dots" v-show="!isRequestEnd" style="top: 50%;left:50%;margin-left:-0.1rem;margin-top: -0.1rem;position:absolute;">\
			            <div class="sk-dot1"></div>\
			            <div class="sk-dot2"></div>\
			       </div>\
	        		<div class="slider" v-show="isRequestEnd">\
							<div class="btn-group slider-nav" data-toggle="buttons">\
								<label @click="activeTab(0)" class="btn btn-default active bullet" data-index="1"><input type="radio" name="options" autocomplete="off" checked="">全部</label>\
								<label @click="activeTab(1)" class="btn btn-default bullet" data-index="2"><input type="radio" name="options" autocomplete="off">高血压</label>\
								<label @click="activeTab(2)" class="btn btn-default bullet" data-index="3"><input type="radio" name="options" autocomplete="off">糖尿病</label>\
							</div>\
							<div class="slider-container">\
								<div class="slider-wrapper">\
									<div class="slide" v-for="(disease,index) in diseaseData">\
										<div class="mt20">\
											<div class="div-juming-info" v-for="(data,dIndex) in disease" :class="{active: (activeidx == data.diseaseIndex)}" @click="activeContent(data,index)">\
												<div class="div-line1"></div>\
												<div class="div-line2"></div>\
												<div class="div-line3"></div>\
												<div class="div-line4"></div>\
												<div style="clear:both;" v-if="data.diseaseCondition === 0">\
													<div style="width:0.47rem;margin:0 auto;float:left;" class="dis-inblock">\
														<img src="../images/lvbiao_icon.png" class="c-vam" />\
													</div>\
												    <span class="c-B5E1FC c-f20 div-juming-color-name" style="float:left;">绿标居民&emsp;</span>\
													<span class="c-B5E1FC c-f26" style="float:left;">{{data.num}}</span>\
												</div>\
												<div style="clear:both;" v-if="data.diseaseCondition === 1">\
													<div style="width:0.47rem;margin:0 auto;float:left;" class="dis-inblock">\
														<img src="../images/huangbiao_icon.png" class="c-vam" />\
													</div>\
												    <span class="c-B5E1FC c-f20 div-juming-color-name" style="float:left;">黄标居民&emsp;</span>\
													<span class="c-B5E1FC c-f26" style="float:left;">{{data.num}}</span>\
												</div>\
												<div style="clear:both;" v-if="data.diseaseCondition === 2">\
													<div style="width:0.47rem;margin:0 auto;float:left;" class="dis-inblock">\
														<img src="../images/hongbiao_icon.png" class="c-vam" />\
													</div>\
												    <span class="c-B5E1FC c-f20 div-juming-color-name" style="float:left;">红标居民&emsp;</span>\
													<span class="c-B5E1FC c-f26" style="float:left;">{{data.num}}</span>\
												</div>\
												<div style="clear:both;" v-if="data.diseaseCondition === -1">\
													<div style="width:0.47rem;margin:0 auto;float:left;" class="dis-inblock">\
														<img src="../images/wubiao_icon.png" class="c-vam" />\
													</div>\
												    <span class="c-B5E1FC c-f20 div-juming-color-name" style="float:left;">无标签居民</span>\
													<span class="c-B5E1FC c-f26" style="float:left;">{{data.num}}</span>\
												</div>\
											</div>\
										</div>\
									</div>\
								</div>\
							</div>\
						</div>\
				</div>',
		props: ["activeidx"],
		data: function() {
			return {
				diseaseData: [],
				isRequestEnd:false
			}
		},
		methods: {
			activeContent: function(data, activeIndex) {
				//diseaseType为tab标签的值(0:全部;1:高血压;2:糖尿病)
				//activeIndex为子项的值(-1:无标签;0:绿标;1黄标;2红标)
				var diseaseType = $(".btn-group .btn.active").index();
				if(this.activeidx != data.diseaseIndex) {
					$(".div-juming-info").removeClass("active");
					this.activeidx = data.diseaseIndex;
				}
				
				//[叶泽华 ]代码添加处
				EventBus.$emit('device-map-filter', {
					diseaseType: diseaseType,
					diseaseCondition: data.diseaseCondition
				});
			},
			activeTab: function(type) {
				EventBus.$emit('device-map-filter', {
					diseaseType: type,
					diseaseCondition: ""
				});
			}
		},
		mounted: function() {
			var _self = this;
			getRequestData(_self);
		}
	})
	function getRequestData(_self) {
		var url = "/svr-iot/wlyy/chronicDiseaseCount";
		var reqUrl = [{
				url: url,
				reqType: 'get',
				data: {
					type: ""
				}
			},
			{
				url: url,
				reqType: 'get',
				data: {
					type: "1"
				}
			},
			{
				url: url,
				reqType: 'get',
				data: {
					type: "2"
				}
			}
		];
		httpRequest.getReqPromises(reqUrl).then(function(datas) {
			var allData = datas[0]; //全部tab数据
			var gaoxueyaData = datas[1]; //高血压tab数据
			var tangniaobingData = datas[2]; //糖尿病tab数据
			//获取全部的疾病数据
			if(allData.status == 200) {
				var allDiseaseData = allData.data.reverse();
				allDiseaseData = _.map(allDiseaseData, function(data, index) {
					data.diseaseIndex = index;
					return data;
				});
				_self.diseaseData.push(allDiseaseData);
			} else {
				toastr.error(allData.msg)
			}
			//获取高血压的疾病数据
			if(gaoxueyaData.status == 200) {
				var gaoXYDiseaseData = gaoxueyaData.data.reverse();
				gaoXYDiseaseData = _.map(gaoXYDiseaseData, function(data, index) {
					data.diseaseIndex = index + 4;
					return data;
				});
				_self.diseaseData.push(gaoXYDiseaseData);
			} else {
				toastr.error(gaoxueyaData.msg)
			}
			//获取糖尿病的疾病数据
			if(tangniaobingData.status == 200) {
				var tangLBDiseaseData = tangniaobingData.data.reverse();
				tangLBDiseaseData = _.map(tangLBDiseaseData, function(data, index) {
					data.diseaseIndex = index + 8;
					return data;
				});
				_self.diseaseData.push(tangLBDiseaseData);
			} else {
				toastr.error(tangniaobingData.msg)
			}
			_self.isRequestEnd = true;
			EventBus.$emit('data-load-complete', {});
				
			//【慢病患者情况】轮播
			setTimeout(function() {
				var slider1 = Slider.init({
					target: $('.slider'),
					time: 6000
				});
				
			}, 500)
		});
	}
})()

component/intelligentDevice/map-flashmarker.js

@@ -0,0 +1,274 @@
(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
	typeof define === 'function' && define.amd ? define(factory) :
	(global.FlashMarker = factory());
}(this, (function () { 'use strict';
/**
 * @author https://github.com/chengquan223
 * @Date 2017-02-27
 * */
function CanvasLayer(options) {
    this.options = options || {};
    this.paneName = this.options.paneName || 'labelPane';
    this.zIndex = this.options.zIndex || 0;
    this._map = options.map;
    this._lastDrawTime = null;
    this.show();
}
CanvasLayer.prototype = new BMap.Overlay();
CanvasLayer.prototype.initialize = function (map) {
    this._map = map;
    var canvas = this.canvas = document.createElement('canvas');
    var ctx = this.ctx = this.canvas.getContext('2d');
    canvas.style.cssText = 'position:absolute;' + 'left:0;' + 'top:0;' + 'z-index:' + this.zIndex + ';';
    this.adjustSize();
    this.adjustRatio(ctx);
    map.getPanes()[this.paneName].appendChild(canvas);
    var that = this;
    map.addEventListener('resize', function () {
        that.adjustSize();
        that._draw();
    });
    return this.canvas;
};
CanvasLayer.prototype.adjustSize = function () {
    var size = this._map.getSize();
    var canvas = this.canvas;
    canvas.width = size.width;
    canvas.height = size.height;
    canvas.style.width = canvas.width + 'px';
    canvas.style.height = canvas.height + 'px';
};
CanvasLayer.prototype.adjustRatio = function (ctx) {
    var backingStore = ctx.backingStorePixelRatio || ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1;
    var pixelRatio = (window.devicePixelRatio || 1) / backingStore;
    var canvasWidth = ctx.canvas.width;
    var canvasHeight = ctx.canvas.height;
    ctx.canvas.width = canvasWidth * pixelRatio;
    ctx.canvas.height = canvasHeight * pixelRatio;
    ctx.canvas.style.width = canvasWidth + 'px';
    ctx.canvas.style.height = canvasHeight + 'px';
    // console.log(ctx.canvas.height, canvasHeight);
    ctx.scale(pixelRatio, pixelRatio);
};
CanvasLayer.prototype.draw = function () {
    var self = this;
    var args = arguments;
    clearTimeout(self.timeoutID);
    self.timeoutID = setTimeout(function () {
        self._draw();
    }, 15);
};
CanvasLayer.prototype._draw = function () {
    var map = this._map;
    var size = map.getSize();
    var center = map.getCenter();
    if (center) {
        var pixel = map.pointToOverlayPixel(center);
        this.canvas.style.left = pixel.x - size.width / 2 + 'px';
        this.canvas.style.top = pixel.y - size.height / 2 + 'px';
        this.dispatchEvent('draw');
        this.options.update && this.options.update.call(this);
    }
};
CanvasLayer.prototype.getContainer = function () {
    return this.canvas;
};
CanvasLayer.prototype.show = function () {
    if (!this.canvas) {
        this._map.addOverlay(this);
    }
    this.canvas.style.display = 'block';
};
CanvasLayer.prototype.hide = function () {
    this.canvas.style.display = 'none';
    //this._map.removeOverlay(this);
};
CanvasLayer.prototype.setZIndex = function (zIndex) {
    this.canvas.style.zIndex = zIndex;
};
CanvasLayer.prototype.getZIndex = function () {
    return this.zIndex;
};
var global = typeof window === 'undefined' ? {} : window;
var requestAnimationFrame = global.requestAnimationFrame || global.mozRequestAnimationFrame || global.webkitRequestAnimationFrame || global.msRequestAnimationFrame || function (callback) {
    return global.setTimeout(callback, 1000 / 60);
};
function Marker(opts) {
    this.city = opts.name;
    this.location = new BMap.Point(opts.lnglat[0], opts.lnglat[1]);
    this.color = opts.color;
    this.type = opts.type || 'circle';
    this.speed = opts.speed || 0.15;
    this.size = 0;
    this.max = opts.max || 20;
}
Marker.prototype.draw = function (context) {
    context.save();
    context.beginPath();
    switch (this.type) {
        case 'circle':
            this._drawCircle(context);
            break;
        case 'ellipse':
            this._drawEllipse(context);
            break;
        default:
            break;
    }
    context.closePath();
    context.restore();
    this.size += this.speed;
    if (this.size > this.max) {
        this.size = 2;
    }
};
Marker.prototype._drawCircle = function (context) {
    var pixel = this.pixel || map.pointToPixel(this.location);
    context.strokeStyle = this.color;
    context.moveTo(pixel.x + pixel.size, pixel.y);
    context.arc(pixel.x, pixel.y, this.size+1, 0, Math.PI * 2);
    context.stroke();
    context.beginPath()
    context.fillStyle = this.color;
    context.arc(pixel.x, pixel.y, 2, 0, Math.PI * 2);
    context.fill(); 
};
Marker.prototype._drawEllipse = function (context) {
    var pixel = this.pixel || map.pointToPixel(this.location);
    var x = pixel.x,
        y = pixel.y,
        w = this.size,
        h = this.size / 2,
        kappa = 0.5522848,
    // control point offset horizontal
    ox = w / 2 * kappa,
    // control point offset vertical
    oy = h / 2 * kappa,
    // x-start
    xs = x - w / 2,
    // y-start
    ys = y - h / 2,
    // x-end
    xe = x + w / 2,
    // y-end
    ye = y + h / 2;
    context.strokeStyle = this.color;
    context.moveTo(xs, y);
    context.bezierCurveTo(xs, y - oy, x - ox, ys, x, ys);
    context.bezierCurveTo(x + ox, ys, xe, y - oy, xe, y);
    context.bezierCurveTo(xe, y + oy, x + ox, ye, x, ye);
    context.bezierCurveTo(x - ox, ye, xs, y + oy, xs, y);
    context.stroke();
};
function FlashMarker(map, dataSet) {
    var animationLayer = null,
        width = map.getSize().width,
        height = map.getSize().height,
        animationFlag = true,
        markers = [];
    var addMarker = function addMarker() {
        if (markers.length > 0) return;
        markers = [];
        for (var i = 0; i < dataSet.length; i++) {
            markers.push(new Marker(dataSet[i]));
        }
    };
    //上层canvas渲染，动画效果
    var render = function render() {
        var animationCtx = animationLayer.canvas.getContext('2d');
        if (!animationCtx) {
            return;
        }
        if (!animationFlag) {
            animationCtx.clearRect(0, 0, width, height);
            return;
        }
        addMarker();
        animationCtx.fillStyle = 'rgba(0,0,0,.85)';
        var prev = animationCtx.globalCompositeOperation;
        animationCtx.globalCompositeOperation = 'destination-in';
        animationCtx.fillRect(0, 0, width, height);
        animationCtx.globalCompositeOperation = prev;
        for (var i = 0; i < markers.length; i++) {
            var marker = markers[i];
            marker.draw(animationCtx);
        }
    };
    //鼠标事件
    var mouseInteract = function mouseInteract() {
        map.addEventListener('movestart', function () {
            animationFlag = false;
        });
        map.addEventListener('moveend', function () {
            animationFlag = true;
            markers = []; //解决拖动后多余的小圆点bug，没想明白，暂时这样
        });
        map.addEventListener('zoomstart', function () {
            animationFlag = false;
        });
        map.addEventListener('zoomend', function () {
            animationFlag = true;
            markers = [];
        });
    };
    //初始化
    var init = function init() {
        animationLayer = new CanvasLayer({
            map: map,
            update: render
        });
        mouseInteract();
        (function drawFrame() {
            requestAnimationFrame(drawFrame);
            render();
        })();
    };
    init();
}
return FlashMarker;
})));

component/intelligentDevice/yujing-list.js

@@ -0,0 +1,154 @@
(function() {
	Vue.component('yujing-list', {
		template: '<div style="position:relative;height:100%;">\
						<div class="sk-spinner sk-spinner-chasing-dots" v-show="!isRequestEnd" style="top: 50%;left:50%;margin-left:-0.1rem;margin-top: -0.1rem;position:absolute;">\
				            <div class="sk-dot1"></div>\
				            <div class="sk-dot2"></div>\
				       </div>\
						<div id="wrapper"  style="overflow: hidden;" v-show="isRequestEnd">\
    						<div id="scroller">\
    						 	<div id="pullDown" style="display:none;">\
    						 		<div class="pullDownLabel"></div>\
    						 	</div>\
        						<div class="pulldown-tips">下拉刷新</div>\
								<div class="div-yujing-content">\
									<div class="mt32" v-for="(yujing,index) in yujingData">\
										<div class="c-f20 c-B5E1FC">{{yujing.create_time}}</div>\
										<div class="c-f20 c-B5E1FC mt8" v-if="yujing.address == null">地址暂无&emsp;{{yujing.sender_name}}&emsp;{{yujing.value2Name}}\
											<span class="c-E9350B ml20 c-f20">异常</span>\
										</div>\
										<div class="c-f20 c-B5E1FC mt8" v-else>{{yujing.address}}&emsp;{{yujing.sender_name}}&emsp;{{yujing.value2Name}}\
											<span class="c-E9350B ml20 c-f20">异常</span>\
										</div>\
									</div>\
								</div>\
								<div id="pullUp">\
        							<div class="pullUpLabel">加载更多</div>\
       							</div>\
						    </div>\
						 </div>\
					</div>',
		props: [],
		data: function() {
			return {
				yujingData: [],
				page: 1,
				pageSize: 50,
				myScroll: null,
				isEnd: false,
				loadingStep: 0,
				isRequestEnd:false
			}
		},
		mounted: function() {
			var _self = this;
			var pullDown = $("#pullDown"),
				pullUp = $("#pullUp"),
				pullDownLabel = $("#pullDown .pullDownLabel"),
				pullUpLabel = $("#pullUp .pullUpLabel");
			
			//初始化请求数据
			getRequestData();
			_self.myScroll = new IScroll("#wrapper", {
				scrollbars: "custom",
				mouseWheel: true,
				interactiveScrollbars: true,
				shrinkScrollbars: false,
				fadeScrollbars: false,
				scrollY: true,
				probeType: 2,
				resizeScrollbars: false
				//				        bindToWrapper:true
			});
			_self.myScroll.on("scroll", function() {
				if(this.y > 40) { //下拉刷新操作  
					$(".pulldown-tips").hide();
					pullDown.addClass("refresh").show();
					pullDownLabel.text("松手刷新数据");
					_self.loadingStep = 1;
					pullDownAction(_self);
				} else if(this.y <= this.maxScrollY &&!_self.isEnd) { //上拉加载更多  
					pullUp.addClass("refresh").show();
					pullUpLabel.text("正在载入");
					_self.loadingStep = 1;
					pullUpAction(_self);
				}
			});
			_self.myScroll.on("scrollEnd", function() {
				if(_self.loadingStep == 1) {
					if(pullDown.hasClass("refresh")) { //下拉刷新操作  
						pullDown.removeClass("refresh").addClass("loading");
						pullDownLabel.text("正在刷新");
						_self.loadingStep = 2;
						pullDownAction(_self);
					}
				}
			});
			document.addEventListener('touchmove', function(e) {
				e.preventDefault();
			}, false);
			//下拉刷新
			function pullDownAction() {
				setTimeout(function() {
					_self.page = 1;
					 pullDown.hide();
					getRequestData();
					loadingStep = 0;
					$(".pulldown-tips").show();
					_self.myScroll.refresh();
				}, 400);
			}
			//上拉加载
			function pullUpAction() {
				if(!_self.isEnd) {
					setTimeout(function() {
						pullUp.hide();
						_self.page++;
						getRequestData();
						_self.myScroll.refresh();
						loadingStep = 0;
					}, 400);
				}
			}
			function getRequestData() {
				//警报信息
				intelligentAPI.warningInformationAlarm({
					page: _self.page,
					pageSize: _self.pageSize
				}).then(function(res) {
					if(res.status == 200) {
						var reqData = res.data;
						if(_self.page == 1) {
							_self.yujingData = reqData;
						} else {
							var dataArr = _.map(reqData, function(data) {
								_self.yujingData.push(data);
								return data;
							})
						}
						if(reqData.length < _self.pageSize) {
							_self.isEnd = true;
							pullUpLabel.text("没有更多数据了...");
						}else{
							pullUpLabel.text("加载更多");
						}
						setTimeout(function() {
							_self.myScroll.refresh();
						}, 500)
						_self.isRequestEnd = true;
					} else {
						toastr.error(res.msg)
					}
				})
			}
		}
	});
})()

component/patientInfo/chart-section.js

@@ -0,0 +1,361 @@
(function(){
    Vue.component('chart-section', {
        template: '<div class="panel-box4">\
                        <h4 class="c-b5e1fc c-f16 c-t-center">{{sectionTitle}}（数据展示）</h4>\
                        <div v-show="hasData" id="lineChart" style="height: calc(100% - 0.1rem);"></div>\
                        <div v-show="!hasData" class="no-result-panel">\
                            <div class="no-result-img">\
                                <img src="../images/wushuju_icon.png">\
                            </div>\
                            <div class="no-result-text">暂无相关体征数据</div>\
                        </div>\
                    </div>',
        props: ['patient'],
        data: function() {
            return {
               sectionTitle: "血压",
               hasData: true,
               fontSize: 0.007 * window.screen.width,
               dateType: 1
            }
        },
        mounted: function(){
            var vm = this;
            getChartInfo(vm);
        },
        methods: {}
    });
    
    function getChartInfo(vm){
        EventBus.$on('get-chart-data', function(arg){
            vm.dateType = arg.dateType ? arg.dateType : vm.dateType;
            var type = arg.type,
                gi_type = arg.gi_type,
                dateType = vm.dateType,
                startDate = getStartDate(dateType),
                endDate = getEndDate(),
                time = getTimeName(dateType);
            var params = {
                patient: vm.patient,
                type: type, //1-血糖,2-血压,3-体重,4-腰围
                gi_type: gi_type, //就餐类型
                time: time,
                begin: startDate,
                end: endDate
            };
            patientAPI.getChartData(params).then(function(res){
                if(res.status == 200){
                    //触发指标分析内容修改
                    EventBus.$emit("get-zhibiao-analysis", {content: res.data.content});
                    //触发指标统计值
                    EventBus.$emit("get-zhibiao-count", {total: res.data.total});
                    if(res.data.list.length == 0){
                        vm.hasData = false;
                        return false;
                    }else{
                        vm.hasData = true;
                    }
                    var xData = _.map(res.data.list, function(o){
                        return o.date;
                    });
                   
                    // 为echarts对象加载数据
                    if (type == 1) {
                        var xuetangDuring = ['','早餐前', '早餐后', '午餐前', '午餐后', '晚餐前', '晚餐后', '睡前'],
                            labelName = xuetangDuring[gi_type] + "血糖";
                        vm.sectionTitle = labelName;
                        var seriesData = getSeriesData(res.data.list, labelName, vm.fontSize);
                        var legent = {show: false};
                        drawLineChart(xData, seriesData, legent, vm.fontSize);
                    }
                    if (type == 2) {
                        var seriesData = getSeriesData2(res.data.list, vm.fontSize);
                        var legent = {
                            top: 'top',
                            data:['舒张压', '收缩压'],
                            textStyle: {
                                color: "#fff",
                                fontSize: vm.fontSize
                            }
                        };
                        drawLineChart(xData, seriesData, legent, vm.fontSize);
                    }
                }else{
                    console.log(res.msg);
                }
            });
        })
    }
    
    function getSeriesData(data, labelName, fontSize){
        //餐前血糖值: [7.0, 4.0]
        //餐后血糖值: [4.0, 11.1]
        var list = _.map(data, function(o){
            if(o.type == 1){ //血糖
                if(["1", "3", "5", "7"].indexOf(o.value2) > -1){ //餐前数据
                    return buildData(parseFloat(o.value1), 7.0, 4.0);
                }else{
                    return buildData(parseFloat(o.value1), 11.1, 4.0)
                }
            }else{
                return "";
            }
        });
        var obj = {
            name: labelName+'血糖',
            type: 'line',
            smooth: true,
            symbol: "circle",
            symbolSize: 0.005 * window.screen.width,
            data: list,
            itemStyle:{
                normal: {
                    borderWidth: 10,
                    color: '#03d95d',
                    lineStyle: { // 系列级个性化折线样式，横向渐变描边
                        borderWidth: 2,
                        color: '#CC66FF',
                        width: window.screen.width > 3000 ? 4 : 2
                    },
                    label:{
                        textStyle: {
                            fontSize: fontSize
                        }
                    }
                }
            }
        };
        
        return [obj];
    }
    
    function getSeriesData2(data, fontSize){
        //获取收缩压和舒张压的值
        //舒张压
        var list1 = _.map(data, function(o){
            return buildData(parseFloat(o.value1), 90, 60);
        });
        //收缩压
        var list2 = _.map(data, function(o){
            return buildData(parseFloat(o.value2), 140, 90)
        });
        
        return [{
            name: "舒张压",
            type: 'line',
            smooth: true,
            symbol: "circle",
            symbolSize: 0.005 * window.screen.width,
            data: list1,
            itemStyle:{
                normal: {
                    borderWidth: 10,
                    color: '#CC66FF',
                    lineStyle: { // 系列级个性化折线样式，横向渐变描边
                        borderWidth: 2,
                        width: window.screen.width > 3000 ? 4 : 2
                    },
                    label:{
                        textStyle: {
                            fontSize: fontSize
                        }
                    }
                },
                emphasis: {
                    label: {
                        show: true
                    }
                }
            }
        },{
            name: "收缩压",
            type: 'line',
            smooth: true,
            symbol: "circle",
            symbolSize: 0.005 * window.screen.width,
            data: list2,
            itemStyle:{
                normal: {
                    borderWidth: 10,
                    color: '#5dd1d2',
                    lineStyle: { // 系列级个性化折线样式，横向渐变描边
                        borderWidth: 2,
                        width: window.screen.width > 3000 ? 4 : 2
                    },
                    label:{
                        textStyle: {
                            fontSize: fontSize
                        }
                    }
                },
                emphasis: {
                    label: {
                        show: true
                    }
                }
            }
        }]
    }
    
    function buildData(value, max, min) {
        if(value > 0 && value < min) {
            return {
                value: value,
                itemStyle: {
                    normal: {
                        color: '#fd9c0d'
                    }
                }
            }
        } else if(value > 0 && value > max) {
            return {
                value: value,
                itemStyle: {
                    normal: {
                        color: '#ff3803'
                    }
                }
            }
        }else{
            return {
                value: value,
                itemStyle:{
                    normal: {
                        color: "#0ad800"
                    }
                }
            }
        }
    }
    function drawLineChart(xData, seriesData, legent, fontSize){
        $("#lineChart").show();
        var lastIndex = xData.length % 10;
        if(xData.length >10 ){  
            var dataZoom_end = 100-(9/xData.length)*100;  
        }else{  
            var dataZoom_end = 0;  
        }
        var lineCharts = echarts.init(document.getElementById('lineChart'));
        var options = {
            tooltip: {
                trigger: 'axis',
                textStyle: {
                    fontSize: fontSize,
                    color: '#0fa5f2'
                },
                backgroundColor: "#B5E1FC"
            },
            legend: legent,
            grid: {
                left: '5%',
                right: '5%',
                bottom: '15%',
                top: '12%',
                containLabel: true
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                axisLabel: {
                    interval:0,//横轴信息全部显示  
                    fontSize: fontSize,
                    formatter: function (value, index) {
                        return value.substr(5,5);
                    }
                },
                nameTextStyle: {
                    fontSize: fontSize
                },
                axisLine:{  
                    lineStyle:{  
                        color:'#b5e1fc',  
                        width:2  
                    }  
                },
                data: xData,
                splitLine: {
                    show: false
                },
            },
            yAxis: {
                type: 'value',
                axisPointer: {
                    snap: true
                },
                scale: true,
                minInterval: 1,
                boundaryGap: ['10%', '30%'],
                axisLine: {
                    "lineStyle": {
                        "color": "#b5e1fc",
                        "width": window.screen.width > 3000 ? 2 : 1
                    }
                },
                axisLabel:{
                    fontSize: fontSize
                },
                nameTextStyle: {
                    fontSize: fontSize
                },
            },
            dataZoom: [{//给x轴设置滚动条  
//              show: false,
                start: dataZoom_end,
                end: 100,
                type: 'slider',
                zoomLock: true,
            },{ //下面这个属性是内容区域配置
                start: dataZoom_end,
                end: 100,
                type: 'inside',
                zoomLock: true,
            }],
            series: seriesData
        };
        //删除旧的图标数据重新渲染
        $("#lineChart").removeAttr("_echarts_instance_");
        lineCharts.setOption(options);
        window.addEventListener("resize", function () {
            setTimeout(function () {
                lineCharts.resize();
            }, 500)
        });
    }
    
    function getStartDate(type){
        //type: 1-周, 2-月, 3-年
        var now = new Date(),
            endDate = new Date();
        switch(parseInt(type)){
            case 1:
                endDate.setDate(now.getDate()- 6);
                break;
            case 2:
                endDate.setMonth(now.getMonth() - 1);
                break;
            case 3:
                endDate.setFullYear(now.getFullYear() - 1);
                break;
        }
        return endDate.format("yyyy-MM-dd")+" 00:00:00";
    }
    
    function getEndDate(){
        var now = new Date();
        return now.format("yyyy-MM-dd")+ " 23:59:59";
    }
    
    function getTimeName(type){
        switch(parseInt(type)){
            case 1:
                return "一周";
                break;
            case 2:
                return "一月";
                break;
            case 3:
                return "一年";
                break;
        }
    }
})();

component/patientInfo/device-info.js

@@ -0,0 +1,55 @@
(function(){
    Vue.component('device-section', {
        template: '<div class="panel-box panel-box2">\
                    <h4 class="c-b5e1fc c-f16 c-t-center">健康设备</h4>\
                    <div v-show="hasData" class="device-scroll-panel mt10">\
                        <ul>\
                            <li v-for="(device, index) in deviceInfo" class="ui-grid ui-grid-middle" :class="{mt20: index>0}">\
                                <div class="ui-col-0">\
                                    <img :src="device.photo" class="device-img">\
                                </div>\
                                <div class="ui-col-1">\
                                    <div class="c-f14 c-b5e1fc">{{device.categoryCode == 1 ? "血糖仪" : "血压计"}}</div>\
                                    <div class="c-f12 c-b5e1fc">生产厂商<span class="ml20">{{device.deviceName}}</span></div>\
                                </div>\
                            </li>\
                        </ul>\
                    </div>\
                    <div v-show="!hasData" class="no-result-panel">\
                        <div class="no-result-img">\
                            <img src="../images/wushuju_icon.png">\
                        </div>\
                        <div class="no-result-text">暂无相关设备数据</div>\
                    </div>\
                </div>',
        props: ['patient'],
        data: function() {
            return {
                deviceInfo: [],
                hasData: true
            }
        },
        mounted: function() {
            var vm = this;
            getDeviceInfo(vm);
        },
    });
    
    function getDeviceInfo(vm){
        var params = {
            patient: vm.patient
        };
        patientAPI.getDeviceInfo(params).then(function(res){
            if(res.status == 200){
                vm.deviceInfo = res.data;
                if(res.data.length > 0){
                    vm.hasData = true;
                }else{
                    vm.hasData = false;
                }
            }else{
                console.log(res.msg);
            }
        })
    }
})()

component/patientInfo/family-section.js

@@ -0,0 +1,116 @@
(function(){
    Vue.component('family-section', {
        template: '<div class="panel-box panel-box1">\
                        <h4 class="c-b5e1fc c-f16 c-t-center">家庭成员</h4>\
                        <div v-show="hasData">\
                            <div id="wrapper1" class="family-group mt10">\
                                <div id="scroller" class="clearfix">\
                                    <div v-for="member in familyMembers" class="family c-t-center mr20">\
                                        <img :src="member.photo | getPatientPhoto" class="portrait-img">\
                                        <div class="c-b5e1fc c-f14">{{member.name}}({{member.familyRelationName}})</div>\
                                    </div>\
                                </div>\
                            </div>\
                            <div class="sub-title">\
                                <div :class="preClassObj" @click="pre()"></div>\
                                <span class="c-b5e1fc c-f14">{{tabs[selectedTab].name}}</span>\
                                <div :class="nextClassObj" @click="next()"></div>\
                            </div>\
                            <div class="c-nowrap-multi-4 c-b5e1fc c-f12 lh18 mt20">{{tabs[selectedTab].content}}</div>\
                        </div>\
                        <div v-show="!hasData" class="no-result-panel">\
                            <div class="no-result-img">\
                                <img src="../images/wushuju_icon.png">\
                            </div>\
                            <div class="no-result-text">暂无绑定家庭成员</div>\
                        </div>\
                    </div>',
        props: ['patient'],
        data: function() {
            return {
                familyMembers:[],
                hasData: true,
                selectedTab: 0,
                tabs:[{
                    index: 0,
                    name: '家族病史',
                    content: '家族病史，也就是医学中常常提到的家族史。是指某一种并的患者的家庭成员（较大范围的家庭成员，不仅限于祖孙等直系亲属）中发病情况。是指某一种并的患者的家庭成员（较大范围的家庭成员，不仅限于祖孙等直系亲属）中发病情况。'
                },{
                    index: 1,
                    name: '家族病史1',
                    content: '1家族病史，也就是医学中常常提到的家族史。是指某一种并的患者的家庭成员（较大范围的家庭成员，不仅限于祖孙等直系亲属）中发病情况。是指某一种并的患者的家庭成员（较大范围的家庭成员，不仅限于祖孙等直系亲属）中发病情况。'
                },{
                    index: 2,
                    name: '家族病史2',
                    content: '2家族病史，也就是医学中常常提到的家族史。是指某一种并的患者的家庭成员（较大范围的家庭成员，不仅限于祖孙等直系亲属）中发病情况。是指某一种并的患者的家庭成员（较大范围的家庭成员，不仅限于祖孙等直系亲属）中发病情况。'
                }]
            }
        },
        mounted: function() {
            var vm = this;
            getFamilyInfo(vm);
        },
        computed: {
            preClassObj: function(){
                return {
                    'pre-icon': true,
                    'active': this.selectedTab != 0
                }
            },
            nextClassObj: function(){
                return {
                    'next-icon': true,
                    'active': this.selectedTab != (this.tabs.length - 1)
                }
            }
        },
        methods: {
            pre: function(){
                if(this.selectedTab == 0){
                    return false;
                }
                this.selectedTab --;
            },
            next: function(){
                if(this.selectedTab == (this.tabs.length - 1)){
                    return false;
                }
                this.selectedTab ++;
            }
        },
        filters: {
            getPatientPhoto: function(str){
                if(str){
                    if(str.indexOf("../") > -1){
                        return "../images/p-female.png";
                    }else{
                        return str;
                    }
                }else{
                    return "../images/p-female.png";
                }
            }
        }
    });
    
    function getFamilyInfo(vm){
        var params = {
            patient: vm.patient
        };
        patientAPI.getFamilyInfo(params).then(function(res){
            if(res.status == 200){
                vm.familyMembers = res.data;
                if(res.data.length > 0){
                    vm.hasData = true;
                }else{
                    vm.hasData = false;
                }
                var width = window.screen.width;
                $("#scroller").width(0.05 * width * res.data.length);
                new IScroll('#wrapper1', { scrollX: true, scrollY: false, mouseWheel: true });
            }else{
                console.log(res.msg);
            }
        })
    }
})()

component/patientInfo/patient-info.js

@@ -0,0 +1,132 @@
(function(){
    Vue.component('patient-info', {
        template: '<div>\
                    <table style="width: 100%;">\
                        <tr v-for="(row, index) in labelList">\
                            <td style="width: 33%;" :class="labelClass[index][0]">{{row[0].labelName}}</td>\
                            <td v-if="index==0" rowspan="4">\
                                <div class="person-img">\
                                    <img src="../images/laoren_img.png">\
                                </div>\
                            </td>\
                            <td style="width: 33%;" :class="labelClass[index][1]">{{row[1] ? row[1].labelName : ""}}</td>\
                        </tr>\
                    </table>\
                    <table class="c-f16 c-b5e1fc" style="margin: 0.05rem auto;">\
                        <tr>\
                            <td class="plr30">姓名：{{patientInfo.name}}</td>\
                            <td class="plr30">性别：{{patientInfo.sex == "1" ? "男" : "女"}}</td>\
                            <td class="plr30">年龄：{{patientInfo.age}}</td>\
                        </tr>\
                    </table>\
                    <table class="c-f12 c-0fa5f2" style="margin: 0.05rem auto;">\
                        <tr>\
                            <td class="plr30 ptb5">居住地</td>\
                            <td class="plr30 ptb5">{{patientInfo.address}}</td>\
                        </tr>\
                        <tr>\
                            <td class="plr30 ptb5">家庭医生</td>\
                            <td class="plr30 ptb5">{{patientInfo.doctorName}}</td>\
                        </tr>\
                        <tr>\
                            <td class="plr30 ptb5">签约机构</td>\
                            <td class="plr30 ptb5">{{patientInfo.hospitalName}}</td>\
                        </tr>\
                    </table>\
                </div>',
        props: ['patient'],
        data: function() {
            return {
                patientInfo: {},
                labelList: [],
                labelClass: [
                    ["c-f20 c-ffff00 c-t-right", "c-f20 c-abdbe9"],
                    ["c-f26 c-d259d6 c-t-right mr20", "c-f26 c-ffff00"],
                    ["c-f16 c-05a561 c-t-right mr20", "c-f16 c-b82f1a"],
                    ["c-f20 c-abdbe9 c-t-right", "c-f20 c-abdbe9"]
                ],
            }
        },
        mounted: function(){
            var vm = this;
            getPatientInfo(vm);
        },
        methods: {
//          getDeseaseInfo: function(obj){
//              //只有高血压和糖尿病的标签点击才会修改右侧的信息
//              if(obj && obj.labelType == "3" && (obj.label == "2" || obj.label == "1")){
//                  EventBus.$emit('get-disease-info'', {labelType: obj.labelType, label: obj.label});
//              }
//          }
        }
    });
    
    function getPatientInfo(vm){
        patientAPI.getPatientInfo({patient: vm.patient}).then(function(res){
            if(res.status == 200){
                vm.patientInfo = res.data;
                var list = res.data.labelList,
                    len = list.length;
                
                var diseases = []; //标记高血压和糖尿病
                for(i=0; i<len; i++){
                    var item = list[i];
                    if(item.labelType == "3" && (item.label == "2" || item.label == "1")){
//                      EventBus.$emit('get-desease-info', {labelType: item.labelType, label: item.label});
//                      break;
                        diseases.push(item);
                    }
                }
                if(diseases.length > 0){
                    var diseaseType = 0;
                    if(diseases[0].labelType == "3" && diseases[0].label == "1"){
                        //"高血压";
                        diseaseType = 2;
                    }else if(diseases[0].labelType == "3" && diseases[0].label == "2"){
                        //"糖尿病";
                        diseaseType = 1;
                    }
                    //控制右边区域的数据显示
                    EventBus.$emit('get-disease-info', {length: diseases.length, type: diseaseType});
                    //控制左下角区域的数据显示
                    EventBus.$emit('show-disease-zhibiao', {type: diseaseType});
                    //控制图标数据显示
                    EventBus.$emit("get-chart-data", {
                        type: diseaseType,
                        dateType: 1, //初始时值为1
                        gi_type: diseaseType == 2 ? 0 : 1 //血糖默认获取1周的时间
                    });
                }
                var newList = [],
                    list3 = [];
                if(len < 8){
                    //标签展示的时候是展示8个,为了排版好看,少于8个的情况需要补充数据显示
                    var list2 = [{
                        "labelName": res.data.sex == 1 ? "男性" : "女性"
                    },{
                        "labelName": "厦门"
                    }];
                    
                    if(len >= 7){
                        list3 = [list2[0]].concat(list);
                    }else if(len <=6 ){
                        list3 = list2.concat(list);
                    }
                }
                var currData = [];
                for(j=0; j<list3.length; j++){
                    var it = list3[j];
                    currData.push(it);
                    //在这里求2的余数,如果i不等于0,且可以整除 或者考虑到不满2个或等于2个的情况就要加上  i等于当前数组长度-1的时候
                    if((j != 0 && (j+1) % 2 == 0) || j == list3.length - 1) {
                        newList.push(currData);
                        currData = [];
                    }
                }
                vm.labelList = newList;
            }else{
                console.log(res.msg);
            }
        });
    }
})()

component/patientInfo/right-panel.js

@@ -0,0 +1,175 @@
(function(){
    Vue.component('right-panel', {
        template: '<div class="right-panel">\
                    <div class="panel-box panel-box5">\
                        <h4 v-show="typeLength==1" class="c-b5e1fc c-f16 c-t-center">{{diseaseTitle}}</h4>\
                        <div v-show="typeLength > 1" class="ui-grid tab-box">\
                            <div class="ui-col-1 c-t-center">\
                                <span class="data-tab c-f14" :class="{active: selectedType==2}" @click="chooseTab(2)">高血压</span>\
                            </div>\
                            <div class="ui-col-1 c-t-center">\
                                <span class="data-tab c-f14" :class="{active: selectedType==1}" @click="chooseTab(1)">糖尿病</span>\
                            </div>\
                        </div>\
                        <div class="c-row mt10">\
                            <div class="c-33 bg-icon">\
                                <img src="../images/xiaokuang_img.png">\
                                <div class="absolute-content">\
                                    <p class="c-b5e1fc c-f12"><span class="c-ff3803 c-f16">{{data.statistics ? data.statistics.year : 0}}</span>年</p>\
                                    <span class="c-b5e1fc c-f12">患病年数</span>\
                                </div>\
                            </div>\
                            <div class="c-33 bg-icon">\
                                <img src="../images/xiaokuang_img.png">\
                                <div class="absolute-content">\
                                    <p class="c-b5e1fc c-f12"><span class="c-03d95d c-f16">{{data.statistics ? data.statistics.eventSize : 0}}</span>次</p>\
                                    <span class="c-b5e1fc c-f12">就诊次数</span>\
                                </div>\
                            </div>\
                            <div class="c-33 bg-icon">\
                                <img src="../images/xiaokuang_img.png">\
                                <div class="absolute-content">\
                                    <p class="c-b5e1fc c-f12"><span class="c-fd9c0d c-f16">{{data.statistics ? data.statistics.times : 0}}</span>次</p>\
                                    <span class="c-b5e1fc c-f12">住院次数</span>\
                                </div>\
                            </div>\
                        </div>\
                        <p class="c-f12 c-b5e1fc c-nowrap-multi-4 mtb20">{{data.drugs || "无"}}</p>\
                        <p class="c-t-center c-0fa5f2 c-f12">常用药物</p>\
                    </div>\
                    <div class="panel-box panel-box6">\
                        <h4 class="c-b5e1fc c-f16 c-t-center">就诊事件</h4>\
                        <div v-show="hasEventList" class="record-panel">\
                            <div class="c-position-r" v-for="(event, index) in eventList">\
                                <div class="straight-line"></div>\
                                <div class="year c-f14 c-b5e1fc">{{event.year}}</div>\
                                <div v-for="(item, index2) in event.list" class="ui-grid ui-grid-middle record c-f14" :class="{active: index==0 && index2==0}">\
                                    <div class="ui-col-0 date">{{item.date}}</div>\
                                    <div class="ui-col-0 mr20"><span class="c-f10 fa fa-circle"></span></div>\
                                    <div class="ui-col-1">\
                                        <span class="info c-f12">{{item.eventType | getEventTypeName}}{{item.orgName}}</span>\
                                    </div>\
                                </div>\
                            </div>\
                        </div>\
                        <div v-show="!hasEventList" class="no-result-panel">\
                            <div class="no-result-img">\
                                <img src="../images/wushuju_icon.png">\
                            </div>\
                            <div class="no-result-text">暂无相关就诊数据</div>\
                        </div>\
                    </div>\
                    <div class="panel-box panel-box7">\
                        <h4 class="c-b5e1fc c-f16 c-t-center">指标分析</h4>\
                        <p class="c-f12 c-b5e1fc c-nowrap-multi-4 mt10">{{content}}</p>\
                    </div>\
                </div>',
        props: ['patient'],
        data: function() {
            return {
                data: {},
                eventList: [],
                hasEventList: true,
                diseaseTitle: "",
                typeLength: 1,
                selectedType: 1, // 1-糖尿病, 2-高血压
                content: ""
            }
        },
        mounted: function() {
            var vm = this;
            initEventOnBus(vm);
        },
        methods: {
            chooseTab: function(type){
                var vm = this;
                this.selectedType = type;
                getEventList(vm);
                //控制左下角区域的数据显示
                EventBus.$emit('show-disease-zhibiao', {type: type});
                //控制图标数据显示
                EventBus.$emit("get-chart-data", {
                    type: type,
//                  dateType: 1, //初始时值为1
                    gi_type: type == 2 ? 0 : 1 //血糖默认获取1周的时间
                });
            }
        },
        filters:{
            getEventTypeName: function(val){
                switch(parseInt(val)){
                    case 1: 
                        return "门诊 | ";
                        break;
                    case 2:
                        return "住院 | ";
                        break;
                    case 3:
                        return "体检 | ";
                        break;
                }
            }
        }
    });
    
    function initEventOnBus(vm){
        EventBus.$on('get-disease-info', function (arg) {
            vm.typeLength = arg.length;
            var type = arg.type;
            vm.selectedType = type;
            if(type == 2){
                vm.diseaseTitle = "高血压";
            }else if(type == 1){
                vm.diseaseTitle = "糖尿病";
            }
            
            getEventList(vm);
            
        });
        
        //指标分析数据显示
        EventBus.$on("get-zhibiao-analysis", function(arg){
            vm.content = arg.content;
        });
    }
    
    function getEventList(vm){
        var params = {
            patient: vm.patient,
            type: vm.selectedType,
            page: 1,
            pageSize: 1000
        };
        patientAPI.getZYinfo(params).then(function(res){
            if(res.status == 200){
                vm.data = res.data;
                if(res.data.list.length > 0){
                    vm.hasEventList = true;
                }else{
                    vm.hasEventList = false;
                }
                var list = _.map(res.data.list, function(o){
                    var year = o.eventDate.substr(0,4);
                    o.year = parseInt(year);
                    var date = o.eventDate.substr(5,5);
                    o.date = date;
                    return o;
                });
                var list2 = _.groupBy(list, "year");
                var list3 = [];
                for(year in list2){
                    var item = list2[year];
                    list3.push({
                        year: year,
                        list: item
                    });
                }
                list3.reverse();
                vm.eventList = list3;
            }else{
                vm.hasEventList = false;
                console.log(res.msg);
            }
        })
    }
})()

component/patientInfo/tizheng-info.js

@@ -0,0 +1,126 @@
(function(){
    Vue.component('tizheng-info', {
        template: '<div class="panel-box panel-box3">\
                        <h4 class="c-b5e1fc c-f16 c-t-center">体征信息</h4>\
                        <!--<div class="sub-title mt20">\
                            <div class="pre-icon" :class="{active: selectedTab != 2}" @click="pre()"></div>\
                            <div class="ui-grid tab-box">\
                                <div class="ui-col-1 c-t-center">\
                                    <span class="data-tab c-f14" :class="{active: selectedTab == 2}" @click="chooseTab(2)">血压</span>\
                                </div>\
                                <div class="ui-col-1 c-t-center">\
                                    <span  class="data-tab c-f14" :class="{active: selectedTab == 1}" @click="chooseTab(1)">血糖</span>\
                                </div>\
                            </div>\
                            <div class="next-icon" :class="{active: selectedTab != 1}" @click="next()"></div>\
                        </div>-->\
                        <div class="ui-grid ui-grid-middle mt10">\
                            <div class="ui-col-0 c-f14 c-b5e1fc mr30">指标</div>\
                            <div v-show="selectedTab==2" class="ui-col-1">\
                                <span class="zb-tab c-f12 active">舒张压</span>\
                                <span class="zb-tab c-f12 active">收缩压</span>\
                            </div>\
                            <div v-show="selectedTab==1" class="ui-col-1 select-div">\
                                <select class="zb-select" v-model="selectedXT">\
                                    <option v-for="zb in xtzb" :value="zb.value">{{zb.label}}</option>\
                                </select>\
                            </div>\
                        </div>\
                        <div class="mtb20 ui-grid ui-grid-middle">\
                            <div class="ui-col-0 c-f14 c-b5e1fc mr30">周期</div>\
                            <div class="ui-col-1">\
                                <span class="date-tab c-f12" :class="{active: selectedDateType==1}" @click="changeDateType(1)">一周</span><!--\
                                --><span class="date-tab c-f12" :class="{active: selectedDateType==2}" @click="changeDateType(2)">一月</span><!--\
                                --><span class="date-tab c-f12" :class="{active: selectedDateType==3}" @click="changeDateType(3)">一年</span>\
                            </div>\
                        </div>\
                        <div class="c-t-center c-f14 c-ff3803">偏高<span class="mlr30">{{total.high}}</span>次</div>\
                        <div class="c-t-center c-f14 c-03d95d mt10">正常<span class="mlr30">{{total.normal}}</span>次</div>\
                        <div class="c-t-center c-f14 c-fd9c0d mt10">偏低<span class="mlr30">{{total.low}}</span>次</div>\
                    </div>',
        props: ['patient'],
        data: function() {
            return {
                selectedTab: 1, // 1-血糖, 2-血压
                xtzb: [{
                    label: '早餐前',
                    value: '1'
                },{
                    label: '早餐后',
                    value: '2'
                },{
                    label: '午餐前',
                    value: '3'
                },{
                    label: '午餐后',
                    value: '4'
                },{
                    label: '晚餐前',
                    value: '5'
                },{
                    label: '晚餐后',
                    value: '6'
                },{
                    label: '睡前',
                    value: '7'
                }],
                selectedXT: 1,
                selectedDateType: 1,
                total: {}
            }
        },
        computed: {
        },
        watch: {
            selectedXT: function(val) {
                EventBus.$emit("get-chart-data", {
                    type: this.selectedTab,
                    dateType: this.selectedDateType,
                    gi_type: val
                });
            }
        },
        methods: {
            pre: function(){
                if(this.selectedTab == 2){
                    return false;
                }
                this.selectedTab == 2;
            },
            next: function(){
                if(this.selectedTab == 1){
                    return false;
                }
                this.selectedTab == 1;
            },
            chooseTab: function(str){
                this.selectedTab = str;
            },
            changeDateType: function(type){
                this.selectedDateType = type;
                EventBus.$emit("get-chart-data", {
                    type: this.selectedTab,
                    dateType: this.selectedDateType,
                    gi_type: this.selectedTab == 2 ? 0 : this.selectedXT
                });
            }
        },
        mounted: function() {
            var vm = this;
            //初始化下拉列表
//          $('.zb-select').dropkick();
            initZBInfo(vm);
        },
    });
    
    function initZBInfo(vm){
        EventBus.$on('show-disease-zhibiao', function(arg){
            var type = arg.type; // 2-高血压, 1-糖尿病
            vm.selectedTab = type ;
        });
        
        EventBus.$on("get-zhibiao-count", function(arg){
            vm.total = arg.total;
        })
    }
})()

css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css

@@ -0,0 +1,251 @@
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}
.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

css/plugins/blueimp/img/error.svg

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64">
	<circle cx="32" cy="32" r="25" stroke="red" stroke-width="7" fill="black" fill-opacity="0.2"/>
	<rect x="28" y="7" width="8" height="50" fill="red" transform="rotate(45, 32, 32)"/>
</svg>

css/plugins/blueimp/img/play-pause.svg

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="30" height="15">
	<polygon points="2,1 2,14 13,7" stroke="black" stroke-width="1" fill="white"/>
	<rect x="17" y="2" width="4" height="11" stroke="black" stroke-width="1" fill="white"/>
	<rect x="24" y="2" width="4" height="11" stroke="black" stroke-width="1" fill="white"/>
</svg>

css/plugins/blueimp/img/video-play.svg

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64">
	<circle cx="32" cy="32" r="25" stroke="white" stroke-width="7" fill="black" fill-opacity="0.2"/>
	<polygon points="26,22 26,42 43,32" fill="white"/>
</svg>

css/plugins/chosen/chosen.css

@@ -0,0 +1,423 @@
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}
.chosen-container a {
    cursor: pointer;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}
.chosen-container-single .chosen-default {
    color: #999;
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('chosen-sprite.png') no-repeat 0px 7px;
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('chosen-sprite.png') no-repeat 100% -20px;
    background: url('chosen-sprite.png') no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}
.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #CBD5DD;
    border-radius: 2px;
    cursor: text;
    height: auto !important;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    width: 100%;
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 5px;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}
.chosen-disabled .chosen-single {
    cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}
.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}
.chosen-rtl .chosen-choices li {
    float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: white url('chosen-sprite.png') no-repeat -30px -20px;
    background: url('chosen-sprite.png') no-repeat -30px -20px;
    direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url('chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
/* @end */

css/plugins/clockpicker/clockpicker.css

@@ -0,0 +1,168 @@
/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */
.clockpicker .input-group-addon {
	cursor: pointer;
}
.clockpicker-moving {
	cursor: move;
}
.clockpicker-align-left.popover > .arrow {
	left: 25px;
}
.clockpicker-align-top.popover > .arrow {
	top: 17px;
}
.clockpicker-align-right.popover > .arrow {
	left: auto;
	right: 25px;
}
.clockpicker-align-bottom.popover > .arrow {
	top: auto;
	bottom: 6px;
}
.clockpicker-popover .popover-title {
	background-color: #fff;
	color: #999;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.clockpicker-popover .popover-title span {
	cursor: pointer;
}
.clockpicker-popover .popover-content {
	background-color: #f8f8f8;
	padding: 12px;
}
.popover-content:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.clockpicker-plate {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	overflow: visible;
	position: relative;
	/* Disable text selection highlighting. Thanks to Hermanya */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.clockpicker-canvas,
.clockpicker-dial {
	width: 200px;
	height: 200px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.clockpicker-minutes {
	visibility: hidden;
}
.clockpicker-tick {
	border-radius: 50%;
	color: #666;
	line-height: 26px;
	text-align: center;
	width: 26px;
	height: 26px;
	position: absolute;
	cursor: pointer;
}
.clockpicker-tick.active,
.clockpicker-tick:hover {
	background-color: rgb(192, 229, 247);
	background-color: rgba(0, 149, 221, .25);
}
.clockpicker-button {
	background-image: none;
	background-color: #fff;
	border-width: 1px 0 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0;
	padding: 10px 0;
}
.clockpicker-button:hover {
	background-image: none;
	background-color: #ebebeb;
}
.clockpicker-button:focus {
	outline: none!important;
}
.clockpicker-dial {
	-webkit-transition: -webkit-transform 350ms, opacity 350ms;
	-moz-transition: -moz-transform 350ms, opacity 350ms;
	-ms-transition: -ms-transform 350ms, opacity 350ms;
	-o-transition: -o-transform 350ms, opacity 350ms;
	transition: transform 350ms, opacity 350ms;
}
.clockpicker-dial-out {
	opacity: 0;
}
.clockpicker-hours.clockpicker-dial-out {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.clockpicker-minutes.clockpicker-dial-out {
	-webkit-transform: scale(.8, .8);
	-moz-transform: scale(.8, .8);
	-ms-transform: scale(.8, .8);
	-o-transform: scale(.8, .8);
	transform: scale(.8, .8);
}
.clockpicker-canvas {
	-webkit-transition: opacity 175ms;
	-moz-transition: opacity 175ms;
	-ms-transition: opacity 175ms;
	-o-transition: opacity 175ms;
	transition: opacity 175ms;
}
.clockpicker-canvas-out {
	opacity: 0.25;
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
	stroke: none;
	fill: rgb(0, 149, 221);
}
.clockpicker-canvas-bg {
	stroke: none;
	fill: rgb(192, 229, 247);
}
.clockpicker-canvas-bg-trans {
	fill: rgba(0, 149, 221, .25);
}
.clockpicker-canvas line {
	stroke: rgb(0, 149, 221);
	stroke-width: 1;
	stroke-linecap: round;
	/*shape-rendering: crispEdges;*/
}
.clockpicker-button.am-button {
	margin: 1px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 4px;
	
}
.clockpicker-button.pm-button {
	margin: 1px 1px 1px 136px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 4px;
}

css/plugins/codemirror/codemirror.css

@@ -0,0 +1,309 @@
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
}
.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow: auto;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
@-moz-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@-webkit-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
/* Can style cursor different in overwrite (non-insert) mode */
div.CodeMirror-overwrite div.CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  line-height: 1;
  position: relative;
  overflow: hidden;
  background: white;
  color: black;
}
.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}
.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  padding-bottom: 30px;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 30px;
  margin-bottom: -32px;
  display: inline-block;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}
.CodeMirror-widget {}
.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  border-right: none;
  width: 0;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

css/plugins/dataTables/dataTables.bootstrap.css

@@ -0,0 +1,231 @@
div.dataTables_length label {
    float: left;
    text-align: left;
    font-weight: normal;
}
div.dataTables_length select {
    width: 75px;
}
div.dataTables_filter label {
    float: right;
    font-weight: normal;
}
div.dataTables_filter input {
    width: 16em;
}
div.dataTables_info {
    padding-top: 8px;
}
div.dataTables_paginate {
    float: right;
    margin: 0;
}
div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}
table.dataTable,
table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
}
table.dataTable thead .sorting {
    
}
table.dataTable thead .sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}
table.dataTable thead .sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
}
table.dataTable thead .sorting_desc_disabled {
}
table.dataTable th:active {
    outline: none;
}
/* Scrolling */
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody table {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: none;
}
div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}
div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}
/*
 * TableTools styles
 */
.table tbody tr.active td,
.table tbody tr.active th {
    color: white;
    background-color: #08C;
}
.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
    background-color: #0075b0 !important;
}
.table tbody tr.active a {
    color: white;
}
.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}
table.DTTT_selectable tbody tr {
    cursor: pointer;
}
div.DTTT .btn {
    font-size: 12px;
    color: #333 !important;
}
div.DTTT .btn:hover {
    text-decoration: none !important;
}
ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}
ul.DTTT_dropdown.dropdown-menu a {
    color: #333 !important; /* needed only when demo_page.css is included */
}
ul.DTTT_dropdown.dropdown-menu li {
    position: relative;
}
ul.DTTT_dropdown.dropdown-menu li:hover a {
    color: white !important;
    background-color: #0088cc;
}
div.DTTT_collection_background {
    z-index: 2002;
}
/* TableTools information display */
div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center;
}
div.DTTT_print_info h6 {
    margin: 1em;
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
}
div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}
/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
}
div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    margin-bottom: 0 !important;
    border-top: none;
}
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
}

css/plugins/datapicker/datepicker3.css

@@ -0,0 +1,789 @@
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}

css/plugins/dropzone/basic.css

@@ -0,0 +1,155 @@
/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}

css/plugins/dropzone/dropzone.css

@@ -0,0 +1,410 @@
/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}
.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  min-height: 360px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-default.dz-message {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-default.dz-message span {
  display: none;
}
.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
}
.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
  background-image: -moz-linear-gradient(top, #fafafa, #eee);
  background-image: -o-linear-gradient(top, #fafafa, #eee);
  background-image: -ms-linear-gradient(top, #fafafa, #eee);
  background-image: linear-gradient(to bottom, #fafafa, #eee);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
}
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #666;
}
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}

css/plugins/footable/footable.core.css

@@ -0,0 +1,178 @@
@font-face {
  font-family: 'footable';
  src: url('fonts/footable.eot');
  src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  /** SORTING **/
  /** PAGINATION **/
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}

css/plugins/fullcalendar/fullcalendar.css

@@ -0,0 +1,589 @@
/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
	white-space: nowrap;
	}
.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */
.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
	}
	
.fc-view {
	width: 100%;
	overflow: hidden;
	}
	
	
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #fcf8e3;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border: 1px solid;
	}
.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}
.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}
/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}
.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}
.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}
	
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
	z-index: 8;
	}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
	z-index: 9;
	}
	 
.fc-event {
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	font-size: .85em;
	cursor: default;
	}
a.fc-event {
	text-decoration: none;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}
.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
	text-align: center;
	}
.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}
.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}
.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
	border-width: 0 1px;
	}
.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}
.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}
.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
	

css/plugins/fullcalendar/fullcalendar.print.css

@@ -0,0 +1,32 @@
/*!
 * FullCalendar v1.6.4 Print Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
/*
 * Include this stylesheet on your page to get a more printer-friendly calendar.
 * When including this stylesheet, use the media='print' attribute of the <link> tag.
 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
 */
 
 
 /* Events
-----------------------------------------------------*/
 
.fc-event {
	background: #fff !important;
	color: #000 !important;
	}
	
/* for vertical events */
	
.fc-event-bg {
	display: none !important;
	}
	
.fc-event .ui-resizable-handle {
	display: none !important;
	}
	
	

css/plugins/iCheck/custom.css

@@ -0,0 +1,59 @@
/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(green.png) no-repeat;
    border: none;
    cursor: pointer;
}
.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -24px 0;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.icheckbox_square-green.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-green.checked.disabled {
    background-position: -96px 0;
}
.iradio_square-green {
    background-position: -120px 0;
}
.iradio_square-green.hover {
    background-position: -144px 0;
}
.iradio_square-green.checked {
    background-position: -168px 0;
}
.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

css/plugins/ionRangeSlider/ion.rangeSlider.css

@@ -0,0 +1,126 @@
/* Ion.RangeSlider
// css version 1.8.5
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
    position: relative; display: block;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 10%;
        }
        .irs-line-mid {
            left: 10%; width: 80%;
        }
        .irs-line-right {
            right: 0; width: 10%;
        }
    .irs-diapason {
        position: absolute; display: block;
        left: 0; width: 100%;
    }
    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {
            left: 10px;
        }
            .irs-slider.single:before {
                position: absolute; display: block; content: "";
                top: -30%; left: -30%;
                width: 160%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.from {
            left: 100px;
        }
            .irs-slider.from:before {
                position: absolute; display: block; content: "";
                top: -30%; left: -30%;
                width: 130%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.to {
            left: 300px;
        }
            .irs-slider.to:before {
                position: absolute; display: block; content: "";
                top: -30%; left: 0;
                width: 130%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.last {
            z-index: 2;
        }
    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }
    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }
.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        width: 100px;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        color: #000;
    }
.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: 0;
    width: 100%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}

css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css

@@ -0,0 +1,89 @@
/* Ion.RangeSlider, Flat UI Skin
// css version 1.8.5
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-diapason,
.irs-slider {
    background: url(../images/sprite-skin-flat.png) repeat-x;
}
.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 12px; top: 25px;
}
    .irs-line-left {
        height: 12px;
        background-position: 0 -30px;
    }
    .irs-line-mid {
        height: 12px;
        background-position: 0 0;
    }
    .irs-line-right {
        height: 12px;
        background-position: 100% -30px;
    }
.irs-diapason {
    height: 12px; top: 25px;
    background-position: 0 -60px;
}
.irs-slider {
    width: 16px; height: 18px;
    top: 22px;
    background-position: 0 -90px;
}
#irs-active-slider, .irs-slider:hover {
    background-position: 0 -120px;
}
.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    border-radius: 4px;
}
.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #ed5565;
    border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute; display: block; content: "";
    bottom: -6px; left: 50%;
    width: 0; height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565;
}
.irs-grid-pol {
    background: #e1e4e9;
}
.irs-grid-text {
    color: #999;
}
.irs-disabled {
}

css/plugins/jqgrid/ui.jqgrid.css

@@ -0,0 +1,851 @@
/*Grid*/
.ui-jqgrid {
	position: relative; 
	border: 1px solid #ddd;
    overflow: hidden;
}
.ui-jqgrid .ui-jqgrid-view {
	position: relative;
	left:0; 
	top: 0; 
	padding: 0;
}
.ui-jqgrid .ui-common-table {}
/* Caption*/
.ui-jqgrid .ui-jqgrid-titlebar {
	font-weight: normal;
	min-height:37px; 
	padding: 4px 8px; 
	position: relative; 
	margin-right: 2px;
	border-bottom: 1px solid #ddd; //default
}
.ui-jqgrid .ui-jqgrid-caption {
	text-align: left;
}
.ui-jqgrid .ui-jqgrid-title { 
	padding-top: 5px; 
	vertical-align: middle;
}
.ui-jqgrid .ui-jqgrid-titlebar-close { 
	color: inherit; 
	position: absolute;
	top: 50%; 
	margin: -10px 7px 0 0; 
	padding: 1px; 
	cursor:pointer;
}
.ui-jqgrid .ui-jqgrid-titlebar-close span { 
	display: block; 
	margin: 1px; 
}
.ui-jqgrid .ui-jqgrid-titlebar-close:hover {  }
/* Header*/
.ui-jqgrid .ui-jqgrid-hdiv {
	position: relative; 
	margin: 0;
	padding: 0; 
	/*overflow-x: hidden;*/
}
.ui-jqgrid .ui-jqgrid-hbox {
	float: left; 
	/*padding-right: 20px;*/
}
.ui-jqgrid .ui-jqgrid-htable { 
	margin-bottom: 0; 
	table-layout: fixed; 
	border-top:none;
}
.ui-jqgrid .ui-jqgrid-htable thead th {
	overflow : hidden; 
	border-bottom : none;
	padding-right: 2px;
}
.ui-jqgrid .ui-jqgrid-htable thead th div {
	overflow: hidden; 
	position:relative;
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	overflow: hidden;
	white-space: nowrap;
}
.ui-th-column-header, 
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {
	overflow: hidden;
	white-space: nowrap;
}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {}
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {text-align: center; }
.ui-first-th-ltr { }
.ui-first-th-rtl { }
.ui-jqgrid tr.jqg-first-row-header th {
	height:auto; 
	border-top:none; 
	padding-bottom: 0;
	padding-top: 0;
	border-bottom: none; 
	padding-right: 2px;
	text-align: center;
}
.ui-jqgrid tr.jqg-second-row-header th,
.ui-jqgrid tr.jqg-third--row-header th
{
	border-top:none;
	text-align: center;
}
.ui-jqgrid .ui-th-div-ie {
	white-space: nowrap; 
	zoom :1; 
	height:17px;
}
.ui-jqgrid .ui-jqgrid-resize {
	height:20px !important;
	position: relative; 
	cursor :e-resize;
	display: inline;
	overflow: hidden;
}
.ui-jqgrid .ui-grid-ico-sort { 
	margin-left:5px; 
	overflow:hidden;
	position:absolute;
	right: 3px;
	font-size:12px;
}
.ui-jqgrid .ui-icon-asc {
	margin-top:-3px;
}
.ui-jqgrid .ui-icon-desc {
	margin-top:4px;
}
.ui-jqgrid .ui-i-asc {
	margin-top:0;
}
.ui-jqgrid .ui-i-desc {
	margin-top:0;
	margin-right:13px;
}
.ui-jqgrid .ui-single-sort-asc {
	margin-top:0;
}
.ui-jqgrid .ui-single-sort-desc {}
.ui-jqgrid .ui-jqgrid-sortable {
	cursor:pointer;
}
.ui-jqgrid tr.ui-search-toolbar th { }
.ui-jqgrid .ui-search-table td.ui-search-clear { }
.ui-jqgrid tr.ui-search-toolbar td > input { }
.ui-jqgrid tr.ui-search-toolbar select {}
/* Body */ 
.ui-jqgrid .table-bordered,
.ui-jqgrid .table-bordered td,
.ui-jqgrid .table-bordered th.ui-th-ltr
{
	border-left:0px none !important;
}
.ui-jqgrid .table-bordered th.ui-th-rtl
{
	border-right:0px none !important;
}
.ui-jqgrid .table-bordered tr.ui-row-rtl td
{
	border-right:0px none !important;
	border-left: 1px solid #ddd !important;
}
div.tablediv > .table-bordered {
	border-left : 1px solid #ddd !important;
}
.ui-jqgrid  .ui-jqgrid-bdiv table.table-bordered td {
	border-top: 0px none;
}
.ui-jqgrid .ui-jqgrid-bdiv {
	position: relative; 
	margin: 0; 
	padding:0; 
	/*overflow-x:hidden;*/ 
	text-align:left; 
}
.ui-jqgrid .ui-jqgrid-btable {
	table-layout: fixed; 
	border-left:none ; 
	border-top:none; 
	margin-bottom: 0px
}
.ui-jqgrid tr.jqgrow {  
	outline-style: none; 
}
.ui-jqgrid tr.jqgroup {  
	outline-style: none; 
}
.ui-jqgrid tr.jqgrow td { 
	overflow: hidden; 
	white-space: pre; 
	padding-right: 2px;
}
.ui-jqgrid tr.jqgfirstrow  td {
	height:auto; 
	border-top:none; 
	padding-bottom: 0;
	padding-top: 0;
	border-bottom: none; 
	padding-right: 2px;
}
.ui-jqgrid tr.jqgroup td { }
.ui-jqgrid tr.jqfoot td {}
.ui-jqgrid tr.ui-row-ltr td {}
.ui-jqgrid tr.ui-row-rtl td {}
.ui-jqgrid td.jqgrid-rownum { }
.ui-jqgrid .ui-jqgrid-resize-mark { 
	width:2px; 
	left:0; 
	background-color:#777; 
	cursor: e-resize; 
	cursor: col-resize; 
	position:absolute; 
	top:0; 
	height:100px; 
	overflow:hidden; 
	display:none; 
	border:0 none; 
	z-index: 99999;
}
/* Footer */
.ui-jqgrid .ui-jqgrid-sdiv {
	position: relative; 
	margin: 0;
	padding: 0; 
	overflow: hidden; 
	border-left: 0 none !important; 
	border-top : 0 none !important; 
	border-right : 0 none !important;
}
.ui-jqgrid .ui-jqgrid-ftable {
	table-layout:fixed;
	margin-bottom:0;
}
.ui-jqgrid tr.footrow td {
	font-weight: bold; 
	overflow: hidden; 
	white-space:nowrap; 
	padding-right: 2px;
	border-bottom: 0px none;
}
.ui-jqgrid tr.footrow-ltr td {
	text-align:left;
}
.ui-jqgrid tr.footrow-rtl td {
	text-align:right;
}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-jqgrid-toppager
{ 
	border-left-width: 0px;
	border-top: 1px solid #ddd;  
	padding : 4px 0px;
	position: relative; 
	height: auto; 
	white-space: nowrap;
	overflow: hidden;
}
.ui-jqgrid .ui-jqgrid-toppager {
	border-top-width :0;
	border-bottom : 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, 
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
	position: relative;
	border-left: 0;
	border-bottom: 0;
	border-top: 0; 
	height: 30px;
}
.ui-jqgrid .ui-pg-table {
	position: relative; 
	padding: 1px 0; 
	width:auto; 
	margin: 0;
}
.ui-jqgrid .ui-pg-table td {
	font-weight:normal; 
	vertical-align:middle; 
	padding:0px 6px;
}
.ui-jqgrid .ui-pg-button  { 
	height:auto; 
}
.ui-jqgrid .ui-pg-button span { 
	display: block; 
	margin: 2px; 
	float:left;
}
.ui-jqgrid .ui-pg-button:hover {  }
.ui-jqgrid .ui-disabled:hover {}
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input { 
	display: inline;
	height:auto;
	width: auto;
	font-size:.9em; 
	margin:0;
	line-height: inherit;
	padding: 0px 5px
}
.ui-jqgrid .ui-pg-selbox, 
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {
	font-size:.9em; 
	line-height:inherit; 
	display:block; 
	height:22px; 
	margin: 0; 
	padding: 3px 0px 3px 3px; 
	border:none;
}
.ui-jqgrid .ui-separator {
	height: 18px; 
	border : none;
	border-left: 2px solid #ccc ; //default
}
.ui-separator-li {
	height: 2px; 
	border : none;
	border-top: 2px solid #ccc ;  //default
	margin: 0; padding: 0; width:100%
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div
{
	float:left;
	position:relative; 
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button
{ 
	cursor:pointer; 
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span
{
	float:left;
}
.ui-jqgrid td input, 
.ui-jqgrid td select, 
.ui-jqgrid td textarea { 
	margin: 0;
}
.ui-jqgrid td textarea {
	width:auto;
	height:auto;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pager-table,
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-table
{
	width:100%;
	table-layout:fixed;
	height:100%;
}
.ui-jqgrid .ui-jqgrid-pager .ui-paging-info,
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-info
{ 
	font-weight: normal;
	height:auto; 
	margin-top:3px;
	margin-right:4px;
	display: inline;
}
.ui-jqgrid .ui-jqgrid-pager .ui-paging-pager,
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager
{
	table-layout:auto;
	height:100%;
}
.ui-jqgrid .ui-jqgrid-pager .navtable,
.ui-jqgrid .ui-jqgrid-toppager .navtable
{
	float:left;
	table-layout:auto;
	height:100%;
}
/*Subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
	display: block;
}
.ui-jqgrid .ui-subgrid {
	margin:0;
	padding:0; 
	width:100%;
}
.ui-jqgrid .ui-subgrid table {
	table-layout: fixed;
}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {}
.ui-jqgrid .ui-subgrid td.subgrid-data {
	border-top:  0 none !important;
}
.ui-jqgrid .ui-subgrid td.subgrid-cell { 
	vertical-align: middle
}
.ui-jqgrid a.ui-sghref {
	text-decoration: none;
	color : #010101; //default
}
.ui-jqgrid .ui-th-subgrid {height:20px;}
.tablediv > .row { margin: 0 0}
/* loading */
.ui-jqgrid .loading {
	position: absolute; 
	top: 45%;
	left: 45%;
	width: auto;
	z-index:101;
	padding: 6px; 
	margin: 5px;
	text-align: center;
	display: none;
	border: 1px solid #ddd;  //default
	font-size: 14px;
	background-color: #d9edf7;
}
.ui-jqgrid .jqgrid-overlay { 
	display:none;
	z-index:100;
}
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
* .jqgrid-overlay iframe {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
/* end loading div */
/* Toolbar */
.ui-jqgrid .ui-userdata {
	padding: 4px 0px; 
	overflow: hidden; 
	min-height: 32px; 
}
.ui-jqgrid .ui-userdata-top {
	border-left-width: 0px;    //default
	border-bottom: 1px solid #ddd;	
}
.ui-jqgrid .ui-userdata-bottom {
	border-left-width: 0px;    //default
	border-top: 1px solid #ddd;	
}
/*Modal Window */
.ui-jqdialog { }
.ui-jqdialog { 
	display: none; 
	width: 500px; 
	position: absolute; 
	//padding: 5px; 
	overflow:visible;
}
.ui-jqdialog .ui-jqdialog-titlebar {
	padding: .1em .1em; 
	min-height: 35px; 
}
.ui-jqdialog .ui-jqdialog-title { 
	margin: .3em 0 .2em;  
	font-weight: bold;
	padding-left :6px;
	padding-right:6px;
} 
.ui-jqdialog .ui-jqdialog-titlebar-close { 
	position: absolute;  
	top: 0%; 
	margin: 3px 5px 0 0; 
	padding: 8px;  
	cursor:pointer;
}
.ui-jqdialog .ui-jqdialog-titlebar-close span {  }
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, 
.ui-jqdialog .ui-jqdialog-titlebar-close:focus { 
	padding: 8px; 
}
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { 
	border: 0; 
	padding: .3em .2em; 
	background: none; 
	height:auto;
}
.ui-jqdialog .ui-jqconfirm {
	padding: .4em 1em; 
	border-width:3px;
	position:absolute;
	bottom:10px;
	right:10px;
	overflow:visible;
	display:none;
	height:120px;
	width:220px;
	text-align:center;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.ui-jqdialog>.ui-resizable-se { }
.ui-jqgrid>.ui-resizable-se { }
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid { 
	margin: 0 8px 0 8px; 
	overflow:auto;
	position:relative;
}
.ui-jqdialog-content .EditTable { 
	width: 100%; 
	margin-bottom:0; 
}
.ui-jqdialog-content .DelTable { 
	width: 100%; 
	margin-bottom:0;
}
.EditTable td input, 
.EditTable td select, 
.EditTable td textarea { 
	width: 98%; 
	display: inline-block;
}
.EditTable td textarea { 
	width:auto; 
	height:auto;
}
.EditTable .FormData td { 
	height:37px !important;
}
.ui-jqdialog-content td.EditButton {
	text-align: right; 
	padding: 5px 5px 5px 0;
}
.ui-jqdialog-content td.navButton {
	text-align: center; 
	border-left: 0 none;
	border-top: 0 none;
	border-right: 0 none; 
	padding-bottom:5px; 
	padding-top:5px;
}
.ui-jqdialog-content input.FormElement {
	padding: .5em .3em; 
	margin-bottom: 5px
}
.ui-jqdialog-content select.FormElement {
	padding:.3em; 
	margin-bottom: 3px;
}
.ui-jqdialog-content .data-line {
	padding-top:.1em;
	border: 0 none;
}
.ui-jqdialog-content .CaptionTD {
	vertical-align: middle;
	border: 0 none; 
	padding: 2px;
	white-space: nowrap;
}
.ui-jqdialog-content .DataTD {
	padding: 2px; 
	border: 0 none; 
	vertical-align: top;
}
.ui-jqdialog-content .form-view-data {
	white-space:pre
}
.fm-button {  }
.fm-button-icon-left { 
	margin-left: 4px; 
	margin-right: 4px;  
}
.fm-button-icon-right { 
	margin-left: 4px; 
	margin-right: 4px; 
}
.fm-button-icon-left  {  }
.fm-button-icon-right  { }
#nData, #pData { 
	margin-left: 4px; 
	margin-right: 4px; 
}
#sData span, #cData span { 
	margin-left: 5px;
}
/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row, 
div.ui-jqgrid .selected-row td {
	font-style : normal;
}
/* inline edit actions button*/
.ui-inline-del, .ui-inline-cancel {
    margin-left: 14px;
}
.ui-jqgrid .inline-edit-cell {}
/* Tree Grid */
.ui-jqgrid .tree-wrap {
	float: left; 
	position: relative;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
}
.ui-jqgrid .tree-minus {
	position: absolute; 
	height: 18px; 
	width: 18px; 
	overflow: hidden;
}
.ui-jqgrid .tree-plus {
	position: absolute;	
	height: 18px; 
	width: 18px;	
	overflow: hidden;
}
.ui-jqgrid .tree-leaf {
	position: absolute;	
	height: 18px; 
	width: 18px;
	overflow: hidden;
}
.ui-jqgrid .treeclick {
	cursor: pointer;
}
/* moda dialog */
* iframe.jqm {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
/*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
.ui-jqgrid-dnd tr td {
	border-right-width: 1px;
	border-right-color: inherit;
	border-right-style: solid; 
	height:20px
}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-caption-rtl {
	text-align: right;
}
.ui-jqgrid .ui-jqgrid-hbox-rtl {
	float: right; 
	padding-left: 20px;
}
.ui-jqgrid .ui-jqgrid-resize-ltr {
	float: right;
	margin: -2px -2px -2px 0;
	height:100%;
}
.ui-jqgrid .ui-jqgrid-resize-rtl {
	float: left;
	margin: -2px -2px -2px -0px;
}
.ui-jqgrid .ui-sort-rtl {
	
}
.ui-jqgrid .tree-wrap-ltr {
	float: left;
}
.ui-jqgrid .tree-wrap-rtl {
	float: right;
}
.ui-jqgrid .ui-ellipsis {
	-moz-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
/* Toolbar Search Menu. Nav menu */
.ui-search-menu, 
.ui-nav-menu {
	position: absolute; 
	padding: 2px 5px; 
	z-index:99999;
}
.ui-search-menu.ui-menu .ui-menu-item,
.ui-nav-menu.ui-menu .ui-menu-item
{ 
	list-style-image: none; 
	padding-right: 0; 
	padding-left: 0; 
}
.ui-search-menu.ui-menu .ui-menu-item a, 
.ui-nav-menu.ui-menu .ui-menu-item a 
{ 
	display: block; 
}
.ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover,
.ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover 
{ 
	margin: -1px; 
	font-weight: normal; 
}
.ui-jqgrid .ui-search-table { 
	padding: 0; 
	border: 0 none; 
	height:20px; 
	width:100%;
}
.ui-jqgrid .ui-search-table .ui-search-oper { 
	width:20px; 
}
a.g-menu-item, a.soptclass, a.clearsearchclass { 
	cursor: pointer; 
} 
.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea,
.ui-jqgrid .ui-jqgrid-view button {
    //font-size: 11px
}
.ui-jqgrid .ui-scroll-popup {
	width: 100px;
}
.ui-search-table select,
.ui-search-table input 
{
	padding: 4px 3px;
}
	
.ui-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
 
.ui-jqgrid-pager .ui-pg-table .ui-pg-button:hover,
.ui-jqgrid-toppager .ui-pg-table .ui-pg-button:hover
{
	background-color: #ddd;
}
.ui-jqgrid-corner  {
	 border-radius: 5px
}
.ui-resizable-handle {
	//position: absolute;
	display: block;
	left :97%;
}
.ui-jqdialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-top-corner {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.ui-bottom-corner {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.ui-search-table {
	margin-bottom: 0;
}
.ui-search-table .columns, .ui-search-table .operators {
	padding-right: 5px;
}
.opsel {
	float :left;
	width : 100px;
	margin-right : 5px;
}
.add-group, .add-rule, .delete-group {
	width: 14%;	
	margin-right : 5px;
}
.delete-rule {
	width : 15px;
}
ul.ui-search-menu, ul.ui-nav-menu {
	 list-style-type:  none;
}
ul.ui-search-menu li a, 
ul.ui-nav-menu li a,
.soptclass, 
.clearsearchclass {
	text-decoration: none;
	color : #010101;
}
ul.ui-search-menu li a:hover, ul.ui-nav-menu li a:hover, a.soptclass:hover, a.clearsearchclass:hover {
	background-color: #ddd;
	padding: 1px 1px;
	text-decoration: none;
}
ul.ui-search-menu li, ul.ui-nav-menu li {
	padding : 5px 5px;
}
.ui-menu-item hr {
	margin-bottom: 0px;
	margin-top:0px;
}
.searchFilter .ui-search-table td,
.searchFilter .ui-search-table th
{
	border-top: 0px none !important;
}
.searchFilter .queryresult {
	margin-bottom: 5px;
}
.searchFilter .queryresult tr td{
	border-top: 0px none;
}
.ui-search-label { 
	padding-left: 5px;
}
.frozen-div, .frozen-bdiv {
	background-color: #fff;
}
/*
.ui-jqgrid .ui-jqgrid-caption,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-jqgrid-toppager,
.ui-jqgrid .ui-jqgrid-htable thead th,
.ui-jqgrid .ui-userdata-top,
.ui-jqgrid .ui-userdata-bottom,
.ui-jqgrid .ui-jqgrid-hdiv,
.ui-jqdialog .ui-jqdialog-titlebar
{
    background-image: none, linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
}
*/

css/plugins/morris/morris-0.4.3.min.css

@@ -0,0 +1,2 @@
.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}

css/plugins/nouslider/jquery.nouislider.css

@@ -0,0 +1,165 @@
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px;
}
.noUi-horizontal.noUi-extended {
	padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -15px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}
.noUi-vertical.noUi-extended {
	padding: 15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin  {
	bottom: -15px;
}
/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}
/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

css/plugins/simditor/simditor.css

@@ -0,0 +1,620 @@
.simditor {
  position: relative;
  border: 1px solid #c9d8db;
}
.simditor .simditor-wrapper {
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
.simditor .simditor-wrapper .simditor-placeholder {
  display: none;
  position: absolute;
  left: 0;
  z-index: 0;
  padding: 22px 15px;
  font-size: 16px;
  font-family: arial, sans-serif;
  line-height: 1.5;
  color: #999999;
  background: transparent;
}
.simditor .simditor-wrapper.toolbar-floating .simditor-toolbar {
  position: fixed;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.simditor .simditor-wrapper .simditor-image-loading {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.simditor .simditor-wrapper .simditor-image-loading span {
  width: 30px;
  height: 30px;
  background: #ffffff url(../../../img/loading-upload.gif) no-repeat center center;
  border-radius: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.simditor .simditor-wrapper .simditor-image-loading.uploading span {
  background: #ffffff;
  color: #333333;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.simditor .simditor-body {
  padding: 22px 15px 40px;
  min-height: 300px;
  outline: none;
  cursor: text;
  position: relative;
  z-index: 1;
  background: transparent;
}
.simditor .simditor-body a.selected {
  background: #b3d4fd;
}
.simditor .simditor-body a.simditor-mention {
  cursor: pointer;
}
.simditor .simditor-body .simditor-table {
  position: relative;
}
.simditor .simditor-body .simditor-table.resizing {
  cursor: col-resize;
}
.simditor .simditor-body .simditor-table .simditor-resize-handle {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}
.simditor .simditor-body pre {
  /*min-height: 28px;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.simditor .simditor-body img {
  cursor: pointer;
}
.simditor .simditor-body img.selected {
  box-shadow: 0 0 0 4px #cccccc;
}
.simditor .simditor-paste-area,
.simditor .simditor-clean-paste-area {
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  padding: 0;
  margin: 0;
}
.simditor .simditor-toolbar {
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
  width: 100%;
}
.simditor .simditor-toolbar > ul {
  margin: 0;
  padding: 0 0 0 6px;
  list-style: none;
}
.simditor .simditor-toolbar > ul:after {
  content: "";
  display: table;
  clear: both;
}
.simditor .simditor-toolbar > ul > li {
  position: relative;
  float: left;
}
.simditor .simditor-toolbar > ul > li > span.separator {
  display: block;
  float: left;
  background: #cfcfcf;
  width: 1px;
  height: 18px;
  margin: 11px 15px;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item {
  display: block;
  float: left;
  width: 50px;
  height: 40px;
  outline: none;
  color: #333333;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item span {
  opacity: 0.6;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item span.fa {
  display: inline;
  line-height: normal;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item:hover span {
  opacity: 1;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.active {
  background: #eeeeee;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.active span {
  opacity: 1;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.disabled {
  cursor: default;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.disabled span {
  opacity: 0.3;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title span:before {
  content: "T";
  font-size: 19px;
  font-weight: bold;
  font-family: 'Times New Roman';
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before {
  content: 'H1';
  font-size: 18px;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before {
  content: 'H2';
  font-size: 18px;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before {
  content: 'H3';
  font-size: 18px;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color {
  font-size: 14px;
  position: relative;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color span:before {
  position: relative;
  top: -2px;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color:after {
  content: '';
  display: block;
  width: 14px;
  height: 4px;
  background: #cccccc;
  position: absolute;
  top: 26px;
  left: 50%;
  margin: 0 0 0 -7px;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color:hover:after {
  background: #999999;
}
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color.disabled:after {
  background: #dfdfdf;
}
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-item {
  position: relative;
  z-index: 21;
  background: #ffffff;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
}
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-item span {
  opacity: 1;
}
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-item.toolbar-item-color:after {
  background: #999999;
}
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-menu {
  display: block;
}
.simditor .simditor-toolbar .toolbar-menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 20;
  background: #ffffff;
  text-align: left;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.simditor .simditor-toolbar .toolbar-menu ul {
  min-width: 160px;
  list-style: none;
  margin: 0;
  padding: 10px 1px;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item {
  display: block;
  font-size: 16px;
  line-height: 2em;
  padding: 0 10px;
  text-decoration: none;
  color: #666666;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item:hover {
  background: #f6f6f6;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h1 {
  font-size: 24px;
  color: #333333;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h2 {
  font-size: 22px;
  color: #333333;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h3 {
  font-size: 20px;
  color: #333333;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h4 {
  font-size: 18px;
  color: #333333;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h5 {
  font-size: 16px;
  color: #333333;
}
.simditor .simditor-toolbar .toolbar-menu ul > li .separator {
  display: block;
  border-top: 1px solid #cccccc;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 6px 0;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color {
  width: 96px;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list {
  height: 40px;
  margin: 10px 6px 6px 10px;
  padding: 0;
  min-width: 0;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
  float: left;
  margin: 0 4px 4px 0;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
  display: block;
  width: 16px;
  height: 16px;
  background: #dfdfdf;
  border-radius: 2px;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
  opacity: 0.8;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
  background: #333333;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
  background: #E33737;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
  background: #e28b41;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
  background: #c8a732;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
  background: #209361;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
  background: #418caf;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
  background: #aa8773;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
  background: #999999;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
  background: #ffffff;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
  height: 16px;
  padding: 0;
  border: 2px solid #ffffff;
  background: #f3f3f3;
  cursor: pointer;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
  width: 16px;
  display: block;
  content: "";
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected {
  background: #cfcfcf;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
  display: none;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul {
  min-width: 240px;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
  position: relative;
  overflow: hidden;
}
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.simditor .simditor-popover {
  display: none;
  padding: 5px 8px 0;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.simditor .simditor-popover .settings-field {
  margin: 0 0 5px 0;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
}
.simditor .simditor-popover .settings-field label {
  margin: 0 8px 0 0;
  float: left;
}
.simditor .simditor-popover .settings-field input[type=text] {
  float: left;
  width: 200px;
  box-sizing: border-box;
  font-size: 12px;
}
.simditor .simditor-popover .settings-field input[type=text].image-size {
  width: 87px;
}
.simditor .simditor-popover .settings-field .times {
  float: left;
  width: 26px;
  font-size: 12px;
  text-align: center;
}
.simditor .simditor-popover.link-popover .btn-unlink, .simditor .simditor-popover.image-popover .btn-upload, .simditor .simditor-popover.image-popover .btn-restore {
  float: left;
  margin: 0 0 0 8px;
  color: #333333;
  font-size: 14px;
  outline: 0;
}
.simditor .simditor-popover.link-popover .btn-unlink span, .simditor .simditor-popover.image-popover .btn-upload span, .simditor .simditor-popover.image-popover .btn-restore span {
  opacity: 0.6;
}
.simditor .simditor-popover.link-popover .btn-unlink:hover span, .simditor .simditor-popover.image-popover .btn-upload:hover span, .simditor .simditor-popover.image-popover .btn-restore:hover span {
  opacity: 1;
}
.simditor .simditor-popover.image-popover .btn-upload {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.simditor .simditor-popover.image-popover .btn-upload input[type=file] {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  height: 100%;
  width: 28px;
}
.simditor.simditor-mobile .simditor-toolbar > ul > li > .toolbar-item {
  width: 46px;
}
.simditor.simditor-mobile .simditor-wrapper.toolbar-floating .simditor-toolbar {
  position: absolute;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.simditor .simditor-body, .editor-style {
  font-size: 16px;
  font-family: arial, sans-serif;
  line-height: 1.6;
  color: #333;
  outline: none;
  word-wrap: break-word;
}
.simditor .simditor-body > :first-child, .editor-style > :first-child {
  margin-top: 0 !important;
}
.simditor .simditor-body a, .editor-style a {
  color: #4298BA;
  text-decoration: none;
  word-break: break-all;
}
.simditor .simditor-body a:visited, .editor-style a:visited {
  color: #4298BA;
}
.simditor .simditor-body a:hover, .editor-style a:hover {
  color: #0F769F;
}
.simditor .simditor-body a:active, .editor-style a:active {
  color: #9E792E;
}
.simditor .simditor-body a:hover, .simditor .simditor-body a:active, .editor-style a:hover, .editor-style a:active {
  outline: 0;
}
.simditor .simditor-body h1, .simditor .simditor-body h2, .simditor .simditor-body h3, .simditor .simditor-body h4, .simditor .simditor-body h5, .simditor .simditor-body h6, .editor-style h1, .editor-style h2, .editor-style h3, .editor-style h4, .editor-style h5, .editor-style h6 {
  font-weight: normal;
  margin: 40px 0 20px;
  color: #000000;
}
.simditor .simditor-body h1, .editor-style h1 {
  font-size: 24px;
}
.simditor .simditor-body h2, .editor-style h2 {
  font-size: 22px;
}
.simditor .simditor-body h3, .editor-style h3 {
  font-size: 20px;
}
.simditor .simditor-body h4, .editor-style h4 {
  font-size: 18px;
}
.simditor .simditor-body h5, .editor-style h5 {
  font-size: 16px;
}
.simditor .simditor-body h6, .editor-style h6 {
  font-size: 16px;
}
.simditor .simditor-body p, .simditor .simditor-body div, .editor-style p, .editor-style div {
  word-wrap: break-word;
  margin: 0 0 15px 0;
  color: #333;
  word-wrap: break-word;
}
.simditor .simditor-body b, .simditor .simditor-body strong, .editor-style b, .editor-style strong {
  font-weight: bold;
}
.simditor .simditor-body i, .simditor .simditor-body em, .editor-style i, .editor-style em {
  font-style: italic;
}
.simditor .simditor-body u, .editor-style u {
  text-decoration: underline;
}
.simditor .simditor-body strike, .simditor .simditor-body del, .editor-style strike, .editor-style del {
  text-decoration: line-through;
}
.simditor .simditor-body ul, .simditor .simditor-body ol, .editor-style ul, .editor-style ol {
  list-style: disc outside none;
  margin: 15px 0;
  padding: 0 0 0 40px;
  line-height: 1.6;
}
.simditor .simditor-body ul ul, .simditor .simditor-body ul ol, .simditor .simditor-body ol ul, .simditor .simditor-body ol ol, .editor-style ul ul, .editor-style ul ol, .editor-style ol ul, .editor-style ol ol {
  padding-left: 30px;
}
.simditor .simditor-body ul ul, .simditor .simditor-body ol ul, .editor-style ul ul, .editor-style ol ul {
  list-style: circle outside none;
}
.simditor .simditor-body ul ul ul, .simditor .simditor-body ol ul ul, .editor-style ul ul ul, .editor-style ol ul ul {
  list-style: square outside none;
}
.simditor .simditor-body ol, .editor-style ol {
  list-style: decimal;
}
.simditor .simditor-body blockquote, .editor-style blockquote {
  border-left: 6px solid #ddd;
  padding: 5px 0 5px 10px;
  margin: 15px 0 15px 15px;
}
.simditor .simditor-body blockquote > :first-child, .editor-style blockquote > :first-child {
  margin-top: 0;
}
.simditor .simditor-body pre, .editor-style pre {
  padding: 10px 5px 10px 10px;
  margin: 15px 0;
  display: block;
  line-height: 18px;
  background: #F0F0F0;
  border-radius: 3px;
  font-size: 13px;
  font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace;
  overflow-x: auto;
  white-space: nowrap;
}
.simditor .simditor-body code, .editor-style code {
  display: inline-block;
  padding: 0 4px;
  margin: 0 5px;
  background: #eeeeee;
  border-radius: 3px;
  font-size: 13px;
  font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace;
}
.simditor .simditor-body hr, .editor-style hr {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 15px 0;
  padding: 0;
}
.simditor .simditor-body table, .editor-style table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 15px 0;
}
.simditor .simditor-body table thead, .editor-style table thead {
  background-color: #f9f9f9;
}
.simditor .simditor-body table td, .editor-style table td {
  min-width: 40px;
  height: 30px;
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 2px 4px;
  box-sizing: border-box;
}
.simditor .simditor-body table td.active, .editor-style table td.active {
  background-color: #ffffee;
}
.simditor .simditor-body img, .editor-style img {
  margin: 0 5px;
  vertical-align: middle;
}
.simditor .simditor-body *[data-indent="0"], .editor-style *[data-indent="0"] {
  margin-left: 0px;
}
.simditor .simditor-body *[data-indent="1"], .editor-style *[data-indent="1"] {
  margin-left: 40px;
}
.simditor .simditor-body *[data-indent="2"], .editor-style *[data-indent="2"] {
  margin-left: 80px;
}
.simditor .simditor-body *[data-indent="3"], .editor-style *[data-indent="3"] {
  margin-left: 120px;
}
.simditor .simditor-body *[data-indent="4"], .editor-style *[data-indent="4"] {
  margin-left: 160px;
}
.simditor .simditor-body *[data-indent="5"], .editor-style *[data-indent="5"] {
  margin-left: 200px;
}
.simditor .simditor-body *[data-indent="6"], .editor-style *[data-indent="6"] {
  margin-left: 240px;
}
.simditor .simditor-body *[data-indent="7"], .editor-style *[data-indent="7"] {
  margin-left: 280px;
}
.simditor .simditor-body *[data-indent="8"], .editor-style *[data-indent="8"] {
  margin-left: 320px;
}
.simditor .simditor-body *[data-indent="9"], .editor-style *[data-indent="9"] {
  margin-left: 360px;
}
.simditor .simditor-body *[data-indent="10"], .editor-style *[data-indent="10"] {
  margin-left: 400px;
}

css/plugins/steps/jquery.steps.css

@@ -0,0 +1,380 @@
/*
    Common
*/
.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}
.wizard a,
.tabcontrol a
{
    outline: 0;
}
.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}
/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}
.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}
/*
    Wizard
*/
.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}
.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}
.wizard > .steps > ul > li
{
    width: 25%;
}
.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}
.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 8px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #1AB394;
    color: #fff;
    cursor: default;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #6fd1bd;
    color: #fff;
}
.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ED5565 ;
    color: #fff;
}
.wizard > .content
{
    background: #eee;
    display: block;
    margin: 5px 5px 10px 5px;
    min-height: 120px;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard-big.wizard > .content {
    min-height: 320px;
}
.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}
.wizard > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.wizard > .content > .body ul
{
    list-style: disc !important;
}
.wizard > .content > .body ul > li
{
    display: list-item;
}
.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}
.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
}
.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}
.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}
.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}
.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}
.wizard > .actions
{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}
.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}
.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}
.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}
.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #1AB394;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}
.wizard > .loading
{
}
.wizard > .loading .spinner
{
}
/*
    Tabcontrol
*/
.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}
.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}
.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}
.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}
.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}
.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}
.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}
.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}
.tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.tabcontrol > .content > .body ul
{
    list-style: disc !important;
}
.tabcontrol > .content > .body ul > li
{
    display: list-item;
}

css/plugins/summernote/summernote.css

@@ -0,0 +1,446 @@
.note-editor {
    height: 300px;
}
.note-editor .note-dropzone {
    position: absolute;
    z-index: 1;
    display: none;
    color: #87cefa;
    background-color: white;
    border: 2px dashed #87cefa;
    opacity: .95;
    pointer-event: none
}
.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle
}
.note-editor .note-dropzone.hover {
    color: #098ddf;
    border: 2px dashed #098ddf
}
.note-editor.dragover .note-dropzone {
    display: table
}
.note-editor.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%
}
.note-editor.fullscreen .note-editable {
    background-color: white
}
.note-editor.fullscreen .note-resizebar {
    display: none
}
.note-editor.codeview .note-editable {
    display: none
}
.note-editor.codeview .note-codable {
    display: block
}
.note-editor .note-toolbar {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    margin: 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #E7EAEC
}
.note-editor .note-toolbar > .btn-group {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0
}
.note-editor .note-toolbar .note-table .dropdown-menu {
    min-width: 0;
    padding: 5px
}
.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker {
    font-size: 18px
}
.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}
.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat
}
.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat
}
.note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote {
    margin: 0
}
.note-editor .note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px
}
.note-editor .note-toolbar .note-color .dropdown-menu {
    min-width: 290px
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group {
    margin: 0
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child {
    margin: 0 5px
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
    margin: 2px 7px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #eee
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
    padding: 0 3px;
    margin: 5px;
    font-size: 12px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
    background: #eee
}
.note-editor .note-toolbar .note-para .dropdown-menu {
    min-width: 216px;
    padding: 5px
}
.note-editor .note-toolbar .note-para .dropdown-menu > div:first-child {
    margin-right: 5px
}
.note-editor .note-statusbar {
    background-color: #f5f5f5
}
.note-editor .note-statusbar .note-resizebar {
    width: 100%;
    height: 8px;
    cursor: s-resize;
    border-top: 1px solid #a9a9a9
}
.note-editor .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #a9a9a9
}
.note-editor .note-popover .popover {
    max-width: none
}
.note-editor .note-popover .popover .popover-content {
    padding: 5px
}
.note-editor .note-popover .popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}
.note-editor .note-popover .popover .popover-content .btn-group + .btn-group {
    margin-left: 5px
}
.note-editor .note-popover .popover .arrow {
    left: 20px
}
.note-editor .note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid black
}
.note-editor .note-handle .note-control-selection > div {
    position: absolute
}
.note-editor .note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: black;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}
.note-editor .note-handle .note-control-selection .note-control-handle {
    width: 7px;
    height: 7px;
    border: 1px solid black
}
.note-editor .note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid black
}
.note-editor .note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    background-color: white;
    border: 1px solid black
}
.note-editor .note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0
}
.note-editor .note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: 0;
    border-left: none
}
.note-editor .note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: 0;
    border-right: 0
}
.note-editor .note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize
}
.note-editor .note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: white;
    background-color: black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.note-editor .note-dialog > div {
    display: none
}
.note-editor .note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 4;
    color: lightgray;
    text-align: center;
    border: 4px dashed lightgray
}
.note-editor .note-dialog .note-help-dialog {
    font-size: 12px;
    color: #ccc;
    background: transparent;
    background-color: #222 !important;
    border: 0;
    -webkit-opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}
.note-editor .note-dialog .note-help-dialog .modal-content {
    background: transparent;
    border: 1px solid white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.note-editor .note-dialog .note-help-dialog a {
    font-size: 12px;
    color: white
}
.note-editor .note-dialog .note-help-dialog .title {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-bottom: white 1px solid
}
.note-editor .note-dialog .note-help-dialog .modal-close {
    font-size: 14px;
    color: #dd0;
    cursor: pointer
}
.note-editor .note-dialog .note-help-dialog .note-shortcut-layout {
    width: 100%
}
.note-editor .note-dialog .note-help-dialog .note-shortcut-layout td {
    vertical-align: top
}
.note-editor .note-dialog .note-help-dialog .note-shortcut {
    margin-top: 8px
}
.note-editor .note-dialog .note-help-dialog .note-shortcut th {
    font-size: 13px;
    color: #dd0;
    text-align: left
}
.note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child {
    min-width: 110px;
    padding-right: 10px;
    font-family: "Courier New";
    color: #dd0;
    text-align: right
}
.note-editor .note-editable {
    padding: 20px;
    overflow: auto;
    outline: 0
}
.note-editor .note-editable[contenteditable="false"] {
    background-color: #e5e5e5
}
.note-editor .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}
.note-editor .dropdown-menu {
    min-width: 90px
}
.note-editor .dropdown-menu.right {
    right: 0;
    left: auto
}
.note-editor .dropdown-menu.right::before {
    right: 9px;
    left: auto !important
}
.note-editor .dropdown-menu.right::after {
    right: 10px;
    left: auto !important
}
.note-editor .dropdown-menu li a i {
    color: deepskyblue;
    visibility: hidden
}
.note-editor .dropdown-menu li a.checked i {
    visibility: visible
}
.note-editor .note-fontsize-10 {
    font-size: 10px
}
.note-editor .note-color-palette {
    line-height: 1
}
.note-editor .note-color-palette div .note-color-btn {
    width: 17px;
    height: 17px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff
}
.note-editor .note-color-palette div .note-color-btn:hover {
    border: 1px solid #000
}

css/plugins/sweetalert/sweetalert.css

@@ -0,0 +1,715 @@
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }
.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }
.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert button {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #a1d9f2; }
    .sweet-alert button:active {
      background-color: #81ccee; }
    .sweet-alert button.cancel {
      background-color: #D0D0D0; }
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b6b6b6; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }
/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }
@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }
@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }
@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }
@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }
@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }
.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }
@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }
@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }
/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

css/plugins/switchery/switchery.css

@@ -0,0 +1,32 @@
/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */
.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.switchery > small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    height: 30px;
    position: absolute;
    top: 0;
    width: 30px;
}

css/plugins/treeview/bootstrap-treeview.css

@@ -0,0 +1,35 @@
/* =========================================================
 * bootstrap-treeview.css v1.0.0
 * =========================================================
 * Copyright 2013 Jonathan Miles 
 * Project URL : http://www.jondmiles.com/bootstrap-treeview
 *	
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
.list-group-item {
	cursor: pointer;
}
/*.list-group-item:hover {
  background-color: #f5f5f5;
}*/
span.indent {
	margin-left: 10px;
	margin-right: 10px;
}
span.icon {
	margin-right: 5px;
}

css/plugins/webuploader/webuploader.css

@@ -0,0 +1,28 @@
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.webuploader-pick-hover {
	background: #00a2d4;
}
.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}

css/style.min.css

@@ -0,0 +1,8794 @@
h1,h2,h3,h4,h5,h6 {
    font-weight: 100
}
h1 {
    font-size: 30px
}
h2 {
    font-size: 24px
}
h3 {
    font-size: 16px
}
h4 {
    font-size: 14px
}
h5 {
    font-size: 12px
}
h6 {
    font-size: 10px
}
h3,h4,h5 {
    margin-top: 5px;
    font-weight: 600
}
a:focus {
    outline: 0
}
.nav>li>a {
    color: #a7b1c2;
    font-weight: 600;
    padding: 14px 20px 14px 25px
}
.nav li>a {
    display: block
}
.nav.navbar-right>li>a {
    color: #999c9e
}
.nav>li.active>a {
    color: #fff
}
.navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:hover {
    background-color: #293846;
    color: #fff
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background: #fff
}
.nav>li>a i {
    margin-right: 6px
}
.navbar {
    border: 0
}
.navbar-default {
    background-color: transparent;
    border-color: #2f4050;
    position: relative
}
.navbar-top-links li {
    display: inline-block
}
.navbar-top-links li:last-child {
    margin-right: 30px
}
body.body-small .navbar-top-links li:last-child {
    margin-right: 10px
}
.navbar-top-links li a {
    padding: 20px 10px;
    min-height: 50px
}
.dropdown-menu {
    border: medium none;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(86,96,117,.3)
}
.dropdown-menu>li>a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: 400
}
.dropdown-menu>li>a.font-bold {
    font-weight: 600
}
.navbar-top-links .dropdown-menu li {
    display: block
}
.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0
}
.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0
}
.navbar-top-links .dropdown-menu li a div {
    white-space: normal
}
.navbar-top-links .dropdown-alerts,.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks {
    width: 310px;
    min-width: 0
}
.navbar-top-links .dropdown-messages {
    margin-left: 5px
}
.navbar-top-links .dropdown-tasks {
    margin-left: -59px
}
.navbar-top-links .dropdown-alerts {
    margin-left: -123px
}
.navbar-top-links .dropdown-user {
    right: 0;
    left: auto
}
.dropdown-alerts,.dropdown-messages {
    padding: 10px
}
.dropdown-alerts li a,.dropdown-messages li a {
    font-size: 12px
}
.dropdown-alerts li em,.dropdown-messages li em {
    font-size: 10px
}
.nav.navbar-top-links .dropdown-alerts a {
    font-size: 12px
}
.nav-header {
    padding: 33px 25px;
    background: url(patterns/header-profile.png) no-repeat
}
.nav>li.active {
    border-left: 4px solid #19aa8d;
}
.nav.nav-second-level>li.active {
    border: none
}
.nav.nav-second-level.collapse[style] {
    height: auto!important
}
.nav-header a {
    color: #DFE4ED
}
.nav-header .text-muted {
    color: #8095a8
}
.minimalize-styl-2 {
    padding: 4px 12px;
    margin: 14px 5px 5px 20px;
    font-size: 14px;
    float: left
}
.navbar-form-custom {
    float: left;
    height: 50px;
    padding: 0;
    width: 200px;
    display: inline-table
}
.navbar-form-custom .form-group {
    margin-bottom: 0
}
.nav.navbar-top-links a {
    font-size: 14px
}
.navbar-form-custom .form-control {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    border: medium none;
    font-size: 14px;
    height: 60px;
    margin: 0;
    z-index: 2000
}
.count-info .label {
    line-height: 12px;
    padding: 1px 5px;
    position: absolute;
    right: 6px;
    top: 12px
}
.arrow {
    float: right;
    margin-top: 2px
}
.fa.arrow:before {
    content: "\f104"
}
.active>a>.fa.arrow:before {
    content: "\f107"
}
.nav>li>a i.arrow {
	display: none;
	position: absolute;
	top: 14px;
	left: 232px;
	width: 8px;
	margin: 0;
	z-index: 10000;
	background: url(../img/xuanzhe_jiantou.png) no-repeat no-repeat;
}
.nav>li:hover>a i.arrow, .nav>li.active>a i.arrow {
	display: block;
}
.nav-second-level li,.nav-third-level li {
    border-bottom: none!important
}
.nav-second-level li a {
    padding: 7px 15px 7px 10px;
    padding-left: 52px
}
.nav-third-level li a {
    padding-left: 62px
}
.nav-second-level li:last-child {
    margin-bottom: 10px
}
.mini-navbar .nav li:focus>.nav-second-level,body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level {
    display: block;
    border-radius: 0 2px 2px 0;
    min-width: 140px;
    height: auto
}
body.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
    font-size: 12px;
    border-radius: 0 2px 2px 0
}
.fixed-nav .slimScrollDiv #side-menu {
    padding-bottom: 60px;
    position: relative
}
.slimScrollDiv >* {
    overflow: hidden
}
.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px
}
.canvas-menu.mini-navbar .nav-second-level {
    background: #293846
}
.mini-navbar li.active .nav-second-level {
    left: 65px
}
.navbar-default .special_link a {
    background: #1ab394;
    color: #fff
}
.navbar-default .special_link a:hover {
    background: #17987e!important;
    color: #fff
}
.navbar-default .special_link a span.label {
    background: #fff;
    color: #1ab394
}
.navbar-default .landing_link a {
    background: #1cc09f;
    color: #fff
}
.navbar-default .landing_link a:hover {
    background: #1ab394!important;
    color: #fff
}
.navbar-default .landing_link a span.label {
    background: #fff;
    color: #1cc09f
}
.logo-element {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: none;
    padding: 18px 0
}
.pace-done #page-wrapper,.pace-done .footer,.pace-done .nav-header,.pace-done .navbar-static-side,.pace-done li.active {
    -webkit-transition: all .5s;
    transition: all .5s
}
.navbar-fixed-top {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    z-index: 2030
}
.navbar-fixed-top,.navbar-static-top {
    background: #f3f3f4
}
.fixed-nav #wrapper {
    padding-top: 60px;
    box-sizing: border-box
}
.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px
}
.body-small .navbar-fixed-top {
    margin-left: 0
}
body.mini-navbar .navbar-static-side {
    width: 70px
}
body.mini-navbar .nav-label,body.mini-navbar .navbar-default .nav li a span,body.mini-navbar .profile-element {
    display: none
}
body.canvas-menu .profile-element {
    display: block
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
    display: none
}
body.mini-navbar .navbar-default .nav>li>a {
    font-size: 16px
}
body.mini-navbar .logo-element {
    display: block
}
body.canvas-menu .logo-element {
    display: none
}
body.mini-navbar .nav-header {
    padding: 0;
    background-color: #1ab394
}
body.canvas-menu .nav-header {
    padding: 33px 25px
}
body.mini-navbar #page-wrapper {
    margin: 0 0 0 70px
}
body.canvas-menu.mini-navbar #page-wrapper,body.canvas-menu.mini-navbar .footer {
    margin: 0
}
body.canvas-menu .navbar-static-side,body.fixed-sidebar .navbar-static-side {
    position: fixed;
    width: 240px;
    height: 100%;
    background-color: #14243a;
    z-index: 2001;
}
body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 70px
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper,body.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 70px
}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 70px
}
.fixed-sidebar.mini-navbar .nav li> .nav-second-level {
    display: none
}
.fixed-sidebar.mini-navbar .nav li.active {
    border-left-width: 0
}
.canvas-menu.mini-navbar .nav li:hover>.nav-second-level,.fixed-sidebar.mini-navbar .nav li:hover>.nav-second-level {
    position: absolute;
    left: 70px;
    top: 0;
    background-color: #2f4050;
    padding: 10px 10px 0;
    font-size: 12px;
    display: block;
    min-width: 140px;
    border-radius: 2px
}
body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
    font-size: 12px;
    border-radius: 3px
}
body.canvas-menu.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
    font-size: 13px;
    border-radius: 3px
}
.canvas-menu.mini-navbar .nav-second-level li a,.fixed-sidebar.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px
}
.canvas-menu.mini-navbar .nav-second-level,.fixed-sidebar.mini-navbar .nav-second-level {
    position: relative;
    padding: 0;
    font-size: 13px
}
.canvas-menu.mini-navbar li.active .nav-second-level,.fixed-sidebar.mini-navbar li.active .nav-second-level {
    left: 0
}
body.canvas-menu nav.navbar-static-side {
    z-index: 2001;
    background: #2f4050;
    height: 100%;
    position: fixed;
    display: none
}
body.canvas-menu.mini-navbar nav.navbar-static-side {
    display: block;
    width: 70px
}
.top-navigation #page-wrapper {
    margin-left: 0
}
.top-navigation .navbar-nav .dropdown-menu>.active>a {
    background: #fff;
    color: #1ab394;
    font-weight: 700
}
.white-bg .navbar-fixed-top,.white-bg .navbar-static-top {
    background: #fff
}
.top-navigation .navbar {
    margin-bottom: 0
}
.top-navigation .nav>li>a {
    padding: 15px 20px;
    color: #676a6c
}
.top-navigation .nav>li a:focus,.top-navigation .nav>li a:hover {
    background: #fff;
    color: #1ab394
}
.top-navigation .nav>li.active {
    background: #fff;
    border: none
}
.top-navigation .nav>li.active>a {
    color: #1ab394
}
.top-navigation .navbar-right {
    padding-right: 10px
}
.top-navigation .navbar-nav .dropdown-menu {
    box-shadow: none;
    border: 1px solid #e7eaec
}
.top-navigation .dropdown-menu>li>a {
    margin: 0;
    padding: 7px 20px
}
.navbar .dropdown-menu {
    margin-top: 0
}
.top-navigation .navbar-brand {
    background: #1ab394;
    color: #fff;
    padding: 15px 25px
}
.top-navigation .navbar-top-links li:last-child {
    margin-right: 0
}
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,.canvas-menu #page-wrapper,.mini-navbar .top-navigation #page-wrapper,.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,.top-navigation.mini-navbar #page-wrapper {
    margin: 0
}
.fixed-nav #wrapper.top-navigation,.top-navigation.fixed-nav #wrapper {
    margin-top: 50px
}
.top-navigation .footer.fixed {
    margin-left: 0!important
}
.top-navigation .wrapper.wrapper-content {
    padding: 40px
}
.body-small .top-navigation .wrapper.wrapper-content,.top-navigation.body-small .wrapper.wrapper-content {
    padding: 40px 0
}
.navbar-toggle {
    color: #fff;
    padding: 6px 12px;
    font-size: 14px
}
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header,.top-navigation .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 15px 10px 20px
}
@media (max-width: 768px) {
    .top-navigation .navbar-header {
        display:block;
        float: none
    }
}
.menu-visible-lg,.menu-visible-md {
    display: none!important
}
@media (min-width: 1200px) {
    .menu-visible-lg {
        display:block!important
    }
}
@media (min-width: 992px) {
    .menu-visible-md {
        display:block!important
    }
}
@media (max-width: 767px) {
    .menu-visible-lg,.menu-visible-md {
        display:block!important
    }
}
.btn {
    border-radius: 3px
}
.float-e-margins .btn {
    margin-bottom: 5px
}
.btn-w-m {
    min-width: 120px
}
.btn-primary.btn-outline {
    color: #1ab394
}
.btn-success.btn-outline {
    color: #1c84c6
}
.btn-info.btn-outline {
    color: #23c6c8
}
.btn-warning.btn-outline {
    color: #f8ac59
}
.btn-danger.btn-outline {
    color: #ed5565
}
.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover {
    color: #fff
}
.btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF
}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}
.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary {
    background-image: none
}
.btn-primary.active[disabled],.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}
.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFF
}
.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}
.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success {
    background-image: none
}
.btn-success.active[disabled],.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #1f90d8;
    border-color: #1f90d8
}
.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFF
}
.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}
.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info {
    background-image: none
}
.btn-info.active[disabled],.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #26d7d9;
    border-color: #26d7d9
}
.btn-default {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    color: #FFF
}
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {
    background-color: #bababa;
    border-color: #bababa;
    color: #FFF
}
.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default {
    background-image: none
}
.btn-default.active[disabled],.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #ccc;
    border-color: #ccc
}
.btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFF
}
.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}
.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning {
    background-image: none
}
.btn-warning.active[disabled],.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f9b66d;
    border-color: #f9b66d
}
.btn-danger {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #FFF
}
.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFF
}
.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger {
    background-image: none
}
.btn-danger.active[disabled],.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #ef6776;
    border-color: #ef6776
}
.btn-link {
    color: inherit
}
.btn-link.active,.btn-link:active,.btn-link:focus,.btn-link:hover,.open .dropdown-toggle.btn-link {
    color: #1ab394;
    text-decoration: none
}
.btn-link.active,.btn-link:active,.open .dropdown-toggle.btn-link {
    background-image: none
}
.btn-link.active[disabled],.btn-link.disabled,.btn-link.disabled.active,.btn-link.disabled:active,.btn-link.disabled:focus,.btn-link.disabled:hover,.btn-link[disabled],.btn-link[disabled]:active,.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link,fieldset[disabled] .btn-link.active,fieldset[disabled] .btn-link:active,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #cacaca
}
.btn-white {
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec
}
.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #d2d2d2
}
.btn-white.active,.btn-white:active {
    box-shadow: 0 2px 5px rgba(0,0,0,.15)inset
}
.btn-white.active,.btn-white:active,.open .dropdown-toggle.btn-white {
    background-image: none
}
.btn-white.active[disabled],.btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled:active,.btn-white.disabled:focus,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled]:active,.btn-white[disabled]:focus,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:hover {
    color: #cacaca
}
.form-control,.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.navbar-collapse,.navbar-form,.navbar-form-custom .form-control:focus,.navbar-form-custom .form-control:hover,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar {
    box-shadow: none
}
.btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s
}
.btn-rounded {
    border-radius: 50px
}
.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px
}
button.dim {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 20px!important
}
button.dim:active {
    top: 3px
}
button.btn-primary.dim {
    box-shadow: inset 0 0 0 #16987e,0 5px 0 0 #16987e,0 10px 5px #999
}
button.btn-primary.dim:active {
    box-shadow: inset 0 0 0 #16987e,0 2px 0 0 #16987e,0 5px 3px #999
}
button.btn-default.dim {
    box-shadow: inset 0 0 0 #b3b3b3,0 5px 0 0 #b3b3b3,0 10px 5px #999
}
button.btn-default.dim:active {
    box-shadow: inset 0 0 0 #b3b3b3,0 2px 0 0 #b3b3b3,0 5px 3px #999
}
button.btn-warning.dim {
    box-shadow: inset 0 0 0 #f79d3c,0 5px 0 0 #f79d3c,0 10px 5px #999
}
button.btn-warning.dim:active {
    box-shadow: inset 0 0 0 #f79d3c,0 2px 0 0 #f79d3c,0 5px 3px #999
}
button.btn-info.dim {
    box-shadow: inset 0 0 0 #1eacae,0 5px 0 0 #1eacae,0 10px 5px #999
}
button.btn-info.dim:active {
    box-shadow: inset 0 0 0 #1eacae,0 2px 0 0 #1eacae,0 5px 3px #999
}
button.btn-success.dim {
    box-shadow: inset 0 0 0 #1872ab,0 5px 0 0 #1872ab,0 10px 5px #999
}
button.btn-success.dim:active {
    box-shadow: inset 0 0 0 #1872ab,0 2px 0 0 #1872ab,0 5px 3px #999
}
button.btn-danger.dim {
    box-shadow: inset 0 0 0 #ea394c,0 5px 0 0 #ea394c,0 10px 5px #999
}
button.btn-danger.dim:active {
    box-shadow: inset 0 0 0 #ea394c,0 2px 0 0 #ea394c,0 5px 3px #999
}
button.dim:before {
    font-size: 50px;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    display: block;
    padding-top: 10px
}
button.dim:active:before {
    top: 7px;
    font-size: 50px
}
.label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none
}
.badge {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: none
}
.badge-primary,.label-primary {
    background-color: #1ab394;
    color: #FFF
}
.badge-success,.label-success {
    background-color: #1c84c6;
    color: #FFF
}
.badge-warning,.label-warning {
    background-color: #f8ac59;
    color: #FFF
}
.badge-warning-light,.label-warning-light {
    background-color: #f8ac59;
    color: #fff
}
.badge-danger,.label-danger {
    background-color: #ed5565;
    color: #FFF
}
.badge-info,.label-info {
    background-color: #23c6c8;
    color: #FFF
}
.badge-inverse,.label-inverse {
    background-color: #262626;
    color: #FFF
}
.badge-white,.label-white {
    background-color: #FFF;
    color: #5E5E5E
}
.badge-disable,.label-white {
    background-color: #2A2E36;
    color: #8B91A0
}
.chosen-container-single .chosen-single {
    background: #fff;
    box-shadow: none;
    -moz-box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #CBD5DD;
    border-radius: 2px;
    cursor: text;
    height: auto!important;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 4px 12px;
    position: relative;
    width: 100%
}
.chosen-container-multi .chosen-choices li.search-choice {
    background: #f1f1f1;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background-color: #f4f4f4;
    border-color: #DDD;
    color: inherit;
    cursor: default;
    z-index: 2
}
.pagination>li>a,.pagination>li>span {
    background-color: #FFF;
    border: 1px solid #DDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none
}
.tooltip-inner {
    background-color: #2F4050
}
.tooltip.top .tooltip-arrow {
    border-top-color: #2F4050
}
.tooltip.right .tooltip-arrow {
    border-right-color: #2F4050
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2F4050
}
.tooltip.left .tooltip-arrow {
    border-left-color: #2F4050
}
.easypiechart {
    position: relative;
    text-align: center
}
.easypiechart .h2 {
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block
}
.easypiechart canvas {
    top: 0;
    left: 0
}
.easypiechart .easypie-text {
    line-height: 1;
    position: absolute;
    top: 33px;
    width: 100%;
    z-index: 1
}
.easypiechart img {
    margin-top: -4px
}
.jqstooltip {
    box-sizing: content-box
}
.fc-state-default {
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
    color: #333;
    text-shadow: none;
    border: 1px solid
}
.fc-button {
    color: inherit;
    border: 1px solid #e7eaec;
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 .6em;
    position: relative;
    white-space: nowrap
}
.fc-state-active {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #fff
}
.fc-header-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: inherit
}
.fc-content .fc-widget-content,.fc-content .fc-widget-header {
    border-color: #e7eaec;
    font-weight: 400
}
.fc-border-separate tbody {
    background-color: #F8F8F8
}
.fc-state-highlight {
    background: none repeat scroll 0 0 #FCF8E3
}
.external-event {
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 5px
}
.fc-ltr .fc-event-hori.fc-event-end,.fc-rtl .fc-event-hori.fc-event-start {
    border-radius: 2px
}
.fc-agenda .fc-event-time,.fc-event,.fc-event a {
    padding: 4px 6px;
    background-color: #1ab394;
    border-color: #1ab394
}
.fc-event-time,.fc-event-title {
    color: #717171;
    padding: 0 1px
}
.ui-calendar .fc-event-time,.ui-calendar .fc-event-title {
    color: #fff
}
.chat-activity-list .chat-element {
    border-bottom: 1px solid #e7eaec
}
.chat-element:first-child {
    margin-top: 0
}
.chat-element {
    padding-bottom: 15px
}
.chat-element,.chat-element .media {
    margin-top: 15px
}
.chat-element,.media-body {
    overflow: hidden
}
.media-body {
    display: block;
    width: auto
}
.chat-element>.pull-left {
    margin-right: 10px
}
.chat-element img.img-circle,.dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px
}
.chat-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px
}
.chat-element .actions {
    margin-top: 10px
}
.chat-element .photos {
    margin: 10px 0
}
.right.chat-element>.pull-right {
    margin-left: 10px
}
.chat-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px
}
.chat {
    margin: 0;
    padding: 0;
    list-style: none
}
.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9
}
.chat li.left .chat-body {
    margin-left: 60px
}
.chat li.right .chat-body {
    margin-right: 60px
}
.chat li .chat-body p {
    margin: 0;
    color: #777
}
.chat .glyphicon,.panel .slidedown .glyphicon {
    margin-right: 5px
}
.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll
}
a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF;
    z-index: 2
}
.list-group-item-heading {
    margin-top: 10px
}
.list-group-item-text {
    margin: 0 0 10px;
    color: inherit;
    font-size: 12px;
    line-height: inherit
}
.no-padding .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: none
}
.no-padding .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none
}
.no-padding .list-group {
    margin-bottom: 0
}
.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative
}
.elements-list .list-group-item {
    border-left: none;
    border-right: none;
    padding: 15px 25px
}
.elements-list .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-top: none!important
}
.elements-list .list-group {
    margin-bottom: 0
}
.elements-list a {
    color: inherit
}
.elements-list .list-group-item.active,.elements-list .list-group-item:hover {
    background: #f3f3f4;
    color: inherit;
    border-color: #e7eaec;
    border-radius: 0
}
.elements-list li.active {
    -webkit-transition: none;
    transition: none
}
.element-detail-box {
    padding: 25px
}
.flot-chart {
    display: block;
    height: 200px
}
.widget .flot-chart.dashboard-chart {
    display: block;
    height: 120px;
    margin-top: 40px
}
.flot-chart.dashboard-chart {
    display: block;
    height: 180px;
    margin-top: 40px
}
.flot-chart-content {
    width: 100%;
    height: 100%
}
.flot-chart-pie-content {
    width: 200px;
    height: 200px;
    margin: auto
}
.jqstooltip {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    visibility: hidden;
    background: #2b303a;
    background-color: rgba(43,48,58,.8);
    color: #fff;
    text-align: left;
    white-space: nowrap;
    z-index: 10000;
    padding: 5px;
    min-height: 22px;
    border-radius: 3px
}
.jqsfield {
    color: #fff;
    text-align: left
}
.t-indent0 {
	text-indent: 0;
}
.t-indent1 {
	text-indent: 1em;
}
.t-indent2 {
	text-indent: 2em;
}
.t-indent10 {
	text-indent: 10px;
}
.t-indent20 {
	text-indent: 20px;
}
.h-200 {
    min-height: 200px
}
.legendLabel {
    padding-left: 5px
}
.stat-list li:first-child {
    margin-top: 0
}
.stat-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.stat-percent {
    float: right
}
.stat-list li {
    margin-top: 15px;
    position: relative
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled {
    background: 0 0
}
table.dataTable thead .sorting_asc:after {
    float: right;
    font-family: fontawesome
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome
}
table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5)
}
.dataTables_wrapper {
    padding-bottom: 30px
}
.img-circle {
    border-radius: 50%
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33
}
.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important
}
.show-grid {
    margin: 15px 0
}
.css-animation-box h1 {
    font-size: 44px
}
.animation-efect-links a {
    padding: 4px 6px;
    font-size: 12px
}
#animation_box {
    background-color: #f9f8f8;
    border-radius: 16px;
    width: 80%;
    margin: 0 auto;
    padding-top: 80px
}
.animation-text-box {
    position: absolute;
    margin-top: 40px;
    left: 50%;
    margin-left: -100px;
    width: 200px
}
.animation-text-info {
    position: absolute;
    margin-top: -60px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    font-size: 10px
}
.animation-text-box h2 {
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 5px
}
.animation-text-box p {
    font-size: 12px;
    text-transform: uppercase
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.pace .pace-progress {
    background: #1ab394;
    position: fixed;
    z-index: 2000;
    top: 0;
    width: 100%;
    height: 2px
}
.pace-inactive {
    display: none
}
.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px
}
.widget.style1 h2 {
    font-size: 30px
}
.widget h2,.widget h3 {
    margin-top: 5px;
    margin-bottom: 0
}
.widget-text-box {
    padding: 20px;
    border: 1px solid #e7eaec;
    background: #fff
}
.widget-head-color-box {
    border-radius: 5px 5px 0 0;
    margin-top: 10px
}
.widget .flot-chart {
    height: 100px
}
.vertical-align div {
    display: inline-block;
    vertical-align: middle
}
.vertical-align h2,.vertical-align h3 {
    margin: 0
}
.todo-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 14px
}
.todo-list.small-list {
    font-size: 12px
}
.todo-list.small-list>li {
    background: #f3f3f4;
    border-left: none;
    border-right: none;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 6px 6px 6px 12px
}
.todo-list.small-list .btn-group-xs>.btn,.todo-list.small-list .btn-xs {
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.5;
    padding: 1px 2px 1px 5px
}
.todo-list>li {
    background: #f3f3f4;
    border-left: 6px solid #e7eaec;
    border-right: 6px solid #e7eaec;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 10px
}
.todo-list .handle {
    cursor: move;
    display: inline-block;
    font-size: 16px;
    margin: 0 5px
}
.todo-list>li .label {
    font-size: 9px;
    margin-left: 10px
}
.check-link {
    font-size: 16px
}
.todo-completed {
    text-decoration: line-through
}
.geo-statistic h1 {
    font-size: 36px;
    margin-bottom: 0
}
.glyphicon.fa {
    font-family: FontAwesome
}
.inline {
    display: inline-block!important;
    vertical-align: middle;
}
.input-s-sm {
    width: 120px
}
.input-s {
    width: 200px
}
.input-s-lg {
    width: 250px
}
.i-checks {
    padding-left: 0
}
.form-control,.single-line {
    background-color: #FFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    -webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 14px
}
.form-control:focus,.single-line:focus {
    border-color: #1ab394!important
}
.has-success .form-control {
    border-color: #1ab394
}
.has-warning .form-control {
    border-color: #f8ac59
}
.has-error .form-control {
    border-color: #ed5565
}
.has-success .control-label {
    color: #1ab394
}
.has-warning .control-label {
    color: #f8ac59
}
.has-error .control-label {
    color: #ed5565
}
.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center
}
.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.13
}
.spinner-buttons.input-group-btn {
    width: 20%
}
.noUi-connect {
    background: none repeat scroll 0 0 #1ab394;
    box-shadow: none
}
.slider_red .noUi-connect {
    background: none repeat scroll 0 0 #ed5565;
    box-shadow: none
}
.ui-sortable .ibox-title {
    cursor: move
}
.ui-sortable-placeholder {
    border: 1px dashed #cecece!important;
    visibility: visible!important;
    background: #e7eaec
}
.ibox.ui-sortable-placeholder {
    margin: 0 0 23px!important
}
.tabs-container .panel-body {
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative
}
.tabs-container .nav-tabs>li.active>a,.tabs-container .nav-tabs>li.active>a:focus,.tabs-container .nav-tabs>li.active>a:hover {
    background-color: #fff
}
.tabs-container .nav-tabs>li {
    float: left;
    margin-bottom: -1px
}
.tabs-container .nav-tabs>li.active>a,.tabs-container .nav-tabs>li.active>a:focus,.tabs-container .nav-tabs>li.active>a:hover {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent
}
.tabs-container .nav-tabs {
    border-bottom: 1px solid #e7eaec
}
.tabs-container .tab-pane .panel-body {
    border-top: none
}
.tabs-container .tabs-left .tab-pane .panel-body,.tabs-container .tabs-right .tab-pane .panel-body {
    border-top: 1px solid #e7eaec
}
.tabs-container .nav-tabs>li a:hover {
    background: 0 0;
    border-color: transparent
}
.tabs-container .tabs-below>.nav-tabs,.tabs-container .tabs-left>.nav-tabs,.tabs-container .tabs-right>.nav-tabs {
    border-bottom: 0
}
.tabs-container .tabs-left .panel-body {
    position: static
}
.tabs-container .tabs-left>.nav-tabs,.tabs-container .tabs-right>.nav-tabs {
    width: 20%
}
.tabs-container .tabs-left .panel-body {
    width: 80%;
    margin-left: 20%
}
.tabs-container .tabs-right .panel-body {
    width: 80%;
    margin-right: 20%
}
.tabs-container .pill-content>.pill-pane,.tabs-container .tab-content>.tab-pane {
    display: none
}
.tabs-container .pill-content>.active,.tabs-container .tab-content>.active {
    display: block
}
.tabs-container .tabs-below>.nav-tabs {
    border-top: 1px solid #e7eaec
}
.tabs-container .tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}
.tabs-container .tabs-below>.nav-tabs>li>a {
    border-radius: 0 0 4px 4px
}
.tabs-container .tabs-below>.nav-tabs>li>a:focus,.tabs-container .tabs-below>.nav-tabs>li>a:hover {
    border-top-color: #e7eaec;
    border-bottom-color: transparent
}
.tabs-container .tabs-left>.nav-tabs>li,.tabs-container .tabs-right>.nav-tabs>li {
    float: none
}
.tabs-container .tabs-left>.nav-tabs>li>a,.tabs-container .tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}
.tabs-container .tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px
}
.tabs-container .tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    border-radius: 4px 0 0 4px
}
.tabs-container .tabs-left>.nav-tabs .active>a,.tabs-container .tabs-left>.nav-tabs .active>a:focus,.tabs-container .tabs-left>.nav-tabs .active>a:hover {
    border-color: #e7eaec transparent #e7eaec #e7eaec;
    *border-right-color: #fff
}
.tabs-container .tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px
}
.tabs-container .tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    border-radius: 0 4px 4px 0
}
.tabs-container .tabs-right>.nav-tabs .active>a,.tabs-container .tabs-right>.nav-tabs .active>a:focus,.tabs-container .tabs-right>.nav-tabs .active>a:hover {
    border-color: #e7eaec #e7eaec #e7eaec transparent;
    *border-left-color: #fff;
    z-index: 1
}
.onoffswitch {
    position: relative;
    width: 54px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.onoffswitch-checkbox {
    display: none
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #1AB394;
    border-radius: 3px
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s
}
.onoffswitch-inner:after,.onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 16px;
    padding: 0;
    line-height: 16px;
    font-size: 10px;
    font-family: Trebuchet,Arial,sans-serif;
    font-weight: 700;
    box-sizing: border-box
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 7px;
    background-color: #1AB394;
    color: #FFF
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 7px;
    background-color: #FFF;
    color: #919191;
    text-align: right
}
.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 0;
    background: #FFF;
    border: 2px solid #1AB394;
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px
}
.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}
.dd-list .dd-list {
    padding-left: 30px
}
.dd-collapsed .dd-list {
    display: none
}
.dd-empty,.dd-item,.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}
.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.dd-handle span {
    font-weight: 700
}
.dd-handle:hover {
    background: #f0f0f0;
    cursor: pointer;
    font-weight: 700
}
.dd-item>button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: 700
}
.dd-item>button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}
.dd-item>button[data-action=collapse]:before {
    content: '-'
}
#nestable2 .dd-item>button {
    font-family: FontAwesome;
    height: 34px;
    width: 33px;
    color: #c1c1c1
}
#nestable2 .dd-item>button:before {
    content: "\f067"
}
#nestable2 .dd-item>button[data-action=collapse]:before {
    content: "\f068"
}
.dd-empty,.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
    background-image: linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
    background-size: 60px 60px;
    background-position: 0 0,30px 30px
}
.dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none
}
.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}
.dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1)
}
.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}
#nestable-menu {
    padding: 0;
    margin: 10px 0 20px
}
#nestable-output,#nestable2-output {
    width: 100%;
    line-height: 1.333333em;
    font-family: lucida grande,lucida sans unicode,helvetica,arial,sans-serif
}
#nestable2 .dd-handle {
    color: inherit;
    border: 1px dashed #e7eaec;
    background: #f3f3f4;
    padding: 10px
}
#nestable2 span.label {
    margin-right: 10px
}
#nestable-output,#nestable2-output {
    font-size: 12px;
    padding: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.CodeMirror {
    border: 1px solid #eee;
    height: auto
}
.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto
}
.google-map {
    height: 300px
}
label.error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px
}
.form-control.error {
    border: 1px dotted #cc5965
}
.gridStyle {
    border: 1px solid #d4d4d4;
    width: 100%;
    height: 400px
}
.gridStyle2 {
    border: 1px solid #d4d4d4;
    width: 500px;
    height: 300px
}
.ngH eaderCell {
    border-right: none;
    border-bottom: 1px solid #e7eaec
}
.ngCell {
    border-right: none
}
.ngTopPanel {
    background: #F5F5F6
}
.ngRow.even {
    background: #f9f9f9
}
.ngRow.selected {
    background: #EBF2F1
}
.ngRow {
    border-bottom: 1px solid #e7eaec
}
.ngCell {
    background-color: transparent
}
.ngHeaderCell {
    border-right: none
}
#toast-container>.toast {
    background-image: none!important
}
#toast-container>.toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 24px;
    float: left;
    color: #FFF;
    padding-right: .5em;
    margin: auto .5em auto -1.5em
}
#toast-container>div {
    box-shadow: 0 0 3px #999;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}
#toast-container >:hover {
    box-shadow: 0 0 4px #999;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}
.toast,.toast-success {
    background-color: #1ab394
}
.toast-error {
    background-color: #ed5565
}
.toast-info {
    background-color: #23c6c8
}
.toast-warning {
    background-color: #f8ac59
}
.toast-top-full-width {
    margin-top: 20px
}
.toast-bottom-full-width {
    margin-bottom: 20px
}
.img-container,.img-preview {
    overflow: hidden;
    text-align: center;
    width: 100%
}
.img-preview-sm {
    height: 130px;
    width: 200px
}
.forum-post-container .media {
    margin: 10px;
    padding: 20px 10px;
    border-bottom: 1px solid #f1f1f1
}
.forum-avatar {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 110px
}
.forum-avatar .img-circle {
    height: 48px;
    width: 48px
}
.author-info {
    color: #676a6c;
    font-size: 11px;
    margin-top: 5px;
    text-align: center
}
.forum-post-info {
    padding: 9px 12px 6px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1
}
.media-body>.media {
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #f1f1f1
}
.forum-post-container .media-body .photos {
    margin: 10px 0
}
.forum-photo {
    max-width: 140px;
    border-radius: 3px
}
.media-body>.media .forum-avatar {
    width: 70px;
    margin-right: 10px
}
.media-body>.media .forum-avatar .img-circle {
    height: 38px;
    width: 38px
}
.mid-icon {
    font-size: 66px
}
.forum-item {
    margin: 10px 0;
    padding: 10px 0 20px;
    border-bottom: 1px solid #f1f1f1
}
.views-number {
    font-size: 24px;
    line-height: 18px;
    font-weight: 400
}
.forum-container,.forum-post-container {
    padding: 30px!important
}
.forum-item small {
    color: #999
}
.forum-item .forum-sub-title {
    color: #999;
    margin-left: 50px
}
.forum-title {
    margin: 15px 0
}
.forum-info {
    text-align: center
}
.forum-desc {
    color: #999
}
.forum-icon {
    float: left;
    width: 30px;
    margin-right: 20px;
    text-align: center
}
a.forum-item-title {
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 600
}
a.forum-item-title:hover {
    color: inherit
}
.forum-icon .fa {
    font-size: 30px;
    margin-top: 8px;
    color: #9b9b9b
}
.forum-item.active .fa,.forum-item.active a.forum-item-title {
    color: #1ab394
}
@media (max-width: 992px) {
    .forum-info {
        margin:15px 0 10px;
        display: none
    }
    .forum-desc {
        float: none!important
    }
}
.vertical-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}
.vertical-container::after {
    content: '';
    display: table;
    clear: both
}
#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em
}
#vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1
}
.vertical-timeline-content .btn {
    float: right
}
#vertical-timeline.light-timeline:before {
    background: #e7eaec
}
.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent
}
.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f5f5f5
}
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent
}
.dark-timeline .vertical-timeline-content,.dark-timeline.center-orientation .vertical-timeline-content {
    background: #f5f5f5
}
@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top:3em;
        margin-bottom: 3em
    }
    #vertical-timeline.center-orientation:before {
        left: 50%;
        margin-left: -2px
    }
}
@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color:transparent #f5f5f5 transparent transparent
    }
}
.vertical-timeline-block {
    position: relative;
    margin: 2em 0
}
.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both
}
.vertical-timeline-block:first-child {
    margin-top: 0
}
.vertical-timeline-block:last-child {
    margin-bottom: 0
}
@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin:4em 0
    }
    .center-orientation .vertical-timeline-block:first-child {
        margin-top: 0
    }
    .center-orientation .vertical-timeline-block:last-child {
        margin-bottom: 0
    }
}
.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1;
    text-align: center
}
.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -9px
}
@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-icon {
        width:50px;
        height: 50px;
        left: 50%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 19px
    }
    .center-orientation .vertical-timeline-icon i {
        margin-left: -12px;
        margin-top: -10px
    }
    .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
        visibility: hidden
    }
}
.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #fff;
    border-radius: .25em;
    padding: 1em
}
.vertical-timeline-content:after {
    content: "";
    display: table;
    clear: both
}
.vertical-timeline-content h2 {
    font-weight: 400;
    margin-top: 4px
}
.vertical-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}
.vertical-timeline-content .vertical-date {
    float: left;
    font-weight: 500
}
.vertical-date small {
    color: #1ab394;
    font-weight: 400
}
.vertical-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff
}
@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size:18px
    }
    .vertical-timeline-content p {
        font-size: 13px
    }
}
@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-content {
        margin-left:0;
        padding: 1.6em;
        width: 45%
    }
    .center-orientation .vertical-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #fff
    }
    .center-orientation .vertical-timeline-content .btn {
        float: left
    }
    .center-orientation .vertical-timeline-content .vertical-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 2px;
        font-size: 14px
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
        float: right
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #fff
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
        float: right
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
        left: auto;
        right: 122%;
        text-align: right
    }
    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden
    }
}
.sidebard-panel {
    width: 220px;
    background: #ebebed;
    padding: 10px 20px;
    position: absolute;
    right: 0
}
.sidebard-panel .feed-element img.img-circle {
    width: 32px;
    height: 32px
}
.media-body,.sidebard-panel .feed-element,.sidebard-panel p {
    font-size: 12px
}
.sidebard-panel .feed-element {
    margin-top: 20px;
    padding-bottom: 0
}
.sidebard-panel .list-group {
    margin-bottom: 10px
}
.sidebard-panel .list-group .list-group-item {
    padding: 5px 0;
    font-size: 12px;
    border: 0
}
.sidebar-content .wrapper,.wrapper.sidebar-content {
    padding-right: 240px!important
}
#right-sidebar {
    background-color: #fff;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    position: fixed;
    top: 60px;
    width: 260px!important;
    z-index: 1009;
    bottom: 0;
    right: -260px
}
#right-sidebar.sidebar-open {
    right: 0
}
#right-sidebar.sidebar-open.sidebar-top {
    top: 0;
    border-top: none
}
.sidebar-container ul.nav-tabs {
    border: none
}
.sidebar-container ul.nav-tabs.navs-4 li {
    width: 25%
}
.sidebar-container ul.nav-tabs.navs-3 li {
    width: 33.3333%
}
.sidebar-container ul.nav-tabs.navs-2 li {
    width: 50%
}
.sidebar-container ul.nav-tabs li {
    border: none
}
.sidebar-container ul.nav-tabs li a {
    border: none;
    padding: 12px 10px;
    margin: 0;
    border-radius: 0;
    background: #2f4050;
    color: #fff;
    text-align: center;
    border-right: 1px solid #334556
}
.sidebar-container ul.nav-tabs li.active a {
    border: none;
    background: #f9f9f9;
    color: #676a6c;
    font-weight: 700
}
.sidebar-container .nav-tabs>li.active>a:focus,.sidebar-container .nav-tabs>li.active>a:hover {
    border: none
}
.sidebar-container ul.sidebar-list {
    margin: 0;
    padding: 0
}
.sidebar-container ul.sidebar-list li {
    border-bottom: 1px solid #e7eaec;
    padding: 15px 20px;
    list-style: none;
    font-size: 12px
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
    background: #f9f9f9
}
.sidebar-container ul.sidebar-list li a {
    text-decoration: none;
    color: inherit
}
.sidebar-container .sidebar-content {
    padding: 15px 20px;
    font-size: 12px
}
.sidebar-container .sidebar-title {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e7eaec
}
.sidebar-container .sidebar-title h3 {
    margin-bottom: 3px;
    padding-left: 2px
}
.sidebar-container .tab-content h4 {
    margin-bottom: 5px
}
.sidebar-container .sidebar-message>a>.pull-left {
    margin-right: 10px
}
.sidebar-container .sidebar-message>a {
    text-decoration: none;
    color: inherit
}
.sidebar-container .sidebar-message {
    padding: 15px 20px
}
.sidebar-container .sidebar-message .message-avatar {
    height: 38px;
    width: 38px;
    border-radius: 50%
}
.sidebar-container .setings-item {
    padding: 15px 20px;
    border-bottom: 1px solid #e7eaec
}
body {
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden
}
body,body.full-height-layout #page-wrapper,body.full-height-layout #wrapper,html {
    height: 100%;
}
#page-wrapper {
    min-height: auto
}
body.boxed-layout {
    background: url(patterns/shattered.png)
}
body.boxed-layout #wrapper {
    background-color: #2f4050;
    max-width: 1200px;
    margin: 0 auto
}
.boxed-layout #wrapper.top-navigation,.top-navigation.boxed-layout #wrapper {
    max-width: 1300px!important
}
.block {
    display: block
}
.clear {
    display: block;
    overflow: hidden
}
a {
    cursor: pointer
}
a:focus,a:hover {
    text-decoration: none
}
.border-bottom {
    border-bottom: 1px solid #e7eaec!important
}
.border-top {
	border-top: 1px solid #e7eaec!important
}
.font-bold {
    font-weight: 600
}
.font-noraml {
    font-weight: 400
}
.text-uppercase {
    text-transform: uppercase
}
.b-r {
    border-right: 1px solid #e7eaec
}
.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0
}
.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0,0,0,0);
    border-style: solid!important;
    margin-top: 15px;
    margin-bottom: 15px
}
video {
    width: 100%!important;
    height: auto!important
}
.gallery>.row>div {
    margin-bottom: 15px
}
.fancybox img {
    margin-bottom: 5px;
    width: 24%
}
.note-editor {
    height: auto!important;
    min-height: 100px;
    border: solid 1px #e5e6e7
}
.modal-content {
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    outline: 0 none
}
.modal-dialog {
    z-index: 1200
}
.modal-body {
    padding: 20px 30px 30px
}
.inmodal .modal-body {
    background: #f8fafb
}
.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center
}
.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.inmodal .modal-title {
    font-size: 26px
}
.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3
}
.modal-footer {
    margin-top: 0
}
#wrapper {
    width: 100%;
    overflow-x: hidden;
    background-color: #2f4050
}
.wrapper {
    padding: 0 20px
}
.wrapper-content {
    padding: 20px
}
#page-wrapper {
    padding: 0;
    position: inherit;
    margin: 0;
}
.title-action {
    text-align: right;
    padding-top: 30px
}
.ibox-content h1,.ibox-content h2,.ibox-content h3,.ibox-content h4,.ibox-content h5,.ibox-title h1,.ibox-title h2,.ibox-title h3,.ibox-title h4,.ibox-title h5 {
    margin-top: 5px
}
ol.unstyled,ul.unstyled {
    list-style: none outside none;
    margin-left: 0
}
.big-icon {
    font-size: 160px;
    color: #e5e6e7
}
.footer {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    padding: 10px 20px;
    margin: 0 -15px;
    height: 36px
}
.footer.fixed_full {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: #fff;
    border-top: 1px solid #e7eaec
}
.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: #fff;
    border-top: 1px solid #e7eaec;
    margin-left: 220px
}
body.body-small.mini-navbar .footer.fixed,body.mini-navbar .footer.fixed {
    margin: 0 0 0 70px
}
body.canvas-menu .footer.fixed,body.mini-navbar.canvas-menu .footer.fixed {
    margin: 0!important
}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 220px
}
body.body-small .footer.fixed {
    margin-left: 0
}
.page-heading {
    border-top: 0;
    padding: 0 20px 20px
}
.panel-heading h1,.panel-heading h2 {
    margin-bottom: 5px
}
.content-tabs {
    position: relative;
    height: 42px;
    background: #fafafa;
    line-height: 40px
}
.content-tabs .roll-nav,.page-tabs-list {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #999;
    z-index: 2;
    top: 0
}
.content-tabs .roll-left {
    left: 0;
    border-right: solid 1px #eee
}
.content-tabs .roll-right {
    right: 0;
    border-left: solid 1px #eee
}
.content-tabs button {
    background: #fff;
    border: 0;
    height: 40px;
    width: 40px;
    outline: 0
}
.content-tabs button:hover {
    background: #fafafa
}
nav.page-tabs {
    margin-left: 40px;
    width: 100000px;
    height: 40px;
    overflow: hidden
}
nav.page-tabs .page-tabs-content {
    float: left
}
.page-tabs a {
    display: block;
    float: left;
    border-right: solid 1px #eee;
    padding: 0 15px
}
.page-tabs a i:hover {
    color: #c00
}
.content-tabs .roll-nav:hover,.page-tabs a:hover {
    color: #777;
    background: #f2f2f2;
    cursor: pointer
}
.roll-right.J_tabRight {
    right: 0
}
.roll-right.btn-group {
    right: 60px;
    width: 80px;
    padding: 0
}
.roll-right.btn-group button {
    width: 80px
}
.roll-right.J_tabExit {
    background: #fff;
    height: 40px;
    width: 60px;
    outline: 0
}
.dropdown-menu-right {
    left: auto
}
#content-main {
	padding-left: 240px;
    margin-right: 0;
    margin-left: 0;
    height: calc(100% - 60px);
    overflow: hidden
}
.fixed-nav #content-main {
    height: calc(100% - 80px);
    overflow: hidden
}
.table-bordered {
    border: 1px solid #EBEBEB
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    background-color: #F5F5F6
}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #e7e7e7
}
.table>thead>tr>th {
    border-bottom: 1px solid #DDD
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle
}
@media screen and (max-width: 767px) {
	.table-responsive {
	    width: 100%;
	    margin-bottom: 0;
	    overflow-y: hidden;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	    border: 0;
	}
}
.panel.blank-panel {
    background: 0 0;
    margin: 0
}
.blank-panel .panel-heading {
    padding-bottom: 0
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: 0 0;
    border-color: #ddd #ddd rgba(0,0,0,0);
    border-bottom: #f3f3f4;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default
}
.nav.nav-tabs li {
    background: 0 0;
    border: none
}
.nav-tabs>li>a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px
}
.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
    background-color: #e6e6e6;
    color: #676a6c
}
.ui-tab .tab-content {
    padding: 20px 0
}
.no-padding {
    padding: 0!important
}
.no-borders {
    border: none!important
}
.no-margins {
    margin: 0!important
}
.no-top-border {
    border-top: 0!important
}
.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px
}
.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none
}
.border-left {
    border-left: 1px solid #e7eaec;
    border-right: none;
    border-top: none;
    border-bottom: none
}
.border-right {
    border-left: none;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none
}
.full-width {
    width: 100%!important
}
.link-block {
    font-size: 12px;
    padding: 10px
}
.nav.navbar-top-links .link-block a {
    font-size: 12px
}
.link-block a {
    font-size: 10px;
    color: inherit
}
body.mini-navbar .branding {
    display: none
}
img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%
}
.branding {
    float: left;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 20px;
    text-align: center;
    background-color: #1ab394
}
.login-panel {
    margin-top: 25%
}
.page-header {
    padding: 20px 0 9px;
    margin: 0 0 20px;
    border-bottom: 1px solid #eee
}
.fontawesome-icon-list {
    margin-top: 22px
}
.fontawesome-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px
}
.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}
.fontawesome-icon-list .fa-hover a:hover {
    background-color: #1d9d74;
    color: #fff;
    text-decoration: none
}
.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 30px;
    vertical-align: -6px
}
.fontawesome-icon-list .fa-hover a:hover .text-muted {
    color: #bbe2d5
}
.feature-list .col-md-4 {
    margin-bottom: 22px
}
.feature-list h4 .fa:before {
    vertical-align: -10%;
    font-size: 28px;
    display: inline-block;
    width: 1.07142857em;
    text-align: center;
    margin-right: 5px
}
.ui-draggable .ibox-title {
    cursor: move
}
.breadcrumb {
    background-color: #fff;
    padding: 0;
    margin-bottom: 0
}
.breadcrumb>.active,.breadcrumb>li a {
    color: inherit
}
code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap
}
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}
.ibox.collapsed .ibox-content {
    display: none
}
.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078"
}
.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077"
}
.ibox:after,.ibox:before {
    display: table
}
.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px
}
.ibox-content {
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0
}
table.table-mail tr td {
    padding: 12px
}
.table-mail .check-mail {
    padding-left: 20px
}
.table-mail .mail-date {
    padding-right: 20px
}
.check-mail,.star-mail {
    width: 40px
}
.unread td,.unread td a {
    font-weight: 600;
    color: inherit
}
.read td,.read td a {
    font-weight: 400;
    color: inherit
}
.unread td {
    background-color: #f9f8f8
}
.ibox-content {
    clear: both
}
.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none
}
.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px
}
.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left
}
.ibox-title .label {
    float: left;
    margin-left: 4px
}
.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0
}
.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4
}
.ibox-tools a.btn-primary {
    color: #fff
}
.ibox-tools .dropdown-menu>li>a {
    padding: 4px 10px;
    font-size: 12px
}
.ibox .open>.dropdown-menu {
    left: auto;
    right: 0
}
.gray-bg {
    background-color: #f3f3f4
}
.white-bg {
    background-color: #fff
}
.navy-bg {
    background-color: #1ab394;
    color: #fff
}
.blue-bg {
    background-color: #1c84c6;
    color: #fff
}
.lazur-bg {
    background-color: #23c6c8;
    color: #fff
}
.yellow-bg {
    background-color: #f8ac59;
    color: #fff
}
.red-bg {
    background-color: #ed5565;
    color: #fff
}
.black-bg {
    background-color: #262626
}
.panel-primary {
    border-color: #1ab394
}
.panel-primary>.panel-heading {
    background-color: #1ab394;
    border-color: #1ab394
}
.panel-success {
    border-color: #1c84c6
}
.panel-success>.panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff
}
.panel-info {
    border-color: #23c6c8
}
.panel-info>.panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #fff
}
.panel-warning {
    border-color: #f8ac59
}
.panel-warning>.panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff
}
.panel-danger {
    border-color: #ed5565
}
.panel-danger>.panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff
}
.progress-bar {
    background-color: #1ab394
}
.progress-small,.progress-small .progress-bar {
    height: 10px
}
.progress-mini,.progress-small {
    margin-top: 5px
}
.progress-mini,.progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0
}
.progress-bar-navy-light {
    background-color: #3dc7ab
}
.progress-bar-success {
    background-color: #1c84c6
}
.progress-bar-info {
    background-color: #23c6c8
}
.progress-bar-warning {
    background-color: #f8ac59
}
.progress-bar-danger {
    background-color: #ed5565
}
.panel-title {
    font-size: inherit
}
.jumbotron {
    border-radius: 6px;
    padding: 40px
}
.jumbotron h1 {
    margin-top: 0
}
.text-navy {
    color: #1ab394
}
.text-primary {
    color: inherit
}
.text-success {
    color: #1c84c6
}
.text-info {
    color: #23c6c8
}
.text-warning {
    color: #f8ac59
}
.text-danger {
    color: #ed5565
}
.text-muted {
    color: #888
}
.simple_tag {
    background-color: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    color: inherit;
    font-size: 10px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 12px;
    display: inline-block
}
.img-shadow {
    box-shadow: 0 0 3px 0 #919191
}
.ComposeEmail .navbar.navbar-static-top,.Dashboard_2 .navbar.navbar-static-top,.Dashboard_3 .navbar.navbar-static-top,.Dashboard_4_1 .navbar.navbar-static-top,.EmailView .navbar.navbar-static-top,.Inbox .navbar.navbar-static-top,.dashboards\.dashboard_2 nav.navbar,.dashboards\.dashboard_3 nav.navbar,.dashboards\.dashboard_4_1 nav.navbar,.mailbox\.email_compose nav.navbar,.mailbox\.email_view nav.navbar,.mailbox\.inbox nav.navbar {
    background: #fff
}
a.close-canvas-menu {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1011;
    color: #a7b1c2
}
a.close-canvas-menu:hover {
    color: #fff
}
.full-height {
    height: 100%
}
.fh-breadcrumb {
    height: calc(100% - 196px);
    margin: 0 -15px;
    position: relative
}
.fh-no-breadcrumb {
    height: calc(100% - 99px);
    margin: 0 -15px;
    position: relative
}
.fh-column {
    background: #fff;
    height: 100%;
    width: 240px;
    float: left
}
.modal-backdrop {
    z-index: 2040!important
}
.modal {
    z-index: 2050!important
}
.spiner-example {
    height: 200px;
    padding-top: 70px
}
.p-xxs {
    padding: 5px
}
.p-xs {
    padding: 10px
}
.p-sm {
    padding: 15px
}
.p-m {
    padding: 20px
}
.p-md {
    padding: 25px
}
.p-lg {
    padding: 30px
}
.p-xl {
    padding: 40px
}
.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
}
.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-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-t-none {
    margin-top: 0
}
.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-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-r-none {
    margin-right: 0
}
.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-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-b-none {
    margin-bottom: 0
}
.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-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
}
.space-15 {
    margin: 15px 0
}
.space-20 {
    margin: 20px 0
}
.space-25 {
    margin: 25px 0
}
.space-30 {
    margin: 30px 0
}
body.modal-open {
    padding-right: inherit!important
}
.search-form {
    margin-top: 10px
}
.search-result h3 {
    margin-bottom: 0;
    color: #1E0FBE
}
.search-result .search-link {
    color: #006621
}
.search-result p {
    font-size: 12px;
    margin-top: 5px
}
.contact-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px
}
.contact-box a {
    color: inherit
}
.invoice-table tbody>tr>td:last-child,.invoice-table tbody>tr>td:nth-child(2),.invoice-table tbody>tr>td:nth-child(3),.invoice-table tbody>tr>td:nth-child(4),.invoice-table thead>tr>th:last-child,.invoice-table thead>tr>th:nth-child(2),.invoice-table thead>tr>th:nth-child(3),.invoice-table thead>tr>th:nth-child(4),.invoice-total>tbody>tr>td:first-child {
    text-align: right
}
.invoice-total>tbody>tr>td {
    border: 0 none
}
.invoice-total>tbody>tr>td:last-child {
    border-bottom: 1px solid #DDD;
    text-align: right;
    width: 15%
}
.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px
}
.lockscreen.middle-box {
    width: 200px;
    padding-top: 110px
}
.loginscreen.middle-box {
    width: 300px
}
.loginColumns {
    max-width: 800px;
    margin: 0 auto;
    padding: 100px 20px 20px
}
.passwordBox {
    max-width: 460px;
    margin: 0 auto;
    padding: 100px 20px 20px
}
.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0
}
.middle-box h1 {
    font-size: 170px
}
.wrapper .middle-box {
    margin-top: 140px
}
.lock-word {
    z-index: 10;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -470px
}
.lock-word span {
    font-size: 100px;
    font-weight: 600;
    color: #e9e9e9;
    display: inline-block
}
.lock-word .first-word {
    margin-right: 160px
}
.dashboard-header {
    border-top: 0;
    padding: 20px
}
.dashboard-header h2 {
    margin-top: 10px;
    font-size: 26px
}
.fist-item {
    border-top: none!important
}
.statistic-box {
    margin-top: 40px
}
.dashboard-header .list-group-item span.label {
    margin-right: 10px
}
.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0
}
ul.clear-list:first-child {
    border-top: none!important
}
.timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 30px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    background: #f8f8f8
}
.timeline-item .date {
    text-align: right;
    width: 110px;
    position: relative;
    padding-top: 30px
}
.timeline-item .content {
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px
}
.timeline-item .content:hover {
    background: #f6f6f6
}
ul.notes li,ul.tag-list li {
    list-style: none
}
ul.notes li h4 {
    margin-top: 20px;
    font-size: 16px
}
ul.notes li div {
    position: relative
}
ul.notes li div small {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px
}
ul.notes li div a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: inherit
}
ul.notes li {
    margin: 10px 40px 50px 0;
    float: left
}
ul.notes li div p {
    font-size: 12px
}
ul.notes li div {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg)
}
ul.notes li:nth-child(even) div {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px
}
ul.notes li:nth-child(3n) div {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px
}
ul.notes li:nth-child(5n) div {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px
}
ul.notes li div:focus,ul.notes li div:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    z-index: 5
}
ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 210px;
    width: 210px;
    padding: 1em;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -webkit-transition: -webkit-transform .15s linear
}
.file-box {
    float: left;
    width: 220px
}
.file-manager h5 {
    text-transform: uppercase
}
.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0
}
.folder-list li a {
    color: #666;
    display: block;
    padding: 5px 0
}
.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block
}
.folder-list li i {
    margin-right: 8px;
    color: #3d4d5d
}
.category-list li a {
    color: #666;
    display: block;
    padding: 5px 0
}
.category-list li {
    display: block
}
.category-list li i {
    margin-right: 8px;
    color: #3d4d5d
}
.category-list li a .text-navy {
    color: #1ab394
}
.category-list li a .text-primary {
    color: #1c84c6
}
.category-list li a .text-info {
    color: #23c6c8
}
.category-list li a .text-danger {
    color: #EF5352
}
.category-list li a .text-warning {
    color: #F8AC59
}
.file-manager h5.tag-title {
    margin-top: 20px
}
.tag-list li {
    float: left
}
.tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block
}
.file {
    border: 1px solid #e7eaec;
    padding: 0;
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px
}
.file-manager .hr-line-dashed {
    margin: 15px 0
}
.file .icon,.file .image {
    height: 100px;
    overflow: hidden
}
.file .icon {
    padding: 15px 10px;
    text-align: center
}
.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px
}
.file-control.active {
    text-decoration: underline
}
.file .icon i {
    font-size: 70px;
    color: #dadada
}
.file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec
}
.file-name small {
    color: #676a6c
}
.corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: .6em solid transparent;
    border-right: .6em solid #f1f1f1;
    border-bottom: .6em solid #f1f1f1;
    right: 0;
    bottom: 0
}
a.compose-mail {
    padding: 8px 10px
}
.mail-search {
    max-width: 300px
}
.profile-content {
    border-top: none!important
}
.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec
}
.feed-element:first-child {
    margin-top: 0
}
.feed-element {
    padding-bottom: 15px
}
.feed-element,.feed-element .media {
    margin-top: 15px
}
.feed-element,.media-body {
    overflow: hidden
}
.feed-element>.pull-left {
    margin-right: 10px
}
.dropdown-messages-box img.img-circle,.feed-element img.img-circle {
    width: 38px;
    height: 38px
}
.feed-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px
}
.feed-element .actions {
    margin-top: 10px
}
.feed-element .photos {
    margin: 10px 0
}
.feed-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px
}
.mail-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-top: 0;
    padding: 0;
    margin-bottom: 20px
}
.mail-box-header {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-bottom: 0;
    padding: 30px 20px 20px
}
.mail-box-header h2 {
    margin-top: 0
}
.mailbox-content .tag-list li a {
    background: #fff
}
.mail-body {
    border-top: 1px solid #e7eaec;
    padding: 20px
}
.mail-text {
    border-top: 1px solid #e7eaec
}
.mail-text .note-toolbar {
    padding: 10px 15px
}
.mail-body .form-group {
    margin-bottom: 5px
}
.mail-text .note-editor .note-toolbar {
    background-color: #F9F8F8
}
.mail-attachment {
    border-top: 1px solid #e7eaec;
    padding: 20px;
    font-size: 12px
}
.mailbox-content {
    background: 0 0;
    border: none;
    padding: 10px
}
.mail-ontact {
    width: 23%
}
.project-actions,.project-people {
    text-align: right;
    vertical-align: middle
}
dd.project-people {
    text-align: left;
    margin-top: 5px
}
.project-people img {
    width: 32px;
    height: 32px
}
.project-title a {
    font-size: 14px;
    color: #676a6c;
    font-weight: 600
}
.project-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 15px 10px;
    vertical-align: middle
}
.project-manager .tag-list li a {
    font-size: 10px;
    background-color: #fff;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block
}
.project-files li a {
    font-size: 11px;
    color: #676a6c;
    margin-left: 10px;
    line-height: 22px
}
.faq-item {
    padding: 20px;
    margin-bottom: 2px;
    background: #fff
}
.faq-question {
    font-size: 18px;
    font-weight: 600;
    color: #1ab394;
    display: block
}
.faq-question:hover {
    color: #179d82
}
.faq-answer {
    margin-top: 10px;
    background: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    padding: 15px
}
.faq-item .tag-item {
    background: #f3f3f4;
    padding: 2px 6px;
    font-size: 10px;
    text-transform: uppercase
}
.message-input {
    height: 90px!important
}
.chat-avatar {
    white: 36px;
    height: 36px;
    float: left;
    margin-right: 10px
}
.chat-user-name {
    padding: 10px
}
.chat-user {
    padding: 8px 10px;
    border-bottom: 1px solid #e7eaec
}
.chat-user a {
    color: inherit
}
.chat-view {
    z-index: 20012
}
.chat-statistic,.chat-users {
    margin-left: -30px
}
@media (max-width: 992px) {
    .chat-statistic,.chat-users {
        margin-left:0
    }
}
.chat-view .ibox-content {
    padding: 0
}
.chat-message {
    padding: 10px 20px
}
.message-avatar {
    height: 48px;
    width: 48px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    margin-top: 1px
}
.chat-discussion .chat-message:nth-child(2n+1) .message-avatar {
    float: left;
    margin-right: 10px
}
.chat-discussion .chat-message:nth-child(2n) .message-avatar {
    float: right;
    margin-left: 10px
}
.message {
    background-color: #fff;
    border: 1px solid #e7eaec;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px
}
.chat-discussion .chat-message:nth-child(2n+1) .message-date {
    float: right
}
.chat-discussion .chat-message:nth-child(2n) .message-date {
    float: left
}
.chat-discussion .chat-message:nth-child(2n+1) .message {
    text-align: left;
    margin-left: 55px
}
.chat-discussion .chat-message:nth-child(2n) .message {
    text-align: right;
    margin-right: 55px
}
.message-date {
    font-size: 10px;
    color: #888
}
.message-content {
    display: block
}
.chat-discussion {
    background: #eee;
    padding: 15px;
    height: 400px;
    overflow-y: auto
}
.chat-users {
    overflow-y: auto;
    height: 400px
}
.chat-message-form .form-group {
    margin-bottom: 0
}
.jstree-open>.jstree-anchor>.fa-folder:before {
    content: "\f07c"
}
.jstree-default .jstree-icon.none {
    width: 0
}
.clients-list {
    margin-top: 20px
}
.clients-list .tab-pane {
    position: relative;
    height: 600px
}
.client-detail {
    position: relative;
    height: 620px
}
.clients-list table tr td {
    height: 46px;
    vertical-align: middle;
    border: none
}
.client-link {
    font-weight: 600;
    color: inherit
}
.client-link:hover {
    color: inherit
}
.client-avatar {
    width: 42px
}
.client-avatar img {
    width: 28px;
    height: 28px;
    border-radius: 50%
}
.contact-type {
    width: 20px;
    color: #c1c3c4
}
.client-status {
    text-align: left
}
.client-detail .vertical-timeline-content p {
    margin: 0
}
.client-detail .vertical-timeline-icon.gray-bg {
    color: #a7aaab
}
.clients-list .nav-tabs>li.active>a,.clients-list .nav-tabs>li.active>a:focus,.clients-list .nav-tabs>li.active>a:hover {
    border-bottom: 1px solid #fff
}
.blog h2 {
    font-weight: 700
}
.blog .btn,.blog h5 {
    margin: 0 0 5px
}
.article h1 {
    font-size: 48px;
    font-weight: 700;
    color: #2F4050
}
.article p {
    font-size: 15px;
    line-height: 26px
}
.article-title {
    text-align: center;
    margin: 60px 0 40px
}
.article .ibox-content {
    padding: 40px
}
.issue-tracker .btn-link {
    color: #1ab394
}
table.issue-tracker tbody tr td {
    vertical-align: middle;
    height: 50px
}
.issue-info {
    width: 50%
}
.issue-info a {
    font-weight: 600;
    color: #676a6c
}
.issue-info small {
    display: block
}
.team-members {
    margin: 10px 0
}
.team-members img.img-circle {
    width: 42px;
    height: 42px;
    margin-bottom: 5px
}
.sortable-list {
    padding: 10px 0
}
.agile-list {
    list-style: none;
    margin: 0
}
.agile-list li {
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    margin: 0 0 10px;
    padding: 10px;
    border-radius: 2px
}
.agile-list li:hover {
    cursor: pointer;
    background: #fff
}
.agile-list li.warning-element {
    border-left: 3px solid #f8ac59
}
.agile-list li.danger-element {
    border-left: 3px solid #ed5565
}
.agile-list li.info-element {
    border-left: 3px solid #1c84c6
}
.agile-list li.success-element {
    border-left: 3px solid #1ab394
}
.agile-detail {
    margin-top: 5px;
    font-size: 12px
}
ins {
    background-color: #c6ffc6;
    text-decoration: none
}
del {
    background-color: #ffc6c6
}
#small-chat {
    position: fixed;
    bottom: 50px;
    right: 26px;
    z-index: 100
}
#small-chat .badge {
    position: absolute;
    top: -3px;
    right: -4px
}
.open-small-chat {
    height: 38px;
    width: 38px;
    display: block;
    background: #1ab394;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%
}
.open-small-chat:hover {
    color: #fff;
    background: #1ab394
}
.small-chat-box {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 80px;
    background: #fff;
    border: 1px solid #e7eaec;
    width: 230px;
    height: 320px;
    border-radius: 4px
}
.small-chat-box.ng-small-chat {
    display: block
}
.body-small .small-chat-box {
    bottom: 70px;
    right: 20px
}
.small-chat-box.active {
    display: block
}
.small-chat-box .heading {
    background: #2f4050;
    padding: 8px 15px;
    font-weight: 700;
    color: #fff
}
.small-chat-box .chat-date {
    opacity: .6;
    font-size: 10px;
    font-weight: 400
}
.small-chat-box .content {
    padding: 15px
}
.small-chat-box .content .author-name {
    font-weight: 700;
    margin-bottom: 3px;
    font-size: 11px
}
.small-chat-box .content>div {
    padding-bottom: 20px
}
.small-chat-box .content .chat-message {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 14px;
    max-width: 80%;
    background: #f3f3f4;
    margin-bottom: 10px
}
.small-chat-box .content .chat-message.active {
    background: #1ab394;
    color: #fff
}
.small-chat-box .content .left {
    text-align: left;
    clear: both
}
.small-chat-box .content .left .chat-message {
    float: left
}
.small-chat-box .content .right {
    text-align: right;
    clear: both
}
.small-chat-box .content .right .chat-message {
    float: right
}
.small-chat-box .form-chat {
    padding: 10px
}
.sk-spinner-rotating-plane.sk-spinner {
    width: 30px;
    height: 30px;
    background-color: #1ab394;
    margin: 0 auto;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out
}
@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.sk-spinner-double-bounce.sk-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto
}
.sk-spinner-double-bounce .sk-double-bounce1,.sk-spinner-double-bounce .sk-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1ab394;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out
}
.sk-spinner-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
@-webkit-keyframes sk-doubleBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes sk-doubleBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.sk-spinner-wave.sk-spinner {
    margin: 0 auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px
}
.sk-spinner-wave div {
    background-color: #1ab394;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}
.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
@-webkit-keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}
@keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}
.sk-spinner-wandering-cubes.sk-spinner {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    position: relative
}
.sk-spinner-wandering-cubes .sk-cube1,.sk-spinner-wandering-cubes .sk-cube2 {
    background-color: #1ab394;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
    animation: sk-wanderingCubeMove 1.8s infinite ease-in-out
}
.sk-spinner-wandering-cubes .sk-cube2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
@-webkit-keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
        transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}
@keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
        transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}
.sk-spinner-pulse.sk-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out
}
@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.sk-spinner-chasing-dots.sk-spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear
}
.sk-spinner-chasing-dots .sk-dot1,.sk-spinner-chasing-dots .sk-dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out
}
.sk-spinner-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes sk-chasingDotsBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes sk-chasingDotsBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center
}
.sk-spinner-three-bounce div {
    width: 18px;
    height: 18px;
    background-color: #1ab394;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
@-webkit-keyframes sk-threeBounceDelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes sk-threeBounceDelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.sk-spinner-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative
}
.sk-spinner-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.sk-spinner-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 20%;
    height: 20%;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.sk-spinner-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}
.sk-spinner-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}
.sk-spinner-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.sk-spinner-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}
.sk-spinner-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}
.sk-spinner-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.sk-spinner-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}
.sk-spinner-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}
.sk-spinner-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.sk-spinner-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}
.sk-spinner-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}
.sk-spinner-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.sk-spinner-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.sk-spinner-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.sk-spinner-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
.sk-spinner-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}
.sk-spinner-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}
.sk-spinner-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}
.sk-spinner-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}
.sk-spinner-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}
.sk-spinner-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}
.sk-spinner-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}
@-webkit-keyframes sk-circleBounceDelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes sk-circleBounceDelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.sk-spinner-cube-grid.sk-spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto
}
.sk-spinner-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #1ab394;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }
    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}
@keyframes sk-cubeGridScaleDelay {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }
    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}
.sk-spinner-wordpress.sk-spinner {
    background-color: #1ab394;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    margin: 0 auto;
    -webkit-animation: sk-innerCircle 1s linear infinite;
    animation: sk-innerCircle 1s linear infinite
}
.sk-spinner-wordpress .sk-inner-circle {
    display: block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 8px;
    top: 5px;
    left: 5px
}
@-webkit-keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.sk-spinner-fading-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative
}
.sk-spinner-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.sk-spinner-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 18%;
    height: 18%;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.sk-spinner-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}
.sk-spinner-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}
.sk-spinner-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.sk-spinner-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}
.sk-spinner-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}
.sk-spinner-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.sk-spinner-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}
.sk-spinner-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}
.sk-spinner-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.sk-spinner-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}
.sk-spinner-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}
.sk-spinner-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.sk-spinner-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.sk-spinner-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.sk-spinner-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
.sk-spinner-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}
.sk-spinner-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}
.sk-spinner-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}
.sk-spinner-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}
.sk-spinner-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}
.sk-spinner-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}
.sk-spinner-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}
@-webkit-keyframes sk-circleFadeDelay {
    0%,100%,39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}
@keyframes sk-circleFadeDelay {
    0%,100%,39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}
body.rtls #page-wrapper {
    margin: 0 220px 0 0
}
body.rtls .nav-second-level li a {
    padding: 7px 35px 7px 10px
}
body.rtls .ibox-title h5 {
    float: right
}
body.rtls .pull-right {
    float: left!important
}
body.rtls .pull-left {
    float: right!important
}
body.rtls .ibox-tools,body.rtls .stat-percent {
    float: left
}
body.rtls .navbar-right {
    float: left!important
}
body.rtls .navbar-top-links li:last-child {
    margin-right: 0
}
body.rtls .minimalize-styl-2 {
    float: right;
    margin: 14px 20px 5px 5px
}
body.rtls .feed-element>.pull-left {
    margin-left: 10px;
    margin-right: 0
}
body.rtls .timeline-item .date {
    text-align: left
}
body.rtls .timeline-item .date i {
    left: 0;
    right: auto
}
body.rtls .timeline-item .content {
    border-right: 1px solid #e7eaec;
    border-left: none
}
body.rtls .toast-close-button {
    float: left
}
body.rtls #toast-container>.toast:before {
    margin: auto -1.5em auto .5em
}
body.rtls #toast-container>div {
    padding: 15px 50px 15px 15px
}
body.rtls .center-orientation .vertical-timeline-icon i {
    margin-left: 0;
    margin-right: -12px
}
body.rtls .vertical-timeline-icon i {
    right: 50%;
    left: auto;
    margin-left: auto;
    margin-right: -12px
}
body.rtls .file-box,body.rtls ul.notes li {
    float: right
}
body.rtls .chat-statistic,body.rtls .chat-users {
    margin-right: -30px;
    margin-left: auto
}
body.rtls .dropdown-menu>li>a {
    text-align: right
}
body.rtls .b-r {
    border-left: 1px solid #e7eaec;
    border-right: none
}
body.rtls .dd-list .dd-list {
    padding-right: 30px;
    padding-left: 0
}
body.rtls .dd-item>button {
    float: right
}
body.rtls .skin-setttings {
    margin-right: 40px;
    margin-left: 0;
    direction: ltr
}
body.rtls .footer.fixed {
    margin-right: 220px;
    margin-left: 0
}
@media (max-width: 992px) {
    body.rtls .chat-statistic,body.rtls .chat-users {
        margin-right:0
    }
}
body.body-small.mini-navbar .footer.fixed,body.rtls.mini-navbar .footer.fixed {
    margin: 0 70px 0 0
}
body.body-small.mini-navbar .footer.fixed,body.rtls.mini-navbar.fixed-sidebar .footer.fixed {
    margin: 0
}
body.rtls.top-navigation .navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-right: 15px
}
.body-small.rtls.top-navigation .navbar-header {
    float: none
}
body.rtls.top-navigation #page-wrapper {
    margin: 0
}
body.rtls.mini-navbar #page-wrapper {
    margin: 0 70px 0 0
}
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
    margin: 0
}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 220px 0 0
}
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px
}
.body-small.rtls .navbar-fixed-top {
    margin-right: 0
}
.body-small.rtls .navbar-header {
    float: right
}
body.rtls .navbar-top-links li:last-child {
    margin-left: 20px
}
body.rtls .top-navigation #page-wrapper,body.rtls .top-navigation .footer.fixed,body.rtls.mini-navbar .top-navigation #page-wrapper,body.rtls.mini-navbar.top-navigation #page-wrapper,body.rtls.top-navigation .footer.fixed {
    margin: 0
}
@media (max-width: 768px) {
    body.rtls .navbar-top-links li:last-child {
        margin-left:20px
    }
    .body-small.rtls #page-wrapper {
        position: inherit;
        margin: 0;
        min-height: 1000px
    }
    .body-small.rtls .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px
    }
    .body-small.rtls.mini-navbar .navbar-static-side {
        display: block
    }
    .rtls.fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px
    }
    .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block
    }
}
.rtls .ltr-support {
    direction: ltr
}
.skin-setttings .title {
    background: #efefef;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 10px 15px;
    font-size: 12px
}
.setings-item {
    padding: 10px 30px
}
.setings-item.nb {
    border: none
}
.setings-item.skin {
    text-align: center
}
.setings-item .switch {
    float: right
}
.skin-name a {
    text-transform: uppercase
}
.setings-item a {
    color: #fff
}
.blue-skin,.default-skin,.ultra-skin,.yellow-skin {
    text-align: center
}
.default-skin {
    font-weight: 600;
    background: #1ab394
}
.default-skin:hover {
    background: #199d82
}
.blue-skin {
    font-weight: 600;
    background: url(patterns/header-profile-skin-1.png) repeat scroll 0 0
}
.blue-skin:hover {
    background: #0d8ddb
}
.yellow-skin {
    font-weight: 600;
    background: url(patterns/header-profile-skin-3.png) repeat scroll 0 100%
}
.yellow-skin:hover {
    background: #ce8735
}
.content-tabs {
    border-bottom: solid 1px #dcdcdc;
    margin-left: 0;
    margin-right: 0;
}
.page-tabs a {
    color: #999
}
.page-tabs a i {
    color: #ccc
}
.page-tabs a.active {
    color: #4eb2ee;
}
.page-tabs a.active i:hover,.page-tabs a.active:hover {
    color: #4eb2ee;
}
.skin-1 .minimalize-styl-2 {
    margin: 14px 5px 5px 30px
}
.skin-1 .navbar-top-links li:last-child {
    margin-right: 30px
}
.skin-1.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px
}
.skin-1 .spin-icon {
    background: #0e9aef!important
}
.skin-1 .nav-header {
    background: #0e9aef;
    background: url(patterns/header-profile-skin-1.png)
}
.skin-1.mini-navbar .nav-second-level {
    background: #3e495f
}
.skin-1 .breadcrumb {
    background: 0 0
}
.skin-1 .page-heading {
    border: none
}
.skin-1 .nav>li.active {
    background: #3a4459
}
.skin-1 .nav>li>a {
    color: #9ea6b9
}
.skin-1 .nav>li.active>a {
    color: #fff
}
.skin-1 .navbar-minimalize {
    background: #0e9aef;
    border-color: #0e9aef
}
body.skin-1 {
    background: #3e495f
}
.skin-1 .navbar-static-top {
    background: #fff
}
.skin-1 .dashboard-header {
    background: 0 0;
    border-bottom: none!important;
    border-top: none;
    padding: 20px 30px 10px
}
.fixed-nav.skin-1 .navbar-fixed-top {
    background: #fff
}
.skin-1 .wrapper-content {
    padding: 30px 15px
}
.skin-1 #page-wrapper {
    background: #f4f6fa
}
.skin-1 .ibox-content,.skin-1 .ibox-title {
    border-width: 1px
}
.skin-1 .ibox-content:last-child {
    border-style: solid
}
.skin-1 .nav>li.active {
    border: none
}
.skin-1 .nav-header {
    padding: 35px 25px 25px
}
.skin-1 .nav-header a.dropdown-toggle {
    color: #fff;
    margin-top: 10px
}
.skin-1 .nav-header a.dropdown-toggle .text-muted {
    color: #fff;
    opacity: .8
}
.skin-1 .profile-element {
    text-align: center
}
.skin-1 .img-circle {
    border-radius: 5px
}
.skin-1 .navbar-default .nav>li>a:focus,.skin-1 .navbar-default .nav>li>a:hover {
    background: #39aef5;
    color: #fff
}
.skin-1 .nav.nav-tabs>li.active>a {
    color: #555
}
.skin-1 .content-tabs {
    border-bottom: solid 2px #39aef5
}
.skin-1 .nav.nav-tabs>li.active {
    background: 0 0
}
.skin-1 .page-tabs a.active {
    background: #39aef5;
    color: #fff
}
.skin-1 .page-tabs a.active i:hover,.skin-1 .page-tabs a.active:hover {
    background: #0e9aef;
    color: #fff
}
.skin-3 .minimalize-styl-2 {
    margin: 14px 5px 5px 30px
}
.skin-3 .navbar-top-links li:last-child {
    margin-right: 30px
}
.skin-3.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px
}
.skin-3 .spin-icon {
    background: #ecba52!important
}
body.boxed-layout.skin-3 #wrapper {
    background: #3e2c42
}
.skin-3 .nav-header {
    background: #ecba52;
    background: url(patterns/header-profile-skin-3.png)
}
.skin-3.mini-navbar .nav-second-level {
    background: #3e2c42
}
.skin-3 .breadcrumb {
    background: 0 0
}
.skin-3 .page-heading {
    border: none
}
.skin-3 .nav>li.active {
    background: #38283c
}
.fixed-nav.skin-3 .navbar-fixed-top {
    background: #fff
}
.skin-3 .nav>li>a {
    color: #948b96
}
.skin-3 .nav>li.active>a {
    color: #fff
}
.skin-3 .navbar-minimalize {
    background: #ecba52;
    border-color: #ecba52
}
body.skin-3 {
    background: #3e2c42
}
.skin-3 .navbar-static-top {
    background: #fff
}
.skin-3 .dashboard-header {
    background: 0 0;
    border-bottom: none!important;
    border-top: none;
    padding: 20px 30px 10px
}
.skin-3 .wrapper-content {
    padding: 30px 15px
}
.skin-3 #page-wrapper {
    background: #f4f6fa
}
.skin-3 .ibox-content,.skin-3 .ibox-title {
    border-width: 1px
}
.skin-3 .ibox-content:last-child {
    border-style: solid
}
.skin-3 .nav>li.active {
    border: none
}
.skin-3 .nav-header {
    padding: 35px 25px 25px
}
.skin-3 .nav-header a.dropdown-toggle {
    color: #fff;
    margin-top: 10px
}
.skin-3 .nav-header a.dropdown-toggle .text-muted {
    color: #fff;
    opacity: .8
}
.skin-3 .profile-element {
    text-align: center
}
.skin-3 .img-circle {
    border-radius: 5px
}
.skin-3 .navbar-default .nav>li>a:focus,.skin-3 .navbar-default .nav>li>a:hover {
    background: #38283c;
    color: #fff
}
.skin-3 .nav.nav-tabs>li.active>a {
    color: #555
}
.skin-3 .content-tabs {
    border-bottom: solid 2px #3e2c42
}
.skin-3 .nav.nav-tabs>li.active {
    background: 0 0
}
.skin-3 .page-tabs a.active {
    background: #3e2c42;
    color: #fff
}
.skin-3 .page-tabs a.active i:hover,.skin-3 .page-tabs a.active:hover {
    background: #38283c;
    color: #fff
}
@media (min-width: 768px) {
    .navbar-top-links .dropdown-alerts,.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks {
        margin-left:auto
    }
}
.navbar-static-side {
    background: #2f4050
}
.nav-close {
    padding: 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 1.4em;
    cursor: pointer;
    z-index: 10;
    display: none;
    color: rgba(255,255,255,.3)
}
@media (max-width: 350px) {
    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width:0
    }
    .nav-close {
        display: block
    }
    #page-wrapper {
        margin-left: 0!important
    }
    .timeline-item .date {
        text-align: left;
        width: 110px;
        position: relative;
        padding-top: 30px
    }
    .timeline-item .date i {
        position: absolute;
        top: 0;
        left: 15px;
        padding: 5px;
        width: 30px;
        text-align: center;
        border: 1px solid #e7eaec;
        background: #f8f8f8
    }
    .timeline-item .content {
        border-left: none;
        border-top: 1px solid #e7eaec;
        padding-top: 10px;
        min-height: 100px
    }
    .nav.navbar-top-links li.dropdown {
        display: none
    }
    .ibox-tools {
        float: none;
        text-align: left;
        display: inline-block
    }
}
.ui-jqgrid-titlebar {
    height: 40px;
    line-height: 24px;
    color: #676a6c;
    background-color: #F9F9F9;
    text-shadow: 0 1px 0 rgba(255,255,255,.5)
}
.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin-left: 5px;
    font-weight: 700
}
.ui-jqgrid .ui-jqgrid-titlebar {
    position: relative;
    border-left: 0 solid;
    border-right: 0 solid;
    border-top: 0 solid
}
.social-feed-separated .social-feed-box {
    margin-left: 62px
}
.social-feed-separated .social-avatar {
    float: left;
    padding: 0
}
.social-feed-separated .social-avatar img {
    width: 52px;
    height: 52px;
    border: 1px solid #e7eaec
}
.social-feed-separated .social-feed-box .social-avatar {
    padding: 15px 15px 0;
    float: none
}
.social-feed-box {
    border: 1px solid #e7eaec;
    background: #fff;
    margin-bottom: 15px
}
.article .social-feed-box {
    margin-bottom: 0;
    border-bottom: none
}
.article .social-feed-box:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #e7eaec
}
.article .social-feed-box p {
    font-size: 13px;
    line-height: 18px
}
.social-action {
    margin: 15px
}
.social-avatar {
    padding: 15px 15px 0
}
.social-comment .social-comment {
    margin-left: 45px
}
.social-avatar img {
    height: 40px;
    width: 40px;
    margin-right: 10px
}
.social-avatar .media-body a {
    font-size: 14px;
    display: block
}
.social-body {
    padding: 15px
}
.social-body img {
    margin-bottom: 10px
}
.social-footer {
    border-top: 1px solid #e7eaec;
    padding: 10px 15px;
    background: #f9f9f9
}
.social-footer .social-comment img {
    width: 32px;
    margin-right: 10px
}
.social-comment:first-child {
    margin-top: 0
}
.social-comment {
    margin-top: 15px
}
.social-comment textarea {
    font-size: 12px
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    margin-top: -4px
}
@media (max-width: 1000px) {
    .welcome-message {
        display:none
    }
}
.echarts {
    height: 240px
}
.checkbox-inline,.checkbox-inline+.checkbox-inline,.radio-inline,.radio-inline+.radio-inline {
    margin: 0 15px 0 0
}
.navbar-toggle {
    background-color: #fff
}
.J_menuTab {
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}
::-webkit-scrollbar-track {
    background-color: #F5F5F5
}
::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}
::-webkit-scrollbar-thumb {
    background-color: #999
}
.gohome {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 100
}
.gohome a {
    height: 38px;
    width: 38px;
    display: block;
    background: #2f4050;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    opacity: .5
}
.gohome a:hover {
    opacity: 1
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #content-main {
        -webkit-overflow-scrolling:touch;
    }
}
.navbar-header {
    width: 60%
}
.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden
}
.bs-glyphicons-list {
    padding-left: 0;
    list-style: none
}
.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}
.bs-glyphicons li:hover {
    color: #fff;
    background-color: #1ab394
}
@media (min-width: 768px) {
    .bs-glyphicons {
        margin-right:0;
        margin-left: 0
    }
    .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px
    }
}
/*---------common-------------------------*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}
.clearfix {
    zoom:1;}
.fl,.fr {
    display: inline;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
/*----Cross css base
------------------------------*/
.c-hide {
    display: none;
}
.c-block {
    display: block;
}
.c-hidden {
    overflow: hidden;
    zoom:1;}
.c-boxs {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.c-main {
    margin: 0 auto;
}
.c-nowrap {
    max-width: 100%;
    _width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-break {
    word-wrap: break-word;
    word-break: break-all;
}
.c-inline-block {
    display: inline-block;
}
.c-auto-y {
    overflow-y: auto;
}
.c-cursor-p {
    cursor: pointer;
}
.c-vam {
    vertical-align: middle;
}
/* color and background
-----------------------------------------------------------------------------*/
.c-fff {
    color: #fff;
}
.c-222 {
    color: #222;
}
.c-333 {
    color: #333;
}
.c-555 {
    color: #555;
}
.c-666 {
    color: #666;
}
.c-999 {
    color: #999;
}
.c-f00 {
    color: #f00;
}
.c-f60 {
    color: #f60;
}
.c-f90 {
    color: #f90;
}
.c-37a6ed {
    color: #37a6ed;
}
.c-5b5b5b {
    color: #5b5b5b;
}
.c-909090 {
    color: #909090;
}
.c-ff8100 {
    color: #ff8100;
}
.c-007cd9 {
    color: #007cd9;
}
.c-4dcd70 {
    color: #4dcd70;
}
.c-4cb3ee {
	color: #4cb3ee;	
}
.c-fb4141 {
	color: #fb4141;
}
.bgc-fff {
    background-color: #fff;
}
.bgc-f3f3f3 {
    background-color: #f3f3f3;
}
.bgc-fdfdfd {
    background-color: #fdfdfd;
}
.bgc-f9f9f9 {
    background-color: #f9f9f9;
}
.bgc-4db3ee {
    background-color: #4db3ee;
}
.bgc-82c54d {
    background-color: #82c54d;
}
/* border
-----------------------------------------------------------------------------*/
.c-border , .c-border-t , .c-border-b , .c-border-l , .c-border-r , .c-border-tb {
    border-color: #e1e1e1;
    border-style: solid;
}
.c-border {
    border-width: 1px
}
.c-border-t {
    border-top-width: 1px
}
.c-border-b {
    border-bottom-width: 1px
}
.c-border-l {
    border-left-width: 1px
}
.c-border-r {
    border-right-width: 1px
}
.c-border-l4 {
	border-left: 4px solid #4db2ee;
}
.c-border-tb {
    border-top-width: 1px;
    border-bottom-width: 1px
}
.c-border-d {
    border-style: dashed
}
/* position
-----------------------------------------------------------------------------*/
.c-position-a {
    position: absolute;
}
.c-position-r {
    position: relative;
    *zoom:1;}
.c-position-f {
    position: fixed;
}
.c-position-all {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.c-position-lt0 {
    left: 0px;
    top: 0px;
}
.c-position-lt5 {
    left: 5px;
    top: 5px;
}
.c-position-lt10 {
    left: 10px;
    top: 10px;
}
.c-position-lt15 {
    left: 15px;
    top: 15px;
}
.c-position-lt20 {
    left: 20px;
    top: 20px;
}
.c-position-rt0 {
    right: 0px;
    top: 0px;
}
.c-position-rt5 {
    right: 5px;
    top: 5px;
}
.c-position-rt10 {
    right: 10px;
    top: 10px;
}
.c-position-rt15 {
    right: 15px;
    top: 15px;
}
.c-position-rt20 {
    right: 20px;
    top: 20px;
}
.c-position-lb0 {
    left: 0px;
    bottom: 0px;
}
.c-position-lb5 {
    left: 5px;
    bottom: 5px;
}
.c-position-lb10 {
    left: 10px;
    bottom: 10px;
}
.c-position-lb15 {
    left: 15px;
    bottom: 15px;
}
.c-position-lb20 {
    left: 20px;
    bottom: 20px;
}
.c-position-rb0 {
    right: 0px;
    bottom: 0px;
}
.c-position-rb5 {
    right: 5px;
    bottom: 5px;
}
.c-position-rb10 {
    right: 10px;
    bottom: 10px;
}
.c-position-rb15 {
    right: 15px;
    bottom: 15px;
}
.c-position-rb20 {
    right: 20px;
    bottom: 20px;
}
/* images  and   radius
-----------------------------------------------------------------------------*/
.c-images-rounded , .border-radius-rounded {
    border-radius: 5px;
}
.c-images-cycle , .border-radius-circle {
    border-radius: 50%;
}
.border-radius-pill {
    border-radius: 1000px;
}
.c-images-thumbnail {
    padding: 5px;
}
.c-images-block {
    display: block;
    width: 100%;
    height: 100%;
}
/* width  and   height
-----------------------------------------------------------------------------*/
.w90 {
	width: 90px;
}
.w100 {
    width: 100px;
}
.w150 {
    width: 150px;
}
.w128 {
	width: 128px
}
.w200 {
    width: 200px;
}
.w220 {
	width: 220px
}
.w250 {
    width: 250px;
}
.w260 {
    width: 260px;
}
.w300 {
    width: 300px;
}
.w350 {
    width: 350px;
}
.w400 {
    width: 400px;
}
.w450 {
    width: 450px;
}
.w500 {
    width: 500px;
}
.w550 {
    width: 550px;
}
.w1000 {
    width: 1000px;
}
.w1200 {
    width: 1200px;
}
.h40 {
	height: 40px;
}
.h100 {
    height: 100px;
}
.h150 {
    height: 150px;
}
.h200 {
    height: 200px;
}
.h250 {
    height: 250px;
}
.h300 {
    height: 300px;
}
.h350 {
    height: 350px;
}
.h400 {
    height: 400px;
}
.h450 {
    height: 450px;
}
.h500 {
    height: 500px;
}
.h550 {
    height: 550px;
}
/* spacing
-----------------------------------------------------------------------------*/
.m0 {
    margin: 0;
}
.m5 {
    margin: 5px;
}
.m10 {
    margin: 10px;
}
.m15 {
    margin: 15px;
}
.m20 {
    margin: 20px;
}
.m25 {
    margin: 25px;
}
.m30 {
    margin: 30px;
}
.m35 {
    margin: 35px;
}
.m40 {
    margin: 40px;
}
.m45 {
    margin: 45px;
}
.m50 {
    margin: 50px;
}
.m100 {
    margin: 100px;
}
.mb0 {
    margin-bottom: 0;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb35 {
    margin-bottom: 35px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb45 {
    margin-bottom: 45px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb100 {
    margin-bottom: 100px;
}
.mt0 {
    margin-top: 0;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25 {
    margin-top: 25px;
}
.mt30 {
    margin-top: 30px;
}
.mt35 {
    margin-top: 35px;
}
.mt40 {
    margin-top: 40px;
}
.mt45 {
    margin-top: 45px;
}
.mt50 {
    margin-top: 50px;
}
.mt100 {
    margin-top: 100px;
}
.ml0 {
    margin-left: 0;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml25 {
    margin-left: 25px;
}
.ml30 {
    margin-left: 30px;
}
.ml35 {
    margin-left: 35px;
}
.ml40 {
    margin-left: 40px;
}
.ml45 {
    margin-left: 45px;
}
.ml50 {
    margin-left: 50px;
}
.ml100 {
    margin-left: 100px;
}
.mr0 {
    margin-right: 0;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr25 {
    margin-right: 25px;
}
.mr30 {
    margin-right: 30px;
}
.mr35 {
    margin-right: 35px;
}
.mr40 {
    margin-right: 40px;
}
.mr45 {
    margin-right: 45px;
}
.mr50 {
    margin-right: 50px;
}
.mr100 {
    margin-right: 100px;
}
.mlr5 {
    margin-left: 5px;
    margin-right: 5px;
}
.mlr10 {
    margin-left: 10px;
    margin-right: 10px;
}
.mlr15 {
    margin-left: 15px;
    margin-right: 15px;
}
.mlr20 {
    margin-left: 20px;
    margin-right: 20px;
}
.mlr30 {
    margin-left: 30px;
    margin-right: 30px;
}
.mlr40 {
    margin-left: 40px;
    margin-right: 40px;
}
.mlr50 {
    margin-left: 50px;
    margin-right: 50px;
}
.mlr100 {
    margin-left: 100px;
    margin-right: 100px;
}
.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.mtb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.mtb50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.mtb100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.p0 {
    padding: 0;
}
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.p20 {
    padding: 20px;
}
.p25 {
    padding: 25px;
}
.p30 {
    padding: 30px;
}
.p35 {
    padding: 35px;
}
.p40 {
    padding: 40px;
}
.p45 {
    padding: 45px;
}
.p50 {
    padding: 50px;
}
.p100 {
    padding: 100px;
}
.pb0 {
    padding-bottom: 0;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb35 {
    padding-bottom: 35px;
}
.pb40 {
    padding-bottom: 40px;
}
.pb45 {
    padding-bottom: 45px;
}
.pb50 {
    padding-bottom: 50px;
}
.pb100 {
    padding-bottom: 100px;
}
.pt0 {
    padding-top: 0;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt25 {
    padding-top: 25px;
}
.pt30 {
    padding-top: 30px;
}
.pt35 {
    padding-top: 35px;
}
.pt40 {
    padding-top: 40px;
}
.pt45 {
    padding-top: 45px;
}
.pt50 {
    padding-top: 50px;
}
.pt100 {
    padding-top: 100px;
}
.pl0 {
    padding-left: 0;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl25 {
    padding-left: 25px;
}
.pl30 {
    padding-left: 30px;
}
.pl35 {
    padding-left: 35px;
}
.pl40 {
    padding-left: 40px;
}
.pl45 {
    padding-left: 45px;
}
.pl50 {
    padding-left: 50px;
}
.pl100 {
    padding-left: 100px;
}
.pl400 {
    padding-left: 400px;
}
.pr0 {
    padding-right: 0;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.pr30 {
    padding-right: 30px;
}
.pr35 {
    padding-right: 35px;
}
.pr40 {
    padding-right: 40px;
}
.pr45 {
    padding-right: 45px;
}
.pr50 {
    padding-right: 50px;
}
.pr100 {
    padding-right: 100px;
}
.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.ptb50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.ptb100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.plr5 {
    padding-left: 5px;
    padding-right: 5px;
}
.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}
.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}
.plr20 {
    padding-left: 20px;
    padding-right: 20px;
}
.plr30 {
    padding-left: 30px;
    padding-right: 30px;
}
.plr40 {
    padding-left: 40px;
    padding-right: 40px;
}
.plr50 {
    padding-left: 50px;
    padding-right: 50px;
}
.plr100 {
    padding-left: 100px;
    padding-right: 100px;
}
/* lists
-----------------------------------------------------------------------------*/
.c-list-disc {
    list-style-type: disc;
}
.c-list-circle {
    list-style-type: circle;
}
.c-list-square {
    list-style-type: square;
}
.c-list-decimal {
    list-style-type: decimal;
}
.c-list-alpha {
    list-style-type: lower-alpha;
}
.c-list-roman {
    list-style-type: lower-roman;
}
.c-list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.c-list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
/* font
-----------------------------------------------------------------------------*/
.c-simsun {
    font-family: \5b8b\4f53;
}
.c-bold {
    font-weight: bold;
}
.c-f12 {
    font-size: 12px;
}
.c-f13 {
    font-size: 13px;
}
.c-f14 {
    font-size: 14px;
}
.c-f15 {
    font-size: 15px;
}
.c-f16 {
    font-size: 16px;
}
.c-f17 {
    font-size: 17px;
}
.c-f18 {
    font-size: 18px;
}
.c-f20 {
    font-size: 20px;
}
.c-f22 {
    font-size: 22px;
}
.c-f24 {
    font-size: 24px;
}
.c-f28 {
    font-size: 28px;
}
.c-t-left {
    text-align: left;
}
.c-t-center {
    text-align: center;
}
.c-t-right {
    text-align: right;
}
.c-line-h1 {
    line-height: 1.8;
    _line-height: 24px;
}
.c-line-h2 {
    line-height: 2.2;
    _line-height: 32px;
}
/* Grid
-----------------------------------------------------------------------------*/
.c-container:after,.c-row:after {
    content: "";
    display: table;
    clear: both;
}
.c-container {
    padding-top: 1px;
    margin-top: -1px;
}
.c-row {
    zoom:1}
.width-100,.c-100 {
    width: 100%;
}
.width-90,.c-90 {
    width: 90%;
}
.width-80,.c-80 {
    width: 80%;
}
.width-75,.c-75 {
    width: 75%;
}
.width-70,.c-70 {
    width: 70%;
}
.width-66,.c-66 {
    width: 66.6%;
}
.width-65,.c-65 {
    width: 65%;
}
.width-60,.c-60 {
    width: 60%;
}
.width-50,.c-50 {
    width: 50%;
}
.width-40,.c-40 {
    width: 40%;
}
.width-35,.c-35 {
    width: 35%;
}
.width-33,.c-33 {
    width: 33.3%;
}
.width-30,.c-30 {
    width: 30%;
}
.width-25,.c-25 {
    width: 25%;
}
.width-20,.c-20 {
    width: 20%;
}
.width-10,.c-10 {
    width: 10%;
}
.c-row .c-90,.c-row .c-80,.c-row .c-75,.c-row .c-70,.c-row .c-66,.c-row .c-65,.c-row .c-60,.c-row .c-50,.c-row .c-40,.c-row .c-35,.c-row .c-33,.c-row .c-30,.c-row .c-25,.c-row .c-20,.c-row .c-10 {
    float: left;
    margin-left: 3%;
}
.c-row .c-90:first-child,.c-row .c-80:first-child,.c-row .c-75:first-child,.c-row .c-70:first-child,.c-row .c-66:first-child,.c-row .c-65:first-child,.c-row .c-60:first-child,.c-row .c-50:first-child,.c-row .c-40:first-child,.c-row .c-35:first-child,.c-row .c-33:first-child,.c-row .c-30:first-child,.c-row .c-25:first-child,.c-row .c-20:first-child,.c-row .c-10:first-child {
    margin-left: 0;
}
.c-row .c-90 {
    width: 89.7%;
}
.c-row .c-80 {
    width: 79.4%;
}
.c-row .c-75 {
    width: 74.25%;
}
.c-row .c-70 {
    width: 69.1%;
}
.c-row .c-66 {
    width: 65.66666666666666%;
}
.c-row .c-65 {
    width: 65.66666666666666%;
}
.c-row .c-60 {
    width: 58.800000000000004%;
}
.c-row .c-50 {
    width: 48.5%;
}
.c-row .c-40 {
    width: 38.2%;
}
.c-row .c-35 {
    width: 31.333333333333332%;
}
.c-row .c-33 {
    width: 31.333333333333332%;
}
.c-row .c-30 {
    width: 27.9%;
}
.c-row .c-25 {
    width: 22.75%;
}
.c-row .c-20 {
    width: 17.6%;
}
.c-row .c-10 {
    width: 7.3%;
}
.c-push-90,.c-push-80,.c-push-75,.c-push-70,.c-push-66,.c-push-65,.c-push-60,.c-push-50,.c-push-40,.c-push-35,.c-push-33,.c-push-30,.c-push-25,.c-push-20,.c-push-10 {
    position: relative;
}
.c-push-90 {
    left: 92.7%;
}
.c-push-80 {
    left: 82.4%;
}
.c-push-75 {
    left: 77.25%;
}
.c-push-70 {
    left: 72.1%;
}
.c-push-66 {
    left: 68.66666666666666%;
}
.c-push-65 {
    left: 68.66666666666666%;
}
.c-push-60 {
    left: 61.800000000000004%;
}
.c-push-50 {
    left: 51.5%;
}
.c-push-40 {
    left: 41.2%;
}
.c-push-35 {
    left: 34.33333333333333%;
}
.c-push-33 {
    left: 34.33333333333333%;
}
.c-push-30 {
    left: 30.9%;
}
.c-push-25 {
    left: 25.75%;
}
.c-push-20 {
    left: 20.6%;
}
.c-push-10 {
    left: 10.3%;
}
.c-row .c-push-right {
    float: right;
}
.c-row .c-role-right {
    margin-left: 3%;
    float: right;
}
.c-row .c-role-left {
    margin-left: 0;
}
.c-centered {
    float: none !important;
    margin: 0 auto !important;
}
.c-padding {
    padding: 20px;
}
.c-padding .c-100,.c-padding .c-90,.c-padding .c-80,.c-padding .c-75,.c-padding .c-70,.c-padding .c-66,.c-padding .c-65,.c-padding .c-60,.c-padding .c-50,.c-padding .c-40,.c-padding .c-35,.c-padding .c-33,.c-padding .c-30,.c-padding .c-25,.c-padding .c-20,.c-padding .c-10 {
    padding: 20px;
}
.c-split .c-90,.c-split .c-80,.c-split .c-75,.c-split .c-70,.c-split .c-66,.c-split .c-65,.c-split .c-60,.c-split .c-50,.c-split .c-40,.c-split .c-35,.c-split .c-33,.c-split .c-30,.c-split .c-25,.c-split .c-20,.c-split .c-10 {
    margin-left: 0;
}
.c-split .c-90 {
    width: 90%;
}
.c-split .c-80 {
    width: 80%;
}
.c-split .c-75 {
    width: 75%;
}
.c-split .c-70 {
    width: 70%;
}
.c-split .c-66 {
    width: 66.6%;
}
.c-split .c-65 {
    width: 65%;
}
.c-split .c-60 {
    width: 60%;
}
.c-split .c-50 {
    width: 50%;
}
.c-split .c-40 {
    width: 40%;
}
.c-split .c-35 {
    width: 35%;
}
.c-split .c-33 {
    width: 33.3%;
}
.c-split .c-30 {
    width: 30%;
}
.c-split .c-25 {
    width: 25%;
}
.c-split .c-20 {
    width: 20%;
}
.c-split .c-10 {
    width: 10%;
}
/* c-blocks
-----------------------------------------------------------------------------*/
.c-blocks-2,.c-blocks-3,.c-blocks-4,.c-blocks-5,.c-blocks-6 {
    padding-left: 0;
    list-style: none;
}
.c-blocks-2:after,.c-blocks-3:after,.c-blocks-4:after,.c-blocks-5:after,.c-blocks-6:after {
    content: "";
    display: table;
    clear: both;
}
.c-blocks-2 li,.c-blocks-3 li,.c-blocks-4 li,.c-blocks-5 li,.c-blocks-6 li , .c-blocks-2 div,.c-blocks-3 div,.c-blocks-4 div,.c-blocks-5 div,.c-blocks-6 div {
    height: auto;
    float: left;
}
.c-blocks-2 li , .c-blocks-2 div {
    width: 50%;
}
.c-blocks-3 li , .c-blocks-3 div {
    width: 33.333333333333332%;
}
.c-blocks-4 li , .c-blocks-4 div {
    width: 25%;
}
.c-blocks-5 li , .c-blocks-5 div {
    width: 20%;
}
.c-blocks-6 li , .c-blocks-6 div {
    width: 16.666666666666666%;
}
.c-blocks-2 li li,.c-blocks-3 li li,.c-blocks-4 li li,.c-blocks-5 li li,.c-blocks-6 li li , .c-blocks-2 div div,.c-blocks-3 div div,.c-blocks-4 div div,.c-blocks-5 div div,.c-blocks-6 div div {
    float: none;
    margin: 0;
}
.navbar-default {
    border-color: #f5f9fa;
}
.nav>li>a, .nav>li.active>a {
	overflow: hidden;
    font-weight: normal;
}
#wrapper{
	background: #fff;
    color: #323232;
}
.navbar-static-side, .nav>li.active {
    color: #323232;
}
.navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover {
    background: none;
    color: #323232;
}
#side-menu>li>a {
    font-weight: bold;
}
#side-menu>li.active>a, #side-menu>li.active>a:focus, #side-menu>li.active>a:hover {
    background: #4eb2ee;
    color: #fff;
}
.navbar-default .nav-second-level>li>a:hover, .nav-second-level>li.active>a, .nav-second-level>li.active>a:focus, .nav-second-level>li.active>a:hover {
    color: #4eb2ee;
}
.nav-second-level li a {
    padding: 14px 15px 14px 10px;
    padding-left: 52px;
}
.nav-second-level li:last-child {
    margin-bottom: 0;
}
.nav>li>a {
    border-bottom: 1px solid #dcdcdc;
}
.nav>li.active {
    border-left: 0;
}
select {
    height: 30px;
    border-radius: 0;
    background-color: #fff;
    border-color: #e1e1e1;
    border-image: initial;
}
.ui-jqgrid .ui-jqgrid-pager .ui-paging-info {
    padding-right: 15px;
}
.ui-jqgrid-hdiv:after {
	visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
    zoom:1;
}
/*.ui-jqgrid .table-bordered, .ui-jqgrid .table-bordered td:last-of-type, .ui-jqgrid .table-bordered th.ui-th-ltr:last-of-type {
    border-left: 0px none !important;
    border-right: 0px none !important;
}*/
.ui-jqgrid .ui-jqgrid-btable,
.ui-jqgrid .ui-jqgrid-hbox {
	margin-left: -2px;
}
.ui-jqgrid .ui-jqgrid-bdiv td input[type="checkbox"]+label {
    cursor: pointer;
    font-size: 1em;
    background-color: #ffffff;
    padding: 9px;
    background: url(../img/gouxuan_weixuan_img.png) no-repeat;
    background-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: -4px;
}
.ui-jqgrid .ui-jqgrid-bdiv td input[type="checkbox"]:checked+label {
	border: 0;
    background: url(../img/gouxuan_yixuan_img.png) no-repeat;
    background-size: 18px;
}
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}
.layui-layer-setwin .layui-layer-close {
    background-position: 0 -40px;
    cursor: pointer;
}
#toast-container {
    z-index: 198910150;
}
.btn-4db3ee,
.btn-4db3ee:active,
.btn-4db3ee:focus,
.btn-4db3ee:hover {
	background-color: #4db3ee;
	border-color: #4db3ee;
	color: #FFF;
}
.btn-82c54d,
.btn-82c54d:active,
.btn-82c54d:focus,
.btn-82c54d:hover {
	background-color: #82c54d;
	border-color: #82c54d;
	color: #FFF;
}
.btn-ec6a41,
.btn-ec6a41:active,
.btn-ec6a41:focus,
.btn-ec6a41:hover {
	background-color: #ec6a41;
	border-color: #ec6a41;
	color: #FFF;
}
.required { position: relative; }
.required:before { content: "*"; position: absolute; color: #f00; font-size: 14px; height: 12px; line-height: 12px; vertical-align: middle; left: -10px; top: 50%; margin-top: -5px; }
.inner-tabs {
	padding-left: 20px;
}
.inner-tabs a {
	display: block;
    float: left;
    padding: 8px 15px;
    border: solid 1px #eee;
    border-bottom: 0;
    margin-right: 10px;
    font-size: 14px;
    color: #323232;
}
.inner-tabs a.active {
	color: #fff;
	background-color: #4DB3EE;
}
.inner-tabs .tab-wrap {
	border-bottom: solid 1px #eee;
}
.inner-main {
	height: calc(100% - 40px)
}
.input-group .form-control[readonly] {
	background-color: #fff;
}
.input-group-checkbox, .input-group-radio {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #909090;
    font-weight: normal;
}
.input-group-checkbox .input-group-pack, .input-group-radio .input-group-pack {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px #ddd solid;
    padding: 0;
    margin: 0 5px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    top: -2px;
}
.input-group-checkbox input[type="checkbox"], .input-group-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}
.input-group-checkbox input[type="checkbox"], .input-group-radio input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
.input-group-checkbox input[type="checkbox"]:checked ~ .tick, .input-group-checkbox .input-group-pack.checked .tick {
    top: 0px;
}
.input-group-checkbox .input-group-pack .tick {
    display: block;
    width: 12px;
    height: 2px;
    background: #4db3ee;
    margin: 8px 0 0 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: 50px;
}
.input-group-checkbox .input-group-pack .tick:after {
    content: '';
    width: 8px;
    height: 2px;
    background: #4db3ee;
    position: absolute;
    top: -3px;
    left: -5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
button.dropdown-toggle .caret,
button.dropdown-toggle:hover .caret {
	background: url(../img/jiantou_xia_icon.png) no-repeat;
    width: 11px;
    height: 11px;
    background-size: 100%;
    border: 0;
}
.search, .search:active, .search:focus {
	background: #4db2ee url(../img/chazhao_icon.png) 12px 9px no-repeat no-repeat;
}
.new-add, .new-add:active, .new-add:focus {
	background: #05cc96 url(../img/xinzeng_icon.png) 12px 9px no-repeat no-repeat;
}
.import-file, .import-file:active, .import-file:focus {
	background: #eeb814 url(../img/daolu_icon.png) 12px 9px no-repeat no-repeat;
}
.search:hover, .new-add:hover,.search:active, .new-add:active, .search:visited, .new-add:visited,
.import-file:hover {
	color: #fff;
}
.img-add {
	width: 80px;
	height: 80px;
	background: url(../img/tianjiao_tupian_icon.png) no-repeat;
	background-size: 80px;
}
.img-add:hover {
	background: url(../img/tianjiao_tupian_icon_pre.png) no-repeat;
}
.shezhi {
	background: url(../img/tankuang_sezhi_icon.png) no-repeat no-repeat 0 13px;
}
input.type-hide {
	opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
}

demo/404.html

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 404 页面</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../css/animate.min.css" rel="stylesheet">
    <link href="../css/style.min.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="middle-box text-center animated fadeInDown">
        <h1>404</h1>
        <h3 class="font-bold">页面未找到！</h3>
        <div class="error-desc">
            抱歉，页面好像去火星了~
            <form class="form-inline m-t" role="form">
                <div class="form-group">
                    <input type="email" class="form-control" placeholder="请输入您需要查找的内容 …">
                </div>
                <button type="submit" class="btn btn-primary">搜索</button>
            </form>
        </div>
    </div>
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
</body>
</html>

demo/500.html

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 500错误</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link rel="shortcut icon" href="favicon.ico"> <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../css/animate.min.css" rel="stylesheet">
    <link href="../css/style.min.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="middle-box text-center animated fadeInDown">
        <h1>500</h1>
        <h3 class="font-bold">服务器内部错误</h3>
        <div class="error-desc">
            服务器好像出错了...
            <br/>您可以返回主页看看
            <br/><a href="index.html" class="btn btn-primary m-t">主页</a>
        </div>
    </div>
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
</body>
</html>

demo/agile_board.html

@@ -0,0 +1,218 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 任务清单</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link rel="shortcut icon" href="favicon.ico"> <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../css/animate.min.css" rel="stylesheet">
    <link href="../css/style.min.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>任务列表</h3>
                        <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
                        <div class="input-group">
                            <input type="text" placeholder="添加新任务" class="input input-sm form-control">
                            <span class="input-group-btn">
                                        <button type="button" class="btn btn-sm btn-white"> <i class="fa fa-plus"></i> 添加</button>
                                </span>
                        </div>
                        <ul class="sortable-list connectList agile-list">
                            <li class="warning-element">
                                加强过程管理，及时统计教育经费使用情况，做到底码清楚，
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.01
                                </div>
                            </li>
                            <li class="success-element">
                                支持财会人员的继续培训工作。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="info-element">
                                协同教导处搞好助学金、减免教科书费的工作。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.10
                                </div>
                            </li>
                            <li class="danger-element">
                                要求会计、出纳人员严格执行财务制度，遵守岗位职责，按时上报各种资料。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
                                    <i class="fa fa-clock-o"></i> 2015.06.10
                                </div>
                            </li>
                            <li class="warning-element">
                                做好职工公费医疗工作，按时发放门诊费。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.09
                                </div>
                            </li>
                            <li class="warning-element">
                                有计划地把课本复习三至五遍。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
                                    <i class="fa fa-clock-o"></i> 2015.08.04
                                </div>
                            </li>
                            <li class="success-element">
                                看一本高质量的高中语法书
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="info-element">
                                选择一份较好的英语报纸，通过阅读提高英语学习效果。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.10
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>进行中</h3>
                        <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
                        <ul class="sortable-list connectList agile-list">
                            <li class="success-element">
                                全面、较深入地掌握我们“产品”的功能、特色和优势并做到应用自如。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.01
                                </div>
                            </li>
                            <li class="success-element">
                                根据自己以前所了解的和从其他途径搜索到的信息，录入客户资料150家。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="warning-element">
                                锁定有意向客户20家。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.10
                                </div>
                            </li>
                            <li class="warning-element">
                                力争完成销售指标。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.09
                                </div>
                            </li>
                            <li class="info-element">
                                在总结和摸索中前进。
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
                                    <i class="fa fa-clock-o"></i> 2015.08.04
                                </div>
                            </li>
                            <li class="success-element">
                                不断学习行业知识、产品知识，为客户带来实用介绍内容
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                            <li class="danger-element">
                                先友后单：与客户发展良好友谊，转换销售员角色，处处为客户着想
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.11.04
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>已完成</h3>
                        <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
                        <ul class="sortable-list connectList agile-list">
                            <li class="info-element">
                                制定工作日程表
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.10
                                </div>
                            </li>
                            <li class="warning-element">
                                每天坚持打40个有效电话，挖掘潜在客户
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.09
                                </div>
                            </li>
                            <li class="warning-element">
                                拜访客户之前要对该客户做全面的了解(客户的潜在需求、职位、权限以及个人性格和爱好)
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标签</a>
                                    <i class="fa fa-clock-o"></i> 2015.09.09
                                </div>
                            </li>
                            <li class="warning-element">
                                提高自己电话营销技巧，灵活专业地与客户进行电话交流
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
                                    <i class="fa fa-clock-o"></i> 2015.08.04
                                </div>
                            </li>
                            <li class="success-element">
                                通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人
                                <div class="agile-detail">
                                    <a href="#" class="pull-right btn btn-xs btn-white">标记</a>
                                    <i class="fa fa-clock-o"></i> 2015.05.12
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
    <script src="../js/jquery-ui-1.10.4.min.js"></script>
    <script src="../js/content.min.js?v=1.0.0"></script>
    <script>
        $(document).ready(function(){$(".sortable-list").sortable({connectWith:".connectList"}).disableSelection()});
    </script>
</body>
</html>