diff --git a/.gitignore b/.gitignore
index a19f004..8ee54e8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,11 +1,30 @@
-# ---> Vue
-# gitignore template for Vue.js projects
-#
-# Recommended template: Node.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
-# TODO: where does this rule come from?
-docs/_book
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
-# TODO: where does this rule come from?
-test/
+/cypress/videos/
+/cypress/screenshots/
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+ "recommendations": ["Vue.volar"]
+}
diff --git a/bun.lockb b/bun.lockb
new file mode 100644
index 0000000..9ab9cbf
Binary files /dev/null and b/bun.lockb differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5e86415
--- /dev/null
+++ b/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+ vue 管理系统
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..eac03cc
--- /dev/null
+++ b/package.json
@@ -0,0 +1,36 @@
+{
+ "name": "demo",
+ "version": "0.0.1",
+ "private": true,
+ "type": "module",
+ "scripts": {
+ "dev": "vite",
+ "build": "run-p type-check \"build-only {@}\" --",
+ "preview": "vite preview",
+ "test:unit": "vitest",
+ "build-only": "vite build",
+ "type-check": "vue-tsc --build --force"
+ },
+ "dependencies": {
+ "axios": "^1.7.7",
+ "element-plus": "^2.8.2",
+ "pinia": "^2.1.7",
+ "vue": "^3.4.29",
+ "vue-router": "^4.3.3"
+ },
+ "devDependencies": {
+ "@tsconfig/node20": "^20.1.4",
+ "@types/jsdom": "^21.1.7",
+ "@types/node": "^20.14.5",
+ "@vitejs/plugin-vue": "^5.0.5",
+ "@vue/test-utils": "^2.4.6",
+ "@vue/tsconfig": "^0.5.1",
+ "jsdom": "^24.1.0",
+ "npm-run-all2": "^6.2.0",
+ "sass-embedded": "^1.78.0",
+ "typescript": "~5.4.0",
+ "vite": "^5.3.1",
+ "vitest": "^1.6.0",
+ "vue-tsc": "^2.0.21"
+ }
+}
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..df36fcf
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..c6f0e7a
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
diff --git a/src/assets/base.css b/src/assets/base.css
new file mode 100644
index 0000000..8816868
--- /dev/null
+++ b/src/assets/base.css
@@ -0,0 +1,86 @@
+/* color palette from */
+:root {
+ --vt-c-white: #ffffff;
+ --vt-c-white-soft: #f8f8f8;
+ --vt-c-white-mute: #f2f2f2;
+
+ --vt-c-black: #181818;
+ --vt-c-black-soft: #222222;
+ --vt-c-black-mute: #282828;
+
+ --vt-c-indigo: #2c3e50;
+
+ --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+ --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+ --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+ --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+ --vt-c-text-light-1: var(--vt-c-indigo);
+ --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+ --vt-c-text-dark-1: var(--vt-c-white);
+ --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+ --color-background: var(--vt-c-white);
+ --color-background-soft: var(--vt-c-white-soft);
+ --color-background-mute: var(--vt-c-white-mute);
+
+ --color-border: var(--vt-c-divider-light-2);
+ --color-border-hover: var(--vt-c-divider-light-1);
+
+ --color-heading: var(--vt-c-text-light-1);
+ --color-text: var(--vt-c-text-light-1);
+
+ --section-gap: 160px;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --color-background: var(--vt-c-black);
+ --color-background-soft: var(--vt-c-black-soft);
+ --color-background-mute: var(--vt-c-black-mute);
+
+ --color-border: var(--vt-c-divider-dark-2);
+ --color-border-hover: var(--vt-c-divider-dark-1);
+
+ --color-heading: var(--vt-c-text-dark-1);
+ --color-text: var(--vt-c-text-dark-2);
+ }
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+ margin: 0;
+ font-weight: normal;
+}
+
+body {
+ min-height: 100vh;
+ color: var(--color-text);
+ background: var(--color-background);
+ transition:
+ color 0.5s,
+ background-color 0.5s;
+ line-height: 1.6;
+ font-family:
+ Inter,
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ Oxygen,
+ Ubuntu,
+ Cantarell,
+ 'Fira Sans',
+ 'Droid Sans',
+ 'Helvetica Neue',
+ sans-serif;
+ font-size: 15px;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
diff --git a/src/assets/images/404.jpg b/src/assets/images/404.jpg
new file mode 100644
index 0000000..de71eb5
Binary files /dev/null and b/src/assets/images/404.jpg differ
diff --git a/src/assets/images/background.jpg b/src/assets/images/background.jpg
new file mode 100644
index 0000000..813e82d
Binary files /dev/null and b/src/assets/images/background.jpg differ
diff --git a/src/assets/images/logo.jpg b/src/assets/images/logo.jpg
new file mode 100644
index 0000000..d099607
Binary files /dev/null and b/src/assets/images/logo.jpg differ
diff --git a/src/assets/images/qq-logo.png b/src/assets/images/qq-logo.png
new file mode 100644
index 0000000..43e00a5
Binary files /dev/null and b/src/assets/images/qq-logo.png differ
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..7565660
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/main.css b/src/assets/main.css
new file mode 100644
index 0000000..68e83ff
--- /dev/null
+++ b/src/assets/main.css
@@ -0,0 +1,34 @@
+@import './base.css';
+
+#app {
+ margin: 0 auto;
+ padding: 2rem;
+ font-weight: normal;
+}
+
+a,
+.green {
+ text-decoration: none;
+ color: hsla(160, 100%, 37%, 1);
+ transition: 0.4s;
+ padding: 3px;
+}
+
+@media (hover: hover) {
+ a:hover {
+ background-color: hsla(160, 100%, 37%, 0.2);
+ }
+}
+
+@media (min-width: 1024px) {
+ body {
+ display: flex;
+ place-items: center;
+ }
+
+ #app {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ padding: 0 2rem;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss
new file mode 100644
index 0000000..7c74eb1
--- /dev/null
+++ b/src/assets/style/index.scss
@@ -0,0 +1,77 @@
+html,
+body {
+ height: 100%;
+ width: 100%;
+}
+*:not([class^='el-']) {
+ box-sizing: border-box;
+}
+.white {
+ background-color: aliceblue;
+}
+a {
+ text-decoration: none;
+}
+.gray {
+ background-color: #eef0f3;
+}
+.mr10 {
+ margin-right: 10px;
+}
+.mr20 {
+ margin-right: 20px;
+}
+.m-lr10{
+ margin-left: 10px;
+ margin-right: 10px;
+}
+.p20{
+ padding: 20px;
+}
+.pl20{
+ padding-left: 20px;
+}
+.fr{
+ float: right;
+}
+.text-right {
+ text-align: right;
+}
+.flex{
+ display: flex;
+}
+.flex-between{
+ display: flex;
+ justify-content: space-between;
+}
+.flex-center {
+ display: flex;
+ justify-content: center;
+}
+.tips {
+ margin-left: 15px;
+ color: #787878;
+}
+
+// 公共样式
+.query-form {
+ background-color: #ffffff;
+ padding: 22px 20px 0px;
+ border-radius: 5px;
+}
+.base-table {
+ border-radius: 5px;
+ background: #ffffff;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ .action{
+ border-radius: 5px 5px 0px 0px;
+ background: #ffffff;
+ padding: 20px;
+ border-bottom: 1px solid #ece8e8;
+ }
+ .pagination {
+ text-align: right;
+ padding: 10px;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/style/nav.css b/src/assets/style/nav.css
new file mode 100644
index 0000000..19db3a3
--- /dev/null
+++ b/src/assets/style/nav.css
@@ -0,0 +1,890 @@
+.p_top {
+ text-align: center;
+ background-color: #5eaefc;
+ color: #fff;
+ padding: 5px;
+}
+
+.int {
+ max-width: 60%;
+ width: 450px;
+ height: 30px;
+ margin-bottom: 10px;
+ border: 1px solid #4bb3ea;
+ font-size: 14px;
+ font-family: 寰蒋闆呴粦;
+ font-weight: 500;
+ padding-left: 10px;
+}
+
+.fk_service {
+ max-height: 232px;
+ position: fixed;
+ right: 10px;
+ top: 65%;
+ /* é¨å‚œæ´¿æµ£å¶‡ç–† */
+ font-family: 'FontAwesome';
+ font-size: 14px;
+ color: #243558;
+ z-index: 10000
+}
+
+.fk_service ul {
+ margin: 0;
+ padding: 0;
+ position: absolute;
+ right: 0
+}
+
+.fk_service li {
+ list-style-type: none
+}
+
+.fk_service li>div {
+ box-sizing: border-box;
+ box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
+}
+
+.fk_service_box {
+ width: 40px;
+ height: 40px;
+ background: #fff;
+ margin-bottom: 10px;
+ border-radius: 4px;
+ box-sizing: border-box;
+ box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
+}
+
+.fk_service_triangle {
+ top: 12px;
+ right: -11px;
+ position: absolute;
+ border-top: 7px solid transparent;
+ border-bottom: 7px solid transparent;
+ border-left: 11px solid #e1e6ec;
+ z-index: 1010
+}
+
+.fk_service_triangle:after {
+ content: "\20";
+ top: -6px;
+ right: 1px;
+ position: absolute;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid transparent;
+ border-left: 10px solid #fff;
+ z-index: 1000
+}
+
+.fk_service_triangle:before {
+ content: "\20";
+ width: 80px;
+ height: 45px;
+ top: -20px;
+ right: -52px;
+ position: absolute;
+ background: rgba(0, 0, 0, 0)
+}
+
+@keyframes fade-in {
+ 0% {
+ opacity: .4;
+ right: 82px
+ }
+
+ 100% {
+ opacity: 1;
+ right: 62px
+ }
+}
+
+.fk_service_consult {
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -366px -16px #fff
+}
+
+.fk_service_consult:hover {
+ border: 0;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -410px -16px #4f7cfc
+}
+
+.fk_service_consult:hover .fk_service_consult_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_consult_cont {
+ width: 200px;
+ min-height: 210px;
+ max-height: 268px;
+ border-radius: 3px;
+ background: #fff;
+ right: 62px;
+ position: absolute;
+ text-align: center;
+ border: 1px solid #e1e6ec;
+ display: none;
+ opacity: 0
+}
+
+.fk_service_consult_cont1 {
+ width: 70px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+.fk_service_consult_cont1 .fk_service_triangle:before {
+ width: 0 !important
+}
+
+.fk_service_consult_cont>.fk_service_triangle:after {
+ border-left: 10px solid #f6f8fb !important
+}
+
+.fk_service_consult_cont span {
+ float: left
+}
+
+.fk_service_consult_cont_top {
+ width: 100%;
+ height: 157px;
+ background: #f6f8fb;
+ border-radius: 3px;
+ border-bottom: 1px solid #eef2f8
+}
+
+.fk_service_hint {
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ font-size: 12px;
+ color: #9aa8c2;
+ text-align: center
+}
+
+.fk_service_hint>.fk_service_icon {
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -460px -25px;
+ width: 15px;
+ height: 15px;
+ margin: 13px 2px 0 18px
+}
+
+.fk_service_button {
+ width: 160px;
+ height: 38px;
+ line-height: 38px;
+ background: #4f7cfc;
+ border-radius: 18px;
+ text-align: center;
+ color: #fff;
+ margin: 5px 0 10px 20px;
+ cursor: pointer
+}
+
+.fk_service_button:hover {
+ background: #618aff
+}
+
+.fk_service_phone {
+ width: 100%;
+ height: 53px;
+ line-height: 53px;
+ font-size: 14px;
+ text-align: center
+}
+
+.fk_service_check_site {
+ width: 100%;
+ height: 48px;
+ line-height: 48px;
+ color: #3b6bf4;
+ border-top: 1px solid #eaeef5;
+ cursor: pointer
+}
+
+.fk_service_check_site>.fk_service_icon {
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -461px -75px;
+ width: 20px;
+ height: 20px;
+ margin: 15px 2px 0 45px
+}
+
+.fk_service_feedback {
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -363px -64px #fff
+}
+
+.fk_service_feedback:hover {
+ border: 0;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -407px -64px #4f7cfc;
+ cursor: pointer
+}
+
+.fk_service_feedback:hover .fk_service_feedback_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_feedback_cont {
+ width: 200px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+.fk_service_qr {
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -365px -113px #fff
+}
+
+.fk_service_qr:hover {
+ border: 0;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -409px -113px #4f7cfc
+}
+
+.fk_service_qr:hover .fk_service_qr_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_qr_cont {
+ width: 143px;
+ height: 202px;
+ border-radius: 3px;
+ background: #fff;
+ right: 62px;
+ position: absolute;
+ text-align: center;
+ border: 1px solid #e1e6ec;
+ background-color: #f6f8fb;
+ display: none;
+ opacity: 0
+}
+
+.fk_service_qr_cont>.fk_service_triangle:after {
+ border-left: 10px solid #f6f8fb !important
+}
+
+.fk_service_qr_cont>.fk_service_qrimg {
+ width: 100%;
+ height: 164px;
+ float: left
+}
+
+.fk_service_qrimg_site {
+ width: 119px;
+ height: 119px;
+ float: left;
+ margin: 12px 12px 5px 12px;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -41px -26px
+}
+
+.fk_service_qrimg_hd {
+ width: 119px;
+ height: 119px;
+ float: left;
+ margin: 12px 12px 5px 12px;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -198px -26px
+}
+
+.fk_service_qrimg_wxast {
+ width: 119px;
+ height: 119px;
+ float: left;
+ margin: 12px 12px 5px 12px;
+ background: url(../image/fk_service.png?v=201905151200) no-repeat -198px -328px
+}
+
+.fk_service_qrimg_flyer {
+ width: 119px;
+ height: 119px;
+ float: left;
+ margin: 12px 12px 5px 12px;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -41px -177px
+}
+
+.fk_service_qrimg_wxapp {
+ width: 119px;
+ height: 119px;
+ float: left;
+ margin: 12px 12px 5px 12px;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -198px -177px
+}
+
+.fk_service_qrimg_fkmall {
+ width: 119px;
+ height: 119px;
+ float: left;
+ margin: 12px 12px 5px 12px;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -41px -326px
+}
+
+.fk_service_qr_cont>.fk_service_qrtext {
+ width: 100%;
+ height: 35px;
+ font-size: 12px;
+ color: #7b89a6;
+ background-color: #fff;
+ float: left;
+ bottom: 0;
+ display: table
+}
+
+.fk_service_qr_cont>.fk_service_qrtext>span {
+ display: table-cell;
+ vertical-align: middle
+}
+
+.fk_service_upward {
+ display: none;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -363px -159px #fff
+}
+
+.fk_service_upward:hover {
+ border: 0;
+ background: url(../images/20190827-5d652476ab305.png) no-repeat -407px -159px #4f7cfc;
+ cursor: pointer
+}
+
+.fk_service_upward:hover .fk_service_upward_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_upward_cont {
+ width: 84px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 3px;
+ background: #fff;
+ right: 62px;
+ position: absolute;
+ text-align: center;
+ border: 1px solid #e1e6ec;
+ display: none;
+ opacity: 0
+}
+
+.fk_service_upward_cont span {
+ font-size: 14px
+}
+
+/* ----------------------------------------------------------------------- */
+/* é‚æ¿î–ƒé¥ç‚¬çˆ£-> 寮€濮�*/
+.fk_service_jk {
+ /* é“嶆櫙é¥ç‚¬çˆ£ */
+ background: url(../images/20191218-c9feba3074fcf.png) no-repeat center center #fff;
+ background-size: 40% 40%;
+}
+
+.fk_service_jk:hover {
+ border: 0;
+ /* 榧犳爣鎮î„诞é¥ç‚¬çˆ£ */
+ background: url(../images/20191218-9e8acd5341cdc.png) no-repeat center center #4f7cfc;
+ background-size: 40% 40%;
+ cursor: pointer
+}
+
+.fk_service_jk:hover .fk_service_jk_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_jk_cont {
+ width: 200px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+/* é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki ç¼æ’´æ½«*/
+/* é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki 寮€濮�*/
+.fk_service_ws {
+ background: url(../images/20191218-61b4baac98ee7.png) no-repeat center center #fff;
+ background-size: 50% 50%;
+}
+
+.fk_service_ws:hover {
+ border: 0;
+ background: url(../images/20191218-8ded04c01bb3c.png) no-repeat center center #4f7cfc;
+ background-size: 50% 50%;
+ cursor: pointer
+}
+
+.fk_service_ws:hover .fk_service_ws_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_ws_cont {
+ width: 200px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+/* é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki ç¼æ’´æ½«*/
+/* é—‚î†æ•¸ é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki 寮€濮�*/
+.fk_service_sd {
+ background: url(../images/20191218-94664bd399372.png) no-repeat center center #fff;
+ background-size: 50% 50%;
+}
+
+.fk_service_sd:hover {
+ border: 0;
+ background: url(../images/20191218-fab840acee28b.png) no-repeat center center #4f7cfc;
+ background-size: 50% 50%;
+ cursor: pointer
+}
+
+.fk_service_sd:hover .fk_service_sd_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_sd_cont {
+ width: 200px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+/*é—‚î†æ•¸ é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki ç¼æ’´æ½«*/
+/* 瀵艰埅 é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki 寮€濮�*/
+.fk_service_dh {
+ background: url(../images/20191218-711bcdc875f32.png) no-repeat center center #fff;
+ background-size: 60% 60%;
+}
+
+.fk_service_dh:hover {
+ border: 0;
+ background: url(../images/20191218-8d9cf4c72a239.png) no-repeat center center #4f7cfc;
+ background-size: 60% 60%;
+ cursor: pointer
+}
+
+.fk_service_dh:hover .fk_service_dh_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_dh_cont {
+ width: 200px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+/*瀵艰埅 é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki ç¼æ’´æ½«*/
+/* é–åžç¸¾ é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki 寮€濮�*/
+.fk_service_ax {
+ background: url(../images/20191218-bf1792e790a39.png) no-repeat center center #fff;
+ background-size: 40% 40%;
+}
+
+.fk_service_ax:hover {
+ border: 0;
+ background: url(../images/20191218-f379809ce7aef.png) no-repeat center center #4f7cfc;
+ background-size: 40% 40%;
+ cursor: pointer
+}
+
+.fk_service_ax:hover .fk_service_ax_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_ax_cont {
+ width: 200px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+/*é–åžç¸¾ é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki ç¼æ’´æ½«*/
+/* éç¡…ç¦ é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki 寮€濮�*/
+.fk_service_dz {
+ background: url(../images/20191218-3d077e8df0bf0.png) no-repeat center center #fff;
+ background-size: 50% 50%;
+}
+
+.fk_service_dz:hover {
+ border: 0;
+ background: url(../images/20191218-986a9393f3e9e.png) no-repeat center center #4f7cfc;
+ background-size: 50% 50%;
+ cursor: pointer
+}
+
+.fk_service_dz:hover .fk_service_dz_cont {
+ display: block;
+ opacity: 1;
+ transition: linear .2s;
+ animation-name: fade-in;
+ animation-duration: .3s;
+ animation-iteration-count: 1;
+ animation-delay: 0s
+}
+
+.fk_service_dz_cont {
+ width: 200px;
+ height: 40px;
+ line-height: 40px;
+ background: #fff;
+ border-radius: 5px;
+ right: 62px;
+ text-align: center;
+ position: absolute;
+ display: none;
+ border: 1px solid #e1e6ec
+}
+
+/*éç¡…ç¦ é‚æ¿î–ƒé¥ç‚¬çˆ£->zmki ç¼æ’´æ½«*/
+/* 鎵嬫満绔îˆåšœé”ㄩ殣钘� 寮€濮� */
+@media screen and (max-width: 1221px) {
+ .wapnone {
+ display: none;
+ }
+}
+
+/* 鎵嬫満绔îˆåšœé”ㄩ殣钘� ç¼æ’´æ½« */
+
+/*############################################*/
+img {
+ border-width: 0px;
+}
+
+.pos-f {
+ position: relative;
+}
+
+.left-100 {
+ width: 100%;
+ height: 100%;
+}
+
+.blur {
+ -webkit-filter: blur(3px);
+ filter: blur(3px);
+}
+
+.tr3 {
+ transition: all .3s;
+}
+
+#donateBox {
+ /*left: calc(50% - 111px);
+ top: calc(50% - 15px);*/
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ height: 30px;
+ float: left;
+ /*z-index: 1;*/
+}
+
+#donateBox li {
+ width: 74px;
+ float: left;
+ text-align: center;
+ border-left: 1px solid #ddd;
+ background: no-repeat center center;
+ background-color: rgba(204, 217, 220, 0.1);
+ background-size: 45px;
+ transition: all .3s;
+ cursor: pointer;
+ overflow: hidden;
+ line-height: 600px;
+ height: 28px;
+ -webkit-filter: grayscale(1);
+ filter: grayscale(1);
+ opacity: 0.5;
+}
+
+#donateBox li:hover {
+ background-color: rgba(204, 217, 220, 0.3);
+ -webkit-filter: grayscale(0);
+ filter: grayscale(0);
+ opacity: 1;
+}
+
+#donateBox>li:first-child {
+ border-width: 0;
+}
+
+#donateBox a {
+ display: block;
+}
+
+#donateBox>#QQ {
+ background-image: url(../images/qq_pay.svg);
+}
+
+#donateBox #AliPay {
+ background-image: url(../images/alipay.svg);
+}
+
+#donateBox #WeChat {
+ background-image: url(../images/wechat.svg);
+}
+
+#QRBox {
+ top: 0;
+ right: 50px;
+ z-index: 1;
+ bottom: 100px;
+ /*background-color: rgba(255,255,255,0.3);*/
+ display: none;
+ perspective: 400px;
+ -webkit-touch-callout: none;
+}
+
+#MainBox {
+ cursor: pointer;
+ position: absolute;
+ text-align: center;
+ width: 200px;
+ height: 200px;
+ left: calc(50% - 100px);
+ top: calc(50% - 100px);
+ background: #fff no-repeat center center;
+ background-size: 190px;
+ border-radius: 6px;
+ box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
+ opacity: 0;
+ transition: all 1s ease-in-out;
+ transform-style: preserve-3d;
+ transform-origin: center center;
+ overflow: hidden;
+ -webkit-touch-callout: none;
+}
+
+#btc-key {
+ opacity: 0;
+ width: 2px;
+ height: 8px;
+ overflow: hidden;
+ left: -2px;
+ top: -8px;
+}
+
+[data-footnote] {
+ position: relative;
+ overflow: hidden;
+}
+
+[data-footnote]:hover {
+ overflow: visible;
+}
+
+[data-footnote]::before,
+[data-footnote]::after {
+ position: absolute;
+ transition: all .3s;
+ transform: translate3d(-50%, 0, 0);
+ opacity: 0;
+ left: 37px;
+ z-index: 10;
+}
+
+[data-footnote]::before {
+ content: attr(data-footnote);
+ border-radius: 6px;
+ background-color: rgba(100, 100, 100, 0.8);
+ color: #fff;
+ height: 24px;
+ line-height: 24px;
+ padding: 0 6px;
+ font-size: 12px;
+ white-space: nowrap;
+ top: -24px;
+ left: 37px;
+}
+
+[data-footnote]::after {
+ content: '';
+ border: 5px solid #333;
+ border-color: rgba(100, 100, 100, 0.8) transparent transparent transparent;
+ top: 0;
+ left: 37px;
+}
+
+[data-footnote]:hover::before,
+[data-footnote]:hover::after {
+ opacity: 1;
+}
+
+[data-footnote]:hover::before,
+[data-footnote]:hover::after {
+ transform: translate3d(-50%, -7px, 0);
+}
+
+#MainBox.showQR {
+ opacity: 1;
+ animation-name: showQR;
+ animation-duration: 3s;
+ animation-timing-function: ease-in-out;
+ animation-iteration-count: 1;
+ animation-fill-mode: forwards;
+ -webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;
+ -webkit-touch-callout: none;
+}
+
+@keyframes showQR {
+ from {
+ transform: rotateX(90deg);
+ }
+
+ 8% {
+ opacity: 1;
+ transform: rotateX(-60deg);
+ }
+
+ 18% {
+ opacity: 1;
+ transform: rotateX(40deg);
+ }
+
+ 34% {
+ opacity: 1;
+ transform: rotateX(-28deg);
+ }
+
+ 44% {
+ opacity: 1;
+ transform: rotateX(18deg);
+ }
+
+ 58% {
+ opacity: 1;
+ transform: rotateX(-12deg);
+ }
+
+ 72% {
+ opacity: 1;
+ transform: rotateX(9deg);
+ }
+
+ 88% {
+ opacity: 1;
+ transform: rotateX(-5deg);
+ }
+
+ 96% {
+ opacity: 1;
+ transform: rotateX(2deg);
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+#MainBox.hideQR {
+ opacity: 1;
+ animation-name: hideQR;
+ animation-duration: 0.5s;
+ animation-timing-function: ease-in-out;
+ animation-iteration-count: 1;
+ animation-fill-mode: forwards;
+ -webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;
+}
+
+@keyframes hideQR {
+ from {}
+
+ 20%,
+ 50% {
+ transform: scale(1.08, 1.08);
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ transform: rotateZ(40deg) scale(0.6, 0.6);
+ }
+}
\ No newline at end of file
diff --git a/src/assets/style/oneui.css b/src/assets/style/oneui.css
new file mode 100644
index 0000000..b9b6853
--- /dev/null
+++ b/src/assets/style/oneui.css
@@ -0,0 +1,14503 @@
+/*!
+* OneUI - v3.1.0 - Auto-compiled on 2017-01-13 - Copyright 2017
+* @author pixelcave
+*/
+html,
+body {
+ height: 100%;
+}
+
+.row_jsxs {
+ margin-right: -14px;
+ margin-left: -14px;
+}
+
+body {
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ color: #646464;
+ background-color: #f5f5f5;
+}
+
+.no-focus *:focus {
+ outline: 0 !important;
+}
+
+a {
+ -webkit-transition: color 0.12s ease-out;
+ transition: color 0.12s ease-out;
+}
+
+a.link-effect {
+ position: relative;
+}
+
+a.link-effect:before {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+ content: '';
+ background-color: #3169b1;
+ visibility: hidden;
+ -webkit-transform: scaleX(0);
+ -ms-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transition: -webkit-transform 0.12s ease-out;
+ transition: transform 0.12s ease-out;
+}
+
+a:hover,
+a:focus {
+ color: #3169b1;
+ text-decoration: none;
+}
+
+a:hover.link-effect:before,
+a:focus.link-effect:before {
+ visibility: visible;
+ -webkit-transform: scaleX(1);
+ -ms-transform: scaleX(1);
+ transform: scaleX(1);
+}
+
+a:active {
+ color: #5c90d2;
+}
+
+a.inactive {
+ cursor: not-allowed;
+}
+
+a.inactive:focus {
+ background-color: transparent !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ margin: 0;
+ font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', Helvetica,
+ Arial, sans-serif;
+ font-weight: 600;
+ line-height: 1.2;
+ color: inherit;
+}
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+ font-weight: 600;
+ font-size: 85%;
+ color: #777;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-weight: inherit;
+}
+
+h1,
+.h1 {
+ font-size: 36px;
+}
+
+h2,
+.h2 {
+ font-size: 30px;
+}
+
+h3,
+.h3 {
+ font-size: 24px;
+}
+
+h4,
+.h4 {
+ font-size: 20px;
+}
+
+h5,
+.h5 {
+ font-size: 16px;
+}
+
+h6,
+.h6 {
+ font-size: 14px;
+}
+
+.page-heading {
+ color: #545454;
+ font-size: 28px;
+ font-weight: 400;
+}
+
+.page-heading small {
+ margin-top: 5px;
+ display: block;
+ color: #777;
+ font-size: 16px;
+ font-weight: 300;
+ line-height: 1.4;
+}
+
+@media screen and (min-width: 768px) {
+ .page-heading small {
+ border-radius: 20px;
+ margin-top: 0;
+ display: inline;
+ line-height: inherit;
+ }
+}
+
+.content-heading {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ font-weight: 600;
+ font-size: 15px;
+ color: #8c8c8c;
+ text-transform: uppercase;
+}
+
+.content-heading small {
+ font-size: 13px;
+ font-weight: normal;
+ color: #999999;
+ text-transform: none;
+}
+
+@media screen and (min-width: 768px) {
+ .content-heading {
+ margin-top: 25px;
+ }
+}
+
+.font-w300 {
+ font-weight: 300 !important;
+}
+
+.font-w400 {
+ font-weight: 400 !important;
+}
+
+.font-w600 {
+ font-weight: 600 !important;
+}
+
+.font-w700 {
+ font-weight: 700 !important;
+}
+
+.font-s12 {
+ font-size: 12px !important;
+}
+
+.font-s13 {
+ font-size: 13px !important;
+}
+
+.font-s36 {
+ font-size: 36px !important;
+}
+
+.font-s48 {
+ font-size: 48px !important;
+}
+
+.font-s64 {
+ font-size: 64px !important;
+}
+
+.font-s96 {
+ font-size: 96px !important;
+}
+
+.font-s128 {
+ font-size: 128px !important;
+}
+
+p {
+ line-height: 1.6;
+}
+
+p.nice-copy,
+.nice-copy p {
+ line-height: 1.8;
+}
+
+p.nice-copy-story,
+.nice-copy-story p {
+ line-height: 1.8;
+ font-size: 16px;
+}
+
+.text-muted {
+ color: #999999;
+}
+
+a.text-muted:hover,
+a.text-muted:active,
+a.text-muted:focus,
+button.text-muted:hover,
+button.text-muted:active,
+button.text-muted:focus {
+ color: #999999;
+ opacity: 0.75;
+}
+
+.text-primary {
+ color: #5c90d2;
+}
+
+a.text-primary:hover,
+a.text-primary:active,
+a.text-primary:focus,
+button.text-primary:hover,
+button.text-primary:active,
+button.text-primary:focus {
+ color: #5c90d2;
+ opacity: 0.75;
+}
+
+.text-primary-dark {
+ color: #3e4a59;
+}
+
+a.text-primary-dark:hover,
+a.text-primary-dark:active,
+a.text-primary-dark:focus,
+button.text-primary-dark:hover,
+button.text-primary-dark:active,
+button.text-primary-dark:focus {
+ color: #3e4a59;
+ opacity: 0.75;
+}
+
+.text-primary-darker {
+ color: #2c343f;
+}
+
+a.text-primary-darker:hover,
+a.text-primary-darker:active,
+a.text-primary-darker:focus,
+button.text-primary-darker:hover,
+button.text-primary-darker:active,
+button.text-primary-darker:focus {
+ color: #2c343f;
+ opacity: 0.75;
+}
+
+.text-primary-light {
+ color: #98b9e3;
+}
+
+a.text-primary-light:hover,
+a.text-primary-light:active,
+a.text-primary-light:focus,
+button.text-primary-light:hover,
+button.text-primary-light:active,
+button.text-primary-light:focus {
+ color: #98b9e3;
+ opacity: 0.75;
+}
+
+.text-primary-lighter {
+ color: #ccdcf1;
+}
+
+a.text-primary-lighter:hover,
+a.text-primary-lighter:active,
+a.text-primary-lighter:focus,
+button.text-primary-lighter:hover,
+button.text-primary-lighter:active,
+button.text-primary-lighter:focus {
+ color: #ccdcf1;
+ opacity: 0.75;
+}
+
+.text-success {
+ color: #46c37b;
+}
+
+a.text-success:hover,
+a.text-success:active,
+a.text-success:focus,
+button.text-success:hover,
+button.text-success:active,
+button.text-success:focus {
+ color: #46c37b;
+ opacity: 0.75;
+}
+
+.text-warning {
+ color: #f3b760;
+}
+
+a.text-warning:hover,
+a.text-warning:active,
+a.text-warning:focus,
+button.text-warning:hover,
+button.text-warning:active,
+button.text-warning:focus {
+ color: #f3b760;
+ opacity: 0.75;
+}
+
+.text-info {
+ color: #70b9eb;
+}
+
+a.text-info:hover,
+a.text-info:active,
+a.text-info:focus,
+button.text-info:hover,
+button.text-info:active,
+button.text-info:focus {
+ color: #70b9eb;
+ opacity: 0.75;
+}
+
+.text-danger {
+ color: #d26a5c;
+}
+
+a.text-danger:hover,
+a.text-danger:active,
+a.text-danger:focus,
+button.text-danger:hover,
+button.text-danger:active,
+button.text-danger:focus {
+ color: #d26a5c;
+ opacity: 0.75;
+}
+
+.text-success-light {
+ color: #e0f5e9;
+}
+
+a.text-success-light:hover,
+a.text-success-light:active,
+a.text-success-light:focus,
+button.text-success-light:hover,
+button.text-success-light:active,
+button.text-success-light:focus {
+ color: #e0f5e9;
+ opacity: 0.75;
+}
+
+.text-warning-light {
+ color: #fdf3e5;
+}
+
+a.text-warning-light:hover,
+a.text-warning-light:active,
+a.text-warning-light:focus,
+button.text-warning-light:hover,
+button.text-warning-light:active,
+button.text-warning-light:focus {
+ color: #fdf3e5;
+ opacity: 0.75;
+}
+
+.text-info-light {
+ color: #edf6fd;
+}
+
+a.text-info-light:hover,
+a.text-info-light:active,
+a.text-info-light:focus,
+button.text-info-light:hover,
+button.text-info-light:active,
+button.text-info-light:focus {
+ color: #edf6fd;
+ opacity: 0.75;
+}
+
+.text-danger-light {
+ color: #f9eae8;
+}
+
+a.text-danger-light:hover,
+a.text-danger-light:active,
+a.text-danger-light:focus,
+button.text-danger-light:hover,
+button.text-danger-light:active,
+button.text-danger-light:focus {
+ color: #f9eae8;
+ opacity: 0.75;
+}
+
+.text-white {
+ color: #fff;
+}
+
+a.text-white:hover,
+a.text-white:active,
+a.text-white:focus,
+button.text-white:hover,
+button.text-white:active,
+button.text-white:focus {
+ color: #fff;
+ opacity: 0.75;
+}
+
+.text-white-op {
+ color: rgba(255, 255, 255, 0.85);
+}
+
+a.text-white-op:hover,
+a.text-white-op:active,
+a.text-white-op:focus,
+button.text-white-op:hover,
+button.text-white-op:active,
+button.text-white-op:focus {
+ color: rgba(255, 255, 255, 0.85);
+ opacity: 0.75;
+}
+
+.text-black {
+ color: #000;
+}
+
+a.text-black:hover,
+a.text-black:active,
+a.text-black:focus,
+button.text-black:hover,
+button.text-black:active,
+button.text-black:focus {
+ color: #000;
+ opacity: 0.75;
+}
+
+.text-black-op {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+a.text-black-op:hover,
+a.text-black-op:active,
+a.text-black-op:focus,
+button.text-black-op:hover,
+button.text-black-op:active,
+button.text-black-op:focus {
+ color: rgba(0, 0, 0, 0.5);
+ opacity: 0.75;
+}
+
+.text-gray {
+ color: #c9c9c9;
+}
+
+a.text-gray:hover,
+a.text-gray:active,
+a.text-gray:focus,
+button.text-gray:hover,
+button.text-gray:active,
+button.text-gray:focus {
+ color: #c9c9c9;
+ opacity: 0.75;
+}
+
+.text-gray-dark {
+ color: #999999;
+}
+
+a.text-gray-dark:hover,
+a.text-gray-dark:active,
+a.text-gray-dark:focus,
+button.text-gray-dark:hover,
+button.text-gray-dark:active,
+button.text-gray-dark:focus {
+ color: #999999;
+ opacity: 0.75;
+}
+
+.text-gray-darker {
+ color: #393939;
+}
+
+a.text-gray-darker:hover,
+a.text-gray-darker:active,
+a.text-gray-darker:focus,
+button.text-gray-darker:hover,
+button.text-gray-darker:active,
+button.text-gray-darker:focus {
+ color: #393939;
+ opacity: 0.75;
+}
+
+.text-gray-light {
+ color: #f3f3f3;
+}
+
+a.text-gray-light:hover,
+a.text-gray-light:active,
+a.text-gray-light:focus,
+button.text-gray-light:hover,
+button.text-gray-light:active,
+button.text-gray-light:focus {
+ color: #f3f3f3;
+ opacity: 0.75;
+}
+
+.text-gray-lighter {
+ color: #f9f9f9;
+}
+
+a.text-gray-lighter:hover,
+a.text-gray-lighter:active,
+a.text-gray-lighter:focus,
+button.text-gray-lighter:hover,
+button.text-gray-lighter:active,
+button.text-gray-lighter:focus {
+ color: #f9f9f9;
+ opacity: 0.75;
+}
+
+.bg-muted {
+ background-color: #999999;
+}
+
+a.bg-muted:hover,
+a.bg-muted:focus {
+ background-color: #808080;
+}
+
+.bg-primary {
+ background-color: #5c90d2;
+}
+
+a.bg-primary:hover,
+a.bg-primary:focus {
+ background-color: #3675c5;
+}
+
+.bg-primary-op {
+ background-color: rgba(92, 144, 210, 0.75);
+}
+
+a.bg-primary-op:hover,
+a.bg-primary-op:focus {
+ background-color: rgba(54, 117, 197, 0.75);
+}
+
+.bg-primary-dark {
+ background-color: #3e4a59;
+}
+
+a.bg-primary-dark:hover,
+a.bg-primary-dark:focus {
+ background-color: #29313b;
+}
+
+.bg-primary-dark-op {
+ background-color: rgba(62, 74, 89, 0.83);
+}
+
+a.bg-primary-dark-op:hover,
+a.bg-primary-dark-op:focus {
+ background-color: rgba(41, 49, 59, 0.83);
+}
+
+.bg-primary-darker {
+ background-color: #2c343f;
+}
+
+a.bg-primary-darker:hover,
+a.bg-primary-darker:focus {
+ background-color: #171b21;
+}
+
+.bg-primary-light {
+ background-color: #98b9e3;
+}
+
+a.bg-primary-light:hover,
+a.bg-primary-light:focus {
+ background-color: #709ed8;
+}
+
+.bg-primary-lighter {
+ background-color: #ccdcf1;
+}
+
+a.bg-primary-lighter:hover,
+a.bg-primary-lighter:focus {
+ background-color: #a4c1e6;
+}
+
+.bg-body {
+ background-color: #f5f5f5;
+}
+
+.bg-success {
+ background-color: #46c37b;
+}
+
+a.bg-success:hover,
+a.bg-success:focus {
+ background-color: #34a263;
+}
+
+.bg-warning {
+ background-color: #f3b760;
+}
+
+a.bg-warning:hover,
+a.bg-warning:focus {
+ background-color: #efa231;
+}
+
+.bg-info {
+ background-color: #70b9eb;
+}
+
+a.bg-info:hover,
+a.bg-info:focus {
+ background-color: #43a3e5;
+}
+
+.bg-danger {
+ background-color: #d26a5c;
+}
+
+a.bg-danger:hover,
+a.bg-danger:focus {
+ background-color: #c54736;
+}
+
+.bg-success-light {
+ background-color: #e0f5e9;
+}
+
+a.bg-success-light:hover,
+a.bg-success-light:focus {
+ background-color: #b9e9ce;
+}
+
+.bg-warning-light {
+ background-color: #fdf3e5;
+}
+
+a.bg-warning-light:hover,
+a.bg-warning-light:focus {
+ background-color: #f9ddb6;
+}
+
+.bg-info-light {
+ background-color: #edf6fd;
+}
+
+a.bg-info-light:hover,
+a.bg-info-light:focus {
+ background-color: #bfdff8;
+}
+
+.bg-danger-light {
+ background-color: #f9eae8;
+}
+
+a.bg-danger-light:hover,
+a.bg-danger-light:focus {
+ background-color: #eec5c0;
+}
+
+.bg-white {
+ background-color: #fff;
+}
+
+a.bg-white:hover,
+a.bg-white:focus {
+ background-color: #e6e6e6;
+}
+
+.bg-white-op {
+ background-color: rgba(255, 255, 255, 0.075);
+}
+
+.bg-crystal-op {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.bg-black {
+ background-color: #000;
+}
+
+a.bg-black:hover,
+a.bg-black:focus {
+ background-color: #000000;
+}
+
+.bg-black-op {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.bg-gray {
+ background-color: #c9c9c9;
+}
+
+a.bg-gray:hover,
+a.bg-gray:focus {
+ background-color: #b0b0b0;
+}
+
+.bg-gray-dark {
+ background-color: #999999;
+}
+
+a.bg-gray-dark:hover,
+a.bg-gray-dark:focus {
+ background-color: #808080;
+}
+
+.bg-gray-darker {
+ background-color: #393939;
+}
+
+a.bg-gray-darker:hover,
+a.bg-gray-darker:focus {
+ background-color: #202020;
+}
+
+.bg-gray-light {
+ background-color: #f3f3f3;
+}
+
+a.bg-gray-light:hover,
+a.bg-gray-light:focus {
+ background-color: #dadada;
+}
+
+.bg-gray-lighter {
+ background-color: #f9f9f9;
+}
+
+a.bg-gray-lighter:hover,
+a.bg-gray-lighter:focus {
+ background-color: #e0e0e0;
+}
+
+.btn {
+ font-weight: 600;
+ border-radius: 2px;
+ -webkit-transition: all 0.15s ease-out;
+ transition: all 0.15s ease-out;
+}
+
+.btn:active,
+.btn.active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.btn.btn-square {
+ border-radius: 0;
+}
+
+.btn.btn-rounded {
+ border-radius: 20px;
+}
+
+.btn.btn-minw {
+ min-width: 110px;
+}
+
+.btn.btn-noborder {
+ border: none !important;
+}
+
+.btn.btn-image {
+ position: relative;
+ padding-left: 40px;
+}
+
+.btn.btn-image>img {
+ position: absolute;
+ top: 3px;
+ left: 3px;
+ display: block;
+ width: 26px;
+ height: 26px;
+ border-radius: 3px;
+}
+
+.btn>i.pull-left {
+ margin-top: 3px;
+ margin-right: 5px;
+}
+
+.btn>i.pull-right {
+ margin-top: 3px;
+ margin-left: 5px;
+}
+
+.btn-link,
+.btn-link:hover,
+.btn-link:focus {
+ text-decoration: none;
+}
+
+.btn-default {
+ color: #545454;
+ background-color: #f5f5f5;
+ border-color: #e9e9e9;
+}
+
+.btn-default:focus,
+.btn-default.focus,
+.btn-default:hover {
+ color: #545454;
+ background-color: #e1e1e1;
+ border-color: #cacaca;
+}
+
+.btn-default:active,
+.btn-default.active,
+.open>.dropdown-toggle.btn-default {
+ color: #545454;
+ background-color: #c7c7c7;
+ border-color: #b1b1b1;
+}
+
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open>.dropdown-toggle.btn-default:hover,
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open>.dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open>.dropdown-toggle.btn-default.focus {
+ color: #545454;
+ background-color: #c7c7c7;
+ border-color: #b1b1b1;
+}
+
+.btn-default:active,
+.btn-default.active,
+.open>.dropdown-toggle.btn-default {
+ background-image: none;
+}
+
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+ background-color: #f5f5f5;
+ border-color: #e9e9e9;
+}
+
+.btn-default .badge {
+ color: #f5f5f5;
+ background-color: #545454;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #5c90d2;
+ border-color: #3675c5;
+}
+
+.btn-primary:focus,
+.btn-primary.focus,
+.btn-primary:hover {
+ color: #fff;
+ background-color: #3c7ac9;
+ border-color: #295995;
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open>.dropdown-toggle.btn-primary {
+ color: #fff;
+ background-color: #2d62a5;
+ border-color: #1e416d;
+}
+
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open>.dropdown-toggle.btn-primary:hover,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open>.dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open>.dropdown-toggle.btn-primary.focus {
+ color: #fff;
+ background-color: #2d62a5;
+ border-color: #1e416d;
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open>.dropdown-toggle.btn-primary {
+ background-image: none;
+}
+
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+ background-color: #5c90d2;
+ border-color: #3675c5;
+}
+
+.btn-primary .badge {
+ color: #5c90d2;
+ background-color: #fff;
+}
+
+.btn-success {
+ color: #fff;
+ background-color: #46c37b;
+ border-color: #34a263;
+}
+
+.btn-success:focus,
+.btn-success.focus,
+.btn-success:hover {
+ color: #fff;
+ background-color: #37a967;
+ border-color: #257346;
+}
+
+.btn-success:active,
+.btn-success.active,
+.open>.dropdown-toggle.btn-success {
+ color: #fff;
+ background-color: #2a8350;
+ border-color: #194d2f;
+}
+
+.btn-success:active:hover,
+.btn-success.active:hover,
+.open>.dropdown-toggle.btn-success:hover,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.open>.dropdown-toggle.btn-success:focus,
+.btn-success:active.focus,
+.btn-success.active.focus,
+.open>.dropdown-toggle.btn-success.focus {
+ color: #fff;
+ background-color: #2a8350;
+ border-color: #194d2f;
+}
+
+.btn-success:active,
+.btn-success.active,
+.open>.dropdown-toggle.btn-success {
+ background-image: none;
+}
+
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+ background-color: #46c37b;
+ border-color: #34a263;
+}
+
+.btn-success .badge {
+ color: #46c37b;
+ background-color: #fff;
+}
+
+.btn-info {
+ color: #fff;
+ background-color: #70b9eb;
+ border-color: #43a3e5;
+}
+
+.btn-info:focus,
+.btn-info.focus,
+.btn-info:hover {
+ color: #fff;
+ background-color: #4ca7e6;
+ border-color: #1d86ce;
+}
+
+.btn-info:active,
+.btn-info.active,
+.open>.dropdown-toggle.btn-info {
+ color: #fff;
+ background-color: #1f92e0;
+ border-color: #1769a1;
+}
+
+.btn-info:active:hover,
+.btn-info.active:hover,
+.open>.dropdown-toggle.btn-info:hover,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.open>.dropdown-toggle.btn-info:focus,
+.btn-info:active.focus,
+.btn-info.active.focus,
+.open>.dropdown-toggle.btn-info.focus {
+ color: #fff;
+ background-color: #1f92e0;
+ border-color: #1769a1;
+}
+
+.btn-info:active,
+.btn-info.active,
+.open>.dropdown-toggle.btn-info {
+ background-image: none;
+}
+
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+ background-color: #70b9eb;
+ border-color: #43a3e5;
+}
+
+.btn-info .badge {
+ color: #70b9eb;
+ background-color: #fff;
+}
+
+.btn-warning {
+ color: #fff;
+ background-color: #f3b760;
+ border-color: #efa231;
+}
+
+.btn-warning:focus,
+.btn-warning.focus,
+.btn-warning:hover {
+ color: #fff;
+ background-color: #f0a63a;
+ border-color: #d38310;
+}
+
+.btn-warning:active,
+.btn-warning.active,
+.open>.dropdown-toggle.btn-warning {
+ color: #fff;
+ background-color: #e68f11;
+ border-color: #a3660c;
+}
+
+.btn-warning:active:hover,
+.btn-warning.active:hover,
+.open>.dropdown-toggle.btn-warning:hover,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.open>.dropdown-toggle.btn-warning:focus,
+.btn-warning:active.focus,
+.btn-warning.active.focus,
+.open>.dropdown-toggle.btn-warning.focus {
+ color: #fff;
+ background-color: #e68f11;
+ border-color: #a3660c;
+}
+
+.btn-warning:active,
+.btn-warning.active,
+.open>.dropdown-toggle.btn-warning {
+ background-image: none;
+}
+
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+ background-color: #f3b760;
+ border-color: #efa231;
+}
+
+.btn-warning .badge {
+ color: #f3b760;
+ background-color: #fff;
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #d26a5c;
+ border-color: #c54736;
+}
+
+.btn-danger:focus,
+.btn-danger.focus,
+.btn-danger:hover {
+ color: #fff;
+ background-color: #c94d3c;
+ border-color: #953629;
+}
+
+.btn-danger:active,
+.btn-danger.active,
+.open>.dropdown-toggle.btn-danger {
+ color: #fff;
+ background-color: #a53c2d;
+ border-color: #6d271e;
+}
+
+.btn-danger:active:hover,
+.btn-danger.active:hover,
+.open>.dropdown-toggle.btn-danger:hover,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.open>.dropdown-toggle.btn-danger:focus,
+.btn-danger:active.focus,
+.btn-danger.active.focus,
+.open>.dropdown-toggle.btn-danger.focus {
+ color: #fff;
+ background-color: #a53c2d;
+ border-color: #6d271e;
+}
+
+.btn-danger:active,
+.btn-danger.active,
+.open>.dropdown-toggle.btn-danger {
+ background-image: none;
+}
+
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+ background-color: #d26a5c;
+ border-color: #c54736;
+}
+
+.btn-danger .badge {
+ color: #d26a5c;
+ background-color: #fff;
+}
+
+label {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+.form-control {
+ color: #646464;
+ border: 1px solid #e6e6e6;
+ border-radius: 3px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transition: all 0.15s ease-out;
+ transition: all 0.15s ease-out;
+}
+
+.form-control::-moz-placeholder {
+ color: #aaa;
+}
+
+.form-control:-ms-input-placeholder {
+ color: #aaa;
+}
+
+.form-control::-webkit-input-placeholder {
+ color: #aaa;
+}
+
+.form-control:focus {
+ border-color: #ccc;
+ background-color: #fcfcfc;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+textarea.form-control {
+ max-width: 100%;
+}
+
+input[type='text'].form-control,
+input[type='password'].form-control,
+input[type='email'].form-control {
+ -webkit-appearance: none;
+}
+
+.form-control.input-sm {
+ border-radius: 3px;
+}
+
+.form-control.input-lg {
+ font-size: 14px;
+ border-radius: 3px;
+}
+
+.input-group-lg .form-control {
+ font-size: 14px;
+}
+
+.form-group {
+ margin-bottom: 20px;
+}
+
+.form-bordered .form-group {
+ padding-bottom: 10px;
+ margin-bottom: 10px;
+ border-bottom: 1px solid #f3f3f3;
+}
+
+.form-bordered .form-group.form-actions {
+ border-bottom: none;
+}
+
+.help-block {
+ margin-top: 5px;
+ margin-bottom: 0;
+ font-style: italic;
+ font-size: 13px;
+ color: #a4a4a4;
+}
+
+.has-success>label,
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
+ color: #46c37b;
+}
+
+.has-success .form-control {
+ border-color: #46c37b;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-success .form-control:focus {
+ border-color: #34a263;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-success .input-group-addon {
+ color: #46c37b;
+ border-color: #46c37b;
+ background-color: #fff;
+}
+
+.has-success .form-control-feedback {
+ color: #46c37b;
+}
+
+.has-info>label,
+.has-info .help-block,
+.has-info .control-label,
+.has-info .radio,
+.has-info .checkbox,
+.has-info .radio-inline,
+.has-info .checkbox-inline,
+.has-info.radio label,
+.has-info.checkbox label,
+.has-info.radio-inline label,
+.has-info.checkbox-inline label {
+ color: #70b9eb;
+}
+
+.has-info .form-control {
+ border-color: #70b9eb;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-info .form-control:focus {
+ border-color: #43a3e5;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-info .input-group-addon {
+ color: #70b9eb;
+ border-color: #70b9eb;
+ background-color: #fff;
+}
+
+.has-info .form-control-feedback {
+ color: #70b9eb;
+}
+
+.has-warning>label,
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
+ color: #f3b760;
+}
+
+.has-warning .form-control {
+ border-color: #f3b760;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-warning .form-control:focus {
+ border-color: #efa231;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-warning .input-group-addon {
+ color: #f3b760;
+ border-color: #f3b760;
+ background-color: #fff;
+}
+
+.has-warning .form-control-feedback {
+ color: #f3b760;
+}
+
+.has-error>label,
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
+ color: #d26a5c;
+}
+
+.has-error .form-control {
+ border-color: #d26a5c;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-error .form-control:focus {
+ border-color: #c54736;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.has-error .input-group-addon {
+ color: #d26a5c;
+ border-color: #d26a5c;
+ background-color: #fff;
+}
+
+.has-error .form-control-feedback {
+ color: #d26a5c;
+}
+
+.input-group-addon {
+ color: #646464;
+ background-color: #f9f9f9;
+ border-color: #e6e6e6;
+ border-radius: 3px;
+}
+
+.input-group-addon.input-sm,
+.input-group-addon.input-lg {
+ border-radius: 3px;
+}
+
+.input-group-sm>.form-control,
+.input-group-sm>.input-group-addon,
+.input-group-sm>.input-group-btn>.btn,
+.input-group-lg>.form-control,
+.input-group-lg>.input-group-addon,
+.input-group-lg>.input-group-btn>.btn {
+ border-radius: 3px;
+}
+
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child>.btn,
+.input-group-btn:first-child>.btn-group>.btn,
+.input-group-btn:first-child>.dropdown-toggle,
+.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.input-group-addon:first-child {
+ border-right: 0;
+}
+
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child>.btn,
+.input-group-btn:last-child>.btn-group>.btn,
+.input-group-btn:last-child>.dropdown-toggle,
+.input-group-btn:first-child>.btn:not(:first-child),
+.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.input-group-addon:last-child {
+ border-left: 0;
+}
+
+.label-primary {
+ background-color: #5c90d2;
+}
+
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+ background-color: #3675c5;
+}
+
+.label-success {
+ background-color: #46c37b;
+}
+
+.label-success[href]:hover,
+.label-success[href]:focus {
+ background-color: #34a263;
+}
+
+.label-info {
+ background-color: #70b9eb;
+}
+
+.label-info[href]:hover,
+.label-info[href]:focus {
+ background-color: #43a3e5;
+}
+
+.label-warning {
+ background-color: #f3b760;
+}
+
+.label-warning[href]:hover,
+.label-warning[href]:focus {
+ background-color: #efa231;
+}
+
+.label-danger {
+ background-color: #d26a5c;
+}
+
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+ background-color: #c54736;
+}
+
+.badge-primary {
+ background-color: #5c90d2;
+}
+
+.badge-success {
+ background-color: #46c37b;
+}
+
+.badge-info {
+ background-color: #70b9eb;
+}
+
+.badge-warning {
+ background-color: #f3b760;
+}
+
+.badge-danger {
+ background-color: #d26a5c;
+}
+
+.alert {
+ padding-bottom: 10px;
+ border-radius: 2px;
+ border: none;
+}
+
+.alert p {
+ margin-bottom: 5px !important;
+}
+
+.alert-success {
+ background-color: #e0f5e9;
+ color: #34a263;
+ -webkit-box-shadow: 0 2px #cdefdb;
+ box-shadow: 0 2px #cdefdb;
+}
+
+.alert-success hr {
+ border-top-color: #cdefdb;
+}
+
+.alert-success .alert-link {
+ color: #287b4b;
+}
+
+.alert-info {
+ background-color: #edf6fd;
+ color: #43a3e5;
+ -webkit-box-shadow: 0 2px #d6ebfa;
+ box-shadow: 0 2px #d6ebfa;
+}
+
+.alert-info hr {
+ border-top-color: #d6ebfa;
+}
+
+.alert-info .alert-link {
+ color: #1e8cd7;
+}
+
+.alert-warning {
+ background-color: #fdf3e5;
+ color: #efa231;
+ -webkit-box-shadow: 0 2px #fbe8cd;
+ box-shadow: 0 2px #fbe8cd;
+}
+
+.alert-warning hr {
+ border-top-color: #fbe8cd;
+}
+
+.alert-warning .alert-link {
+ color: #dc8911;
+}
+
+.alert-danger {
+ background-color: #f9eae8;
+ color: #c54736;
+ -webkit-box-shadow: 0 2px #f4d8d4;
+ box-shadow: 0 2px #f4d8d4;
+}
+
+.alert-danger hr {
+ border-top-color: #f4d8d4;
+}
+
+.alert-danger .alert-link {
+ color: #9d392b;
+}
+
+.progress {
+ height: 24px;
+ border-radius: 2px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.progress.progress-mini {
+ height: 5px;
+}
+
+.progress.progress-mini .progress-bar {
+ line-height: 5px;
+}
+
+.progress-bar {
+ line-height: 24px;
+ font-weight: 600;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.progress-bar-primary {
+ background-color: #5c90d2;
+}
+
+.progress-bar-success {
+ background-color: #46c37b;
+}
+
+.progress-bar-info {
+ background-color: #70b9eb;
+}
+
+.progress-bar-warning {
+ background-color: #f3b760;
+}
+
+.progress-bar-danger {
+ background-color: #d26a5c;
+}
+
+.nav-pills>li>a {
+ font-weight: 600;
+ color: #646464;
+ border-radius: 3px;
+}
+
+.nav-pills>li>a:hover,
+.nav-pills>li>a:focus {
+ color: #646464;
+ background-color: #f9f9f9;
+}
+
+.nav-pills>li.active>a,
+.nav-pills>li.active>a:hover,
+.nav-pills>li.active>a:focus {
+ color: #fff;
+ background-color: #5c90d2;
+}
+
+.nav-pills>li.active>a>.badge {
+ color: #5c90d2;
+}
+
+.pagination {
+ border-radius: 0;
+}
+
+.pagination>li {
+ display: block;
+ float: left;
+ margin: 0 0 5px 5px;
+}
+
+.pagination>li>a,
+.pagination>li>span {
+ display: block;
+ float: none;
+ margin: 0;
+ padding-right: 8px;
+ padding-left: 8px;
+ color: #646464;
+ font-weight: 600;
+ border: none;
+}
+
+.pagination>li:first-child>a,
+.pagination>li:first-child>span {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.pagination>li:last-child>a,
+.pagination>li:last-child>span {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.pagination>li>a:hover,
+.pagination>li>span:hover,
+.pagination>li>a:focus,
+.pagination>li>span:focus {
+ color: #5c90d2;
+ background-color: transparent;
+ -webkit-box-shadow: 0 2px #5c90d2;
+ box-shadow: 0 2px #5c90d2;
+}
+
+.pagination>.active>a,
+.pagination>.active>span,
+.pagination>.active>a:hover,
+.pagination>.active>span:hover,
+.pagination>.active>a:focus,
+.pagination>.active>span:focus {
+ color: #5c90d2;
+ background-color: #f9f9f9;
+ -webkit-box-shadow: 0 2px #5c90d2;
+ box-shadow: 0 2px #5c90d2;
+}
+
+.pagination>.disabled>span,
+.pagination>.disabled>span:hover,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>a,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>a:focus {
+ color: #c9c9c9;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.pager li>a,
+.pager li>span {
+ padding: 6px 14px;
+ font-weight: 600;
+ color: #646464;
+ border: 1px solid #eee;
+ border-radius: 3px;
+}
+
+.pager li>a:hover,
+.pager li>a:focus {
+ color: #5c90d2;
+ background-color: #f9f9f9;
+}
+
+.pager li.disabled>span,
+.pager li.disabled>span:hover,
+.pager li.disabled>span:focus,
+.pager li.disabled>a,
+.pager li.disabled>a:hover,
+.pager li.disabled>a:focus {
+ color: #c9c9c9;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.list-group-item {
+ padding: 20px 15px;
+ border-color: #eee;
+}
+
+a.list-group-item {
+ font-weight: 600;
+ color: #646464;
+}
+
+a.list-group-item:hover,
+a.list-group-item:focus {
+ color: #5c90d2;
+}
+
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+ background-color: #5c90d2;
+ border-color: #5c90d2;
+}
+
+.list-group-item.active>.badge {
+ color: #5c90d2;
+}
+
+.breadcrumb {
+ padding: 0;
+ margin-bottom: 0;
+ text-transform: uppercase;
+ font-size: 12px;
+ font-weight: 600;
+ color: #999999;
+ background-color: transparent;
+}
+
+.breadcrumb>li+li:before {
+ display: inline-block;
+ padding: 0;
+ font-family: 'FontAwesome';
+ color: rgba(0, 0, 0, 0.5);
+ content: '\f105';
+ width: 20px;
+ text-align: center;
+}
+
+.tooltip-inner {
+ padding: 6px 8px;
+ background-color: #2c343f;
+ border-radius: 0;
+}
+
+.tooltip.top .tooltip-arrow {
+ border-top-color: #2c343f;
+}
+
+.tooltip.right .tooltip-arrow {
+ border-right-color: #2c343f;
+}
+
+.tooltip.left .tooltip-arrow {
+ border-left-color: #2c343f;
+}
+
+.tooltip.bottom .tooltip-arrow {
+ border-bottom-color: #2c343f;
+}
+
+.popover {
+ border-color: #ddd;
+ border-radius: 2px;
+ -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+}
+
+.popover-title {
+ padding: 10px 10px 1px;
+ font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', Helvetica,
+ Arial, sans-serif;
+ background-color: #fff;
+ border-bottom: none;
+ border-radius: 1px 1px 0 0;
+}
+
+.popover-content {
+ padding: 10px;
+}
+
+.dropdown-menu {
+ min-width: 180px;
+ padding: 5px 0;
+ border-color: #ddd;
+ border-radius: 2px;
+ -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+}
+
+.dropdown-menu>li>a {
+ padding: 7px 12px;
+}
+
+.dropdown-menu>li>a:hover {
+ background-color: #f9f9f9;
+}
+
+.dropdown-menu>li>a i.pull-right,
+.dropdown-menu>li>a .badge.pull-right {
+ right: 0;
+ margin-top: 3px;
+ margin-left: 10px;
+}
+
+.dropdown-menu>li>a i.pull-left,
+.dropdown-menu>li>a .badge.pull-left {
+ left: 0;
+ margin-top: 3px;
+ margin-right: 10px;
+}
+
+.dropdown-menu>li>a .badge.pull-right {
+ margin-top: 1px;
+}
+
+.dropdown-menu>li>a .badge.pull-left {
+ margin-top: 1px;
+}
+
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:hover,
+.dropdown-menu>.active>a:focus {
+ color: #545454;
+ background-color: #f0f0f0;
+}
+
+.dropdown-header {
+ padding: 5px 12px 4px;
+ font-weight: 600;
+ color: #999999;
+ text-transform: uppercase;
+}
+
+.table>thead>tr>th,
+.table>tbody>tr>th,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>tbody>tr>td,
+.table>tfoot>tr>td {
+ padding: 12px 10px;
+ border-top: 1px solid #f0f0f0;
+}
+
+.table>thead>tr>th,
+.table>tbody>tr>th,
+.table>tfoot>tr>th {
+ padding: 16px 10px 12px;
+ font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', Helvetica,
+ Arial, sans-serif;
+ font-size: 15px;
+ font-weight: 600;
+ text-transform: uppercase;
+}
+
+.table>thead>tr>th {
+ border-bottom: 1px solid #ddd;
+}
+
+.table>tbody+tbody {
+ border-top: 1px solid #ddd;
+}
+
+.table-condensed>thead>tr>td,
+.table-condensed>tbody>tr>td,
+.table-condensed>tfoot>tr>td {
+ padding: 6px 8px;
+}
+
+.table-bordered {
+ border: 1px solid #e9e9e9;
+}
+
+.table-bordered>thead>tr>th,
+.table-bordered>tbody>tr>th,
+.table-bordered>tfoot>tr>th,
+.table-bordered>thead>tr>td,
+.table-bordered>tbody>tr>td,
+.table-bordered>tfoot>tr>td {
+ border: 1px solid #f0f0f0;
+}
+
+.table-bordered>thead>tr>th,
+.table-bordered>thead>tr>td {
+ border-bottom-width: 1px;
+ border-bottom-color: #e9e9e9;
+}
+
+.table-borderless {
+ border: none;
+}
+
+.table-borderless>thead>tr>th,
+.table-borderless>tbody>tr>th,
+.table-borderless>tfoot>tr>th,
+.table-borderless>thead>tr>td,
+.table-borderless>tbody>tr>td,
+.table-borderless>tfoot>tr>td {
+ border: none;
+}
+
+.table-borderless>thead>tr>th,
+.table-borderless>thead>tr>td {
+ border-bottom: 1px solid #ddd;
+}
+
+.table-vcenter>thead>tr>th,
+.table-vcenter>tbody>tr>th,
+.table-vcenter>tfoot>tr>th,
+.table-vcenter>thead>tr>td,
+.table-vcenter>tbody>tr>td,
+.table-vcenter>tfoot>tr>td {
+ vertical-align: middle;
+}
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+ background-color: #f9f9f9;
+}
+
+.table-hover>tbody>tr:hover {
+ background-color: #f5f5f5;
+}
+
+.table-header-bg>thead>tr>th,
+.table-header-bg>thead>tr>td {
+ color: #fff;
+ background-color: #5c90d2;
+ border-bottom-color: #5c90d2;
+}
+
+.table>thead>tr>td.active,
+.table>tbody>tr>td.active,
+.table>tfoot>tr>td.active,
+.table>thead>tr>th.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>tbody>tr.active>td,
+.table>tfoot>tr.active>td,
+.table>thead>tr.active>th,
+.table>tbody>tr.active>th,
+.table>tfoot>tr.active>th {
+ background-color: #f9f9f9;
+}
+
+.table-hover>tbody>tr>td.active:hover,
+.table-hover>tbody>tr>th.active:hover,
+.table-hover>tbody>tr.active:hover>td,
+.table-hover>tbody>tr:hover>.active,
+.table-hover>tbody>tr.active:hover>th {
+ background-color: #ececec;
+}
+
+.table>thead>tr>td.success,
+.table>tbody>tr>td.success,
+.table>tfoot>tr>td.success,
+.table>thead>tr>th.success,
+.table>tbody>tr>th.success,
+.table>tfoot>tr>th.success,
+.table>thead>tr.success>td,
+.table>tbody>tr.success>td,
+.table>tfoot>tr.success>td,
+.table>thead>tr.success>th,
+.table>tbody>tr.success>th,
+.table>tfoot>tr.success>th {
+ background-color: #e0f5e9;
+}
+
+.table-hover>tbody>tr>td.success:hover,
+.table-hover>tbody>tr>th.success:hover,
+.table-hover>tbody>tr.success:hover>td,
+.table-hover>tbody>tr:hover>.success,
+.table-hover>tbody>tr.success:hover>th {
+ background-color: #cdefdb;
+}
+
+.table>thead>tr>td.info,
+.table>tbody>tr>td.info,
+.table>tfoot>tr>td.info,
+.table>thead>tr>th.info,
+.table>tbody>tr>th.info,
+.table>tfoot>tr>th.info,
+.table>thead>tr.info>td,
+.table>tbody>tr.info>td,
+.table>tfoot>tr.info>td,
+.table>thead>tr.info>th,
+.table>tbody>tr.info>th,
+.table>tfoot>tr.info>th {
+ background-color: #edf6fd;
+}
+
+.table-hover>tbody>tr>td.info:hover,
+.table-hover>tbody>tr>th.info:hover,
+.table-hover>tbody>tr.info:hover>td,
+.table-hover>tbody>tr:hover>.info,
+.table-hover>tbody>tr.info:hover>th {
+ background-color: #d6ebfa;
+}
+
+.table>thead>tr>td.warning,
+.table>tbody>tr>td.warning,
+.table>tfoot>tr>td.warning,
+.table>thead>tr>th.warning,
+.table>tbody>tr>th.warning,
+.table>tfoot>tr>th.warning,
+.table>thead>tr.warning>td,
+.table>tbody>tr.warning>td,
+.table>tfoot>tr.warning>td,
+.table>thead>tr.warning>th,
+.table>tbody>tr.warning>th,
+.table>tfoot>tr.warning>th {
+ background-color: #fdf3e5;
+}
+
+.table-hover>tbody>tr>td.warning:hover,
+.table-hover>tbody>tr>th.warning:hover,
+.table-hover>tbody>tr.warning:hover>td,
+.table-hover>tbody>tr:hover>.warning,
+.table-hover>tbody>tr.warning:hover>th {
+ background-color: #fbe8cd;
+}
+
+.table>thead>tr>td.danger,
+.table>tbody>tr>td.danger,
+.table>tfoot>tr>td.danger,
+.table>thead>tr>th.danger,
+.table>tbody>tr>th.danger,
+.table>tfoot>tr>th.danger,
+.table>thead>tr.danger>td,
+.table>tbody>tr.danger>td,
+.table>tfoot>tr.danger>td,
+.table>thead>tr.danger>th,
+.table>tbody>tr.danger>th,
+.table>tfoot>tr.danger>th {
+ background-color: #f9eae8;
+}
+
+.table-hover>tbody>tr>td.danger:hover,
+.table-hover>tbody>tr>th.danger:hover,
+.table-hover>tbody>tr.danger:hover>td,
+.table-hover>tbody>tr:hover>.danger,
+.table-hover>tbody>tr.danger:hover>th {
+ background-color: #f4d8d4;
+}
+
+.table-responsive {
+ -webkit-overflow-scrolling: touch;
+}
+
+.js-table-checkable tbody tr,
+.js-table-sections-header>tr {
+ cursor: pointer;
+}
+
+.js-table-sections-header>tr>td:first-child>i {
+ -webkit-transition: -webkit-transform 0.15s ease-out;
+ transition: transform 0.15s ease-out;
+}
+
+.js-table-sections-header+tbody {
+ display: none;
+}
+
+.js-table-sections-header.open>tr {
+ background-color: #f9f9f9;
+}
+
+.js-table-sections-header.open>tr>td:first-child>i {
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+
+.js-table-sections-header.open+tbody {
+ display: table-row-group;
+}
+
+.modal.fade .modal-dialog {
+ -webkit-transition: all 0.12s ease-out;
+ transition: all 0.12s ease-out;
+}
+
+.modal.fade .modal-dialog.modal-dialog-popin {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+.modal.fade .modal-dialog.modal-dialog-popout {
+ -webkit-transform: scale(0.9);
+ -ms-transform: scale(0.9);
+ transform: scale(0.9);
+}
+
+.modal.fade .modal-dialog.modal-dialog-slideup {
+ -webkit-transform: translate(0, 10%);
+ -ms-transform: translate(0, 10%);
+ transform: translate(0, 10%);
+}
+
+.modal.fade .modal-dialog.modal-dialog-slideright {
+ -webkit-transform: translate(-10%, 0);
+ -ms-transform: translate(-10%, 0);
+ transform: translate(-10%, 0);
+}
+
+.modal.fade .modal-dialog.modal-dialog-slideleft {
+ -webkit-transform: translate(10%, 0);
+ -ms-transform: translate(10%, 0);
+ transform: translate(10%, 0);
+}
+
+.modal.fade .modal-dialog.modal-dialog-fromright {
+ -webkit-transform: translateX(25%) rotate(10deg) scale(0.9);
+ -ms-transform: translateX(25%) rotate(10deg) scale(0.9);
+ transform: translateX(25%) rotate(10deg) scale(0.9);
+}
+
+.modal.fade .modal-dialog.modal-dialog-fromleft {
+ -webkit-transform: translateX(-25%) rotate(-10deg) scale(0.9);
+ -ms-transform: translateX(-25%) rotate(-10deg) scale(0.9);
+ transform: translateX(-25%) rotate(-10deg) scale(0.9);
+}
+
+.modal.in .modal-dialog.modal-dialog-popin,
+.modal.in .modal-dialog.modal-dialog-popout {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+
+.modal.in .modal-dialog.modal-dialog-slideup,
+.modal.in .modal-dialog.modal-dialog-slideright,
+.modal.in .modal-dialog.modal-dialog-slideleft {
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+
+.modal.in .modal-dialog.modal-dialog-fromright,
+.modal.in .modal-dialog.modal-dialog-fromleft {
+ -webkit-transform: translateX(0) rotate(0) scale(1);
+ -ms-transform: translateX(0) rotate(0) scale(1);
+ transform: translateX(0) rotate(0) scale(1);
+}
+
+.modal-dialog.modal-dialog-top {
+ margin-top: 0;
+ padding: 0 !important;
+}
+
+.modal-dialog.modal-dialog-top .modal-content {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.modal-content {
+ border: none;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.modal-backdrop.in {
+ opacity: 0.25;
+}
+
+.modal-header {
+ padding: 18px 20px;
+ border-bottom-color: #eee;
+}
+
+.modal-body {
+ padding: 20px;
+}
+
+.modal-footer {
+ padding: 12px 20px;
+ border-top-color: #eee;
+}
+
+.modal-title {
+ font-weight: normal;
+}
+
+.fade.fade-up {
+ opacity: 0;
+ -webkit-transition: all 0.25s ease-out;
+ transition: all 0.25s ease-out;
+ -webkit-transform: translateY(100px);
+ -ms-transform: translateY(100px);
+ transform: translateY(100px);
+}
+
+.fade.fade-up.in {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+}
+
+.fade.fade-right {
+ opacity: 0;
+ -webkit-transition: all 0.25s ease-out;
+ transition: all 0.25s ease-out;
+ -webkit-transform: translateX(-100px);
+ -ms-transform: translateX(-100px);
+ transform: translateX(-100px);
+}
+
+.fade.fade-right.in {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+}
+
+.fade.fade-left {
+ opacity: 0;
+ -webkit-transition: all 0.25s ease-out;
+ transition: all 0.25s ease-out;
+ -webkit-transform: translateX(100px);
+ -ms-transform: translateX(100px);
+ transform: translateX(100px);
+}
+
+.fade.fade-left.in {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+}
+
+.panel {
+ border-radius: 3px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.panel-group .panel {
+ border-radius: 3px;
+}
+
+.panel-group .panel+.panel {
+ margin-top: 10px;
+}
+
+.panel-default {
+ border-color: #f0f0f0;
+}
+
+.panel-default>.panel-heading {
+ color: #646464;
+ background-color: #f9f9f9;
+ border-color: #f0f0f0;
+}
+
+.panel-default>.panel-heading+.panel-collapse>.panel-body {
+ border-top-color: #f0f0f0;
+}
+
+.panel-default>.panel-heading .badge {
+ color: #f9f9f9;
+ background-color: #646464;
+}
+
+.panel-default>.panel-heading a {
+ font-weight: 400;
+}
+
+.panel-default>.panel-heading a:hover,
+.panel-default>.panel-heading a:focus {
+ color: #4a4a4a;
+}
+
+.panel-default>.panel-footer+.panel-collapse>.panel-body {
+ border-bottom-color: #f0f0f0;
+}
+
+.panel-primary {
+ border-color: #ccdcf1;
+}
+
+.panel-primary>.panel-heading {
+ color: #5c90d2;
+ background-color: #e8eff9;
+ border-color: #ccdcf1;
+}
+
+.panel-primary>.panel-heading+.panel-collapse>.panel-body {
+ border-top-color: #ccdcf1;
+}
+
+.panel-primary>.panel-heading .badge {
+ color: #e8eff9;
+ background-color: #5c90d2;
+}
+
+.panel-primary>.panel-heading a {
+ font-weight: 400;
+}
+
+.panel-primary>.panel-heading a:hover,
+.panel-primary>.panel-heading a:focus {
+ color: #3675c5;
+}
+
+.panel-primary>.panel-footer+.panel-collapse>.panel-body {
+ border-bottom-color: #ccdcf1;
+}
+
+.panel-success {
+ border-color: #cdefdb;
+}
+
+.panel-success>.panel-heading {
+ color: #46c37b;
+ background-color: #e0f5e9;
+ border-color: #cdefdb;
+}
+
+.panel-success>.panel-heading+.panel-collapse>.panel-body {
+ border-top-color: #cdefdb;
+}
+
+.panel-success>.panel-heading .badge {
+ color: #e0f5e9;
+ background-color: #46c37b;
+}
+
+.panel-success>.panel-heading a {
+ font-weight: 400;
+}
+
+.panel-success>.panel-heading a:hover,
+.panel-success>.panel-heading a:focus {
+ color: #34a263;
+}
+
+.panel-success>.panel-footer+.panel-collapse>.panel-body {
+ border-bottom-color: #cdefdb;
+}
+
+.panel-info {
+ border-color: #d6ebfa;
+}
+
+.panel-info>.panel-heading {
+ color: #70b9eb;
+ background-color: #edf6fd;
+ border-color: #d6ebfa;
+}
+
+.panel-info>.panel-heading+.panel-collapse>.panel-body {
+ border-top-color: #d6ebfa;
+}
+
+.panel-info>.panel-heading .badge {
+ color: #edf6fd;
+ background-color: #70b9eb;
+}
+
+.panel-info>.panel-heading a {
+ font-weight: 400;
+}
+
+.panel-info>.panel-heading a:hover,
+.panel-info>.panel-heading a:focus {
+ color: #43a3e5;
+}
+
+.panel-info>.panel-footer+.panel-collapse>.panel-body {
+ border-bottom-color: #d6ebfa;
+}
+
+.panel-warning {
+ border-color: #fbe8cd;
+}
+
+.panel-warning>.panel-heading {
+ color: #f3b760;
+ background-color: #fdf3e5;
+ border-color: #fbe8cd;
+}
+
+.panel-warning>.panel-heading+.panel-collapse>.panel-body {
+ border-top-color: #fbe8cd;
+}
+
+.panel-warning>.panel-heading .badge {
+ color: #fdf3e5;
+ background-color: #f3b760;
+}
+
+.panel-warning>.panel-heading a {
+ font-weight: 400;
+}
+
+.panel-warning>.panel-heading a:hover,
+.panel-warning>.panel-heading a:focus {
+ color: #efa231;
+}
+
+.panel-warning>.panel-footer+.panel-collapse>.panel-body {
+ border-bottom-color: #fbe8cd;
+}
+
+.panel-danger {
+ border-color: #f4d8d4;
+}
+
+.panel-danger>.panel-heading {
+ color: #d26a5c;
+ background-color: #f9eae8;
+ border-color: #f4d8d4;
+}
+
+.panel-danger>.panel-heading+.panel-collapse>.panel-body {
+ border-top-color: #f4d8d4;
+}
+
+.panel-danger>.panel-heading .badge {
+ color: #f9eae8;
+ background-color: #d26a5c;
+}
+
+.panel-danger>.panel-heading a {
+ font-weight: 400;
+}
+
+.panel-danger>.panel-heading a:hover,
+.panel-danger>.panel-heading a:focus {
+ color: #c54736;
+}
+
+.panel-danger>.panel-footer+.panel-collapse>.panel-body {
+ border-bottom-color: #f4d8d4;
+}
+
+.img-responsive {
+ width: 100%;
+}
+
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+ font-family: 'FontAwesome';
+ /*src: url('../fonts/fontawesome-webfont.eot');
+ src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
+ */
+ font-weight: normal;
+ font-style: normal;
+}
+
+.fa {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+ font-size: 1.33333333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
+}
+
+.fa-2x {
+ font-size: 2em;
+}
+
+.fa-3x {
+ font-size: 3em;
+}
+
+.fa-4x {
+ font-size: 4em;
+}
+
+.fa-5x {
+ font-size: 5em;
+}
+
+.fa-fw {
+ width: 1.28571429em;
+ text-align: center;
+}
+
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14285714em;
+ list-style-type: none;
+}
+
+.fa-ul>li {
+ position: relative;
+}
+
+.fa-li {
+ position: absolute;
+ left: -2.14285714em;
+ width: 2.14285714em;
+ top: 0.14285714em;
+ text-align: center;
+}
+
+.fa-li.fa-lg {
+ left: -1.85714286em;
+}
+
+.fa-border {
+ padding: 0.2em 0.25em 0.15em;
+ border: solid 0.08em #eeeeee;
+ border-radius: 0.1em;
+}
+
+.fa-pull-left {
+ float: left;
+}
+
+.fa-pull-right {
+ float: right;
+}
+
+.fa.fa-pull-left {
+ margin-right: 0.3em;
+}
+
+.fa.fa-pull-right {
+ margin-left: 0.3em;
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right {
+ float: right;
+}
+
+.pull-left {
+ float: left;
+}
+
+.fa.pull-left {
+ margin-right: 0.3em;
+}
+
+.fa.pull-right {
+ margin-left: 0.3em;
+}
+
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+.fa-rotate-90 {
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+
+.fa-rotate-180 {
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+.fa-rotate-270 {
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+
+.fa-flip-horizontal {
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+
+.fa-flip-vertical {
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scale(1, -1);
+}
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ filter: none;
+}
+
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+
+.fa-stack-1x,
+.fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+
+.fa-stack-1x {
+ line-height: inherit;
+}
+
+.fa-stack-2x {
+ font-size: 2em;
+}
+
+.fa-inverse {
+ color: #ffffff;
+}
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+.fa-glass:before {
+ content: '\f000';
+}
+
+.fa-music:before {
+ content: '\f001';
+}
+
+.fa-search:before {
+ content: '\f002';
+}
+
+.fa-envelope-o:before {
+ content: '\f003';
+}
+
+.fa-heart:before {
+ content: '\f004';
+}
+
+.fa-star:before {
+ content: '\f005';
+}
+
+.fa-star-o:before {
+ content: '\f006';
+}
+
+.fa-user:before {
+ content: '\f007';
+}
+
+.fa-film:before {
+ content: '\f008';
+}
+
+.fa-th-large:before {
+ content: '\f009';
+}
+
+.fa-th:before {
+ content: '\f00a';
+}
+
+.fa-th-list:before {
+ content: '\f00b';
+}
+
+.fa-check:before {
+ content: '\f00c';
+}
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+ content: '\f00d';
+}
+
+.fa-search-plus:before {
+ content: '\f00e';
+}
+
+.fa-search-minus:before {
+ content: '\f010';
+}
+
+.fa-power-off:before {
+ content: '\f011';
+}
+
+.fa-signal:before {
+ content: '\f012';
+}
+
+.fa-gear:before,
+.fa-cog:before {
+ content: '\f013';
+}
+
+.fa-trash-o:before {
+ content: '\f014';
+}
+
+.fa-home:before {
+ content: '\f015';
+}
+
+.fa-file-o:before {
+ content: '\f016';
+}
+
+.fa-clock-o:before {
+ content: '\f017';
+}
+
+.fa-road:before {
+ content: '\f018';
+}
+
+.fa-download:before {
+ content: '\f019';
+}
+
+.fa-arrow-circle-o-down:before {
+ content: '\f01a';
+}
+
+.fa-arrow-circle-o-up:before {
+ content: '\f01b';
+}
+
+.fa-inbox:before {
+ content: '\f01c';
+}
+
+.fa-play-circle-o:before {
+ content: '\f01d';
+}
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+ content: '\f01e';
+}
+
+.fa-refresh:before {
+ content: '\f021';
+}
+
+.fa-list-alt:before {
+ content: '\f022';
+}
+
+.fa-lock:before {
+ content: '\f023';
+}
+
+.fa-flag:before {
+ content: '\f024';
+}
+
+.fa-headphones:before {
+ content: '\f025';
+}
+
+.fa-volume-off:before {
+ content: '\f026';
+}
+
+.fa-volume-down:before {
+ content: '\f027';
+}
+
+.fa-volume-up:before {
+ content: '\f028';
+}
+
+.fa-qrcode:before {
+ content: '\f029';
+}
+
+.fa-barcode:before {
+ content: '\f02a';
+}
+
+.fa-tag:before {
+ content: '\f02b';
+}
+
+.fa-tags:before {
+ content: '\f02c';
+}
+
+.fa-book:before {
+ content: '\f02d';
+}
+
+.fa-bookmark:before {
+ content: '\f02e';
+}
+
+.fa-print:before {
+ content: '\f02f';
+}
+
+.fa-camera:before {
+ content: '\f030';
+}
+
+.fa-font:before {
+ content: '\f031';
+}
+
+.fa-bold:before {
+ content: '\f032';
+}
+
+.fa-italic:before {
+ content: '\f033';
+}
+
+.fa-text-height:before {
+ content: '\f034';
+}
+
+.fa-text-width:before {
+ content: '\f035';
+}
+
+.fa-align-left:before {
+ content: '\f036';
+}
+
+.fa-align-center:before {
+ content: '\f037';
+}
+
+.fa-align-right:before {
+ content: '\f038';
+}
+
+.fa-align-justify:before {
+ content: '\f039';
+}
+
+.fa-list:before {
+ content: '\f03a';
+}
+
+.fa-dedent:before,
+.fa-outdent:before {
+ content: '\f03b';
+}
+
+.fa-indent:before {
+ content: '\f03c';
+}
+
+.fa-video-camera:before {
+ content: '\f03d';
+}
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+ content: '\f03e';
+}
+
+.fa-pencil:before {
+ content: '\f040';
+}
+
+.fa-map-marker:before {
+ content: '\f041';
+}
+
+.fa-adjust:before {
+ content: '\f042';
+}
+
+.fa-tint:before {
+ content: '\f043';
+}
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+ content: '\f044';
+}
+
+.fa-share-square-o:before {
+ content: '\f045';
+}
+
+.fa-check-square-o:before {
+ content: '\f046';
+}
+
+.fa-arrows:before {
+ content: '\f047';
+}
+
+.fa-step-backward:before {
+ content: '\f048';
+}
+
+.fa-fast-backward:before {
+ content: '\f049';
+}
+
+.fa-backward:before {
+ content: '\f04a';
+}
+
+.fa-play:before {
+ content: '\f04b';
+}
+
+.fa-pause:before {
+ content: '\f04c';
+}
+
+.fa-stop:before {
+ content: '\f04d';
+}
+
+.fa-forward:before {
+ content: '\f04e';
+}
+
+.fa-fast-forward:before {
+ content: '\f050';
+}
+
+.fa-step-forward:before {
+ content: '\f051';
+}
+
+.fa-eject:before {
+ content: '\f052';
+}
+
+.fa-chevron-left:before {
+ content: '\f053';
+}
+
+.fa-chevron-right:before {
+ content: '\f054';
+}
+
+.fa-plus-circle:before {
+ content: '\f055';
+}
+
+.fa-minus-circle:before {
+ content: '\f056';
+}
+
+.fa-times-circle:before {
+ content: '\f057';
+}
+
+.fa-check-circle:before {
+ content: '\f058';
+}
+
+.fa-question-circle:before {
+ content: '\f059';
+}
+
+.fa-info-circle:before {
+ content: '\f05a';
+}
+
+.fa-crosshairs:before {
+ content: '\f05b';
+}
+
+.fa-times-circle-o:before {
+ content: '\f05c';
+}
+
+.fa-check-circle-o:before {
+ content: '\f05d';
+}
+
+.fa-ban:before {
+ content: '\f05e';
+}
+
+.fa-arrow-left:before {
+ content: '\f060';
+}
+
+.fa-arrow-right:before {
+ content: '\f061';
+}
+
+.fa-arrow-up:before {
+ content: '\f062';
+}
+
+.fa-arrow-down:before {
+ content: '\f063';
+}
+
+.fa-mail-forward:before,
+.fa-share:before {
+ content: '\f064';
+}
+
+.fa-expand:before {
+ content: '\f065';
+}
+
+.fa-compress:before {
+ content: '\f066';
+}
+
+.fa-plus:before {
+ content: '\f067';
+}
+
+.fa-minus:before {
+ content: '\f068';
+}
+
+.fa-asterisk:before {
+ content: '\f069';
+}
+
+.fa-exclamation-circle:before {
+ content: '\f06a';
+}
+
+.fa-gift:before {
+ content: '\f06b';
+}
+
+.fa-leaf:before {
+ content: '\f06c';
+}
+
+.fa-fire:before {
+ content: '\f06d';
+}
+
+.fa-eye:before {
+ content: '\f06e';
+}
+
+.fa-eye-slash:before {
+ content: '\f070';
+}
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+ content: '\f071';
+}
+
+.fa-plane:before {
+ content: '\f072';
+}
+
+.fa-calendar:before {
+ content: '\f073';
+}
+
+.fa-random:before {
+ content: '\f074';
+}
+
+.fa-comment:before {
+ content: '\f075';
+}
+
+.fa-magnet:before {
+ content: '\f076';
+}
+
+.fa-chevron-up:before {
+ content: '\f077';
+}
+
+.fa-chevron-down:before {
+ content: '\f078';
+}
+
+.fa-retweet:before {
+ content: '\f079';
+}
+
+.fa-shopping-cart:before {
+ content: '\f07a';
+}
+
+.fa-folder:before {
+ content: '\f07b';
+}
+
+.fa-folder-open:before {
+ content: '\f07c';
+}
+
+.fa-arrows-v:before {
+ content: '\f07d';
+}
+
+.fa-arrows-h:before {
+ content: '\f07e';
+}
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+ content: '\f080';
+}
+
+.fa-twitter-square:before {
+ content: '\f081';
+}
+
+.fa-facebook-square:before {
+ content: '\f082';
+}
+
+.fa-camera-retro:before {
+ content: '\f083';
+}
+
+.fa-key:before {
+ content: '\f084';
+}
+
+.fa-gears:before,
+.fa-cogs:before {
+ content: '\f085';
+}
+
+.fa-comments:before {
+ content: '\f086';
+}
+
+.fa-thumbs-o-up:before {
+ content: '\f087';
+}
+
+.fa-thumbs-o-down:before {
+ content: '\f088';
+}
+
+.fa-star-half:before {
+ content: '\f089';
+}
+
+.fa-heart-o:before {
+ content: '\f08a';
+}
+
+.fa-sign-out:before {
+ content: '\f08b';
+}
+
+.fa-linkedin-square:before {
+ content: '\f08c';
+}
+
+.fa-thumb-tack:before {
+ content: '\f08d';
+}
+
+.fa-external-link:before {
+ content: '\f08e';
+}
+
+.fa-sign-in:before {
+ content: '\f090';
+}
+
+.fa-trophy:before {
+ content: '\f091';
+}
+
+.fa-github-square:before {
+ content: '\f092';
+}
+
+.fa-upload:before {
+ content: '\f093';
+}
+
+.fa-lemon-o:before {
+ content: '\f094';
+}
+
+.fa-phone:before {
+ content: '\f095';
+}
+
+.fa-square-o:before {
+ content: '\f096';
+}
+
+.fa-bookmark-o:before {
+ content: '\f097';
+}
+
+.fa-phone-square:before {
+ content: '\f098';
+}
+
+.fa-twitter:before {
+ content: '\f099';
+}
+
+.fa-facebook-f:before,
+.fa-facebook:before {
+ content: '\f09a';
+}
+
+.fa-github:before {
+ content: '\f09b';
+}
+
+.fa-unlock:before {
+ content: '\f09c';
+}
+
+.fa-credit-card:before {
+ content: '\f09d';
+}
+
+.fa-feed:before,
+.fa-rss:before {
+ content: '\f09e';
+}
+
+.fa-hdd-o:before {
+ content: '\f0a0';
+}
+
+.fa-bullhorn:before {
+ content: '\f0a1';
+}
+
+.fa-bell:before {
+ content: '\f0f3';
+}
+
+.fa-certificate:before {
+ content: '\f0a3';
+}
+
+.fa-hand-o-right:before {
+ content: '\f0a4';
+}
+
+.fa-hand-o-left:before {
+ content: '\f0a5';
+}
+
+.fa-hand-o-up:before {
+ content: '\f0a6';
+}
+
+.fa-hand-o-down:before {
+ content: '\f0a7';
+}
+
+.fa-arrow-circle-left:before {
+ content: '\f0a8';
+}
+
+.fa-arrow-circle-right:before {
+ content: '\f0a9';
+}
+
+.fa-arrow-circle-up:before {
+ content: '\f0aa';
+}
+
+.fa-arrow-circle-down:before {
+ content: '\f0ab';
+}
+
+.fa-globe:before {
+ content: '\f0ac';
+}
+
+.fa-wrench:before {
+ content: '\f0ad';
+}
+
+.fa-tasks:before {
+ content: '\f0ae';
+}
+
+.fa-filter:before {
+ content: '\f0b0';
+}
+
+.fa-briefcase:before {
+ content: '\f0b1';
+}
+
+.fa-arrows-alt:before {
+ content: '\f0b2';
+}
+
+.fa-group:before,
+.fa-users:before {
+ content: '\f0c0';
+}
+
+.fa-chain:before,
+.fa-link:before {
+ content: '\f0c1';
+}
+
+.fa-cloud:before {
+ content: '\f0c2';
+}
+
+.fa-flask:before {
+ content: '\f0c3';
+}
+
+.fa-cut:before,
+.fa-scissors:before {
+ content: '\f0c4';
+}
+
+.fa-copy:before,
+.fa-files-o:before {
+ content: '\f0c5';
+}
+
+.fa-paperclip:before {
+ content: '\f0c6';
+}
+
+.fa-save:before,
+.fa-floppy-o:before {
+ content: '\f0c7';
+}
+
+.fa-square:before {
+ content: '\f0c8';
+}
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+ content: '\f0c9';
+}
+
+.fa-list-ul:before {
+ content: '\f0ca';
+}
+
+.fa-list-ol:before {
+ content: '\f0cb';
+}
+
+.fa-strikethrough:before {
+ content: '\f0cc';
+}
+
+.fa-underline:before {
+ content: '\f0cd';
+}
+
+.fa-table:before {
+ content: '\f0ce';
+}
+
+.fa-magic:before {
+ content: '\f0d0';
+}
+
+.fa-truck:before {
+ content: '\f0d1';
+}
+
+.fa-pinterest:before {
+ content: '\f0d2';
+}
+
+.fa-pinterest-square:before {
+ content: '\f0d3';
+}
+
+.fa-google-plus-square:before {
+ content: '\f0d4';
+}
+
+.fa-google-plus:before {
+ content: '\f0d5';
+}
+
+.fa-money:before {
+ content: '\f0d6';
+}
+
+.fa-caret-down:before {
+ content: '\f0d7';
+}
+
+.fa-caret-up:before {
+ content: '\f0d8';
+}
+
+.fa-caret-left:before {
+ content: '\f0d9';
+}
+
+.fa-caret-right:before {
+ content: '\f0da';
+}
+
+.fa-columns:before {
+ content: '\f0db';
+}
+
+.fa-unsorted:before,
+.fa-sort:before {
+ content: '\f0dc';
+}
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+ content: '\f0dd';
+}
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+ content: '\f0de';
+}
+
+.fa-envelope:before {
+ content: '\f0e0';
+}
+
+.fa-linkedin:before {
+ content: '\f0e1';
+}
+
+.fa-rotate-left:before,
+.fa-undo:before {
+ content: '\f0e2';
+}
+
+.fa-legal:before,
+.fa-gavel:before {
+ content: '\f0e3';
+}
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+ content: '\f0e4';
+}
+
+.fa-comment-o:before {
+ content: '\f0e5';
+}
+
+.fa-comments-o:before {
+ content: '\f0e6';
+}
+
+.fa-flash:before,
+.fa-bolt:before {
+ content: '\f0e7';
+}
+
+.fa-sitemap:before {
+ content: '\f0e8';
+}
+
+.fa-umbrella:before {
+ content: '\f0e9';
+}
+
+.fa-paste:before,
+.fa-clipboard:before {
+ content: '\f0ea';
+}
+
+.fa-lightbulb-o:before {
+ content: '\f0eb';
+}
+
+.fa-exchange:before {
+ content: '\f0ec';
+}
+
+.fa-cloud-download:before {
+ content: '\f0ed';
+}
+
+.fa-cloud-upload:before {
+ content: '\f0ee';
+}
+
+.fa-user-md:before {
+ content: '\f0f0';
+}
+
+.fa-stethoscope:before {
+ content: '\f0f1';
+}
+
+.fa-suitcase:before {
+ content: '\f0f2';
+}
+
+.fa-bell-o:before {
+ content: '\f0a2';
+}
+
+.fa-coffee:before {
+ content: '\f0f4';
+}
+
+.fa-cutlery:before {
+ content: '\f0f5';
+}
+
+.fa-file-text-o:before {
+ content: '\f0f6';
+}
+
+.fa-building-o:before {
+ content: '\f0f7';
+}
+
+.fa-hospital-o:before {
+ content: '\f0f8';
+}
+
+.fa-ambulance:before {
+ content: '\f0f9';
+}
+
+.fa-medkit:before {
+ content: '\f0fa';
+}
+
+.fa-fighter-jet:before {
+ content: '\f0fb';
+}
+
+.fa-beer:before {
+ content: '\f0fc';
+}
+
+.fa-h-square:before {
+ content: '\f0fd';
+}
+
+.fa-plus-square:before {
+ content: '\f0fe';
+}
+
+.fa-angle-double-left:before {
+ content: '\f100';
+}
+
+.fa-angle-double-right:before {
+ content: '\f101';
+}
+
+.fa-angle-double-up:before {
+ content: '\f102';
+}
+
+.fa-angle-double-down:before {
+ content: '\f103';
+}
+
+.fa-angle-left:before {
+ content: '\f104';
+}
+
+.fa-angle-right:before {
+ content: '\f105';
+}
+
+.fa-angle-up:before {
+ content: '\f106';
+}
+
+.fa-angle-down:before {
+ content: '\f107';
+}
+
+.fa-desktop:before {
+ content: '\f108';
+}
+
+.fa-laptop:before {
+ content: '\f109';
+}
+
+.fa-tablet:before {
+ content: '\f10a';
+}
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+ content: '\f10b';
+}
+
+.fa-circle-o:before {
+ content: '\f10c';
+}
+
+.fa-quote-left:before {
+ content: '\f10d';
+}
+
+.fa-quote-right:before {
+ content: '\f10e';
+}
+
+.fa-spinner:before {
+ content: '\f110';
+}
+
+.fa-circle:before {
+ content: '\f111';
+}
+
+.fa-mail-reply:before,
+.fa-reply:before {
+ content: '\f112';
+}
+
+.fa-github-alt:before {
+ content: '\f113';
+}
+
+.fa-folder-o:before {
+ content: '\f114';
+}
+
+.fa-folder-open-o:before {
+ content: '\f115';
+}
+
+.fa-smile-o:before {
+ content: '\f118';
+}
+
+.fa-frown-o:before {
+ content: '\f119';
+}
+
+.fa-meh-o:before {
+ content: '\f11a';
+}
+
+.fa-gamepad:before {
+ content: '\f11b';
+}
+
+.fa-keyboard-o:before {
+ content: '\f11c';
+}
+
+.fa-flag-o:before {
+ content: '\f11d';
+}
+
+.fa-flag-checkered:before {
+ content: '\f11e';
+}
+
+.fa-terminal:before {
+ content: '\f120';
+}
+
+.fa-code:before {
+ content: '\f121';
+}
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+ content: '\f122';
+}
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+ content: '\f123';
+}
+
+.fa-location-arrow:before {
+ content: '\f124';
+}
+
+.fa-crop:before {
+ content: '\f125';
+}
+
+.fa-code-fork:before {
+ content: '\f126';
+}
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+ content: '\f127';
+}
+
+.fa-question:before {
+ content: '\f128';
+}
+
+.fa-info:before {
+ content: '\f129';
+}
+
+.fa-exclamation:before {
+ content: '\f12a';
+}
+
+.fa-superscript:before {
+ content: '\f12b';
+}
+
+.fa-subscript:before {
+ content: '\f12c';
+}
+
+.fa-eraser:before {
+ content: '\f12d';
+}
+
+.fa-puzzle-piece:before {
+ content: '\f12e';
+}
+
+.fa-microphone:before {
+ content: '\f130';
+}
+
+.fa-microphone-slash:before {
+ content: '\f131';
+}
+
+.fa-shield:before {
+ content: '\f132';
+}
+
+.fa-calendar-o:before {
+ content: '\f133';
+}
+
+.fa-fire-extinguisher:before {
+ content: '\f134';
+}
+
+.fa-rocket:before {
+ content: '\f135';
+}
+
+.fa-maxcdn:before {
+ content: '\f136';
+}
+
+.fa-chevron-circle-left:before {
+ content: '\f137';
+}
+
+.fa-chevron-circle-right:before {
+ content: '\f138';
+}
+
+.fa-chevron-circle-up:before {
+ content: '\f139';
+}
+
+.fa-chevron-circle-down:before {
+ content: '\f13a';
+}
+
+.fa-html5:before {
+ content: '\f13b';
+}
+
+.fa-css3:before {
+ content: '\f13c';
+}
+
+.fa-anchor:before {
+ content: '\f13d';
+}
+
+.fa-unlock-alt:before {
+ content: '\f13e';
+}
+
+.fa-bullseye:before {
+ content: '\f140';
+}
+
+.fa-ellipsis-h:before {
+ content: '\f141';
+}
+
+.fa-ellipsis-v:before {
+ content: '\f142';
+}
+
+.fa-rss-square:before {
+ content: '\f143';
+}
+
+.fa-play-circle:before {
+ content: '\f144';
+}
+
+.fa-ticket:before {
+ content: '\f145';
+}
+
+.fa-minus-square:before {
+ content: '\f146';
+}
+
+.fa-minus-square-o:before {
+ content: '\f147';
+}
+
+.fa-level-up:before {
+ content: '\f148';
+}
+
+.fa-level-down:before {
+ content: '\f149';
+}
+
+.fa-check-square:before {
+ content: '\f14a';
+}
+
+.fa-pencil-square:before {
+ content: '\f14b';
+}
+
+.fa-external-link-square:before {
+ content: '\f14c';
+}
+
+.fa-share-square:before {
+ content: '\f14d';
+}
+
+.fa-compass:before {
+ content: '\f14e';
+}
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+ content: '\f150';
+}
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+ content: '\f151';
+}
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+ content: '\f152';
+}
+
+.fa-euro:before,
+.fa-eur:before {
+ content: '\f153';
+}
+
+.fa-gbp:before {
+ content: '\f154';
+}
+
+.fa-dollar:before,
+.fa-usd:before {
+ content: '\f155';
+}
+
+.fa-rupee:before,
+.fa-inr:before {
+ content: '\f156';
+}
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+ content: '\f157';
+}
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+ content: '\f158';
+}
+
+.fa-won:before,
+.fa-krw:before {
+ content: '\f159';
+}
+
+.fa-bitcoin:before,
+.fa-btc:before {
+ content: '\f15a';
+}
+
+.fa-file:before {
+ content: '\f15b';
+}
+
+.fa-file-text:before {
+ content: '\f15c';
+}
+
+.fa-sort-alpha-asc:before {
+ content: '\f15d';
+}
+
+.fa-sort-alpha-desc:before {
+ content: '\f15e';
+}
+
+.fa-sort-amount-asc:before {
+ content: '\f160';
+}
+
+.fa-sort-amount-desc:before {
+ content: '\f161';
+}
+
+.fa-sort-numeric-asc:before {
+ content: '\f162';
+}
+
+.fa-sort-numeric-desc:before {
+ content: '\f163';
+}
+
+.fa-thumbs-up:before {
+ content: '\f164';
+}
+
+.fa-thumbs-down:before {
+ content: '\f165';
+}
+
+.fa-youtube-square:before {
+ content: '\f166';
+}
+
+.fa-youtube:before {
+ content: '\f167';
+}
+
+.fa-xing:before {
+ content: '\f168';
+}
+
+.fa-xing-square:before {
+ content: '\f169';
+}
+
+.fa-youtube-play:before {
+ content: '\f16a';
+}
+
+.fa-dropbox:before {
+ content: '\f16b';
+}
+
+.fa-stack-overflow:before {
+ content: '\f16c';
+}
+
+.fa-instagram:before {
+ content: '\f16d';
+}
+
+.fa-flickr:before {
+ content: '\f16e';
+}
+
+.fa-adn:before {
+ content: '\f170';
+}
+
+.fa-bitbucket:before {
+ content: '\f171';
+}
+
+.fa-bitbucket-square:before {
+ content: '\f172';
+}
+
+.fa-tumblr:before {
+ content: '\f173';
+}
+
+.fa-tumblr-square:before {
+ content: '\f174';
+}
+
+.fa-long-arrow-down:before {
+ content: '\f175';
+}
+
+.fa-long-arrow-up:before {
+ content: '\f176';
+}
+
+.fa-long-arrow-left:before {
+ content: '\f177';
+}
+
+.fa-long-arrow-right:before {
+ content: '\f178';
+}
+
+.fa-apple:before {
+ content: '\f179';
+}
+
+.fa-windows:before {
+ content: '\f17a';
+}
+
+.fa-android:before {
+ content: '\f17b';
+}
+
+.fa-linux:before {
+ content: '\f17c';
+}
+
+.fa-dribbble:before {
+ content: '\f17d';
+}
+
+.fa-skype:before {
+ content: '\f17e';
+}
+
+.fa-foursquare:before {
+ content: '\f180';
+}
+
+.fa-trello:before {
+ content: '\f181';
+}
+
+.fa-female:before {
+ content: '\f182';
+}
+
+.fa-male:before {
+ content: '\f183';
+}
+
+.fa-gittip:before,
+.fa-gratipay:before {
+ content: '\f184';
+}
+
+.fa-sun-o:before {
+ content: '\f185';
+}
+
+.fa-moon-o:before {
+ content: '\f186';
+}
+
+.fa-archive:before {
+ content: '\f187';
+}
+
+.fa-bug:before {
+ content: '\f188';
+}
+
+.fa-vk:before {
+ content: '\f189';
+}
+
+.fa-weibo:before {
+ content: '\f18a';
+}
+
+.fa-renren:before {
+ content: '\f18b';
+}
+
+.fa-pagelines:before {
+ content: '\f18c';
+}
+
+.fa-stack-exchange:before {
+ content: '\f18d';
+}
+
+.fa-arrow-circle-o-right:before {
+ content: '\f18e';
+}
+
+.fa-arrow-circle-o-left:before {
+ content: '\f190';
+}
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: '\f191';
+}
+
+.fa-dot-circle-o:before {
+ content: '\f192';
+}
+
+.fa-wheelchair:before {
+ content: '\f193';
+}
+
+.fa-vimeo-square:before {
+ content: '\f194';
+}
+
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: '\f195';
+}
+
+.fa-plus-square-o:before {
+ content: '\f196';
+}
+
+.fa-space-shuttle:before {
+ content: '\f197';
+}
+
+.fa-slack:before {
+ content: '\f198';
+}
+
+.fa-envelope-square:before {
+ content: '\f199';
+}
+
+.fa-wordpress:before {
+ content: '\f19a';
+}
+
+.fa-openid:before {
+ content: '\f19b';
+}
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+ content: '\f19c';
+}
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+ content: '\f19d';
+}
+
+.fa-yahoo:before {
+ content: '\f19e';
+}
+
+.fa-google:before {
+ content: '\f1a0';
+}
+
+.fa-reddit:before {
+ content: '\f1a1';
+}
+
+.fa-reddit-square:before {
+ content: '\f1a2';
+}
+
+.fa-stumbleupon-circle:before {
+ content: '\f1a3';
+}
+
+.fa-stumbleupon:before {
+ content: '\f1a4';
+}
+
+.fa-delicious:before {
+ content: '\f1a5';
+}
+
+.fa-digg:before {
+ content: '\f1a6';
+}
+
+.fa-pied-piper-pp:before {
+ content: '\f1a7';
+}
+
+.fa-pied-piper-alt:before {
+ content: '\f1a8';
+}
+
+.fa-drupal:before {
+ content: '\f1a9';
+}
+
+.fa-joomla:before {
+ content: '\f1aa';
+}
+
+.fa-language:before {
+ content: '\f1ab';
+}
+
+.fa-fax:before {
+ content: '\f1ac';
+}
+
+.fa-building:before {
+ content: '\f1ad';
+}
+
+.fa-child:before {
+ content: '\f1ae';
+}
+
+.fa-paw:before {
+ content: '\f1b0';
+}
+
+.fa-spoon:before {
+ content: '\f1b1';
+}
+
+.fa-cube:before {
+ content: '\f1b2';
+}
+
+.fa-cubes:before {
+ content: '\f1b3';
+}
+
+.fa-behance:before {
+ content: '\f1b4';
+}
+
+.fa-behance-square:before {
+ content: '\f1b5';
+}
+
+.fa-steam:before {
+ content: '\f1b6';
+}
+
+.fa-steam-square:before {
+ content: '\f1b7';
+}
+
+.fa-recycle:before {
+ content: '\f1b8';
+}
+
+.fa-automobile:before,
+.fa-car:before {
+ content: '\f1b9';
+}
+
+.fa-cab:before,
+.fa-taxi:before {
+ content: '\f1ba';
+}
+
+.fa-tree:before {
+ content: '\f1bb';
+}
+
+.fa-spotify:before {
+ content: '\f1bc';
+}
+
+.fa-deviantart:before {
+ content: '\f1bd';
+}
+
+.fa-soundcloud:before {
+ content: '\f1be';
+}
+
+.fa-database:before {
+ content: '\f1c0';
+}
+
+.fa-file-pdf-o:before {
+ content: '\f1c1';
+}
+
+.fa-file-word-o:before {
+ content: '\f1c2';
+}
+
+.fa-file-excel-o:before {
+ content: '\f1c3';
+}
+
+.fa-file-powerpoint-o:before {
+ content: '\f1c4';
+}
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+ content: '\f1c5';
+}
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+ content: '\f1c6';
+}
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+ content: '\f1c7';
+}
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+ content: '\f1c8';
+}
+
+.fa-file-code-o:before {
+ content: '\f1c9';
+}
+
+.fa-vine:before {
+ content: '\f1ca';
+}
+
+.fa-codepen:before {
+ content: '\f1cb';
+}
+
+.fa-jsfiddle:before {
+ content: '\f1cc';
+}
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+ content: '\f1cd';
+}
+
+.fa-circle-o-notch:before {
+ content: '\f1ce';
+}
+
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+ content: '\f1d0';
+}
+
+.fa-ge:before,
+.fa-empire:before {
+ content: '\f1d1';
+}
+
+.fa-git-square:before {
+ content: '\f1d2';
+}
+
+.fa-git:before {
+ content: '\f1d3';
+}
+
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+ content: '\f1d4';
+}
+
+.fa-tencent-weibo:before {
+ content: '\f1d5';
+}
+
+.fa-qq:before {
+ content: '\f1d6';
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+ content: '\f1d7';
+}
+
+.fa-send:before,
+.fa-paper-plane:before {
+ content: '\f1d8';
+}
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+ content: '\f1d9';
+}
+
+.fa-history:before {
+ content: '\f1da';
+}
+
+.fa-circle-thin:before {
+ content: '\f1db';
+}
+
+.fa-header:before {
+ content: '\f1dc';
+}
+
+.fa-paragraph:before {
+ content: '\f1dd';
+}
+
+.fa-sliders:before {
+ content: '\f1de';
+}
+
+.fa-share-alt:before {
+ content: '\f1e0';
+}
+
+.fa-share-alt-square:before {
+ content: '\f1e1';
+}
+
+.fa-bomb:before {
+ content: '\f1e2';
+}
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+ content: '\f1e3';
+}
+
+.fa-tty:before {
+ content: '\f1e4';
+}
+
+.fa-binoculars:before {
+ content: '\f1e5';
+}
+
+.fa-plug:before {
+ content: '\f1e6';
+}
+
+.fa-slideshare:before {
+ content: '\f1e7';
+}
+
+.fa-twitch:before {
+ content: '\f1e8';
+}
+
+.fa-yelp:before {
+ content: '\f1e9';
+}
+
+.fa-newspaper-o:before {
+ content: '\f1ea';
+}
+
+.fa-wifi:before {
+ content: '\f1eb';
+}
+
+.fa-calculator:before {
+ content: '\f1ec';
+}
+
+.fa-paypal:before {
+ content: '\f1ed';
+}
+
+.fa-google-wallet:before {
+ content: '\f1ee';
+}
+
+.fa-cc-visa:before {
+ content: '\f1f0';
+}
+
+.fa-cc-mastercard:before {
+ content: '\f1f1';
+}
+
+.fa-cc-discover:before {
+ content: '\f1f2';
+}
+
+.fa-cc-amex:before {
+ content: '\f1f3';
+}
+
+.fa-cc-paypal:before {
+ content: '\f1f4';
+}
+
+.fa-cc-stripe:before {
+ content: '\f1f5';
+}
+
+.fa-bell-slash:before {
+ content: '\f1f6';
+}
+
+.fa-bell-slash-o:before {
+ content: '\f1f7';
+}
+
+.fa-trash:before {
+ content: '\f1f8';
+}
+
+.fa-copyright:before {
+ content: '\f1f9';
+}
+
+.fa-at:before {
+ content: '\f1fa';
+}
+
+.fa-eyedropper:before {
+ content: '\f1fb';
+}
+
+.fa-paint-brush:before {
+ content: '\f1fc';
+}
+
+.fa-birthday-cake:before {
+ content: '\f1fd';
+}
+
+.fa-area-chart:before {
+ content: '\f1fe';
+}
+
+.fa-pie-chart:before {
+ content: '\f200';
+}
+
+.fa-line-chart:before {
+ content: '\f201';
+}
+
+.fa-lastfm:before {
+ content: '\f202';
+}
+
+.fa-lastfm-square:before {
+ content: '\f203';
+}
+
+.fa-toggle-off:before {
+ content: '\f204';
+}
+
+.fa-toggle-on:before {
+ content: '\f205';
+}
+
+.fa-bicycle:before {
+ content: '\f206';
+}
+
+.fa-bus:before {
+ content: '\f207';
+}
+
+.fa-ioxhost:before {
+ content: '\f208';
+}
+
+.fa-angellist:before {
+ content: '\f209';
+}
+
+.fa-cc:before {
+ content: '\f20a';
+}
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+ content: '\f20b';
+}
+
+.fa-meanpath:before {
+ content: '\f20c';
+}
+
+.fa-buysellads:before {
+ content: '\f20d';
+}
+
+.fa-connectdevelop:before {
+ content: '\f20e';
+}
+
+.fa-dashcube:before {
+ content: '\f210';
+}
+
+.fa-forumbee:before {
+ content: '\f211';
+}
+
+.fa-leanpub:before {
+ content: '\f212';
+}
+
+.fa-sellsy:before {
+ content: '\f213';
+}
+
+.fa-shirtsinbulk:before {
+ content: '\f214';
+}
+
+.fa-simplybuilt:before {
+ content: '\f215';
+}
+
+.fa-skyatlas:before {
+ content: '\f216';
+}
+
+.fa-cart-plus:before {
+ content: '\f217';
+}
+
+.fa-cart-arrow-down:before {
+ content: '\f218';
+}
+
+.fa-diamond:before {
+ content: '\f219';
+}
+
+.fa-ship:before {
+ content: '\f21a';
+}
+
+.fa-user-secret:before {
+ content: '\f21b';
+}
+
+.fa-motorcycle:before {
+ content: '\f21c';
+}
+
+.fa-street-view:before {
+ content: '\f21d';
+}
+
+.fa-heartbeat:before {
+ content: '\f21e';
+}
+
+.fa-venus:before {
+ content: '\f221';
+}
+
+.fa-mars:before {
+ content: '\f222';
+}
+
+.fa-mercury:before {
+ content: '\f223';
+}
+
+.fa-intersex:before,
+.fa-transgender:before {
+ content: '\f224';
+}
+
+.fa-transgender-alt:before {
+ content: '\f225';
+}
+
+.fa-venus-double:before {
+ content: '\f226';
+}
+
+.fa-mars-double:before {
+ content: '\f227';
+}
+
+.fa-venus-mars:before {
+ content: '\f228';
+}
+
+.fa-mars-stroke:before {
+ content: '\f229';
+}
+
+.fa-mars-stroke-v:before {
+ content: '\f22a';
+}
+
+.fa-mars-stroke-h:before {
+ content: '\f22b';
+}
+
+.fa-neuter:before {
+ content: '\f22c';
+}
+
+.fa-genderless:before {
+ content: '\f22d';
+}
+
+.fa-facebook-official:before {
+ content: '\f230';
+}
+
+.fa-pinterest-p:before {
+ content: '\f231';
+}
+
+.fa-whatsapp:before {
+ content: '\f232';
+}
+
+.fa-server:before {
+ content: '\f233';
+}
+
+.fa-user-plus:before {
+ content: '\f234';
+}
+
+.fa-user-times:before {
+ content: '\f235';
+}
+
+.fa-hotel:before,
+.fa-bed:before {
+ content: '\f236';
+}
+
+.fa-viacoin:before {
+ content: '\f237';
+}
+
+.fa-train:before {
+ content: '\f238';
+}
+
+.fa-subway:before {
+ content: '\f239';
+}
+
+.fa-medium:before {
+ content: '\f23a';
+}
+
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: '\f23b';
+}
+
+.fa-optin-monster:before {
+ content: '\f23c';
+}
+
+.fa-opencart:before {
+ content: '\f23d';
+}
+
+.fa-expeditedssl:before {
+ content: '\f23e';
+}
+
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+ content: '\f240';
+}
+
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: '\f241';
+}
+
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: '\f242';
+}
+
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: '\f243';
+}
+
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: '\f244';
+}
+
+.fa-mouse-pointer:before {
+ content: '\f245';
+}
+
+.fa-i-cursor:before {
+ content: '\f246';
+}
+
+.fa-object-group:before {
+ content: '\f247';
+}
+
+.fa-object-ungroup:before {
+ content: '\f248';
+}
+
+.fa-sticky-note:before {
+ content: '\f249';
+}
+
+.fa-sticky-note-o:before {
+ content: '\f24a';
+}
+
+.fa-cc-jcb:before {
+ content: '\f24b';
+}
+
+.fa-cc-diners-club:before {
+ content: '\f24c';
+}
+
+.fa-clone:before {
+ content: '\f24d';
+}
+
+.fa-balance-scale:before {
+ content: '\f24e';
+}
+
+.fa-hourglass-o:before {
+ content: '\f250';
+}
+
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: '\f251';
+}
+
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: '\f252';
+}
+
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: '\f253';
+}
+
+.fa-hourglass:before {
+ content: '\f254';
+}
+
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: '\f255';
+}
+
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: '\f256';
+}
+
+.fa-hand-scissors-o:before {
+ content: '\f257';
+}
+
+.fa-hand-lizard-o:before {
+ content: '\f258';
+}
+
+.fa-hand-spock-o:before {
+ content: '\f259';
+}
+
+.fa-hand-pointer-o:before {
+ content: '\f25a';
+}
+
+.fa-hand-peace-o:before {
+ content: '\f25b';
+}
+
+.fa-trademark:before {
+ content: '\f25c';
+}
+
+.fa-registered:before {
+ content: '\f25d';
+}
+
+.fa-creative-commons:before {
+ content: '\f25e';
+}
+
+.fa-gg:before {
+ content: '\f260';
+}
+
+.fa-gg-circle:before {
+ content: '\f261';
+}
+
+.fa-tripadvisor:before {
+ content: '\f262';
+}
+
+.fa-odnoklassniki:before {
+ content: '\f263';
+}
+
+.fa-odnoklassniki-square:before {
+ content: '\f264';
+}
+
+.fa-get-pocket:before {
+ content: '\f265';
+}
+
+.fa-wikipedia-w:before {
+ content: '\f266';
+}
+
+.fa-safari:before {
+ content: '\f267';
+}
+
+.fa-chrome:before {
+ content: '\f268';
+}
+
+.fa-firefox:before {
+ content: '\f269';
+}
+
+.fa-opera:before {
+ content: '\f26a';
+}
+
+.fa-internet-explorer:before {
+ content: '\f26b';
+}
+
+.fa-tv:before,
+.fa-television:before {
+ content: '\f26c';
+}
+
+.fa-contao:before {
+ content: '\f26d';
+}
+
+.fa-500px:before {
+ content: '\f26e';
+}
+
+.fa-amazon:before {
+ content: '\f270';
+}
+
+.fa-calendar-plus-o:before {
+ content: '\f271';
+}
+
+.fa-calendar-minus-o:before {
+ content: '\f272';
+}
+
+.fa-calendar-times-o:before {
+ content: '\f273';
+}
+
+.fa-calendar-check-o:before {
+ content: '\f274';
+}
+
+.fa-industry:before {
+ content: '\f275';
+}
+
+.fa-map-pin:before {
+ content: '\f276';
+}
+
+.fa-map-signs:before {
+ content: '\f277';
+}
+
+.fa-map-o:before {
+ content: '\f278';
+}
+
+.fa-map:before {
+ content: '\f279';
+}
+
+.fa-commenting:before {
+ content: '\f27a';
+}
+
+.fa-commenting-o:before {
+ content: '\f27b';
+}
+
+.fa-houzz:before {
+ content: '\f27c';
+}
+
+.fa-vimeo:before {
+ content: '\f27d';
+}
+
+.fa-black-tie:before {
+ content: '\f27e';
+}
+
+.fa-fonticons:before {
+ content: '\f280';
+}
+
+.fa-reddit-alien:before {
+ content: '\f281';
+}
+
+.fa-edge:before {
+ content: '\f282';
+}
+
+.fa-credit-card-alt:before {
+ content: '\f283';
+}
+
+.fa-codiepie:before {
+ content: '\f284';
+}
+
+.fa-modx:before {
+ content: '\f285';
+}
+
+.fa-fort-awesome:before {
+ content: '\f286';
+}
+
+.fa-usb:before {
+ content: '\f287';
+}
+
+.fa-product-hunt:before {
+ content: '\f288';
+}
+
+.fa-mixcloud:before {
+ content: '\f289';
+}
+
+.fa-scribd:before {
+ content: '\f28a';
+}
+
+.fa-pause-circle:before {
+ content: '\f28b';
+}
+
+.fa-pause-circle-o:before {
+ content: '\f28c';
+}
+
+.fa-stop-circle:before {
+ content: '\f28d';
+}
+
+.fa-stop-circle-o:before {
+ content: '\f28e';
+}
+
+.fa-shopping-bag:before {
+ content: '\f290';
+}
+
+.fa-shopping-basket:before {
+ content: '\f291';
+}
+
+.fa-hashtag:before {
+ content: '\f292';
+}
+
+.fa-bluetooth:before {
+ content: '\f293';
+}
+
+.fa-bluetooth-b:before {
+ content: '\f294';
+}
+
+.fa-percent:before {
+ content: '\f295';
+}
+
+.fa-gitlab:before {
+ content: '\f296';
+}
+
+.fa-wpbeginner:before {
+ content: '\f297';
+}
+
+.fa-wpforms:before {
+ content: '\f298';
+}
+
+.fa-envira:before {
+ content: '\f299';
+}
+
+.fa-universal-access:before {
+ content: '\f29a';
+}
+
+.fa-wheelchair-alt:before {
+ content: '\f29b';
+}
+
+.fa-question-circle-o:before {
+ content: '\f29c';
+}
+
+.fa-blind:before {
+ content: '\f29d';
+}
+
+.fa-audio-description:before {
+ content: '\f29e';
+}
+
+.fa-volume-control-phone:before {
+ content: '\f2a0';
+}
+
+.fa-braille:before {
+ content: '\f2a1';
+}
+
+.fa-assistive-listening-systems:before {
+ content: '\f2a2';
+}
+
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: '\f2a3';
+}
+
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: '\f2a4';
+}
+
+.fa-glide:before {
+ content: '\f2a5';
+}
+
+.fa-glide-g:before {
+ content: '\f2a6';
+}
+
+.fa-signing:before,
+.fa-sign-language:before {
+ content: '\f2a7';
+}
+
+.fa-low-vision:before {
+ content: '\f2a8';
+}
+
+.fa-viadeo:before {
+ content: '\f2a9';
+}
+
+.fa-viadeo-square:before {
+ content: '\f2aa';
+}
+
+.fa-snapchat:before {
+ content: '\f2ab';
+}
+
+.fa-snapchat-ghost:before {
+ content: '\f2ac';
+}
+
+.fa-snapchat-square:before {
+ content: '\f2ad';
+}
+
+.fa-pied-piper:before {
+ content: '\f2ae';
+}
+
+.fa-first-order:before {
+ content: '\f2b0';
+}
+
+.fa-yoast:before {
+ content: '\f2b1';
+}
+
+.fa-themeisle:before {
+ content: '\f2b2';
+}
+
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: '\f2b3';
+}
+
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: '\f2b4';
+}
+
+.fa-handshake-o:before {
+ content: '\f2b5';
+}
+
+.fa-envelope-open:before {
+ content: '\f2b6';
+}
+
+.fa-envelope-open-o:before {
+ content: '\f2b7';
+}
+
+.fa-linode:before {
+ content: '\f2b8';
+}
+
+.fa-address-book:before {
+ content: '\f2b9';
+}
+
+.fa-address-book-o:before {
+ content: '\f2ba';
+}
+
+.fa-vcard:before,
+.fa-address-card:before {
+ content: '\f2bb';
+}
+
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+ content: '\f2bc';
+}
+
+.fa-user-circle:before {
+ content: '\f2bd';
+}
+
+.fa-user-circle-o:before {
+ content: '\f2be';
+}
+
+.fa-user-o:before {
+ content: '\f2c0';
+}
+
+.fa-id-badge:before {
+ content: '\f2c1';
+}
+
+.fa-drivers-license:before,
+.fa-id-card:before {
+ content: '\f2c2';
+}
+
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+ content: '\f2c3';
+}
+
+.fa-quora:before {
+ content: '\f2c4';
+}
+
+.fa-free-code-camp:before {
+ content: '\f2c5';
+}
+
+.fa-telegram:before {
+ content: '\f2c6';
+}
+
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+ content: '\f2c7';
+}
+
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+ content: '\f2c8';
+}
+
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+ content: '\f2c9';
+}
+
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+ content: '\f2ca';
+}
+
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+ content: '\f2cb';
+}
+
+.fa-shower:before {
+ content: '\f2cc';
+}
+
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+ content: '\f2cd';
+}
+
+.fa-podcast:before {
+ content: '\f2ce';
+}
+
+.fa-window-maximize:before {
+ content: '\f2d0';
+}
+
+.fa-window-minimize:before {
+ content: '\f2d1';
+}
+
+.fa-window-restore:before {
+ content: '\f2d2';
+}
+
+.fa-times-rectangle:before,
+.fa-window-close:before {
+ content: '\f2d3';
+}
+
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+ content: '\f2d4';
+}
+
+.fa-bandcamp:before {
+ content: '\f2d5';
+}
+
+.fa-grav:before {
+ content: '\f2d6';
+}
+
+.fa-etsy:before {
+ content: '\f2d7';
+}
+
+.fa-imdb:before {
+ content: '\f2d8';
+}
+
+.fa-ravelry:before {
+ content: '\f2d9';
+}
+
+.fa-eercast:before {
+ content: '\f2da';
+}
+
+.fa-microchip:before {
+ content: '\f2db';
+}
+
+.fa-snowflake-o:before {
+ content: '\f2dc';
+}
+
+.fa-superpowers:before {
+ content: '\f2dd';
+}
+
+.fa-wpexplorer:before {
+ content: '\f2de';
+}
+
+.fa-meetup:before {
+ content: '\f2e0';
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+}
+
+@font-face {
+ font-family: Simple-Line-Icons;
+ /*src: url(../fonts/simple-line-icons.eot);
+ src: url(../fonts/simple-line-icons.eot) format('embedded-opentype'), url(../fonts/simple-line-icons.woff) format('woff'), url(../fonts/simple-line-icons.ttf) format('truetype'), url(../fonts/simple-line-icons.svg#simple-line-icons) format('svg');
+ */
+ font-weight: 400;
+ font-style: normal;
+}
+
+.si {
+ font-family: Simple-Line-Icons;
+ speak: none;
+ font-style: normal;
+ font-weight: 400;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+
+.btn .si {
+ position: relative;
+ bottom: -2px;
+ display: inline-block;
+}
+
+.si-user-female:before {
+ content: '\e000';
+}
+
+.si-user-follow:before {
+ content: '\e002';
+}
+
+.si-user-following:before {
+ content: '\e003';
+}
+
+.si-user-unfollow:before {
+ content: '\e004';
+}
+
+.si-trophy:before {
+ content: '\e006';
+}
+
+.si-screen-smartphone:before {
+ content: '\e010';
+}
+
+.si-screen-desktop:before {
+ content: '\e011';
+}
+
+.si-plane:before {
+ content: '\e012';
+}
+
+.si-notebook:before {
+ content: '\e013';
+}
+
+.si-moustache:before {
+ content: '\e014';
+}
+
+.si-mouse:before {
+ content: '\e015';
+}
+
+.si-magnet:before {
+ content: '\e016';
+}
+
+.si-energy:before {
+ content: '\e020';
+}
+
+.si-emoticon-smile:before {
+ content: '\e021';
+}
+
+.si-disc:before {
+ content: '\e022';
+}
+
+.si-cursor-move:before {
+ content: '\e023';
+}
+
+.si-crop:before {
+ content: '\e024';
+}
+
+.si-credit-card:before {
+ content: '\e025';
+}
+
+.si-chemistry:before {
+ content: '\e026';
+}
+
+.si-user:before {
+ content: '\e005';
+}
+
+.si-speedometer:before {
+ content: '\e007';
+}
+
+.si-social-youtube:before {
+ content: '\e008';
+}
+
+.si-social-twitter:before {
+ content: '\e009';
+}
+
+.si-social-tumblr:before {
+ content: '\e00a';
+}
+
+.si-social-facebook:before {
+ content: '\e00b';
+}
+
+.si-social-dropbox:before {
+ content: '\e00c';
+}
+
+.si-social-dribbble:before {
+ content: '\e00d';
+}
+
+.si-shield:before {
+ content: '\e00e';
+}
+
+.si-screen-tablet:before {
+ content: '\e00f';
+}
+
+.si-magic-wand:before {
+ content: '\e017';
+}
+
+.si-hourglass:before {
+ content: '\e018';
+}
+
+.si-graduation:before {
+ content: '\e019';
+}
+
+.si-ghost:before {
+ content: '\e01a';
+}
+
+.si-game-controller:before {
+ content: '\e01b';
+}
+
+.si-fire:before {
+ content: '\e01c';
+}
+
+.si-eyeglasses:before {
+ content: '\e01d';
+}
+
+.si-envelope-open:before {
+ content: '\e01e';
+}
+
+.si-envelope-letter:before {
+ content: '\e01f';
+}
+
+.si-bell:before {
+ content: '\e027';
+}
+
+.si-badge:before {
+ content: '\e028';
+}
+
+.si-anchor:before {
+ content: '\e029';
+}
+
+.si-wallet:before {
+ content: '\e02a';
+}
+
+.si-vector:before {
+ content: '\e02b';
+}
+
+.si-speech:before {
+ content: '\e02c';
+}
+
+.si-puzzle:before {
+ content: '\e02d';
+}
+
+.si-printer:before {
+ content: '\e02e';
+}
+
+.si-present:before {
+ content: '\e02f';
+}
+
+.si-playlist:before {
+ content: '\e030';
+}
+
+.si-pin:before {
+ content: '\e031';
+}
+
+.si-picture:before {
+ content: '\e032';
+}
+
+.si-map:before {
+ content: '\e033';
+}
+
+.si-layers:before {
+ content: '\e034';
+}
+
+.si-handbag:before {
+ content: '\e035';
+}
+
+.si-globe-alt:before {
+ content: '\e036';
+}
+
+.si-globe:before {
+ content: '\e037';
+}
+
+.si-frame:before {
+ content: '\e038';
+}
+
+.si-folder-alt:before {
+ content: '\e039';
+}
+
+.si-film:before {
+ content: '\e03a';
+}
+
+.si-feed:before {
+ content: '\e03b';
+}
+
+.si-earphones-alt:before {
+ content: '\e03c';
+}
+
+.si-earphones:before {
+ content: '\e03d';
+}
+
+.si-drop:before {
+ content: '\e03e';
+}
+
+.si-drawer:before {
+ content: '\e03f';
+}
+
+.si-docs:before {
+ content: '\e040';
+}
+
+.si-directions:before {
+ content: '\e041';
+}
+
+.si-direction:before {
+ content: '\e042';
+}
+
+.si-diamond:before {
+ content: '\e043';
+}
+
+.si-cup:before {
+ content: '\e044';
+}
+
+.si-compass:before {
+ content: '\e045';
+}
+
+.si-call-out:before {
+ content: '\e046';
+}
+
+.si-call-in:before {
+ content: '\e047';
+}
+
+.si-call-end:before {
+ content: '\e048';
+}
+
+.si-calculator:before {
+ content: '\e049';
+}
+
+.si-bubbles:before {
+ content: '\e04a';
+}
+
+.si-briefcase:before {
+ content: '\e04b';
+}
+
+.si-book-open:before {
+ content: '\e04c';
+}
+
+.si-basket-loaded:before {
+ content: '\e04d';
+}
+
+.si-basket:before {
+ content: '\e04e';
+}
+
+.si-bag:before {
+ content: '\e04f';
+}
+
+.si-action-undo:before {
+ content: '\e050';
+}
+
+.si-action-redo:before {
+ content: '\e051';
+}
+
+.si-wrench:before {
+ content: '\e052';
+}
+
+.si-umbrella:before {
+ content: '\e053';
+}
+
+.si-trash:before {
+ content: '\e054';
+}
+
+.si-tag:before {
+ content: '\e055';
+}
+
+.si-support:before {
+ content: '\e056';
+}
+
+.si-size-fullscreen:before {
+ content: '\e057';
+}
+
+.si-size-actual:before {
+ content: '\e058';
+}
+
+.si-shuffle:before {
+ content: '\e059';
+}
+
+.si-share-alt:before {
+ content: '\e05a';
+}
+
+.si-share:before {
+ content: '\e05b';
+}
+
+.si-rocket:before {
+ content: '\e05c';
+}
+
+.si-question:before {
+ content: '\e05d';
+}
+
+.si-pie-chart:before {
+ content: '\e05e';
+}
+
+.si-pencil:before {
+ content: '\e05f';
+}
+
+.si-note:before {
+ content: '\e060';
+}
+
+.si-music-tone-alt:before {
+ content: '\e061';
+}
+
+.si-music-tone:before {
+ content: '\e062';
+}
+
+.si-microphone:before {
+ content: '\e063';
+}
+
+.si-loop:before {
+ content: '\e064';
+}
+
+.si-logout:before {
+ content: '\e065';
+}
+
+.si-login:before {
+ content: '\e066';
+}
+
+.si-list:before {
+ content: '\e067';
+}
+
+.si-like:before {
+ content: '\e068';
+}
+
+.si-home:before {
+ content: '\e069';
+}
+
+.si-grid:before {
+ content: '\e06a';
+}
+
+.si-graph:before {
+ content: '\e06b';
+}
+
+.si-equalizer:before {
+ content: '\e06c';
+}
+
+.si-dislike:before {
+ content: '\e06d';
+}
+
+.si-cursor:before {
+ content: '\e06e';
+}
+
+.si-control-start:before {
+ content: '\e06f';
+}
+
+.si-control-rewind:before {
+ content: '\e070';
+}
+
+.si-control-play:before {
+ content: '\e071';
+}
+
+.si-control-pause:before {
+ content: '\e072';
+}
+
+.si-control-forward:before {
+ content: '\e073';
+}
+
+.si-control-end:before {
+ content: '\e074';
+}
+
+.si-calendar:before {
+ content: '\e075';
+}
+
+.si-bulb:before {
+ content: '\e076';
+}
+
+.si-bar-chart:before {
+ content: '\e077';
+}
+
+.si-arrow-up:before {
+ content: '\e078';
+}
+
+.si-arrow-right:before {
+ content: '\e079';
+}
+
+.si-arrow-left:before {
+ content: '\e07a';
+}
+
+.si-arrow-down:before {
+ content: '\e07b';
+}
+
+.si-ban:before {
+ content: '\e07c';
+}
+
+.si-bubble:before {
+ content: '\e07d';
+}
+
+.si-camcorder:before {
+ content: '\e07e';
+}
+
+.si-camera:before {
+ content: '\e07f';
+}
+
+.si-check:before {
+ content: '\e080';
+}
+
+.si-clock:before {
+ content: '\e081';
+}
+
+.si-close:before {
+ content: '\e082';
+}
+
+.si-cloud-download:before {
+ content: '\e083';
+}
+
+.si-cloud-upload:before {
+ content: '\e084';
+}
+
+.si-doc:before {
+ content: '\e085';
+}
+
+.si-envelope:before {
+ content: '\e086';
+}
+
+.si-eye:before {
+ content: '\e087';
+}
+
+.si-flag:before {
+ content: '\e088';
+}
+
+.si-folder:before {
+ content: '\e089';
+}
+
+.si-heart:before {
+ content: '\e08a';
+}
+
+.si-info:before {
+ content: '\e08b';
+}
+
+.si-key:before {
+ content: '\e08c';
+}
+
+.si-link:before {
+ content: '\e08d';
+}
+
+.si-lock:before {
+ content: '\e08e';
+}
+
+.si-lock-open:before {
+ content: '\e08f';
+}
+
+.si-magnifier:before {
+ content: '\e090';
+}
+
+.si-magnifier-add:before {
+ content: '\e091';
+}
+
+.si-magnifier-remove:before {
+ content: '\e092';
+}
+
+.si-paper-clip:before {
+ content: '\e093';
+}
+
+.si-paper-plane:before {
+ content: '\e094';
+}
+
+.si-plus:before {
+ content: '\e095';
+}
+
+.si-pointer:before {
+ content: '\e096';
+}
+
+.si-power:before {
+ content: '\e097';
+}
+
+.si-refresh:before {
+ content: '\e098';
+}
+
+.si-reload:before {
+ content: '\e099';
+}
+
+.si-settings:before {
+ content: '\e09a';
+}
+
+.si-star:before {
+ content: '\e09b';
+}
+
+.si-symbol-female:before {
+ content: '\e09c';
+}
+
+.si-symbol-male:before {
+ content: '\e09d';
+}
+
+.si-target:before {
+ content: '\e09e';
+}
+
+.si-volume-1:before {
+ content: '\e09f';
+}
+
+.si-volume-2:before {
+ content: '\e0a0';
+}
+
+.si-volume-off:before {
+ content: '\e0a1';
+}
+
+.si-users:before {
+ content: '\e001';
+}
+
+#page-loader {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #fff;
+ z-index: 999998;
+}
+
+#page-loader:after {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: block;
+ margin-top: -30px;
+ margin-left: -30px;
+ width: 60px;
+ height: 60px;
+ background-color: #5c90d2;
+ border-radius: 100%;
+ content: '';
+ z-index: 999999;
+ -webkit-animation: page-loader 0.9s infinite ease-in-out;
+ animation: page-loader 0.9s infinite ease-in-out;
+}
+
+.ie9 #page-loader:after {
+ text-align: center;
+ content: 'Loading..';
+ background-color: transparent;
+}
+
+@-webkit-keyframes page-loader {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+
+@keyframes page-loader {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+
+#header-navbar {
+ min-height: 60px;
+ background-color: #fff;
+}
+
+#header-navbar:before,
+#header-navbar:after {
+ content: ' ';
+ display: table;
+}
+
+#header-navbar:after {
+ clear: both;
+}
+
+.header-navbar-fixed #header-navbar {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+ min-width: 320px;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
+}
+
+.header-navbar-fixed #main-container {
+ padding-top: 60px;
+}
+
+@media screen and (min-width: 992px) {
+ .header-navbar-fixed.sidebar-l.sidebar-o #header-navbar {
+ left: 230px;
+ }
+
+ .header-navbar-fixed.sidebar-r.sidebar-o #header-navbar {
+ right: 230px;
+ }
+
+ .header-navbar-fixed.sidebar-l.sidebar-o.sidebar-mini #header-navbar {
+ left: 60px;
+ }
+
+ .header-navbar-fixed.sidebar-r.sidebar-o.sidebar-mini #header-navbar {
+ right: 60px;
+ }
+}
+
+.header-navbar-transparent #header-navbar {
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.header-navbar-transparent.header-navbar-fixed.header-navbar-scroll #header-navbar {
+ background-color: #3e4a59;
+}
+
+.header-navbar-transparent.header-navbar-fixed #main-container {
+ padding-top: 0;
+}
+
+#page-container {
+ margin: 0 auto;
+ width: 100%;
+ min-width: 320px;
+ background-color: #2c343f;
+}
+
+@media screen and (min-width: 992px) {
+ #page-container.sidebar-l.sidebar-o {
+ padding-left: 230px;
+ }
+
+ #page-container.sidebar-r.sidebar-o {
+ padding-right: 230px;
+ }
+
+ #page-container.sidebar-l.sidebar-o.sidebar-mini {
+ padding-left: 60px;
+ }
+
+ #page-container.sidebar-r.sidebar-o.sidebar-mini {
+ padding-right: 60px;
+ }
+}
+
+#sidebar,
+#side-overlay {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ z-index: 1032;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -webkit-transition: all 0.28s ease-out;
+ transition: all 0.28s ease-out;
+}
+
+@media screen and (min-width: 992px) {
+
+ .side-scroll #sidebar,
+ .side-scroll #side-overlay {
+ overflow-y: hidden;
+ }
+}
+
+#sidebar {
+ width: 230px;
+ background-color: #2c343f;
+}
+
+.sidebar-l #sidebar {
+ left: 0;
+ -webkit-transform: translateX(-100%) translateY(0) translateZ(0);
+ -ms-transform: translateX(-100%) translateY(0);
+ transform: translateX(-100%) translateY(0) translateZ(0);
+}
+
+.sidebar-r #sidebar {
+ right: 0;
+ -webkit-transform: translateX(100%) translateY(0) translateZ(0);
+ -ms-transform: translateX(100%) translateY(0);
+ transform: translateX(100%) translateY(0) translateZ(0);
+}
+
+@media screen and (max-width: 991px) {
+ #sidebar {
+ width: 100%;
+ opacity: 0;
+ }
+
+ .sidebar-o-xs #sidebar {
+ opacity: 1;
+ -webkit-transform: translateX(0) translateY(0) translateZ(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0) translateZ(0);
+ }
+}
+
+@media screen and (min-width: 992px) {
+ #sidebar {
+ width: 230px;
+ -webkit-transition: none;
+ transition: none;
+ }
+
+ .sidebar-o #sidebar {
+ -webkit-transform: translateX(0) translateY(0) translateZ(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0) translateZ(0);
+ }
+
+ .sidebar-o.sidebar-mini #sidebar {
+ overflow-x: hidden;
+ -webkit-transition: all 0.28s ease-out;
+ transition: all 0.28s ease-out;
+ will-change: transform;
+ }
+
+ .sidebar-l.sidebar-o.sidebar-mini #sidebar {
+ -webkit-transform: translateX(-170px) translateY(0) translateZ(0);
+ -ms-transform: translateX(-170px) translateY(0);
+ transform: translateX(-170px) translateY(0) translateZ(0);
+ }
+
+ .sidebar-r.sidebar-o.sidebar-mini #sidebar {
+ -webkit-transform: translateX(170px) translateY(0) translateZ(0);
+ -ms-transform: translateX(170px) translateY(0);
+ transform: translateX(170px) translateY(0) translateZ(0);
+ }
+
+ .sidebar-o.sidebar-mini #sidebar .sidebar-content {
+ width: 230px;
+ -webkit-transition: all 0.28s ease-out;
+ transition: all 0.28s ease-out;
+ will-change: transform;
+ }
+
+ .sidebar-l.sidebar-o.sidebar-mini #sidebar .sidebar-content {
+ -webkit-transform: translateX(170px) translateY(0) translateZ(0);
+ -ms-transform: translateX(170px) translateY(0);
+ transform: translateX(170px) translateY(0) translateZ(0);
+ }
+
+ .sidebar-o.sidebar-mini #sidebar:hover,
+ .sidebar-o.sidebar-mini #sidebar:hover .sidebar-content {
+ -webkit-transform: translateX(0) translateY(0) translateZ(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0) translateZ(0);
+ }
+
+ .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hide {
+ opacity: 0;
+ -webkit-transition: opacity 0.28s ease-out;
+ transition: opacity 0.28s ease-out;
+ }
+
+ .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hidden {
+ display: none;
+ }
+
+ .sidebar-o.sidebar-mini #sidebar .nav-main>li.open>ul {
+ display: none;
+ }
+
+ .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hide {
+ opacity: 1;
+ }
+
+ .sidebar-o.sidebar-mini #sidebar:hover .nav-main>li.open>ul {
+ display: block;
+ }
+}
+
+#side-overlay {
+ background-color: #fff;
+}
+
+.sidebar-l #side-overlay {
+ right: 0;
+ -webkit-transform: translateX(100%) translateY(0) translateZ(0);
+ -ms-transform: translateX(100%) translateY(0);
+ transform: translateX(100%) translateY(0) translateZ(0);
+}
+
+.sidebar-r #side-overlay {
+ left: 0;
+ -webkit-transform: translateX(-100%) translateY(0) translateZ(0);
+ -ms-transform: translateX(-100%) translateY(0);
+ transform: translateX(-100%) translateY(0) translateZ(0);
+}
+
+@media screen and (max-width: 991px) {
+ #side-overlay {
+ width: 100%;
+ opacity: 0;
+ }
+
+ .side-overlay-o #side-overlay {
+ opacity: 1;
+ -webkit-transform: translateX(0) translateY(0) translateZ(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0) translateZ(0);
+ }
+}
+
+@media screen and (min-width: 992px) {
+ #side-overlay {
+ width: 320px;
+ -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+ }
+
+ .sidebar-l #side-overlay {
+ -webkit-transform: translateX(110%) translateY(0) translateZ(0);
+ -ms-transform: translateX(110%) translateY(0);
+ transform: translateX(110%) translateY(0) translateZ(0);
+ }
+
+ .sidebar-r #side-overlay {
+ -webkit-transform: translateX(-110%) translateY(0) translateZ(0);
+ -ms-transform: translateX(-110%) translateY(0);
+ transform: translateX(-110%) translateY(0) translateZ(0);
+ }
+
+ .sidebar-l.side-overlay-hover #side-overlay {
+ -webkit-transform: translateX(300px) translateY(0) translateZ(0);
+ -ms-transform: translateX(300px) translateY(0);
+ transform: translateX(300px) translateY(0) translateZ(0);
+ }
+
+ .sidebar-r.side-overlay-hover #side-overlay {
+ -webkit-transform: translateX(-300px) translateY(0) translateZ(0);
+ -ms-transform: translateX(-300px) translateY(0);
+ transform: translateX(-300px) translateY(0) translateZ(0);
+ }
+
+ .side-overlay-hover #side-overlay:hover,
+ .side-overlay-o #side-overlay,
+ .side-overlay-o.side-overlay-hover #side-overlay {
+ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+ -webkit-transform: translateX(0) translateY(0) translateZ(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0) translateZ(0);
+ }
+}
+
+.side-header {
+ margin: 0 auto;
+ min-height: 60px;
+}
+
+.side-header:before,
+.side-header:after {
+ content: ' ';
+ display: table;
+}
+
+.side-header:after {
+ clear: both;
+}
+
+.side-header.side-content {
+ overflow: visible;
+}
+
+.side-header>span,
+.side-header>a {
+ display: inline-block;
+ line-height: 34px;
+}
+
+.side-header img {
+ display: inline-block;
+ margin-top: -2px;
+}
+
+.side-content {
+ margin: 0 auto;
+ padding: 13px 20px 1px;
+ max-width: 100%;
+ overflow-x: hidden;
+}
+
+.side-content p,
+.side-content .push,
+.side-content .block,
+.side-content .items-push>div {
+ margin-bottom: 13px;
+}
+
+.side-content .items-push-2x>div {
+ margin-bottom: 26px;
+}
+
+.side-content .items-push-3x>div {
+ margin-bottom: 39px;
+}
+
+.side-content.side-content-full {
+ padding-bottom: 13px;
+}
+
+.side-content.side-content-full .pull-b {
+ margin-bottom: -13px;
+}
+
+.side-content .pull-t {
+ margin-top: -13px;
+}
+
+.side-content .pull-r-l {
+ margin-right: -20px;
+ margin-left: -20px;
+}
+
+.side-content .pull-b {
+ margin-bottom: -1px;
+}
+
+#main-container,
+#page-footer {
+ overflow-x: hidden;
+}
+
+#main-container {
+ background-color: #f5f5f5;
+}
+
+.content {
+ margin: 0 auto;
+ padding: 16px 14px 1px;
+ max-width: 100%;
+ overflow-x: visible;
+}
+
+.content p,
+.content .push,
+.content .block,
+.content .items-push>div {
+ margin-bottom: 16px;
+}
+
+.content .items-push-2x>div {
+ margin-bottom: 32px;
+}
+
+.content .items-push-3x>div {
+ margin-bottom: 48px;
+}
+
+.content.content-full {
+ padding-bottom: 16px;
+}
+
+.content.content-full .pull-b {
+ margin-bottom: -16px;
+}
+
+.content .pull-t {
+ margin-top: -16px;
+}
+
+.content .pull-r-l {
+ margin-right: -14px;
+ margin-left: -14px;
+}
+
+.content .pull-b {
+ margin-bottom: -1px;
+}
+
+@media screen and (min-width: 768px) {
+ .content {
+ border-radius: 25px;
+ margin: 0 auto;
+ padding: 30px 30px 1px;
+ max-width: 100%;
+ overflow-x: visible;
+ }
+
+ .content p,
+ .content .push,
+ .content .block,
+ .content .items-push>div {
+ border-radius: 25px;
+ margin-bottom: 30px;
+ }
+
+ .content .items-push-2x>div {
+ margin-bottom: 60px;
+ }
+
+ .content .items-push-3x>div {
+ margin-bottom: 90px;
+ }
+
+ .content.content-full {
+ padding-bottom: 30px;
+ }
+
+ .content.content-full .pull-b {
+ margin-bottom: -30px;
+ }
+
+ .content .pull-t {
+ margin-top: -30px;
+ }
+
+ .content .pull-r-l {
+ margin-right: -30px;
+ margin-left: -30px;
+ }
+
+ .content .pull-b {
+ margin-bottom: -1px;
+ }
+
+ .content.content-boxed {
+ max-width: 1280px;
+ /* min-height: 293px; */
+ }
+
+ .content.content-narrow {
+ max-width: 95%;
+ }
+}
+
+.content-grid {
+ margin-bottom: 24px;
+}
+
+.content-grid .push,
+.content-grid .block {
+ margin-bottom: 6px;
+}
+
+.content-grid .row {
+ margin-left: -3px;
+ margin-right: -3px;
+}
+
+.content-grid .row>div[class*='col'] {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.content-mini {
+ margin: 0 auto;
+ padding: 13px 14px 1px;
+ max-width: 100%;
+ overflow-x: visible;
+}
+
+.content-mini p,
+.content-mini .push,
+.content-mini .block,
+.content-mini .items-push>div {
+ margin-bottom: 13px;
+}
+
+.content-mini .items-push-2x>div {
+ margin-bottom: 26px;
+}
+
+.content-mini .items-push-3x>div {
+ margin-bottom: 39px;
+}
+
+.content-mini.content-mini-full {
+ padding-bottom: 13px;
+}
+
+.content-mini.content-mini-full .pull-b {
+ margin-bottom: -13px;
+}
+
+.content-mini .pull-t {
+ margin-top: -13px;
+}
+
+.content-mini .pull-r-l {
+ margin-right: -14px;
+ margin-left: -14px;
+}
+
+.content-mini .pull-b {
+ margin-bottom: -1px;
+}
+
+@media screen and (min-width: 768px) {
+ .content-mini {
+ margin: 0 auto;
+ padding: 13px 30px 1px;
+ max-width: 100%;
+ overflow-x: visible;
+ }
+
+ .content-mini p,
+ .content-mini .push,
+ .content-mini .block,
+ .content-mini .items-push>div {
+ margin-bottom: 13px;
+ }
+
+ .content-mini .items-push-2x>div {
+ margin-bottom: 26px;
+ }
+
+ .content-mini .items-push-3x>div {
+ margin-bottom: 39px;
+ }
+
+ .content-mini.content-mini-full {
+ padding-bottom: 13px;
+ }
+
+ .content-mini.content-mini-full .pull-b {
+ margin-bottom: -13px;
+ }
+
+ .content-mini .pull-t {
+ margin-top: -13px;
+ }
+
+ .content-mini .pull-r-l {
+ margin-right: -30px;
+ margin-left: -30px;
+ }
+
+ .content-mini .pull-b {
+ margin-bottom: -1px;
+ }
+}
+
+.content-boxed {
+ margin: 0 auto;
+ width: 100%;
+ max-width: 1280px;
+}
+
+.bg-image {
+ background-color: #f9f9f9;
+ background-position: 0 50%;
+ -webkit-background-size: cover;
+ background-size: cover;
+}
+
+.bg-image-cover {
+ height: 300px;
+}
+
+@media screen and (min-width: 992px) {
+ .bg-image-cover {
+ height: 750px;
+ }
+}
+
+@media screen and (min-width: 1200px) {
+ .bg-image-parallax {
+ background-attachment: fixed;
+ }
+}
+
+.bg-video {
+ width: 100%;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ transform: translateZ(0);
+}
+
+.form-material {
+ position: relative;
+ margin: 10px 0 10px;
+}
+
+.form-material>label,
+.form-material.floating>.form-control:focus+label,
+.form-material.floating.open>label {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ font-size: 13px;
+ font-weight: 600;
+ -webkit-transform: translateY(-24px);
+ -ms-transform: translateY(-24px);
+ transform: translateY(-24px);
+}
+
+.form-material.floating>.form-control:-webkit-autofill+label {
+ font-size: 13px;
+ font-weight: 600;
+ cursor: default;
+ -webkit-transform: translateY(-24px);
+ -ms-transform: translateY(-24px);
+ transform: translateY(-24px);
+}
+
+.form-material.floating>label {
+ font-size: 15px;
+ font-weight: 400;
+ cursor: text;
+ z-index: 10;
+ -webkit-transition: all 0.15s ease-out;
+ transition: all 0.15s ease-out;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+}
+
+.form-material.floating>.form-control[disabled]+label,
+.form-material.floating>.form-control[readonly]+label,
+fieldset[disabled] .form-material.floating>label {
+ cursor: not-allowed;
+}
+
+.form-material>.form-control {
+ padding-left: 0;
+ padding-right: 0;
+ border: 0;
+ border-radius: 0;
+ background-color: transparent;
+ -webkit-box-shadow: 0 1px 0 #e6e6e6;
+ box-shadow: 0 1px 0 #e6e6e6;
+}
+
+.form-material>.form-control:focus {
+ background-color: transparent;
+ -webkit-box-shadow: 0 2px 0 #646464;
+ box-shadow: 0 2px 0 #646464;
+}
+
+.form-material>.form-control:focus+label {
+ color: #646464;
+}
+
+.form-material>.form-control:focus~.input-group-addon {
+ -webkit-box-shadow: 0 2px 0 #646464;
+ box-shadow: 0 2px 0 #646464;
+}
+
+.form-material .form-control[disabled],
+.form-material .form-control[readonly],
+.form-material fieldset[disabled] .form-control {
+ background-color: #fff;
+ border-bottom: 1px dashed #ccc;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.form-material.input-group .input-group-addon {
+ border: none;
+ background-color: transparent;
+ border-radius: 0 !important;
+ -webkit-box-shadow: 0 1px 0 #e6e6e6;
+ box-shadow: 0 1px 0 #e6e6e6;
+ -webkit-transition: all 0.15s ease-out;
+ transition: all 0.15s ease-out;
+}
+
+.form-material.form-material-primary>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #5c90d2;
+ box-shadow: 0 2px 0 #5c90d2;
+}
+
+.form-material.form-material-primary>.form-control:focus+label {
+ color: #5c90d2;
+}
+
+.form-material.form-material-primary>.form-control:focus~.input-group-addon {
+ color: #5c90d2;
+ -webkit-box-shadow: 0 2px 0 #5c90d2;
+ box-shadow: 0 2px 0 #5c90d2;
+}
+
+.form-material.form-material-success>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #46c37b;
+ box-shadow: 0 2px 0 #46c37b;
+}
+
+.form-material.form-material-success>.form-control:focus+label {
+ color: #46c37b;
+}
+
+.form-material.form-material-success>.form-control:focus~.input-group-addon {
+ color: #46c37b;
+ -webkit-box-shadow: 0 2px 0 #46c37b;
+ box-shadow: 0 2px 0 #46c37b;
+}
+
+.form-material.form-material-info>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #70b9eb;
+ box-shadow: 0 2px 0 #70b9eb;
+}
+
+.form-material.form-material-info>.form-control:focus+label {
+ color: #70b9eb;
+}
+
+.form-material.form-material-info>.form-control:focus~.input-group-addon {
+ color: #70b9eb;
+ -webkit-box-shadow: 0 2px 0 #70b9eb;
+ box-shadow: 0 2px 0 #70b9eb;
+}
+
+.form-material.form-material-warning>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #f3b760;
+ box-shadow: 0 2px 0 #f3b760;
+}
+
+.form-material.form-material-warning>.form-control:focus+label {
+ color: #f3b760;
+}
+
+.form-material.form-material-warning>.form-control:focus~.input-group-addon {
+ color: #f3b760;
+ -webkit-box-shadow: 0 2px 0 #f3b760;
+ box-shadow: 0 2px 0 #f3b760;
+}
+
+.form-material.form-material-danger>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #d26a5c;
+ box-shadow: 0 2px 0 #d26a5c;
+}
+
+.form-material.form-material-danger>.form-control:focus+label {
+ color: #d26a5c;
+}
+
+.form-material.form-material-danger>.form-control:focus~.input-group-addon {
+ color: #d26a5c;
+ -webkit-box-shadow: 0 2px 0 #d26a5c;
+ box-shadow: 0 2px 0 #d26a5c;
+}
+
+.has-success .form-material>.form-control {
+ -webkit-box-shadow: 0 1px 0 #46c37b;
+ box-shadow: 0 1px 0 #46c37b;
+}
+
+.has-success .form-material>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #46c37b;
+ box-shadow: 0 2px 0 #46c37b;
+}
+
+.has-success .form-material>.form-control:focus+label {
+ color: #46c37b;
+}
+
+.has-success .form-material>.form-control:focus~.input-group-addon {
+ color: #46c37b;
+ -webkit-box-shadow: 0 2px 0 #46c37b;
+ box-shadow: 0 2px 0 #46c37b;
+}
+
+.has-success .form-material>.form-control~.input-group-addon {
+ color: #46c37b;
+ -webkit-box-shadow: 0 1px 0 #46c37b;
+ box-shadow: 0 1px 0 #46c37b;
+}
+
+.has-success .form-material label {
+ color: #46c37b;
+}
+
+.has-success .form-material>.help-block {
+ color: #46c37b;
+}
+
+.has-info .form-material>.form-control {
+ -webkit-box-shadow: 0 1px 0 #70b9eb;
+ box-shadow: 0 1px 0 #70b9eb;
+}
+
+.has-info .form-material>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #70b9eb;
+ box-shadow: 0 2px 0 #70b9eb;
+}
+
+.has-info .form-material>.form-control:focus+label {
+ color: #70b9eb;
+}
+
+.has-info .form-material>.form-control:focus~.input-group-addon {
+ color: #70b9eb;
+ -webkit-box-shadow: 0 2px 0 #70b9eb;
+ box-shadow: 0 2px 0 #70b9eb;
+}
+
+.has-info .form-material>.form-control~.input-group-addon {
+ color: #70b9eb;
+ -webkit-box-shadow: 0 1px 0 #70b9eb;
+ box-shadow: 0 1px 0 #70b9eb;
+}
+
+.has-info .form-material label {
+ color: #70b9eb;
+}
+
+.has-info .form-material>.help-block {
+ color: #70b9eb;
+}
+
+.has-warning .form-material>.form-control {
+ -webkit-box-shadow: 0 1px 0 #f3b760;
+ box-shadow: 0 1px 0 #f3b760;
+}
+
+.has-warning .form-material>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #f3b760;
+ box-shadow: 0 2px 0 #f3b760;
+}
+
+.has-warning .form-material>.form-control:focus+label {
+ color: #f3b760;
+}
+
+.has-warning .form-material>.form-control:focus~.input-group-addon {
+ color: #f3b760;
+ -webkit-box-shadow: 0 2px 0 #f3b760;
+ box-shadow: 0 2px 0 #f3b760;
+}
+
+.has-warning .form-material>.form-control~.input-group-addon {
+ color: #f3b760;
+ -webkit-box-shadow: 0 1px 0 #f3b760;
+ box-shadow: 0 1px 0 #f3b760;
+}
+
+.has-warning .form-material label {
+ color: #f3b760;
+}
+
+.has-warning .form-material>.help-block {
+ color: #f3b760;
+}
+
+.has-error .form-material>.form-control {
+ -webkit-box-shadow: 0 1px 0 #d26a5c;
+ box-shadow: 0 1px 0 #d26a5c;
+}
+
+.has-error .form-material>.form-control:focus {
+ -webkit-box-shadow: 0 2px 0 #d26a5c;
+ box-shadow: 0 2px 0 #d26a5c;
+}
+
+.has-error .form-material>.form-control:focus+label {
+ color: #d26a5c;
+}
+
+.has-error .form-material>.form-control:focus~.input-group-addon {
+ color: #d26a5c;
+ -webkit-box-shadow: 0 2px 0 #d26a5c;
+ box-shadow: 0 2px 0 #d26a5c;
+}
+
+.has-error .form-material>.form-control~.input-group-addon {
+ color: #d26a5c;
+ -webkit-box-shadow: 0 1px 0 #d26a5c;
+ box-shadow: 0 1px 0 #d26a5c;
+}
+
+.has-error .form-material label {
+ color: #d26a5c;
+}
+
+.has-error .form-material>.help-block {
+ color: #d26a5c;
+}
+
+.css-input {
+ position: relative;
+ display: inline-block;
+ margin: 2px 0;
+ font-weight: 400;
+ cursor: pointer;
+}
+
+.css-input input {
+ position: absolute;
+ opacity: 0;
+}
+
+.css-input input:focus+span {
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
+}
+
+.css-input input+span {
+ position: relative;
+ display: inline-block;
+ margin-top: -2px;
+ margin-right: 3px;
+ vertical-align: middle;
+}
+
+.css-input input+span:after {
+ position: absolute;
+ content: '';
+}
+
+.css-input-disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.css-checkbox {
+ margin: 7px 0;
+}
+
+.css-checkbox input+span {
+ width: 20px;
+ height: 20px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ -webkit-transition: background-color 0.2s;
+ transition: background-color 0.2s;
+}
+
+.css-checkbox input+span:after {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ font-family: 'FontAwesome';
+ font-size: 10px;
+ color: #fff;
+ line-height: 18px;
+ content: '\f00c';
+ text-align: center;
+}
+
+.css-checkbox:hover input+span {
+ border-color: #ccc;
+}
+
+.css-checkbox.css-checkbox-sm {
+ margin: 9px 0 8px;
+ font-size: 12px;
+}
+
+.css-checkbox.css-checkbox-sm input+span {
+ width: 16px;
+ height: 16px;
+}
+
+.css-checkbox.css-checkbox-sm input+span:after {
+ font-size: 8px;
+ line-height: 15px;
+}
+
+.css-checkbox.css-checkbox-lg {
+ margin: 3px 0;
+}
+
+.css-checkbox.css-checkbox-lg input+span {
+ width: 30px;
+ height: 30px;
+}
+
+.css-checkbox.css-checkbox-lg input+span:after {
+ font-size: 12px;
+ line-height: 30px;
+}
+
+.css-checkbox.css-checkbox-rounded input+span {
+ border-radius: 3px;
+}
+
+.css-checkbox-default input:checked+span {
+ background-color: #999999;
+ border-color: #999999;
+}
+
+.css-checkbox-primary input:checked+span {
+ background-color: #5c90d2;
+ border-color: #5c90d2;
+}
+
+.css-checkbox-info input:checked+span {
+ background-color: #70b9eb;
+ border-color: #70b9eb;
+}
+
+.css-checkbox-success input:checked+span {
+ background-color: #46c37b;
+ border-color: #46c37b;
+}
+
+.css-checkbox-warning input:checked+span {
+ background-color: #f3b760;
+ border-color: #f3b760;
+}
+
+.css-checkbox-danger input:checked+span {
+ background-color: #d26a5c;
+ border-color: #d26a5c;
+}
+
+.css-radio {
+ margin: 7px 0;
+}
+
+.css-radio input+span {
+ width: 20px;
+ height: 20px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 50%;
+}
+
+.css-radio input+span:after {
+ top: 2px;
+ right: 2px;
+ bottom: 2px;
+ left: 2px;
+ background-color: #fff;
+ border-radius: 50%;
+ opacity: 0;
+ -webkit-transition: opacity 0.2s ease-out;
+ transition: opacity 0.2s ease-out;
+}
+
+.css-radio input:checked+span:after {
+ opacity: 1;
+}
+
+.css-radio:hover input+span {
+ border-color: #ccc;
+}
+
+.css-radio.css-radio-sm {
+ margin: 9px 0 8px;
+ font-size: 12px;
+}
+
+.css-radio.css-radio-sm input+span {
+ width: 16px;
+ height: 16px;
+}
+
+.css-radio.css-radio-lg {
+ margin: 5px 0;
+}
+
+.css-radio.css-radio-lg input+span {
+ width: 26px;
+ height: 26px;
+}
+
+.css-radio-default input:checked+span:after {
+ background-color: #999999;
+}
+
+.css-radio-primary input:checked+span:after {
+ background-color: #5c90d2;
+}
+
+.css-radio-info input:checked+span:after {
+ background-color: #70b9eb;
+}
+
+.css-radio-success input:checked+span:after {
+ background-color: #46c37b;
+}
+
+.css-radio-warning input:checked+span:after {
+ background-color: #f3b760;
+}
+
+.css-radio-danger input:checked+span:after {
+ background-color: #d26a5c;
+}
+
+.switch {
+ margin: 3px 0;
+}
+
+.switch input+span {
+ width: 54px;
+ height: 30px;
+ background-color: #eee;
+ border-radius: 30px;
+ -webkit-transition: background-color 0.4s;
+ transition: background-color 0.4s;
+}
+
+.switch input+span:after {
+ top: 2px;
+ bottom: 2px;
+ left: 2px;
+ width: 26px;
+ background-color: #fff;
+ border-radius: 50%;
+ -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
+ -webkit-transition: -webkit-transform 0.15s ease-out;
+ transition: transform 0.15s ease-out;
+}
+
+.switch input:checked+span {
+ background-color: #ddd;
+}
+
+.switch input:checked+span:after {
+ -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
+ box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
+ -webkit-transform: translateX(23px);
+ -ms-transform: translateX(23px);
+ transform: translateX(23px);
+}
+
+.switch.switch-sm {
+ margin: 8px 0 7px;
+ font-size: 12px;
+}
+
+.switch.switch-sm input+span {
+ width: 36px;
+ height: 20px;
+}
+
+.switch.switch-sm input+span:after {
+ width: 16px;
+}
+
+.switch.switch-sm input:checked+span:after {
+ -webkit-transform: translateX(15px);
+ -ms-transform: translateX(15px);
+ transform: translateX(15px);
+}
+
+.switch.switch-lg {
+ margin: 1px 0;
+}
+
+.switch.switch-lg input+span {
+ width: 70px;
+ height: 34px;
+}
+
+.switch.switch-lg input+span:after {
+ width: 30px;
+}
+
+.switch.switch-lg input:checked+span:after {
+ -webkit-transform: translateX(35px);
+ -ms-transform: translateX(35px);
+ transform: translateX(35px);
+}
+
+.switch.switch-square input+span,
+.switch.switch-square input+span:after {
+ border-radius: 0;
+}
+
+.switch-default input:checked+span {
+ background-color: #999999;
+}
+
+.switch-primary input:checked+span {
+ background-color: #5c90d2;
+}
+
+.switch-info input:checked+span {
+ background-color: #70b9eb;
+}
+
+.switch-success input:checked+span {
+ background-color: #46c37b;
+}
+
+.switch-warning input:checked+span {
+ background-color: #f3b760;
+}
+
+.switch-danger input:checked+span {
+ background-color: #d26a5c;
+}
+
+.block {
+ margin-bottom: 30px;
+ background-color: #fff;
+ -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
+ box-shadow: 0 2px rgba(0, 0, 0, 0.01);
+}
+
+.block .block,
+.side-content .block {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.block-header {
+ padding: 15px 20px;
+ -webkit-transition: opacity 0.2s ease-out;
+ transition: opacity 0.2s ease-out;
+}
+
+.block-header:before,
+.block-header:after {
+ content: ' ';
+ display: table;
+}
+
+.block-header:after {
+ clear: both;
+}
+
+.block-title {
+ font-size: 15px;
+ font-weight: 600;
+ text-transform: uppercase;
+ line-height: 1.2;
+}
+
+.block-title.text-normal {
+ text-transform: none;
+}
+
+.block-title small {
+ font-size: 13px;
+ font-weight: normal;
+ text-transform: none;
+}
+
+.block-content {
+ border-radius: 20px;
+ margin: 0 auto;
+ padding: 20px 20px 1px;
+ max-width: 100%;
+ overflow-x: visible;
+ -webkit-transition: opacity 0.2s ease-out;
+ transition: opacity 0.2s ease-out;
+}
+
+.block-content p,
+.block-content .push,
+.block-content .block,
+.block-content .items-push>div {
+ border-radius: 20px;
+ margin-bottom: 20px;
+}
+
+.block-content .items-push-2x>div {
+ border-radius: 20px;
+ margin-bottom: 40px;
+}
+
+.block-content .items-push-3x>div {
+ border-radius: 20px;
+ margin-bottom: 60px;
+}
+
+.block-content.block-content-full {
+ border-radius: 20px;
+ padding-bottom: 20px;
+}
+
+.block-content.block-content-full .pull-b {
+ margin-bottom: -20px;
+}
+
+.block-content .pull-t {
+ margin-top: -20px;
+}
+
+.block-content .pull-r-l {
+ margin-right: -20px;
+ margin-left: -20px;
+}
+
+.block-content .pull-b {
+ margin-bottom: -1px;
+}
+
+.block-content.block-content-mini {
+ padding-top: 10px;
+}
+
+.block-content.block-content-mini.block-content-full {
+ padding-bottom: 10px;
+}
+
+@media screen and (min-width: 1200px) {
+ .block-content.block-content-narrow {
+ border-radius: 20px;
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+}
+
+.block.block-full .block-content {
+ padding-bottom: 20px;
+}
+
+.block.block-full .block-content.block-content-mini {
+ padding-bottom: 10px;
+}
+
+.block-table {
+ width: 100%;
+}
+
+.block-table td {
+ padding: 10px;
+ vertical-align: middle;
+}
+
+.block.block-bordered {
+ border: 1px solid #e9e9e9;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.block.block-bordered>.block-header {
+ border-bottom: 1px solid #e9e9e9;
+}
+
+.block.block-rounded {
+ border-radius: 4px;
+}
+
+.block.block-rounded>.block-header {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+.block.block-rounded>.block-content:first-child {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+.block.block-rounded>.block-content:last-child {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.block.block-themed>.block-header {
+ border-bottom: none;
+}
+
+.block.block-themed>.block-header>.block-title {
+ color: #fff;
+}
+
+.block.block-themed>.block-header>.block-title small {
+ color: rgba(255, 255, 255, 0.75);
+}
+
+.block.block-transparent {
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.block.block-opt-refresh {
+ position: relative;
+}
+
+.block.block-opt-refresh>.block-header {
+ opacity: 0.25;
+}
+
+.block.block-opt-refresh>.block-content {
+ opacity: 0.15;
+}
+
+.block.block-opt-refresh:before {
+ position: absolute;
+ display: block;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: ' ';
+}
+
+.block.block-opt-refresh:after {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -20px 0 0 -20px;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ color: #646464;
+ font-family: Simple-Line-Icons;
+ font-size: 18px;
+ text-align: center;
+ z-index: 2;
+ content: '\e09a';
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+
+.block.block-opt-refresh.block-opt-refresh-icon2:after {
+ content: '\e06e';
+}
+
+.block.block-opt-refresh.block-opt-refresh-icon3:after {
+ content: '\e020';
+}
+
+.block.block-opt-refresh.block-opt-refresh-icon4:after {
+ font-family: 'FontAwesome';
+ content: '\f021';
+}
+
+.block.block-opt-refresh.block-opt-refresh-icon5:after {
+ font-family: 'FontAwesome';
+ content: '\f185';
+}
+
+.block.block-opt-refresh.block-opt-refresh-icon6:after {
+ font-family: 'FontAwesome';
+ content: '\f1ce';
+}
+
+.block.block-opt-refresh.block-opt-refresh-icon7:after {
+ font-family: 'FontAwesome';
+ content: '\f250';
+}
+
+.block.block-opt-refresh.block-opt-refresh-icon8:after {
+ font-family: 'FontAwesome';
+ content: '\f01e';
+}
+
+.ie9 .block.block-opt-refresh:after {
+ content: 'Loading..' !important;
+}
+
+.block.block-opt-fullscreen {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+ margin-bottom: 0;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.block.block-opt-hidden.block-bordered>.block-header {
+ border-bottom: none;
+}
+
+.block.block-opt-hidden>.block-content {
+ border-radius: 25px;
+ display: none;
+}
+
+a.block {
+ border-radius: 25px;
+ display: block;
+ color: #646464;
+ font-weight: normal;
+ -webkit-transition: all 0.15s ease-out;
+ transition: all 150ms ease-out -112.994ms;
+}
+
+a.block:hover {
+ color: #646464;
+ opacity: 0.9;
+}
+
+a.block.block-link-hover1:hover {
+ -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px rgba(0, 0, 0, 0.1);
+ opacity: 1;
+}
+
+a.block.block-link-hover1:active {
+ -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
+ box-shadow: 0 2px rgba(0, 0, 0, 0.01);
+}
+
+a.block.block-link-hover2:hover {
+ -webkit-transform: translateY(-2px);
+ -ms-transform: translateY(-2px);
+ transform: translateY(-2px);
+ -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
+ opacity: 1;
+}
+
+a.block.block-link-hover2:active {
+ -webkit-transform: translateY(-1px);
+ -ms-transform: translateY(-1px);
+ transform: translateY(-1px);
+ -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
+}
+
+a.block.block-link-hover3:hover {
+ -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
+ opacity: 1;
+}
+
+a.block.block-link-hover3:active {
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
+}
+
+.block>.nav-tabs {
+ background-color: #f9f9f9;
+ border-bottom: none;
+}
+
+.block>.nav-tabs.nav-tabs-right>li {
+ float: right;
+}
+
+.block>.nav-tabs.nav-justified>li>a {
+ margin-bottom: 0;
+}
+
+.block>.nav-tabs>li {
+ margin-bottom: 0;
+}
+
+.block>.nav-tabs>li>a {
+ margin-right: 0;
+ padding-top: 12px;
+ padding-bottom: 12px;
+ color: #646464;
+ font-weight: 600;
+ border: 1px solid transparent;
+ border-radius: 0;
+}
+
+.block>.nav-tabs>li>a:hover {
+ color: #5c90d2;
+ background-color: transparent;
+ border-color: transparent;
+}
+
+.block>.nav-tabs>li.active>a,
+.block>.nav-tabs>li.active>a:hover,
+.block>.nav-tabs>li.active>a:focus {
+ color: #646464;
+ background-color: #fff;
+ border-color: transparent;
+}
+
+.block>.nav-tabs.nav-tabs-alt {
+ background-color: transparent;
+ border-bottom: 1px solid #e9e9e9;
+}
+
+.block>.nav-tabs.nav-tabs-alt>li>a {
+ -webkit-transition: all 0.15s ease-out;
+ transition: all 0.15s ease-out;
+}
+
+.block>.nav-tabs.nav-tabs-alt>li>a:hover {
+ -webkit-box-shadow: 0 2px #5c90d2;
+ box-shadow: 0 2px #5c90d2;
+}
+
+.block>.nav-tabs.nav-tabs-alt>li.active>a,
+.block>.nav-tabs.nav-tabs-alt>li.active>a:hover,
+.block>.nav-tabs.nav-tabs-alt>li.active>a:focus {
+ -webkit-box-shadow: 0 2px #5c90d2;
+ box-shadow: 0 2px #5c90d2;
+}
+
+.block .block-content.tab-content {
+ overflow: hidden;
+}
+
+.block-options-simple {
+ float: right;
+ margin: -3px 0 -3px 15px;
+ padding: 1px 0;
+ min-height: 24px;
+}
+
+.block-options-simple.block-options-simple-left {
+ float: left;
+ margin-right: 15px;
+ margin-left: 0;
+}
+
+.block-options-simple.block-options-simple-left+.block-title {
+ float: right;
+}
+
+.block-options {
+ float: right;
+ margin: -3px 0 -3px 15px;
+ padding: 0;
+ height: 24px;
+ list-style: none;
+}
+
+.block-options:before,
+.block-options:after {
+ content: ' ';
+ display: table;
+}
+
+.block-options:after {
+ clear: both;
+}
+
+.block-options.block-options-left {
+ float: left;
+ margin-right: 15px;
+ margin-left: 0;
+}
+
+.block-options.block-options-left+.block-title {
+ float: right;
+}
+
+.block-options>li {
+ display: inline-block;
+ margin: 0 2px;
+ padding: 0;
+}
+
+.block-options>li>a,
+.block-options>li>button {
+ display: block;
+ padding: 2px 3px;
+ color: #999999;
+ opacity: 0.6;
+}
+
+.block.block-themed>.block-header .block-options>li>a,
+.block.block-themed>.block-header .block-options>li>button {
+ color: #fff;
+}
+
+.block-options>li>a:hover,
+.block-options>li>button:hover {
+ text-decoration: none;
+ opacity: 1;
+}
+
+.block-options>li>a:active,
+.block-options>li>button:active {
+ opacity: 0.6;
+}
+
+.block-options>li>span {
+ display: block;
+ padding: 2px 3px;
+}
+
+.block.block-themed>.block-header .block-options>li>span {
+ color: #fff;
+}
+
+.block-options>li>a:focus {
+ text-decoration: none;
+ opacity: 1;
+}
+
+.block-options>li>button {
+ background: none;
+ border: none;
+}
+
+.block-options>li.active>a,
+.block-options>li.open>button {
+ text-decoration: none;
+ opacity: 1;
+}
+
+.nav-main {
+ margin: 0 -20px;
+ padding: 0;
+ list-style: none;
+}
+
+.nav-main .nav-main-heading {
+ padding: 22px 20px 6px 20px;
+ font-size: 12px;
+ font-weight: 600;
+ text-transform: uppercase;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.nav-main a {
+ display: block;
+ padding: 10px 20px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nav-main a:hover,
+.nav-main a:focus {
+ color: rgba(255, 255, 255, 0.5);
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.nav-main a:hover>i,
+.nav-main a:focus>i {
+ color: #fff;
+}
+
+.nav-main a.active,
+.nav-main a.active:hover {
+ color: #fff;
+}
+
+.nav-main a.active>i,
+.nav-main a.active:hover>i {
+ color: #fff;
+}
+
+.nav-main a>i {
+ display: inline-block;
+ min-width: 14px;
+ margin-right: 15px;
+ color: rgba(255, 255, 255, 0.2);
+}
+
+.nav-main a.nav-submenu {
+ position: relative;
+ padding-right: 30px;
+}
+
+.nav-main a.nav-submenu:before {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: 15px;
+ display: inline-block;
+ font-family: 'FontAwesome';
+ color: rgba(255, 255, 255, 0.25);
+ content: '\f104';
+}
+
+.nav-main ul {
+ margin: 0;
+ padding: 0 0 0 50px;
+ height: 0;
+ list-style: none;
+ background-color: rgba(0, 0, 0, 0.15);
+ overflow: hidden;
+}
+
+.nav-main ul>li {
+ opacity: 0;
+ -webkit-transition: all 0.25s ease-out;
+ transition: all 0.25s ease-out;
+ -webkit-transform: translateX(-15px);
+ -ms-transform: translateX(-15px);
+ transform: translateX(-15px);
+}
+
+.nav-main ul .nav-main-heading {
+ padding-left: 0;
+ padding-right: 0;
+ color: rgba(255, 255, 255, 0.65);
+}
+
+.nav-main ul a {
+ padding: 8px 8px 8px 0;
+ font-size: 13px;
+ color: rgba(255, 255, 255, 0.4);
+}
+
+.nav-main ul a:hover,
+.nav-main ul a:focus {
+ color: #fff;
+ background-color: transparent;
+}
+
+.nav-main ul a>i {
+ margin-right: 10px;
+}
+
+.nav-main ul ul {
+ padding-left: 12px;
+}
+
+.nav-main li.open>a.nav-submenu {
+ color: #fff;
+}
+
+.nav-main li.open>a.nav-submenu>i {
+ color: #fff;
+}
+
+.nav-main li.open>a.nav-submenu:before {
+ content: '\f107';
+}
+
+.nav-main li.open>ul {
+ height: auto;
+}
+
+.nav-main li.open>ul>li {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+}
+
+.nav-main-header {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ margin: 0;
+ padding: 20px;
+ width: 100%;
+ list-style: none;
+ background-color: #2c343f;
+ z-index: 1031;
+ opacity: 0;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ -webkit-transition: all 0.28s ease-out;
+ transition: all 0.28s ease-out;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(0) translateY(-100%) translateZ(0);
+ -ms-transform: translateX(0) translateY(-100%);
+ transform: translateX(0) translateY(-100%) translateZ(0);
+}
+
+.nav-main-header.nav-main-header-o {
+ -webkit-transform: translateX(0) translateY(0) translateZ(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0) translateZ(0);
+ opacity: 1;
+}
+
+.nav-main-header>li {
+ margin: 0 0 10px;
+}
+
+.nav-main-header a {
+ display: block;
+ padding: 0 12px;
+ min-height: 34px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 600;
+ line-height: 34px;
+}
+
+.nav-main-header a:hover,
+.nav-main-header a:focus,
+.nav-main-header a.active {
+ color: #fff;
+}
+
+.nav-main-header a.nav-submenu {
+ position: relative;
+ padding-right: 32px;
+}
+
+.nav-main-header a.nav-submenu:before {
+ position: absolute;
+ right: 10px;
+ font-family: 'FontAwesome';
+ content: '\f107';
+}
+
+.nav-main-header ul {
+ margin: 0 0 0 15px;
+ padding: 0;
+ list-style: none;
+ display: none;
+}
+
+.nav-main-header ul a {
+ min-height: 32px;
+ font-size: 13px;
+ font-weight: 400;
+ line-height: 32px;
+}
+
+.nav-main-header>li:hover>a.nav-submenu {
+ color: #fff;
+}
+
+.nav-main-header>li:hover>ul {
+ display: block;
+}
+
+@media screen and (min-width: 992px) {
+ .nav-main-header {
+ position: static;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ padding: 0;
+ width: auto;
+ background-color: transparent;
+ z-index: auto;
+ opacity: 1;
+ overflow-y: visible;
+ -webkit-overflow-scrolling: auto;
+ -webkit-transition: none;
+ transition: none;
+ -webkit-backface-visibility: visible;
+ backface-visibility: visible;
+ -webkit-transform: translateX(0) translateY(0) translateZ(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0) translateZ(0);
+ }
+
+ .nav-main-header>li {
+ position: relative;
+ margin: 0 10px 0 0;
+ float: left;
+ }
+
+ .nav-main-header ul {
+ position: absolute;
+ left: 0;
+ margin: 0;
+ padding: 13px 0;
+ min-width: 160px;
+ background-color: #3e4a59;
+ }
+
+ .nav-main-header>li:last-child>ul {
+ left: auto;
+ right: 0;
+ }
+}
+
+.nav-header {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.nav-header:before,
+.nav-header:after {
+ content: ' ';
+ display: table;
+}
+
+.nav-header:after {
+ clear: both;
+}
+
+.nav-header>li {
+ margin-right: 12px;
+ float: left;
+}
+
+.nav-header>li>a,
+.nav-header>li>.btn-group>a {
+ padding: 0 12px;
+ display: block;
+ height: 34px;
+ line-height: 34px;
+ font-weight: 600;
+}
+
+.nav-header.pull-right>li {
+ margin-right: 0;
+ margin-left: 12px;
+ float: left;
+}
+
+.nav-header .header-content {
+ line-height: 34px;
+}
+
+.nav-header .header-search {
+ width: 360px;
+}
+
+@media screen and (max-width: 767px) {
+ .nav-header .header-search {
+ display: none;
+ }
+
+ .nav-header .header-search.header-search-xs-visible {
+ position: absolute;
+ top: 60px;
+ right: 0;
+ left: 0;
+ z-index: 999;
+ display: block;
+ width: 100%;
+ border-top: 1px solid #f9f9f9;
+ }
+
+ .nav-header .header-search.header-search-xs-visible>form {
+ padding: 14px 14px;
+ background-color: #fff;
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
+ }
+}
+
+.nav-sub-header>li {
+ float: none !important;
+ margin: 0 0 7px !important;
+}
+
+.nav-sub-header>li>a {
+ color: #3e4a59;
+}
+
+.nav-sub-header>li>a>i {
+ opacity: 0.5;
+}
+
+@media screen and (min-width: 768px) {
+ .nav-sub-header>li {
+ float: left !important;
+ margin: 0 7px 0 0 !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .nav-sub-header .open .dropdown-menu {
+ position: static;
+ float: none;
+ width: auto;
+ margin-top: 0;
+ background-color: transparent;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+
+ .nav-sub-header .open .dropdown-menu .divider {
+ background-color: rgba(0, 0, 0, 0.05);
+ }
+
+ .nav-sub-header .open .dropdown-menu>li>a,
+ .nav-sub-header .open .dropdown-menu .dropdown-header {
+ padding: 5px 15px 5px 25px;
+ }
+
+ .nav-sub-header .open .dropdown-menu>li>a {
+ line-height: 20px;
+ }
+
+ .nav-sub-header .open .dropdown-menu>li>a:hover,
+ .nav-sub-header .dropdown-menu>li>a:focus {
+ background-image: none;
+ }
+}
+
+.nav-users {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.nav-users>li:last-child>a {
+ border-bottom: none;
+}
+
+.nav-users a {
+ position: relative;
+ padding: 12px 8px 8px 71px;
+ display: block;
+ min-height: 62px;
+ font-weight: 600;
+ border-bottom: 1px solid #f3f3f3;
+}
+
+.nav-users a>img {
+ position: absolute;
+ left: 12px;
+ top: 10px;
+ width: 42px;
+ height: 42px;
+ border-radius: 50%;
+}
+
+.nav-users a>i {
+ position: absolute;
+ left: 40px;
+ top: 40px;
+ display: inline-block;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ text-align: center;
+ background-color: #fff;
+ border-radius: 50%;
+}
+
+.nav-users a:hover {
+ background-color: #f9f9f9;
+}
+
+.list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.list>li {
+ position: relative;
+}
+
+.list-timeline {
+ position: relative;
+ padding-top: 10px;
+}
+
+.list-timeline>li {
+ margin-bottom: 10px;
+}
+
+.list-timeline .list-timeline-time {
+ margin: 0 -20px;
+ padding: 10px 20px 10px 40px;
+ min-height: 40px;
+ text-align: right;
+ color: #999;
+ font-size: 13px;
+ font-style: italic;
+ background-color: #f9f9f9;
+ border-radius: 2px;
+}
+
+.list-timeline .list-timeline-icon {
+ position: absolute;
+ top: 5px;
+ left: 10px;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ color: #fff;
+ text-align: center;
+ border-radius: 50%;
+}
+
+.list-timeline .list-timeline-content {
+ padding: 10px 10px 1px;
+}
+
+.list-timeline .list-timeline-content>p:first-child {
+ margin-bottom: 0;
+}
+
+@media screen and (min-width: 768px) {
+ .list-timeline {
+ border-radius: 20px;
+ padding-top: 20px;
+ }
+
+ .list-timeline:before {
+ position: absolute;
+ top: 0;
+ left: 120px;
+ bottom: 0;
+ display: block;
+ width: 4px;
+ content: '';
+ background-color: #f9f9f9;
+ z-index: 1;
+ }
+
+ .list-timeline>li {
+ min-height: 40px;
+ z-index: 2;
+ }
+
+ .list-timeline>li:last-child {
+ margin-bottom: 0;
+ }
+
+ .list-timeline .list-timeline-time {
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding-right: 0;
+ padding-left: 0;
+ width: 90px;
+ background-color: transparent;
+ }
+
+ .list-timeline .list-timeline-icon {
+ top: 3px;
+ left: 105px;
+ width: 34px;
+ height: 34px;
+ line-height: 34px;
+ z-index: 2 !important;
+ }
+
+ .list-timeline .list-timeline-content {
+ padding-left: 160px;
+ }
+}
+
+.list-activity>li {
+ margin-bottom: 7px;
+ padding-bottom: 7px;
+ padding-left: 40px;
+ font-size: 13px;
+ border-bottom: 1px solid #f3f3f3;
+}
+
+.list-activity>li>i:first-child {
+ position: absolute;
+ left: 10px;
+ top: 0;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ font-size: 14px;
+ text-align: center;
+}
+
+.list-activity>li:last-child {
+ border-bottom: none;
+}
+
+.list-events>li {
+ margin-bottom: 5px;
+ padding: 8px 30px 8px 10px;
+ color: rgba(0, 0, 0, 0.5);
+ font-size: 13px;
+ font-weight: 700;
+ background-color: #b5d0eb;
+}
+
+.list-events>li:before {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: 10px;
+ display: inline-block;
+ font-family: 'FontAwesome';
+ color: rgba(255, 255, 255, 0.75);
+ content: '\f073';
+}
+
+.list-events>li:hover {
+ cursor: move;
+}
+
+.list-simple>li {
+ margin-bottom: 20px;
+}
+
+.list-simple-mini>li {
+ margin-bottom: 10px;
+}
+
+.list-li-clearfix>li:before,
+.list-li-clearfix>li:after {
+ content: ' ';
+ display: table;
+}
+
+.list-li-clearfix>li:after {
+ clear: both;
+}
+
+.img-avatar {
+ display: inline-block !important;
+ width: 64px;
+ height: 64px;
+ border-radius: 50%;
+}
+
+.img-avatar.img-avatar16 {
+ width: 16px;
+ height: 16px;
+}
+
+.img-avatar.img-avatar32 {
+ width: 32px;
+ height: 32px;
+}
+
+.img-avatar.img-avatar48 {
+ width: 48px;
+ height: 48px;
+}
+
+.img-avatar.img-avatar96 {
+ width: 96px;
+ height: 96px;
+}
+
+.img-avatar.img-avatar128 {
+ width: 128px;
+ height: 128px;
+}
+
+.img-avatar-thumb {
+ margin: 5px;
+ -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
+ box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
+}
+
+.img-rounded {
+ border-radius: 4px;
+}
+
+.img-thumb {
+ padding: 5px;
+ background-color: #fff;
+ border-radius: 2px;
+}
+
+.img-link {
+ display: inline-block;
+ cursor: -webkit-zoom-in;
+ cursor: zoom-in;
+ -webkit-transition: -webkit-transform 0.15s ease-out;
+ transition: transform 0.15s ease-out;
+}
+
+.img-link:hover {
+ -webkit-transform: rotate(1deg);
+ -ms-transform: rotate(1deg);
+ transform: rotate(1deg);
+}
+
+.img-overlay {
+ position: relative;
+}
+
+.img-overlay:after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 50%;
+ left: 0;
+ content: '';
+ background: -moz-linear-gradient(top,
+ #ffffff 0%,
+ rgba(255, 255, 255, 0) 100%);
+ background: -webkit-linear-gradient(top,
+ #ffffff 0%,
+ rgba(255, 255, 255, 0) 100%);
+ background: linear-gradient(to bottom,
+ #ffffff 0%,
+ rgba(255, 255, 255, 0) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
+}
+
+.img-overlay.img-overlay-bottom:after {
+ top: 50%;
+ bottom: 0;
+ background: -moz-linear-gradient(top,
+ rgba(255, 255, 255, 0) 0%,
+ #ffffff 100%);
+ background: -webkit-linear-gradient(top,
+ rgba(255, 255, 255, 0) 0%,
+ #ffffff 100%);
+ background: linear-gradient(to bottom,
+ rgba(255, 255, 255, 0) 0%,
+ #ffffff 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
+}
+
+.img-overlay.img-overlay-left:after {
+ right: 50%;
+ bottom: 0;
+ background: -moz-linear-gradient(left,
+ #ffffff 0%,
+ rgba(255, 255, 255, 0) 100%);
+ background: -webkit-linear-gradient(left,
+ #ffffff 0%,
+ rgba(255, 255, 255, 0) 100%);
+ background: linear-gradient(to right,
+ #ffffff 0%,
+ rgba(255, 255, 255, 0) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
+}
+
+.img-overlay.img-overlay-right:after {
+ left: 50%;
+ bottom: 0;
+ background: -moz-linear-gradient(left,
+ rgba(255, 255, 255, 0) 0%,
+ #ffffff 100%);
+ background: -webkit-linear-gradient(left,
+ rgba(255, 255, 255, 0) 0%,
+ #ffffff 100%);
+ background: linear-gradient(to right,
+ rgba(255, 255, 255, 0) 0%,
+ #ffffff 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
+}
+
+.img-overlay>img {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+
+.img-container {
+ position: relative;
+ overflow: hidden;
+ z-index: 0;
+ display: block;
+}
+
+.img-container .img-options {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: '';
+ background-color: rgba(0, 0, 0, 0.6);
+ opacity: 0;
+ visibility: none;
+ -webkit-transition: all 0.25s ease-out;
+ transition: all 0.25s ease-out;
+}
+
+.img-container .img-options-content {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: 0;
+ left: 0;
+ text-align: center;
+}
+
+.img-container>img {
+ -webkit-transition: -webkit-transform 0.35s ease-out;
+ transition: transform 0.35s ease-out;
+}
+
+.img-container:hover .img-options {
+ opacity: 1;
+ visibility: visible;
+}
+
+@media screen and (max-width: 767px) {
+ .img-container .img-options {
+ display: none;
+ }
+
+ .img-container:hover .img-options {
+ display: block;
+ }
+}
+
+.img-container.fx-img-zoom-in:hover>img {
+ -webkit-transform: scale(1.2);
+ -ms-transform: scale(1.2);
+ transform: scale(1.2);
+}
+
+.img-container.fx-img-rotate-r:hover>img {
+ -webkit-transform: scale(1.4) rotate(8deg);
+ -ms-transform: scale(1.4) rotate(8deg);
+ transform: scale(1.4) rotate(8deg);
+}
+
+.img-container.fx-img-rotate-l:hover>img {
+ -webkit-transform: scale(1.4) rotate(-8deg);
+ -ms-transform: scale(1.4) rotate(-8deg);
+ transform: scale(1.4) rotate(-8deg);
+}
+
+.img-container.fx-opt-slide-top .img-options {
+ -webkit-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ transform: translateY(100%);
+}
+
+.img-container.fx-opt-slide-top:hover .img-options {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+}
+
+.img-container.fx-opt-slide-right .img-options {
+ -webkit-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+
+.img-container.fx-opt-slide-right:hover .img-options {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+}
+
+.img-container.fx-opt-slide-down .img-options {
+ -webkit-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ transform: translateY(-100%);
+}
+
+.img-container.fx-opt-slide-down:hover .img-options {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+}
+
+.img-container.fx-opt-slide-left .img-options {
+ -webkit-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ transform: translateX(100%);
+}
+
+.img-container.fx-opt-slide-left:hover .img-options {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+}
+
+.img-container.fx-opt-zoom-in .img-options {
+ -webkit-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
+}
+
+.img-container.fx-opt-zoom-in:hover .img-options {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+
+.img-container.fx-opt-zoom-out .img-options {
+ -webkit-transform: scale(2);
+ -ms-transform: scale(2);
+ transform: scale(2);
+}
+
+.img-container.fx-opt-zoom-out:hover .img-options {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+
+.push-5 {
+ margin-bottom: 5px !important;
+}
+
+.push-5-t {
+ margin-top: 5px !important;
+}
+
+.push-5-r {
+ margin-right: 5px !important;
+}
+
+.push-5-l {
+ margin-left: 5px !important;
+}
+
+.push-10 {
+ margin-bottom: 10px !important;
+}
+
+.push-10-t {
+ margin-top: 10px !important;
+}
+
+.push-10-r {
+ margin-right: 10px !important;
+}
+
+.push-10-l {
+ margin-left: 10px !important;
+}
+
+.push-15 {
+ margin-bottom: 15px !important;
+}
+
+.push-15-t {
+ margin-top: 15px !important;
+}
+
+.push-15-r {
+ margin-right: 15px !important;
+}
+
+.push-15-l {
+ margin-left: 15px !important;
+}
+
+.push-20 {
+ margin-bottom: 20px !important;
+}
+
+.push-20-t {
+ margin-top: 20px !important;
+}
+
+.push-20-r {
+ margin-right: 20px !important;
+}
+
+.push-20-l {
+ margin-left: 20px !important;
+}
+
+.push-30 {
+ margin-bottom: 30px !important;
+}
+
+.push-30-t {
+ margin-top: 30px !important;
+}
+
+.push-30-r {
+ margin-right: 30px !important;
+}
+
+.push-30-l {
+ margin-left: 30px !important;
+}
+
+.push-50 {
+ margin-bottom: 50px !important;
+}
+
+.push-50-t {
+ margin-top: 50px !important;
+}
+
+.push-50-r {
+ margin-right: 50px !important;
+}
+
+.push-50-l {
+ margin-left: 50px !important;
+}
+
+.push-100 {
+ margin-bottom: 100px !important;
+}
+
+.push-100-t {
+ margin-top: 100px !important;
+}
+
+.push-100-r {
+ margin-right: 100px !important;
+}
+
+.push-100-l {
+ margin-left: 100px !important;
+}
+
+.push-150 {
+ margin-bottom: 150px !important;
+}
+
+.push-150-t {
+ margin-top: 150px !important;
+}
+
+.push-150-r {
+ margin-right: 150px !important;
+}
+
+.push-150-l {
+ margin-left: 150px !important;
+}
+
+.push-200 {
+ margin-bottom: 200px !important;
+}
+
+.push-200-t {
+ margin-top: 200px !important;
+}
+
+.push-200-r {
+ margin-right: 200px !important;
+}
+
+.push-200-l {
+ margin-left: 200px !important;
+}
+
+.push-300 {
+ margin-bottom: 300px !important;
+}
+
+.push-300-t {
+ margin-top: 300px !important;
+}
+
+.push-300-r {
+ margin-right: 300px !important;
+}
+
+.push-300-l {
+ margin-left: 300px !important;
+}
+
+.pulldown {
+ position: relative;
+ top: 50px;
+}
+
+@media screen and (min-width: 992px) {
+ .pulldown {
+ top: 150px;
+ }
+}
+
+.remove-margin {
+ margin: 0 !important;
+}
+
+.remove-margin-t {
+ margin-top: 0 !important;
+}
+
+.remove-margin-r {
+ margin-right: 0 !important;
+}
+
+.remove-margin-b {
+ margin-bottom: 0 !important;
+}
+
+.remove-margin-l {
+ margin-left: 0 !important;
+}
+
+.remove-padding {
+ padding: 0 !important;
+}
+
+.remove-padding-t {
+ padding-top: 0 !important;
+}
+
+.remove-padding-r {
+ padding-right: 0 !important;
+}
+
+.remove-padding-b {
+ padding-bottom: 0 !important;
+}
+
+.remove-padding-l {
+ padding-left: 0 !important;
+}
+
+.mheight-50 {
+ min-height: 50px;
+}
+
+.mheight-75 {
+ min-height: 75px;
+}
+
+.mheight-100 {
+ min-height: 100px;
+}
+
+.mheight-125 {
+ min-height: 125px;
+}
+
+.mheight-150 {
+ min-height: 150px;
+}
+
+.mheight-175 {
+ min-height: 175px;
+}
+
+.mheight-200 {
+ min-height: 200px;
+}
+
+.align-v {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.align-v.align-v-fwidth {
+ width: 100%;
+}
+
+.border {
+ border: 1px solid #e9e9e9;
+}
+
+.border-t {
+ border-top: 1px solid #e9e9e9;
+}
+
+.border-r {
+ border-right: 1px solid #e9e9e9;
+}
+
+.border-b {
+ border-bottom: 1px solid #e9e9e9;
+}
+
+.border-l {
+ border-left: 1px solid #e9e9e9;
+}
+
+.border-white-op {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.border-white-op-t {
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.border-white-op-r {
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.border-white-op-b {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.border-white-op-l {
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.border-black-op {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.border-black-op-t {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.border-black-op-r {
+ border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.border-black-op-b {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.border-black-op-l {
+ border-left: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.item {
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ text-align: center;
+ font-size: 28px;
+ font-weight: 300;
+ line-height: 60px;
+}
+
+a.item:hover,
+a.item:focus {
+ opacity: 0.6;
+}
+
+.item.item-circle {
+ border-radius: 50%;
+}
+
+.item.item-rounded {
+ border-radius: 4px;
+}
+
+.item.item-rounded-big {
+ border-radius: 24px;
+}
+
+.item.item-rounded-big.item-2x {
+ border-radius: 35px;
+}
+
+.item.item-rounded-big.item-3x {
+ border-radius: 50px;
+}
+
+.item.item-2x {
+ width: 100px;
+ height: 100px;
+ line-height: 100px;
+}
+
+.item.item-3x {
+ width: 150px;
+ height: 150px;
+ line-height: 150px;
+}
+
+.ribbon {
+ position: relative;
+ min-height: 56px;
+}
+
+.ribbon-box {
+ position: absolute;
+ top: 10px;
+ right: 0;
+ padding: 0 15px;
+ height: 36px;
+ line-height: 36px;
+ color: #fff;
+ z-index: 500;
+}
+
+.ribbon-box:before {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ content: '';
+}
+
+.ribbon-bookmark .ribbon-box {
+ padding-left: 0;
+}
+
+.ribbon-bookmark .ribbon-box:before {
+ top: 0;
+ right: 100%;
+ border: 18px solid;
+ border-left-width: 10px;
+}
+
+.ribbon-modern .ribbon-box {
+ top: 0;
+}
+
+.ribbon-modern .ribbon-box:before {
+ top: 0;
+ right: 100%;
+ border: 18px solid;
+}
+
+.ribbon-left .ribbon-box {
+ right: auto;
+ left: 0;
+}
+
+.ribbon-left.ribbon-bookmark .ribbon-box {
+ padding-left: 15px;
+ padding-right: 0;
+}
+
+.ribbon-left.ribbon-bookmark .ribbon-box:before {
+ right: auto;
+ left: 100%;
+ border-left-width: 18px;
+ border-right-width: 10px;
+}
+
+.ribbon-left.ribbon-modern .ribbon-box:before {
+ right: auto;
+ left: 100%;
+}
+
+.ribbon-bottom .ribbon-box {
+ top: auto;
+ bottom: 10px;
+}
+
+.ribbon-bottom.ribbon-modern .ribbon-box {
+ bottom: 0;
+}
+
+.ribbon-primary .ribbon-box {
+ background-color: #5c90d2;
+}
+
+.ribbon-primary.ribbon-bookmark .ribbon-box:before {
+ border-color: #5c90d2;
+ border-left-color: transparent;
+}
+
+.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box:before {
+ border-color: #5c90d2;
+ border-right-color: transparent;
+}
+
+.ribbon-primary.ribbon-modern .ribbon-box:before {
+ border-color: #5c90d2;
+ border-left-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box:before {
+ border-color: #5c90d2;
+ border-top-color: transparent;
+ border-left-color: transparent;
+}
+
+.ribbon-primary.ribbon-modern.ribbon-left .ribbon-box:before {
+ border-color: #5c90d2;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
+ border-color: #5c90d2;
+ border-top-color: transparent;
+ border-right-color: transparent;
+}
+
+.ribbon-success .ribbon-box {
+ background-color: #46c37b;
+}
+
+.ribbon-success.ribbon-bookmark .ribbon-box:before {
+ border-color: #46c37b;
+ border-left-color: transparent;
+}
+
+.ribbon-success.ribbon-bookmark.ribbon-left .ribbon-box:before {
+ border-color: #46c37b;
+ border-right-color: transparent;
+}
+
+.ribbon-success.ribbon-modern .ribbon-box:before {
+ border-color: #46c37b;
+ border-left-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-success.ribbon-modern.ribbon-bottom .ribbon-box:before {
+ border-color: #46c37b;
+ border-top-color: transparent;
+ border-left-color: transparent;
+}
+
+.ribbon-success.ribbon-modern.ribbon-left .ribbon-box:before {
+ border-color: #46c37b;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-success.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
+ border-color: #46c37b;
+ border-top-color: transparent;
+ border-right-color: transparent;
+}
+
+.ribbon-info .ribbon-box {
+ background-color: #70b9eb;
+}
+
+.ribbon-info.ribbon-bookmark .ribbon-box:before {
+ border-color: #70b9eb;
+ border-left-color: transparent;
+}
+
+.ribbon-info.ribbon-bookmark.ribbon-left .ribbon-box:before {
+ border-color: #70b9eb;
+ border-right-color: transparent;
+}
+
+.ribbon-info.ribbon-modern .ribbon-box:before {
+ border-color: #70b9eb;
+ border-left-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-info.ribbon-modern.ribbon-bottom .ribbon-box:before {
+ border-color: #70b9eb;
+ border-top-color: transparent;
+ border-left-color: transparent;
+}
+
+.ribbon-info.ribbon-modern.ribbon-left .ribbon-box:before {
+ border-color: #70b9eb;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-info.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
+ border-color: #70b9eb;
+ border-top-color: transparent;
+ border-right-color: transparent;
+}
+
+.ribbon-warning .ribbon-box {
+ background-color: #f3b760;
+}
+
+.ribbon-warning.ribbon-bookmark .ribbon-box:before {
+ border-color: #f3b760;
+ border-left-color: transparent;
+}
+
+.ribbon-warning.ribbon-bookmark.ribbon-left .ribbon-box:before {
+ border-color: #f3b760;
+ border-right-color: transparent;
+}
+
+.ribbon-warning.ribbon-modern .ribbon-box:before {
+ border-color: #f3b760;
+ border-left-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-warning.ribbon-modern.ribbon-bottom .ribbon-box:before {
+ border-color: #f3b760;
+ border-top-color: transparent;
+ border-left-color: transparent;
+}
+
+.ribbon-warning.ribbon-modern.ribbon-left .ribbon-box:before {
+ border-color: #f3b760;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-warning.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
+ border-color: #f3b760;
+ border-top-color: transparent;
+ border-right-color: transparent;
+}
+
+.ribbon-danger .ribbon-box {
+ background-color: #d26a5c;
+}
+
+.ribbon-danger.ribbon-bookmark .ribbon-box:before {
+ border-color: #d26a5c;
+ border-left-color: transparent;
+}
+
+.ribbon-danger.ribbon-bookmark.ribbon-left .ribbon-box:before {
+ border-color: #d26a5c;
+ border-right-color: transparent;
+}
+
+.ribbon-danger.ribbon-modern .ribbon-box:before {
+ border-color: #d26a5c;
+ border-left-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-danger.ribbon-modern.ribbon-bottom .ribbon-box:before {
+ border-color: #d26a5c;
+ border-top-color: transparent;
+ border-left-color: transparent;
+}
+
+.ribbon-danger.ribbon-modern.ribbon-left .ribbon-box:before {
+ border-color: #d26a5c;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-danger.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
+ border-color: #d26a5c;
+ border-top-color: transparent;
+ border-right-color: transparent;
+}
+
+.ribbon-crystal .ribbon-box {
+ background-color: rgba(255, 255, 255, 0.35);
+}
+
+.ribbon-crystal.ribbon-bookmark .ribbon-box:before {
+ border-color: rgba(255, 255, 255, 0.35);
+ border-left-color: transparent;
+}
+
+.ribbon-crystal.ribbon-bookmark.ribbon-left .ribbon-box:before {
+ border-color: rgba(255, 255, 255, 0.35);
+ border-right-color: transparent;
+}
+
+.ribbon-crystal.ribbon-modern .ribbon-box:before {
+ border-color: rgba(255, 255, 255, 0.35);
+ border-left-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-crystal.ribbon-modern.ribbon-bottom .ribbon-box:before {
+ border-color: rgba(255, 255, 255, 0.35);
+ border-top-color: transparent;
+ border-left-color: transparent;
+}
+
+.ribbon-crystal.ribbon-modern.ribbon-left .ribbon-box:before {
+ border-color: rgba(255, 255, 255, 0.35);
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.ribbon-crystal.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
+ border-color: rgba(255, 255, 255, 0.35);
+ border-top-color: transparent;
+ border-right-color: transparent;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+.overflow-y-auto {
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.visibility-hidden {
+ visibility: hidden;
+}
+
+.visible-ie9 {
+ display: none;
+}
+
+.ie9 .hidden-ie9 {
+ display: none !important;
+}
+
+.ie9 .visible-ie9 {
+ display: block;
+}
+
+.ie9 .visible-ie9-ib {
+ display: inline-block;
+}
+
+.text-default {
+ color: #5c90d2;
+}
+
+a.text-default:hover,
+a.text-default:active,
+a.text-default:focus,
+button.text-default:hover,
+button.text-default:active,
+button.text-default:focus {
+ color: #5c90d2;
+ opacity: 0.75;
+}
+
+.text-default-dark {
+ color: #3e4a59;
+}
+
+a.text-default-dark:hover,
+a.text-default-dark:active,
+a.text-default-dark:focus,
+button.text-default-dark:hover,
+button.text-default-dark:active,
+button.text-default-dark:focus {
+ color: #3e4a59;
+ opacity: 0.75;
+}
+
+.text-default-darker {
+ color: #2c343f;
+}
+
+a.text-default-darker:hover,
+a.text-default-darker:active,
+a.text-default-darker:focus,
+button.text-default-darker:hover,
+button.text-default-darker:active,
+button.text-default-darker:focus {
+ color: #2c343f;
+ opacity: 0.75;
+}
+
+.text-default-light {
+ color: #98b9e3;
+}
+
+a.text-default-light:hover,
+a.text-default-light:active,
+a.text-default-light:focus,
+button.text-default-light:hover,
+button.text-default-light:active,
+button.text-default-light:focus {
+ color: #98b9e3;
+ opacity: 0.75;
+}
+
+.text-default-lighter {
+ color: #ccdcf1;
+}
+
+a.text-default-lighter:hover,
+a.text-default-lighter:active,
+a.text-default-lighter:focus,
+button.text-default-lighter:hover,
+button.text-default-lighter:active,
+button.text-default-lighter:focus {
+ color: #ccdcf1;
+ opacity: 0.75;
+}
+
+.bg-default {
+ background-color: #5c90d2;
+}
+
+a.bg-default:hover,
+a.bg-default:focus {
+ background-color: #3675c5;
+}
+
+.bg-default-op {
+ background-color: rgba(92, 144, 210, 0.75);
+}
+
+a.bg-default-op:hover,
+a.bg-default-op:focus {
+ background-color: rgba(54, 117, 197, 0.75);
+}
+
+.bg-default-dark {
+ background-color: #3e4a59;
+}
+
+a.bg-default-dark:hover,
+a.bg-default-dark:focus {
+ background-color: #29313b;
+}
+
+.bg-default-dark-op {
+ background-color: rgba(62, 74, 89, 0.83);
+}
+
+a.bg-default-dark-op:hover,
+a.bg-default-dark-op:focus {
+ background-color: rgba(41, 49, 59, 0.83);
+}
+
+.bg-default-darker {
+ background-color: #2c343f;
+}
+
+a.bg-default-darker:hover,
+a.bg-default-darker:focus {
+ background-color: #171b21;
+}
+
+.bg-default-light {
+ background-color: #98b9e3;
+}
+
+a.bg-default-light:hover,
+a.bg-default-light:focus {
+ background-color: #709ed8;
+}
+
+.bg-default-lighter {
+ background-color: #ccdcf1;
+}
+
+a.bg-default-lighter:hover,
+a.bg-default-lighter:focus {
+ background-color: #a4c1e6;
+}
+
+.text-amethyst {
+ color: #a48ad4;
+}
+
+a.text-amethyst:hover,
+a.text-amethyst:active,
+a.text-amethyst:focus,
+button.text-amethyst:hover,
+button.text-amethyst:active,
+button.text-amethyst:focus {
+ color: #a48ad4;
+ opacity: 0.75;
+}
+
+.text-amethyst-dark {
+ color: #4f546b;
+}
+
+a.text-amethyst-dark:hover,
+a.text-amethyst-dark:active,
+a.text-amethyst-dark:focus,
+button.text-amethyst-dark:hover,
+button.text-amethyst-dark:active,
+button.text-amethyst-dark:focus {
+ color: #4f546b;
+ opacity: 0.75;
+}
+
+.text-amethyst-darker {
+ color: #353847;
+}
+
+a.text-amethyst-darker:hover,
+a.text-amethyst-darker:active,
+a.text-amethyst-darker:focus,
+button.text-amethyst-darker:hover,
+button.text-amethyst-darker:active,
+button.text-amethyst-darker:focus {
+ color: #353847;
+ opacity: 0.75;
+}
+
+.text-amethyst-light {
+ color: #c7b7e4;
+}
+
+a.text-amethyst-light:hover,
+a.text-amethyst-light:active,
+a.text-amethyst-light:focus,
+button.text-amethyst-light:hover,
+button.text-amethyst-light:active,
+button.text-amethyst-light:focus {
+ color: #c7b7e4;
+ opacity: 0.75;
+}
+
+.text-amethyst-lighter {
+ color: #e4dcf2;
+}
+
+a.text-amethyst-lighter:hover,
+a.text-amethyst-lighter:active,
+a.text-amethyst-lighter:focus,
+button.text-amethyst-lighter:hover,
+button.text-amethyst-lighter:active,
+button.text-amethyst-lighter:focus {
+ color: #e4dcf2;
+ opacity: 0.75;
+}
+
+.bg-amethyst {
+ background-color: #a48ad4;
+}
+
+a.bg-amethyst:hover,
+a.bg-amethyst:focus {
+ background-color: #8765c6;
+}
+
+.bg-amethyst-op {
+ background-color: rgba(164, 138, 212, 0.75);
+}
+
+a.bg-amethyst-op:hover,
+a.bg-amethyst-op:focus {
+ background-color: rgba(135, 101, 198, 0.75);
+}
+
+.bg-amethyst-dark {
+ background-color: #4f546b;
+}
+
+a.bg-amethyst-dark:hover,
+a.bg-amethyst-dark:focus {
+ background-color: #393d4e;
+}
+
+.bg-amethyst-dark-op {
+ background-color: rgba(79, 84, 107, 0.83);
+}
+
+a.bg-amethyst-dark-op:hover,
+a.bg-amethyst-dark-op:focus {
+ background-color: rgba(57, 61, 78, 0.83);
+}
+
+.bg-amethyst-darker {
+ background-color: #353847;
+}
+
+a.bg-amethyst-darker:hover,
+a.bg-amethyst-darker:focus {
+ background-color: #1f212a;
+}
+
+.bg-amethyst-light {
+ background-color: #c7b7e4;
+}
+
+a.bg-amethyst-light:hover,
+a.bg-amethyst-light:focus {
+ background-color: #aa91d7;
+}
+
+.bg-amethyst-lighter {
+ background-color: #e4dcf2;
+}
+
+a.bg-amethyst-lighter:hover,
+a.bg-amethyst-lighter:focus {
+ background-color: #c7b7e4;
+}
+
+.text-city {
+ color: #ff6b6b;
+}
+
+a.text-city:hover,
+a.text-city:active,
+a.text-city:focus,
+button.text-city:hover,
+button.text-city:active,
+button.text-city:focus {
+ color: #ff6b6b;
+ opacity: 0.75;
+}
+
+.text-city-dark {
+ color: #555;
+}
+
+a.text-city-dark:hover,
+a.text-city-dark:active,
+a.text-city-dark:focus,
+button.text-city-dark:hover,
+button.text-city-dark:active,
+button.text-city-dark:focus {
+ color: #555;
+ opacity: 0.75;
+}
+
+.text-city-darker {
+ color: #333;
+}
+
+a.text-city-darker:hover,
+a.text-city-darker:active,
+a.text-city-darker:focus,
+button.text-city-darker:hover,
+button.text-city-darker:active,
+button.text-city-darker:focus {
+ color: #333;
+ opacity: 0.75;
+}
+
+.text-city-light {
+ color: #ff8f8f;
+}
+
+a.text-city-light:hover,
+a.text-city-light:active,
+a.text-city-light:focus,
+button.text-city-light:hover,
+button.text-city-light:active,
+button.text-city-light:focus {
+ color: #ff8f8f;
+ opacity: 0.75;
+}
+
+.text-city-lighter {
+ color: #ffb8b8;
+}
+
+a.text-city-lighter:hover,
+a.text-city-lighter:active,
+a.text-city-lighter:focus,
+button.text-city-lighter:hover,
+button.text-city-lighter:active,
+button.text-city-lighter:focus {
+ color: #ffb8b8;
+ opacity: 0.75;
+}
+
+.bg-city {
+ background-color: #ff6b6b;
+}
+
+a.bg-city:hover,
+a.bg-city:focus {
+ background-color: #ff3838;
+}
+
+.bg-city-op {
+ background-color: rgba(255, 107, 107, 0.75);
+}
+
+a.bg-city-op:hover,
+a.bg-city-op:focus {
+ background-color: rgba(255, 56, 56, 0.75);
+}
+
+.bg-city-dark {
+ background-color: #555;
+}
+
+a.bg-city-dark:hover,
+a.bg-city-dark:focus {
+ background-color: #3b3b3b;
+}
+
+.bg-city-dark-op {
+ background-color: rgba(85, 85, 85, 0.83);
+}
+
+a.bg-city-dark-op:hover,
+a.bg-city-dark-op:focus {
+ background-color: rgba(59, 59, 59, 0.83);
+}
+
+.bg-city-darker {
+ background-color: #333;
+}
+
+a.bg-city-darker:hover,
+a.bg-city-darker:focus {
+ background-color: #1a1a1a;
+}
+
+.bg-city-light {
+ background-color: #ff8f8f;
+}
+
+a.bg-city-light:hover,
+a.bg-city-light:focus {
+ background-color: #ff5c5c;
+}
+
+.bg-city-lighter {
+ background-color: #ffb8b8;
+}
+
+a.bg-city-lighter:hover,
+a.bg-city-lighter:focus {
+ background-color: #ff8585;
+}
+
+.text-flat {
+ color: #44b4a6;
+}
+
+a.text-flat:hover,
+a.text-flat:active,
+a.text-flat:focus,
+button.text-flat:hover,
+button.text-flat:active,
+button.text-flat:focus {
+ color: #44b4a6;
+ opacity: 0.75;
+}
+
+.text-flat-dark {
+ color: #3f5259;
+}
+
+a.text-flat-dark:hover,
+a.text-flat-dark:active,
+a.text-flat-dark:focus,
+button.text-flat-dark:hover,
+button.text-flat-dark:active,
+button.text-flat-dark:focus {
+ color: #3f5259;
+ opacity: 0.75;
+}
+
+.text-flat-darker {
+ color: #242f33;
+}
+
+a.text-flat-darker:hover,
+a.text-flat-darker:active,
+a.text-flat-darker:focus,
+button.text-flat-darker:hover,
+button.text-flat-darker:active,
+button.text-flat-darker:focus {
+ color: #242f33;
+ opacity: 0.75;
+}
+
+.text-flat-light {
+ color: #83d0c7;
+}
+
+a.text-flat-light:hover,
+a.text-flat-light:active,
+a.text-flat-light:focus,
+button.text-flat-light:hover,
+button.text-flat-light:active,
+button.text-flat-light:focus {
+ color: #83d0c7;
+ opacity: 0.75;
+}
+
+.text-flat-lighter {
+ color: #a8ded8;
+}
+
+a.text-flat-lighter:hover,
+a.text-flat-lighter:active,
+a.text-flat-lighter:focus,
+button.text-flat-lighter:hover,
+button.text-flat-lighter:active,
+button.text-flat-lighter:focus {
+ color: #a8ded8;
+ opacity: 0.75;
+}
+
+.bg-flat {
+ background-color: #44b4a6;
+}
+
+a.bg-flat:hover,
+a.bg-flat:focus {
+ background-color: #368f84;
+}
+
+.bg-flat-op {
+ background-color: rgba(68, 180, 166, 0.75);
+}
+
+a.bg-flat-op:hover,
+a.bg-flat-op:focus {
+ background-color: rgba(54, 143, 132, 0.75);
+}
+
+.bg-flat-dark {
+ background-color: #3f5259;
+}
+
+a.bg-flat-dark:hover,
+a.bg-flat-dark:focus {
+ background-color: #2a363b;
+}
+
+.bg-flat-dark-op {
+ background-color: rgba(63, 82, 89, 0.83);
+}
+
+a.bg-flat-dark-op:hover,
+a.bg-flat-dark-op:focus {
+ background-color: rgba(42, 54, 59, 0.83);
+}
+
+.bg-flat-darker {
+ background-color: #242f33;
+}
+
+a.bg-flat-darker:hover,
+a.bg-flat-darker:focus {
+ background-color: #0f1315;
+}
+
+.bg-flat-light {
+ background-color: #83d0c7;
+}
+
+a.bg-flat-light:hover,
+a.bg-flat-light:focus {
+ background-color: #5ec2b6;
+}
+
+.bg-flat-lighter {
+ background-color: #a8ded8;
+}
+
+a.bg-flat-lighter:hover,
+a.bg-flat-lighter:focus {
+ background-color: #83d0c7;
+}
+
+.text-modern {
+ color: #14adc4;
+}
+
+a.text-modern:hover,
+a.text-modern:active,
+a.text-modern:focus,
+button.text-modern:hover,
+button.text-modern:active,
+button.text-modern:focus {
+ color: #14adc4;
+ opacity: 0.75;
+}
+
+.text-modern-dark {
+ color: #3e4d52;
+}
+
+a.text-modern-dark:hover,
+a.text-modern-dark:active,
+a.text-modern-dark:focus,
+button.text-modern-dark:hover,
+button.text-modern-dark:active,
+button.text-modern-dark:focus {
+ color: #3e4d52;
+ opacity: 0.75;
+}
+
+.text-modern-darker {
+ color: #323e42;
+}
+
+a.text-modern-darker:hover,
+a.text-modern-darker:active,
+a.text-modern-darker:focus,
+button.text-modern-darker:hover,
+button.text-modern-darker:active,
+button.text-modern-darker:focus {
+ color: #323e42;
+ opacity: 0.75;
+}
+
+.text-modern-light {
+ color: #7fe3f2;
+}
+
+a.text-modern-light:hover,
+a.text-modern-light:active,
+a.text-modern-light:focus,
+button.text-modern-light:hover,
+button.text-modern-light:active,
+button.text-modern-light:focus {
+ color: #7fe3f2;
+ opacity: 0.75;
+}
+
+.text-modern-lighter {
+ color: #c4f2f9;
+}
+
+a.text-modern-lighter:hover,
+a.text-modern-lighter:active,
+a.text-modern-lighter:focus,
+button.text-modern-lighter:hover,
+button.text-modern-lighter:active,
+button.text-modern-lighter:focus {
+ color: #c4f2f9;
+ opacity: 0.75;
+}
+
+.bg-modern {
+ background-color: #14adc4;
+}
+
+a.bg-modern:hover,
+a.bg-modern:focus {
+ background-color: #0f8496;
+}
+
+.bg-modern-op {
+ background-color: rgba(20, 173, 196, 0.75);
+}
+
+a.bg-modern-op:hover,
+a.bg-modern-op:focus {
+ background-color: rgba(15, 132, 150, 0.75);
+}
+
+.bg-modern-dark {
+ background-color: #3e4d52;
+}
+
+a.bg-modern-dark:hover,
+a.bg-modern-dark:focus {
+ background-color: #283235;
+}
+
+.bg-modern-dark-op {
+ background-color: rgba(62, 77, 82, 0.83);
+}
+
+a.bg-modern-dark-op:hover,
+a.bg-modern-dark-op:focus {
+ background-color: rgba(40, 50, 53, 0.83);
+}
+
+.bg-modern-darker {
+ background-color: #323e42;
+}
+
+a.bg-modern-darker:hover,
+a.bg-modern-darker:focus {
+ background-color: #1c2325;
+}
+
+.bg-modern-light {
+ background-color: #7fe3f2;
+}
+
+a.bg-modern-light:hover,
+a.bg-modern-light:focus {
+ background-color: #51d9ed;
+}
+
+.bg-modern-lighter {
+ background-color: #c4f2f9;
+}
+
+a.bg-modern-lighter:hover,
+a.bg-modern-lighter:focus {
+ background-color: #96e8f4;
+}
+
+.text-smooth {
+ color: #ff6c9d;
+}
+
+a.text-smooth:hover,
+a.text-smooth:active,
+a.text-smooth:focus,
+button.text-smooth:hover,
+button.text-smooth:active,
+button.text-smooth:focus {
+ color: #ff6c9d;
+ opacity: 0.75;
+}
+
+.text-smooth-dark {
+ color: #4a5568;
+}
+
+a.text-smooth-dark:hover,
+a.text-smooth-dark:active,
+a.text-smooth-dark:focus,
+button.text-smooth-dark:hover,
+button.text-smooth-dark:active,
+button.text-smooth-dark:focus {
+ color: #4a5568;
+ opacity: 0.75;
+}
+
+.text-smooth-darker {
+ color: #333a47;
+}
+
+a.text-smooth-darker:hover,
+a.text-smooth-darker:active,
+a.text-smooth-darker:focus,
+button.text-smooth-darker:hover,
+button.text-smooth-darker:active,
+button.text-smooth-darker:focus {
+ color: #333a47;
+ opacity: 0.75;
+}
+
+.text-smooth-light {
+ color: #ff90b5;
+}
+
+a.text-smooth-light:hover,
+a.text-smooth-light:active,
+a.text-smooth-light:focus,
+button.text-smooth-light:hover,
+button.text-smooth-light:active,
+button.text-smooth-light:focus {
+ color: #ff90b5;
+ opacity: 0.75;
+}
+
+.text-smooth-lighter {
+ color: #ffb9d0;
+}
+
+a.text-smooth-lighter:hover,
+a.text-smooth-lighter:active,
+a.text-smooth-lighter:focus,
+button.text-smooth-lighter:hover,
+button.text-smooth-lighter:active,
+button.text-smooth-lighter:focus {
+ color: #ffb9d0;
+ opacity: 0.75;
+}
+
+.bg-smooth {
+ background-color: #ff6c9d;
+}
+
+a.bg-smooth:hover,
+a.bg-smooth:focus {
+ background-color: #ff397b;
+}
+
+.bg-smooth-op {
+ background-color: rgba(255, 108, 157, 0.75);
+}
+
+a.bg-smooth-op:hover,
+a.bg-smooth-op:focus {
+ background-color: rgba(255, 57, 123, 0.75);
+}
+
+.bg-smooth-dark {
+ background-color: #4a5568;
+}
+
+a.bg-smooth-dark:hover,
+a.bg-smooth-dark:focus {
+ background-color: #353d4a;
+}
+
+.bg-smooth-dark-op {
+ background-color: rgba(74, 85, 104, 0.83);
+}
+
+a.bg-smooth-dark-op:hover,
+a.bg-smooth-dark-op:focus {
+ background-color: rgba(53, 61, 74, 0.83);
+}
+
+.bg-smooth-darker {
+ background-color: #333a47;
+}
+
+a.bg-smooth-darker:hover,
+a.bg-smooth-darker:focus {
+ background-color: #1e2229;
+}
+
+.bg-smooth-light {
+ background-color: #ff90b5;
+}
+
+a.bg-smooth-light:hover,
+a.bg-smooth-light:focus {
+ background-color: #ff5d93;
+}
+
+.bg-smooth-lighter {
+ background-color: #ffb9d0;
+}
+
+a.bg-smooth-lighter:hover,
+a.bg-smooth-lighter:focus {
+ background-color: #ff86ae;
+}
+
+@media print {
+
+ #page-container,
+ #main-container {
+ padding: 0 !important;
+ }
+
+ #header-navbar,
+ #sidebar,
+ #side-overlay,
+ .block-options {
+ display: none !important;
+ }
+}
+
+.animated {
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+.animated.infinite {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+}
+
+.animated.bounceIn,
+.animated.bounceOut {
+ -webkit-animation-duration: 0.75s;
+ animation-duration: 0.75s;
+}
+
+.animated.flipOutX,
+.animated.flipOutY {
+ -webkit-animation-duration: 0.75s;
+ animation-duration: 0.75s;
+}
+
+@-webkit-keyframes bounce {
+
+ 0%,
+ 20%,
+ 53%,
+ 80%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 40%,
+ 43% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -30px, 0);
+ transform: translate3d(0, -30px, 0);
+ }
+
+ 70% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -15px, 0);
+ transform: translate3d(0, -15px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -4px, 0);
+ transform: translate3d(0, -4px, 0);
+ }
+}
+
+@keyframes bounce {
+
+ 0%,
+ 20%,
+ 53%,
+ 80%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 40%,
+ 43% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -30px, 0);
+ transform: translate3d(0, -30px, 0);
+ }
+
+ 70% {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -15px, 0);
+ transform: translate3d(0, -15px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -4px, 0);
+ transform: translate3d(0, -4px, 0);
+ }
+}
+
+.bounce {
+ -webkit-animation-name: bounce;
+ animation-name: bounce;
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+}
+
+@-webkit-keyframes flash {
+
+ 0%,
+ 50%,
+ 100% {
+ opacity: 1;
+ }
+
+ 25%,
+ 75% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+
+ 0%,
+ 50%,
+ 100% {
+ opacity: 1;
+ }
+
+ 25%,
+ 75% {
+ opacity: 0;
+ }
+}
+
+.flash {
+ -webkit-animation-name: flash;
+ animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes pulse {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.pulse {
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
+
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes rubberBand {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
+
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.rubberBand {
+ -webkit-animation-name: rubberBand;
+ animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+
+ 0%,
+ 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 20%,
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+}
+
+@keyframes shake {
+
+ 0%,
+ 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 20%,
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+}
+
+.shake {
+ -webkit-animation-name: shake;
+ animation-name: shake;
+}
+
+@-webkit-keyframes swing {
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
+}
+
+@keyframes swing {
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
+}
+
+.swing {
+ -webkit-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-animation-name: swing;
+ animation-name: swing;
+}
+
+@-webkit-keyframes tada {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 10%,
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes tada {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 10%,
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.tada {
+ -webkit-animation-name: tada;
+ animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes wobble {
+ 0% {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes wobble {
+ 0% {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.wobble {
+ -webkit-animation-name: wobble;
+ animation-name: wobble;
+}
+
+@-webkit-keyframes bounceIn {
+
+ 0%,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80% {
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
+ transform: scale3d(0.97, 0.97, 0.97);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes bounceIn {
+
+ 0%,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80% {
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
+ transform: scale3d(0.97, 0.97, 0.97);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.bounceIn {
+ -webkit-animation-name: bounceIn;
+ animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInDown {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0);
+ transform: translate3d(0, -3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0);
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInDown {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0);
+ transform: translate3d(0, -3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0);
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInDown {
+ -webkit-animation-name: bounceInDown;
+ animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0);
+ transform: translate3d(-3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0);
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInLeft {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0);
+ transform: translate3d(-3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0);
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInLeft {
+ -webkit-animation-name: bounceInLeft;
+ animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0);
+ transform: translate3d(3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0);
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInRight {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0);
+ transform: translate3d(3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0);
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInRight {
+ -webkit-animation-name: bounceInRight;
+ animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0);
+ transform: translate3d(0, 3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInUp {
+
+ 0%,
+ 60%,
+ 75%,
+ 90%,
+ 100% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0);
+ transform: translate3d(0, 3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.bounceInUp {
+ -webkit-animation-name: bounceInUp;
+ animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceOut {
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%,
+ 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+}
+
+@keyframes bounceOut {
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%,
+ 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+}
+
+.bounceOut {
+ -webkit-animation-name: bounceOut;
+ animation-name: bounceOut;
+}
+
+@-webkit-keyframes bounceOutDown {
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes bounceOutDown {
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+.bounceOutDown {
+ -webkit-animation-name: bounceOutDown;
+ animation-name: bounceOutDown;
+}
+
+@-webkit-keyframes bounceOutLeft {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0);
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes bounceOutLeft {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0);
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+.bounceOutLeft {
+ -webkit-animation-name: bounceOutLeft;
+ animation-name: bounceOutLeft;
+}
+
+@-webkit-keyframes bounceOutRight {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0);
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes bounceOutRight {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0);
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+.bounceOutRight {
+ -webkit-animation-name: bounceOutRight;
+ animation-name: bounceOutRight;
+}
+
+@-webkit-keyframes bounceOutUp {
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0);
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes bounceOutUp {
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0);
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+.bounceOutUp {
+ -webkit-animation-name: bounceOutUp;
+ animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInDown {
+ -webkit-animation-name: fadeInDown;
+ animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInDownBig {
+ -webkit-animation-name: fadeInDownBig;
+ animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInLeft {
+ -webkit-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInLeftBig {
+ -webkit-animation-name: fadeInLeftBig;
+ animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInRight {
+ -webkit-animation-name: fadeInRight;
+ animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInRightBig {
+ -webkit-animation-name: fadeInRightBig;
+ animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInUpBig {
+ -webkit-animation-name: fadeInUpBig;
+ animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+.fadeOut {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+@keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+.fadeOutDown {
+ -webkit-animation-name: fadeOutDown;
+ animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes fadeOutDownBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+.fadeOutDownBig {
+ -webkit-animation-name: fadeOutDownBig;
+ animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+@keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+.fadeOutLeft {
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes fadeOutLeftBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+.fadeOutLeftBig {
+ -webkit-animation-name: fadeOutLeftBig;
+ animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+@keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+.fadeOutRight {
+ -webkit-animation-name: fadeOutRight;
+ animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes fadeOutRightBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+.fadeOutRightBig {
+ -webkit-animation-name: fadeOutRightBig;
+ animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+@keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+.fadeOutUp {
+ -webkit-animation-name: fadeOutUp;
+ animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes fadeOutUpBig {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+.fadeOutUpBig {
+ -webkit-animation-name: fadeOutUpBig;
+ animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
+ transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+@keyframes flip {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
+ transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+.animated.flip {
+ -webkit-backface-visibility: visible;
+ backface-visibility: visible;
+ -webkit-animation-name: flip;
+ animation-name: flip;
+}
+
+@-webkit-keyframes flipInX {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+@keyframes flipInX {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+.flipInX {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInX;
+ animation-name: flipInX;
+}
+
+@-webkit-keyframes flipInY {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+@keyframes flipInY {
+ 0% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+.flipInY {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInY;
+ animation-name: flipInY;
+}
+
+@-webkit-keyframes flipOutX {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutX {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutX {
+ -webkit-animation-name: flipOutX;
+ animation-name: flipOutX;
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutY {
+ 0% {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutY {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipOutY;
+ animation-name: flipOutY;
+}
+
+@-webkit-keyframes lightSpeedIn {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes lightSpeedIn {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.lightSpeedIn {
+ -webkit-animation-name: lightSpeedIn;
+ animation-name: lightSpeedIn;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
+}
+
+@keyframes lightSpeedOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
+}
+
+.lightSpeedOut {
+ -webkit-animation-name: lightSpeedOut;
+ animation-name: lightSpeedOut;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+}
+
+@-webkit-keyframes rotateIn {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateIn {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateIn {
+ -webkit-animation-name: rotateIn;
+ animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInDownLeft {
+ -webkit-animation-name: rotateInDownLeft;
+ animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInDownRight {
+ -webkit-animation-name: rotateInDownRight;
+ animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInUpLeft {
+ -webkit-animation-name: rotateInUpLeft;
+ animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInUpRight {
+ -webkit-animation-name: rotateInUpRight;
+ animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOut {
+ 0% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
+}
+
+.rotateOut {
+ -webkit-animation-name: rotateOut;
+ animation-name: rotateOut;
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownLeft {
+ -webkit-animation-name: rotateOutDownLeft;
+ animation-name: rotateOutDownLeft;
+}
+
+@-webkit-keyframes rotateOutDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownRight {
+ -webkit-animation-name: rotateOutDownRight;
+ animation-name: rotateOutDownRight;
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpLeft {
+ -webkit-animation-name: rotateOutUpLeft;
+ animation-name: rotateOutUpLeft;
+}
+
+@-webkit-keyframes rotateOutUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpRight {
+ -webkit-animation-name: rotateOutUpRight;
+ animation-name: rotateOutUpRight;
+}
+
+@-webkit-keyframes hinge {
+ 0% {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%,
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40%,
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
+}
+
+@keyframes hinge {
+ 0% {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%,
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40%,
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
+}
+
+.hinge {
+ -webkit-animation-name: hinge;
+ animation-name: hinge;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes rollIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes rollIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.rollIn {
+ -webkit-animation-name: rollIn;
+ animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes rollOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+
+@keyframes rollOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+
+.rollOut {
+ -webkit-animation-name: rollOut;
+ animation-name: rollOut;
+}
+
+@-webkit-keyframes zoomIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+
+ 50% {
+ opacity: 1;
+ }
+}
+
+@keyframes zoomIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+
+ 50% {
+ opacity: 1;
+ }
+}
+
+.zoomIn {
+ -webkit-animation-name: zoomIn;
+ animation-name: zoomIn;
+}
+
+@-webkit-keyframes zoomInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+@keyframes zoomInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+.zoomInDown {
+ -webkit-animation-name: zoomInDown;
+ animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+@keyframes zoomInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+.zoomInLeft {
+ -webkit-animation-name: zoomInLeft;
+ animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+@keyframes zoomInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+.zoomInRight {
+ -webkit-animation-name: zoomInRight;
+ animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+@keyframes zoomInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+.zoomInUp {
+ -webkit-animation-name: zoomInUp;
+ animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+.zoomOut {
+ -webkit-animation-name: zoomOut;
+ animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomOutDown {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+@keyframes zoomOutDown {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+.zoomOutDown {
+ -webkit-animation-name: zoomOutDown;
+ animation-name: zoomOutDown;
+}
+
+@-webkit-keyframes zoomOutLeft {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+ transform: scale(0.1) translate3d(-2000px, 0, 0);
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
+ }
+}
+
+@keyframes zoomOutLeft {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+ transform: scale(0.1) translate3d(-2000px, 0, 0);
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
+ }
+}
+
+.zoomOutLeft {
+ -webkit-animation-name: zoomOutLeft;
+ animation-name: zoomOutLeft;
+}
+
+@-webkit-keyframes zoomOutRight {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+ transform: scale(0.1) translate3d(2000px, 0, 0);
+ -webkit-transform-origin: right center;
+ transform-origin: right center;
+ }
+}
+
+@keyframes zoomOutRight {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+ transform: scale(0.1) translate3d(2000px, 0, 0);
+ -webkit-transform-origin: right center;
+ transform-origin: right center;
+ }
+}
+
+.zoomOutRight {
+ -webkit-animation-name: zoomOutRight;
+ animation-name: zoomOutRight;
+}
+
+@-webkit-keyframes zoomOutUp {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+@keyframes zoomOutUp {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
+}
+
+.zoomOutUp {
+ -webkit-animation-name: zoomOutUp;
+ animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.slideInDown {
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.slideInLeft {
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+ 0% {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes slideInRight {
+ 0% {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.slideInRight {
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes slideInUp {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ visibility: visible;
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.slideInUp {
+ -webkit-animation-name: slideInUp;
+ animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+
+@keyframes slideOutDown {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+
+.slideOutDown {
+ -webkit-animation-name: slideOutDown;
+ animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+
+@keyframes slideOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+
+.slideOutLeft {
+ -webkit-animation-name: slideOutLeft;
+ animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+
+@keyframes slideOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+
+.slideOutRight {
+ -webkit-animation-name: slideOutRight;
+ animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+
+@keyframes slideOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ visibility: hidden;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+
+.slideOutUp {
+ -webkit-animation-name: slideOutUp;
+ animation-name: slideOutUp;
+}
+
+.autocomplete-suggestion b {
+ color: #5c90d2;
+}
+
+.irs-line {
+ height: 5px;
+ background: #eee;
+ border: none;
+ border-radius: 3px;
+}
+
+.irs-bar {
+ height: 5px;
+ border: none;
+ background: #5c90d2;
+}
+
+.irs-bar-edge {
+ height: 5px;
+ border: none;
+ background: #5c90d2;
+ border-radius: 3px 0 0 3px;
+}
+
+.irs-slider {
+ top: 25px;
+ width: 20px;
+ height: 20px;
+ border: none;
+ background: #fff;
+ border-radius: 50%;
+ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
+}
+
+.irs-slider:hover {
+ background: #fff;
+ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
+}
+
+.irs-from,
+.irs-to,
+.irs-single {
+ color: #fff;
+ font-size: 13px;
+ background: #5c90d2;
+}
+
+.irs-grid-pol {
+ background: #5c90d2;
+}
+
+.jvectormap-tip {
+ padding: 6px 8px;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ background: #2c343f;
+ border: none;
+ border-radius: 0;
+}
+
+.jvectormap-zoomin,
+.jvectormap-zoomout,
+.jvectormap-goback {
+ left: 15px;
+ padding: 4px;
+ line-height: 15px;
+ background: #555;
+}
+
+.jvectormap-zoomin,
+.jvectormap-zoomout {
+ width: 15px;
+ height: 15px;
+}
+
+.jvectormap-zoomin:hover,
+.jvectormap-zoomout:hover {
+ opacity: 0.75;
+}
+
+.jvectormap-zoomout {
+ top: 40px;
+}
+
+.draggable-column {
+ min-height: 100px;
+}
+
+.draggable-handler {
+ cursor: move;
+}
+
+.draggable-placeholder {
+ background-color: #f1f1f1;
+ border: 1px dashed #ccc;
+}
+
+pre.pre-sh {
+ padding: 0;
+ margin: 0;
+ border: none;
+ background-color: transparent;
+ border-radius: 0;
+}
+
+.dropzone {
+ min-height: 200px;
+ background-color: #f9f9f9;
+ border: 2px dashed #bbb;
+ border-radius: 3px;
+}
+
+.dropzone .dz-message {
+ margin: 65px 0;
+ font-size: 16px;
+ font-style: italic;
+ color: #888;
+}
+
+.dropzone:hover {
+ background-color: #fcfcfc;
+ border-color: #5c90d2;
+}
+
+.dropzone:hover .dz-message {
+ color: #5c90d2;
+}
+
+.datepicker {
+ z-index: 1051 !important;
+}
+
+.input-daterange .input-group-addon {
+ min-width: 30px;
+ color: #646464;
+ background-color: #f9f9f9;
+ border-color: #e6e6e6;
+}
+
+.datepicker table tr td.today,
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:hover {
+ background-color: #faeab9;
+ border-color: #faeab9;
+}
+
+.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,
+.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 {
+ background-color: #5c90d2;
+ border-color: #5c90d2;
+}
+
+.colorpicker.dropdown-menu {
+ min-width: 130px;
+}
+
+div.tagsinput {
+ padding: 6px 12px 1px;
+ border-color: #e6e6e6;
+ border-radius: 3px;
+}
+
+div.tagsinput input {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 22px;
+}
+
+.form-material div.tagsinput {
+ padding-right: 0;
+ padding-left: 0;
+ border: none;
+ border-bottom: 1px solid #e6e6e6;
+}
+
+div.tagsinput span.tag {
+ padding: 2px 5px;
+ height: 22px;
+ line-height: 18px;
+ color: #fff;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-weight: 600;
+ background-color: #5c90d2;
+ border: none;
+}
+
+div.tagsinput span.tag a {
+ font-size: 13px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+div.tagsinput span.tag a:hover {
+ color: rgba(255, 255, 255, 0.75);
+}
+
+.select2-container .select2-selection--single {
+ height: 34px;
+}
+
+.select2-container .select2-dropdown {
+ border-color: #e6e6e6;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.select2-container .select2-search--inline .select2-search__field {
+ margin-top: 6px;
+}
+
+.select2-container--default .select2-selection--single {
+ border-color: #e6e6e6;
+ border-radius: 3px;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+ padding-left: 12px;
+ line-height: 34px;
+}
+
+.form-material .select2-container--default .select2-selection--single .select2-selection__rendered {
+ padding-left: 0;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+ height: 34px;
+}
+
+.form-material .select2-container--default .select2-selection--single {
+ border: none;
+ border-bottom: 1px solid #e6e6e6;
+ border-radius: 0;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__placeholder {
+ color: #aaa;
+}
+
+.select2-container--default .select2-selection--multiple,
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+ border-color: #e6e6e6;
+ border-radius: 3px;
+ min-height: 34px;
+}
+
+.form-material .select2-container--default .select2-selection--multiple,
+.form-material .select2-container--default.select2-container--focus .select2-selection--multiple {
+ border: none;
+ border-bottom: 1px solid #e6e6e6;
+ border-radius: 0;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered,
+.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered {
+ padding-right: 12px;
+ padding-left: 12px;
+}
+
+.form-material .select2-container--default .select2-selection--multiple .select2-selection__rendered,
+.form-material .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered {
+ padding-left: 0;
+}
+
+.has-error .select2-container--default .select2-selection--single,
+.has-error .select2-container--default .select2-selection--multiple {
+ border-color: #d26a5c;
+}
+
+.has-error .select2-container--default.select2-container--focus .select2-selection--single,
+.has-error .select2-container--default.select2-container--focus .select2-selection--multiple {
+ border-color: #c54736;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+ height: 22px;
+ line-height: 22px;
+ color: #fff;
+ font-size: 13px;
+ font-weight: 600;
+ background-color: #5c90d2;
+ border: none;
+ border-radius: 3px;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+ margin-right: 5px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+ color: rgba(255, 255, 255, 0.75);
+}
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+ border-color: #e6e6e6;
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+ background-color: #5c90d2;
+}
+
+.select2-container--default .select2-search--inline .select2-search__field {
+ padding-right: 0;
+ padding-left: 0;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.form-material .select2-container--default .select2-search--inline .select2-search__field {
+ padding-left: 0;
+}
+
+.select2-search--dropdown .select2-search__field {
+ padding: 6px 12px;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ border-radius: 3px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.slick-slider.slick-dotted {
+ margin-bottom: 45px;
+}
+
+.slick-slider.slick-dotted .slick-dots {
+ bottom: -35px;
+}
+
+.slick-slider.slick-dotted.slick-padding-dots {
+ padding-bottom: 45px;
+ margin-bottom: 0;
+}
+
+.slick-slider.slick-dotted.slick-padding-dots .slick-dots {
+ bottom: 10px;
+}
+
+.slick-slider .slick-prev,
+.slick-slider .slick-next {
+ margin-top: -5px;
+ width: 40px;
+ height: 40px;
+ text-align: center;
+ background-color: #000;
+ opacity: 0.25;
+ z-index: 10;
+}
+
+.slick-slider .slick-prev:hover,
+.slick-slider .slick-next:hover {
+ background-color: #000;
+ opacity: 0.6;
+}
+
+.slick-slider .slick-prev:before,
+.slick-slider .slick-next:before {
+ font-family: 'FontAwesome';
+ font-size: 14px;
+ line-height: 28px;
+}
+
+.slick-slider .slick-prev {
+ left: 10px;
+}
+
+.slick-slider .slick-prev:before {
+ content: '\f060';
+}
+
+.slick-slider .slick-next {
+ right: 10px;
+}
+
+.slick-slider .slick-next:before {
+ content: '\f061';
+}
+
+.slick-slider.slick-nav-white .slick-prev,
+.slick-slider.slick-nav-white .slick-next {
+ background-color: #fff;
+ opacity: 0.4;
+}
+
+.slick-slider.slick-nav-white .slick-prev:hover,
+.slick-slider.slick-nav-white .slick-next:hover {
+ background-color: #fff;
+ opacity: 0.8;
+}
+
+.slick-slider.slick-nav-white .slick-prev:before,
+.slick-slider.slick-nav-white .slick-next:before {
+ color: #000;
+}
+
+.slick-slider.slick-nav-hover .slick-prev,
+.slick-slider.slick-nav-hover .slick-next {
+ opacity: 0;
+ -webkit-transition: opacity 0.25s ease-out;
+ transition: opacity 0.25s ease-out;
+}
+
+.slick-slider.slick-nav-hover:hover .slick-prev,
+.slick-slider.slick-nav-hover:hover .slick-next {
+ opacity: 0.25;
+}
+
+.slick-slider.slick-nav-hover:hover .slick-prev:hover,
+.slick-slider.slick-nav-hover:hover .slick-next:hover {
+ opacity: 0.6;
+}
+
+.note-editor .note-toolbar {
+ background-color: #fcfcfc !important;
+}
+
+.note-editor.note-frame {
+ border-color: #ddd;
+}
+
+.note-editor .note-toolbar {
+ border-bottom-color: #ddd;
+}
+
+.note-editor .note-statusbar .note-resizebar {
+ border-top-color: #ddd;
+}
+
+.note-editor .note-toolbar.btn-toolbar {
+ margin-left: 0;
+}
+
+.jqstooltip {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ border: none !important;
+ background-color: rgba(0, 0, 0, 0.75) !important;
+}
+
+.pie-chart {
+ position: relative;
+ display: inline-block;
+}
+
+.pie-chart>span {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ margin-top: -2px;
+ right: 0;
+ left: 0;
+ text-align: center;
+}
+
+.flot-tooltip {
+ position: absolute;
+ display: none;
+ color: #fff;
+ background: rgba(0, 0, 0, 0.75);
+ padding: 4px 8px;
+}
+
+.flot-pie-label {
+ font-size: 13px;
+ text-align: center;
+ padding: 4px 8px;
+ color: #fff;
+}
+
+.legend>table td {
+ padding: 3px 4px;
+ font-size: 14px;
+}
+
+.fc-event {
+ padding-left: 3px;
+ padding-right: 3px;
+ font-size: 12px;
+ font-weight: 600;
+ line-height: 1.4;
+ color: rgba(0, 0, 0, 0.75);
+ border: 1px solid #b5d0eb;
+ border-radius: 0;
+}
+
+.fc-event:hover {
+ color: rgba(0, 0, 0, 0.75);
+}
+
+.fc-event,
+.fc-event-dot {
+ background-color: #b5d0eb;
+}
+
+.fc button {
+ height: 34px;
+ line-height: 34px;
+ font-weight: 600;
+}
+
+.fc-state-default.fc-corner-left {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.fc-state-default.fc-corner-right {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.fc-state-default {
+ color: #393939;
+ background-color: #f3f3f3;
+ background-image: none;
+ border: 1px solid #e6e6e6;
+ text-shadow: none;
+ box-shadow: none;
+}
+
+.fc-state-hover,
+.fc-state-down,
+.fc-state-active,
+.fc-state-disabled {
+ color: #393939;
+ background-color: #dfdfdf;
+ border-color: #c7c7c7;
+}
+
+.fc-state-hover {
+ color: #393939;
+ -webkit-transition: all 0.15s ease-out;
+ transition: all 0.15s ease-out;
+}
+
+.fc-state-down,
+.fc-state-active {
+ background-color: #c5c5c5;
+ border-color: #aeaeae;
+ box-shadow: none;
+}
+
+.fc-state-disabled {
+ opacity: 0.35;
+}
+
+.fc-toolbar {
+ margin-bottom: 29px;
+}
+
+.fc-toolbar h2 {
+ font-weight: 400;
+}
+
+.fc thead th.fc-widget-header {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ font-size: 16px;
+ font-weight: 600;
+ text-transform: uppercase;
+ background-color: #f9f9f9;
+}
+
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed hr,
+.fc-unthemed thead,
+.fc-unthemed tbody,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+ border-color: #eee;
+}
+
+.placeholder {
+ color: #aaa;
+}
+
+.CodeMirror-fullscreen,
+.editor-toolbar.fullscreen,
+.editor-preview-side {
+ z-index: 1060;
+}
+
+.editor-preview {
+ z-index: 1050;
+}
+
+::-webkit-scrollbar {
+ width: 9px;
+ height: 9px;
+}
+
+::-webkit-scrollbar-track-piece {
+ background-color: #ebebeb;
+ -webkit-border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+ height: 32px;
+ background-color: #ccc;
+ -webkit-border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+ width: 32px;
+ background-color: #ccc;
+ -webkit-border-radius: 4px;
+}
+
+.site-header {
+ position: relative;
+ text-align: center;
+ background-color: #373b4c;
+ color: #fff;
+ margin-bottom: 0;
+ opacity: 0.94;
+}
+
+.box-text {
+ padding: 46px;
+ text-align: center;
+}
+
+.box-text h1 {
+ text-shadow: -5px 5px 0 rgba(0, 0, 0, 0.1);
+}
+
+.box-text p {
+ margin-bottom: 15px;
+ margin-top: 5px;
+ font-size: 16px;
+ font-weight: 200;
+}
+
+.search-warper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.p-jsxs {
+ text-align: right;
+ margin: 5px;
+}
+
+@media (max-width: 767px) {
+ .p-jsxs {
+ display: none !important;
+ }
+
+ .nav_jsxs {
+ padding: 25px 0 15px 40px !important;
+ text-align: right !important;
+ }
+}
+
+.nav_jsxs {
+ padding: 25px 40px 15px 40px;
+ text-align: right;
+}
+
+.nav_jsxs a {
+ color: white;
+ padding-right: 25px;
+ font-size: large;
+}
+
+.logo_jsxs {
+ width: 50px;
+ height: 50px;
+ background: url(@/assets/images/logo.jpg) no-repeat 0 0;
+ -webkit-background-size: contain;
+ background-size: contain;
+ padding: none;
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ height: calc(1.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
\ No newline at end of file
diff --git a/src/assets/style/reset.css b/src/assets/style/reset.css
new file mode 100644
index 0000000..299a6d1
--- /dev/null
+++ b/src/assets/style/reset.css
@@ -0,0 +1,135 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+
+body {
+ line-height: 1;
+}
+
+ol,
+ul {
+ list-style: none;
+}
+
+blockquote,
+q {
+ quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
\ No newline at end of file
diff --git a/src/components/Card.vue b/src/components/Card.vue
new file mode 100644
index 0000000..da04540
--- /dev/null
+++ b/src/components/Card.vue
@@ -0,0 +1,23 @@
+
+
+
+
{{ calls }}
+
+
{{ title }}
+
{{ description }}
+
+
+
+
+
+
+
+
diff --git a/src/components/Login/LoginA.vue b/src/components/Login/LoginA.vue
new file mode 100644
index 0000000..1189530
--- /dev/null
+++ b/src/components/Login/LoginA.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..b08497a
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,26 @@
+/**
+ * 开发环境配置
+ */
+
+const env = import.meta.env.MODE == "development" ? 'dev' : 'prod'
+const EnvConfig = {
+ dev: {
+ baseApi: '/',
+ mockApi: 'https://mock.presstime.cn/mock/668987cbcb2f4f1158f47e0e/manager-fe',
+ },
+ test: {
+ baseApi: '//test.demo/api',
+ mockApi: 'https://mock.presstime.cn/mock/668987cbcb2f4f1158f47e0e/manager-fe',
+ },
+ prod: {
+ baseApi: '/',
+ mockApi: 'https://mock.presstime.cn/mock/668987cbcb2f4f1158f47e0e/manager-fe',
+ }
+}
+
+export default {
+ env,
+ mock: true,
+ namespace: "fromsko",
+ ...EnvConfig[env]
+}
\ No newline at end of file
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..1801bad
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,14 @@
+///
+interface ImportMetaEnv {
+ readonly VITE_BASE_URL: string;
+}
+
+interface ImportMeta {
+ readonly env: ImportMetaEnv;
+}
+
+declare module '*.vue' {
+ import { DefineComponent } from 'vue';
+ const component: DefineComponent<{}, {}, any>;
+ export default component;
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..e2c12a5
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,19 @@
+// 程序入口
+import storage from '@/stores/storage'
+import request from '@/utils/request'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import { createPinia } from 'pinia'
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+const app = createApp(App)
+
+app.config.globalProperties.$request = request
+app.config.globalProperties.$storage = storage
+
+app.use(ElementPlus)
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..492a212
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,102 @@
+// index.js - router
+import storage from "@/stores/storage"
+import useColorLogOutPut from "@/utils/color_log"
+import About from "@/views/About.vue"
+import ApiPage from '@/views/ApiPage.vue'
+import Base from "@/views/Base.vue"
+import Home from "@/views/Home.vue"
+import Login from "@/views/Login.vue"
+import Welcome from "@/views/Welcome.vue"
+import { createRouter, createWebHashHistory } from "vue-router"
+
+const log = useColorLogOutPut()
+
+const routes = [
+ {
+ name: 'home',
+ path: '/',
+ meta: {
+ title: "首页"
+ },
+ component: Base,
+ },
+ {
+ path: '/api/docs',
+ name: 'Api',
+ component: ApiPage,
+ props: ((route: any) => {
+ return route.params
+ }),
+ meta: {
+ title: "内容"
+ },
+ },
+ {
+ name: 'Login',
+ path: '/Login',
+ component: Login,
+ meta: {
+ title: "登陆页^_^"
+ }
+ },
+ {
+ name: 'Welcome',
+ path: '/Welcome',
+ component: Welcome,
+ meta: {
+ title: "欢迎页"
+ }
+ },
+ {
+ name: 'demo',
+ path: '/demo',
+ meta: {
+ title: "首页"
+ },
+ component: Home,
+ children: [
+ {
+ name: 'About',
+ path: '/About',
+ component: About,
+ meta: {
+ title: "关于"
+ },
+ }
+ ],
+ },
+]
+
+// router 对象
+const router = createRouter({
+ history: createWebHashHistory(import.meta.env.BASE_URL),
+ routes: routes
+})
+
+
+//导航守卫
+router.beforeEach((to, from, next) => {
+ // 设置标签信息
+ const { meta: { title } } = to
+ document.title = title as string || '自定义名称'
+
+ // 判断是否在 (注册|登录)
+ if (to.path == '/Login') return next()
+ if (to.path == '/register') return next()
+ const tokenStr = storage.getItem('token')
+ if (!tokenStr) return next('/Login')
+ next()
+})
+
+// 全局解析守
+router.beforeResolve((to, from, next) => {
+ log.info('我是全局解析守卫')
+ next()
+})
+
+// // 全局后置守卫
+// router.afterEach((to, from, failure) => {
+// // console.log('全局后置守卫', to, from, failure)
+// // next()
+// })
+export default router
diff --git a/src/stores/counter.ts b/src/stores/counter.ts
new file mode 100644
index 0000000..b6757ba
--- /dev/null
+++ b/src/stores/counter.ts
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+ const count = ref(0)
+ const doubleCount = computed(() => count.value * 2)
+ function increment() {
+ count.value++
+ }
+
+ return { count, doubleCount, increment }
+})
diff --git a/src/stores/storage.ts b/src/stores/storage.ts
new file mode 100644
index 0000000..f661740
--- /dev/null
+++ b/src/stores/storage.ts
@@ -0,0 +1,37 @@
+/**
+ * storage 封装
+ * @author fromsko
+ */
+import config from "@/config"
+
+export default {
+ setItem(key: any, val: any) {
+ let storage = this.getStorage()
+ storage[key] = val
+ window.localStorage.setItem(
+ config.namespace,
+ JSON.stringify(storage)
+ )
+ },
+ getItem(key: any) {
+ return this.getStorage()[key]
+ },
+ getStorage() {
+ return JSON.parse(
+ window.localStorage.getItem(
+ config.namespace
+ ) || "{}"
+ )
+ },
+ clearItem(key: any) {
+ let storage = this.getStorage()
+ delete storage[key]
+ window.localStorage.setItem(
+ config.namespace,
+ JSON.stringify(storage)
+ )
+ },
+ clearAll() {
+ window.localStorage.clear()
+ }
+}
\ No newline at end of file
diff --git a/src/utils/color_log.ts b/src/utils/color_log.ts
new file mode 100644
index 0000000..a6c76ef
--- /dev/null
+++ b/src/utils/color_log.ts
@@ -0,0 +1,102 @@
+/*
+ 好看的浏览器控制台输出
+*/
+
+const useColorLogOutPut = () => {
+ const isProduction = import.meta.env.MODE === 'production'
+
+ const isEmpty = (value: any) => {
+ return value == null || value === undefined || value === ''
+ }
+ const prettyPrint = (title: any, text: any, color: any) => {
+ if (isProduction) return
+ console.log(
+ `%c ${title} %c ${text} %c`,
+ `background:${color};border:1px solid ${color}; padding: 1px; border-radius: 2px 0 0 2px; color: #fff;`,
+ `border:1px solid ${color}; padding: 1px; border-radius: 0 2px 2px 0; color: ${color};`,
+ 'background:transparent'
+ )
+ }
+ const info = (textOrTitle: any, content = '') => {
+ const title = isEmpty(content) ? 'Info' : textOrTitle
+ const text = isEmpty(content) ? textOrTitle : content
+ prettyPrint(title, text, '#909399')
+ }
+ const error = (textOrTitle: any, content = '') => {
+ const title = isEmpty(content) ? 'Error' : textOrTitle
+ const text = isEmpty(content) ? textOrTitle : content
+ prettyPrint(title, text, '#F56C6C')
+ }
+ const warning = (textOrTitle: any, content = '') => {
+ const title = isEmpty(content) ? 'Warning' : textOrTitle
+ const text = isEmpty(content) ? textOrTitle : content
+ prettyPrint(title, text, '#E6A23C')
+ }
+ const success = (textOrTitle: any, content = '') => {
+ const title = isEmpty(content) ? 'Success ' : textOrTitle
+ const text = isEmpty(content) ? textOrTitle : content
+ prettyPrint(title, text, '#67C23A')
+ }
+ const table = () => {
+ const data = [
+ { id: 1, name: 'Alice', age: 25 },
+ { id: 2, name: 'Bob', age: 30 },
+ { id: 3, name: 'Charlie', age: 35 }
+ ]
+ console.log(
+ '%c id%c name%c age',
+ 'color: white; background-color: black; padding: 2px 10px;',
+ 'color: white; background-color: black; padding: 2px 10px;',
+ 'color: white; background-color: black; padding: 2px 10px;'
+ )
+
+ data.forEach((row) => {
+ console.log(
+ `%c ${row.id} %c ${row.name} %c ${row.age} `,
+ 'color: black; background-color: lightgray; padding: 2px 10px;',
+ 'color: black; background-color: lightgray; padding: 2px 10px;',
+ 'color: black; background-color: lightgray; padding: 2px 10px;'
+ )
+ })
+ }
+ const picture = (url: any, scale = 1) => {
+ if (isProduction) return
+ const img = new Image()
+ img.crossOrigin = 'anonymous'
+ img.onload = () => {
+ const c = document.createElement('canvas')
+ const ctx = c.getContext('2d')
+ if (ctx) {
+ c.width = img.width
+ c.height = img.height
+ ctx.fillStyle = 'red'
+ ctx.fillRect(0, 0, c.width, c.height)
+ ctx.drawImage(img, 0, 0)
+ const dataUri = c.toDataURL('image/png')
+
+ console.log(
+ `%c sup?`,
+ `font-size: 1px;
+ padding: ${Math.floor((img.height * scale) / 2)}px ${Math.floor((img.width * scale) / 2)}px;
+ background-image: url(${dataUri});
+ background-repeat: no-repeat;
+ background-size: ${img.width * scale}px ${img.height * scale}px;
+ color: transparent;
+ `
+ )
+ }
+ }
+ img.src = url
+ }
+
+ return {
+ info,
+ error,
+ warning,
+ success,
+ picture,
+ table
+ }
+}
+// 创建打印对象
+export default useColorLogOutPut
diff --git a/src/utils/request.ts b/src/utils/request.ts
new file mode 100644
index 0000000..2e0533f
--- /dev/null
+++ b/src/utils/request.ts
@@ -0,0 +1,78 @@
+import config from "@/config"
+import router from "@/router"
+import axios from "axios"
+import { ElMessage } from "element-plus"
+
+const TOKEN_ERROR = "Token 已过期"
+const NETWORK_ERROR = "网络异常"
+
+const service = axios.create({
+ baseURL: config.baseApi,
+ timeout: 8000,
+})
+
+// 请求封装
+service.interceptors.request.use((req: any) => {
+ const headers = req.headers
+
+ if (!headers.Authorization) {
+ headers.Authorization = "bear fromsko"
+ }
+ return req
+})
+
+// 响应封装
+service.interceptors.response.use((res: any) => {
+ const { code, data, msg } = res.data
+
+ if (code === 200) {
+ return data
+ } else if (code === 40001) {
+ ElMessage.error(TOKEN_ERROR)
+ setTimeout(() => {
+ router.push('/login')
+ }, 1500)
+ return Promise.reject(TOKEN_ERROR)
+ } else {
+ ElMessage.error(msg || NETWORK_ERROR)
+ return Promise.reject(msg || NETWORK_ERROR)
+ }
+})
+
+interface RequestOptions {
+ method?: string;
+ params?: any;
+ data?: any;
+ url: string;
+}
+
+function request(options: RequestOptions): any {
+ options.method = options.method || 'get';
+
+ if (options.method.toLowerCase() === 'get') {
+ options.params = options.data;
+ }
+
+ if (config.env === "prod") {
+ service.defaults.baseURL = config.baseApi;
+ } else {
+ service.defaults.baseURL = config.mock ? config.mockApi : config.baseApi;
+ }
+
+ return service(options);
+}
+
+['get', 'post', 'delete', 'put'].forEach((item) => {
+ // 使用 as any 来避免类型检查错误
+ (request as any)[item] = (url: string, data: any, options: any) => {
+ return request({
+ url,
+ data,
+ method: item,
+ ...options
+ });
+ };
+});
+
+
+export default request
\ No newline at end of file
diff --git a/src/views/About.vue b/src/views/About.vue
new file mode 100644
index 0000000..1320e24
--- /dev/null
+++ b/src/views/About.vue
@@ -0,0 +1,59 @@
+
+
+
关于
+
+
+
+
+ 主页
+ 登录页
+ 清空登录缓存
+
+
+
这是一个基于 Vue3 实现的软件库
+
+
+ 包含如下功能:
+
+ - 1. 云更新
+ - 2. 代码编辑器
+ - 3. CI/CD 自动构建
+ - 4. 发卡
+ - 5. 数据统计
+
+
+
+
+
+
+
+
+
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
new file mode 100644
index 0000000..756ad2a
--- /dev/null
+++ b/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+
+
+
This is an about page
+
+
+
+
diff --git a/src/views/ApiPage.vue b/src/views/ApiPage.vue
new file mode 100644
index 0000000..08cc0e8
--- /dev/null
+++ b/src/views/ApiPage.vue
@@ -0,0 +1,20 @@
+
+
+
+ {{ $route.params }}
+
+
+
+
+
+
+
diff --git a/src/views/Base.vue b/src/views/Base.vue
new file mode 100644
index 0000000..e7e6cb9
--- /dev/null
+++ b/src/views/Base.vue
@@ -0,0 +1,106 @@
+
+
+
+
+
+
+
diff --git a/src/views/Home.vue b/src/views/Home.vue
new file mode 100644
index 0000000..3bf4545
--- /dev/null
+++ b/src/views/Home.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
new file mode 100644
index 0000000..d5c0217
--- /dev/null
+++ b/src/views/HomeView.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
diff --git a/src/views/Login.vue b/src/views/Login.vue
new file mode 100644
index 0000000..c50ac1b
--- /dev/null
+++ b/src/views/Login.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
+
+
+
+
+
+
+ 返回
+ 登录
+
+
+
+
+
+
+
+
diff --git a/src/views/Welcome.vue b/src/views/Welcome.vue
new file mode 100644
index 0000000..2076d8f
--- /dev/null
+++ b/src/views/Welcome.vue
@@ -0,0 +1,13 @@
+
+ 欢迎页面
+ 去登陆
+
+
+
+
+
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..375bcbc
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,14 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ "composite": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ },
+ "moduleResolution": "node"
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..8358dd0
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,17 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.vitest.json"
+ }
+ ],
+ "compilerOptions": {
+ "types": ["vite/client", "./env"]
+ }
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..293b392
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,18 @@
+{
+ "extends": "@tsconfig/node20/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*"
+ ],
+ "compilerOptions": {
+ "composite": true,
+ "noEmit": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "types": ["node"]
+ }
+}
diff --git a/tsconfig.vitest.json b/tsconfig.vitest.json
new file mode 100644
index 0000000..e56c5a8
--- /dev/null
+++ b/tsconfig.vitest.json
@@ -0,0 +1,10 @@
+{
+ "extends": "./tsconfig.app.json",
+ "exclude": [],
+ "compilerOptions": {
+ "composite": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+ "lib": [],
+ "types": ["node", "jsdom"]
+ }
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..5c45e1d
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,16 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ }
+})
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..4b1c897
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,14 @@
+import { fileURLToPath } from 'node:url'
+import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
+import viteConfig from './vite.config'
+
+export default mergeConfig(
+ viteConfig,
+ defineConfig({
+ test: {
+ environment: 'jsdom',
+ exclude: [...configDefaults.exclude, 'e2e/**'],
+ root: fileURLToPath(new URL('./', import.meta.url))
+ }
+ })
+)