[ { "path": ".eslintrc.js", "content": "module.exports = {\n globals: {\n __PATH_PREFIX__: true,\n },\n extends: `react-app`,\n rules: {\n 'jsx-a11y/accessible-emoji': 'off',\n // 'no-unused-vars': ['error', { vars: 'all', args: 'after-used', ignoreRestSiblings: false }],\n 'import/no-unresolved': [2, { caseSensitive: false }],\n },\n settings: {\n 'import/resolver': {\n alias: [\n ['@static', './static'],\n ['@assets', './src/assets'],\n ['@components', './src/components'],\n ['@helpers', './src/helpers'],\n ['@pages', './src/pages'],\n ['@hooks', './src/hooks'],\n ['@', './src'],\n ],\n },\n },\n};\n" }, { "path": ".github/workflows/main.yml", "content": "name: Gatsby Publish\n\non:\n push:\n branches:\n - master\n\njobs:\n build:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v1\n - uses: enriikke/gatsby-gh-pages-action@v2\n with:\n access-token: ${{ secrets.ACCESS_TOKEN }}\n deploy-branch: gh-pages\n gatsby-args: --prefix-paths" }, { "path": ".gitignore", "content": "# Logs\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Runtime data\npids\n*.pid\n*.seed\n*.pid.lock\n\n# Directory for instrumented libs generated by jscoverage/JSCover\nlib-cov\n\n# Coverage directory used by tools like istanbul\ncoverage\n\n# nyc test coverage\n.nyc_output\n\n# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)\n.grunt\n\n# Bower dependency directory (https://bower.io/)\nbower_components\n\n# node-waf configuration\n.lock-wscript\n\n# Compiled binary addons (http://nodejs.org/api/addons.html)\nbuild/Release\n\n# Dependency directories\nnode_modules/\njspm_packages/\n\n# Typescript v1 declaration files\ntypings/\n\n# Optional npm cache directory\n.npm\n\n# Optional eslint cache\n.eslintcache\n\n# Optional REPL history\n.node_repl_history\n\n# Output of 'npm pack'\n*.tgz\n\n# dotenv environment variable files\n.env*\n\n# gatsby files\n.cache/\npublic\n\n# Mac files\n.DS_Store\n\n# Yarn\nyarn-error.log\n.pnp/\n.pnp.js\n# Yarn Integrity file\n.yarn-integrity\n" }, { "path": ".prettierignore", "content": ".cache\npackage.json\npackage-lock.json\npublic\n" }, { "path": ".prettierrc", "content": "{\n \"bracketSpacing\": true,\n \"printWidth\": 120,\n \"singleQuote\": true,\n \"trailingComma\": \"all\"\n}" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2018 gatsbyjs\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# Dinda & Indra Wedding Website\n\n![Gatsby Publish](https://github.com/idindrakusuma/thekusuma/workflows/Gatsby%20Publish/badge.svg) [![Netlify Status](https://api.netlify.com/api/v1/badges/4481a013-a72b-4ecf-939b-00b84c25dd89/deploy-status)](https://app.netlify.com/sites/thekusuma/deploys)\n\nFeatures:\n- Landing Page, with features like:\n - Countdown Timer\n - Live Button\n - Floating Music\n - Photo Gallery\n - Pre-wedding Video \n - And more..\n- also, this web-app has QR Guest Generator\n- and Guest Tikcet Viewer\n\nTech Stack:\n- GatsbyJs\n\nCredits\n- Original Landing Page Template (https://freehtml5.co/)\n- Icon Assets (https://www.flaticon.com/packs/covid-protection-measures-5)\n\nThanks!\n" }, { "path": "api/guest-data.json", "content": "[\n {\n \"code\": \"DXI-0001\",\n \"name\": \"Suharyo\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0002\",\n \"name\": \"Heru Setyabudi\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0003\",\n \"name\": \"Doni Widiyanto\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0004\",\n \"name\": \"Bu Edi Susanto\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0005\",\n \"name\": \"Hermawan\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0006\",\n \"name\": \"Budijono\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0007\",\n \"name\": \"Hanif\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0008\",\n \"name\": \"Adi Wiratama\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0009\",\n \"name\": \"Hendro\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0010\",\n \"name\": \"Santoso\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0011\",\n \"name\": \"Yori\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0012\",\n \"name\": \"Chandra\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0013\",\n \"name\": \"Ali Muhtarom\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0014\",\n \"name\": \"Sagimin\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0015\",\n \"name\": \"Suwardi\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0016\",\n \"name\": \"Kasmari\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0017\",\n \"name\": \"Mawardi\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0018\",\n \"name\": \"Ricky\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0019\",\n \"name\": \"Djaman\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0020\",\n \"name\": \"Steven\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0021\",\n \"name\": \"Arif\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0022\",\n \"name\": \"Sukahar\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0023\",\n \"name\": \"Yunianto\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0024\",\n \"name\": \"Bambang P\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0025\",\n \"name\": \"Andi K\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0026\",\n \"name\": \"Sutarman\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0027\",\n \"name\": \"Danang A\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0028\",\n \"name\": \"Murtono\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0029\",\n \"name\": \"Agung\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0031\",\n \"name\": \"Solekhan\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0032\",\n \"name\": \"Sugeng\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0033\",\n \"name\": \"Bu Linda\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0034\",\n \"name\": \"Bu Mia\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0035\",\n \"name\": \"Bu Suwoko\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0036\",\n \"name\": \"Ari Muchtar\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0037\",\n \"name\": \"Bu Kamto\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0038\",\n \"name\": \"Bu Aryani\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0039\",\n \"name\": \"Bu Trisia\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0040\",\n \"name\": \"Halim\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0041\",\n \"name\": \"Andi P\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0042\",\n \"name\": \"Sapari\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0043\",\n \"name\": \"Agus\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0045\",\n \"name\": \"Yuli\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0046\",\n \"name\": \"Medi\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0047\",\n \"name\": \"Agung A\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0048\",\n \"name\": \"Agung B\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0049\",\n \"name\": \"Totok\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0050\",\n \"name\": \"Sutaryo\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0051\",\n \"name\": \"Zaenuri\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0052\",\n \"name\": \"Supriyadi\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0053\",\n \"name\": \"Sukardi\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0054\",\n \"name\": \"VIP - Asep Misbahudin\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0055\",\n \"name\": \"Atmaja Belawan\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0057\",\n \"name\": \"VIP - Dwi Sansito\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0058\",\n \"name\": \"VIP - Mujianto\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0059\",\n \"name\": \"VIP - M. Achsin Hamim\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0060\",\n \"name\": \"VIP - Moh. Atiq Sajaya\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0061\",\n \"name\": \"VIP - Puguh Kunto Asmoro\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0062\",\n \"name\": \"VIP - Prastiyo Edy Laksono\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0063\",\n \"name\": \"VIP - Priyatno\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0064\",\n \"name\": \"VIP - Pringadi\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0065\",\n \"name\": \"VIP - Suyanto\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0066\",\n \"name\": \"VIP - Suratno\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0067\",\n \"name\": \"VIP - Sigit Wijayanto\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0068\",\n \"name\": \"VIP - Wiwik Joeniati\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0069\",\n \"name\": \"VIP - Yudha Prihantono\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0078\",\n \"name\": \"Pramono\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0079\",\n \"name\": \"Sri Vatmawati\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0080\",\n \"name\": \"VIP - Setiawan\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0081\",\n \"name\": \"Slamet Santoso\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0082\",\n \"name\": \"Sudono\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0083\",\n \"name\": \"Tatik\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0085\",\n \"name\": \"Tri Utami\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0087\",\n \"name\": \"VIP - Bintoro Mantjolo Putro\",\n \"desc\": \"Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0089\",\n \"name\": \"Cahyono\",\n \"desc\": \"Tegal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0090\",\n \"name\": \"Bu Hermanto\",\n \"desc\": \"Tegal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0091\",\n \"name\": \"Ivana\",\n \"desc\": \"Tegal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0092\",\n \"name\": \"Hertanto\",\n \"desc\": \"Pati\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0094\",\n \"name\": \"VIP - Makmur Trisujadi\",\n \"desc\": \"Magelang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0095\",\n \"name\": \"Sugeng\",\n \"desc\": \"Gubug\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0096\",\n \"name\": \"Toto Mulyanto\",\n \"desc\": \"Muntilan\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0097\",\n \"name\": \"VIP - Arif Mustapin\",\n \"desc\": \"Sidoarjo\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0099\",\n \"name\": \"Yohanes\",\n \"desc\": \"Solo\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0100\",\n \"name\": \"Nita Syarifah & Keluarga\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0101\",\n \"name\": \"Risalatul Muawanah & Keluarga\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0102\",\n \"name\": \"Hapsari Anggraini & Keluarga\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0103\",\n \"name\": \"Moleta Tiara & Keluarga\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0104\",\n \"name\": \"Vela Hafira\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0105\",\n \"name\": \"Iqmalifa & Iqmalia\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0106\",\n \"name\": \"Pramudina & Pramudita\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0107\",\n \"name\": \"Rhonandiarto Kalimaya\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0108\",\n \"name\": \"Dodie Ammar Burhan\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0109\",\n \"name\": \"Fitria Ayunisa\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0110\",\n \"name\": \"Alvia Tri Lestari\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0111\",\n \"name\": \"Oei Yunias Belda\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0112\",\n \"name\": \"Ghea Maurizka\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0113\",\n \"name\": \"Jennyka Setiawan\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0114\",\n \"name\": \"Linda Yunitasari\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0115\",\n \"name\": \"Selviana Nur Hidayah\",\n \"desc\": \"Sahabat Dinda\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0116\",\n \"name\": \"Dhyanara Novi Paramita\",\n \"desc\": \"Hikayat NET TV\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0117\",\n \"name\": \"Syifa Fatimah\",\n \"desc\": \"UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0118\",\n \"name\": \"Wulan Herdiningsih & Puds\",\n \"desc\": \"Ruangguru\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0119\",\n \"name\": \"Fahry Maulana\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0120\",\n \"name\": \"Ahlan Firdaus\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0121\",\n \"name\": \"Madina Tashya\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0122\",\n \"name\": \"Sauhtirani\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0123\",\n \"name\": \"Basanta & Binarky\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0124\",\n \"name\": \"Maria & Yoga\",\n \"desc\": \"Amareea\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0125\",\n \"name\": \"Sandi Mumu, Istri & Anak (2)\",\n \"desc\": \"Hikayat NET TV\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0126\",\n \"name\": \"Yasinta Aulia\",\n \"desc\": \"Dompet Dhuafa\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0127\",\n \"name\": \"Atin Anggraeni\",\n \"desc\": \"Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0128\",\n \"name\": \"VIP - Priyo\",\n \"desc\": \"Gmedia\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0129\",\n \"name\": \"VIP - Atalia Citra\",\n \"desc\": \"Gmedia\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0130\",\n \"name\": \"Zakiy Anwar Fakhri\",\n \"desc\": \"Sahabat Indra\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0131\",\n \"name\": \"Alif Maulana Putra\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0135\",\n \"name\": \"Marice Elisabeth (+ Ario Arzaq) & Devi Setyawati\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0136\",\n \"name\": \"Amelia Cahyaningtyas\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0137\",\n \"name\": \"Christoporus Kurnia Chandra\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0138\",\n \"name\": \"Luthfi Faizal Noor\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0139\",\n \"name\": \"Meisy Cahyani\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0140\",\n \"name\": \"Lita Ardita\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0141\",\n \"name\": \"Riska Miranda\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0142\",\n \"name\": \"Annisa PA\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0144\",\n \"name\": \"Attidhira Citra\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0146\",\n \"name\": \"Fenadia Nastia\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0147\",\n \"name\": \"Vidianne Anggria\",\n \"desc\": \"SMA 11 Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0148\",\n \"name\": \"Cerelia Alvita\",\n \"desc\": \"SMA 11 Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0149\",\n \"name\": \"Annis Puspita\",\n \"desc\": \"SMA 11 Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0153\",\n \"name\": \"Della Kartika\",\n \"desc\": \"SMA 11 Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0154\",\n \"name\": \"Budi Purwanto\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0155\",\n \"name\": \"Agung Widodo\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0156\",\n \"name\": \"Paklek Suhono & Keluarga\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0157\",\n \"name\": \"Mbah Siti Manan & Keluarga\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0159\",\n \"name\": \"Bulek Umiyati & Keluarga\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0160\",\n \"name\": \"Mas Udin & Keluarga\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0161\",\n \"name\": \"Ibu Siswandi & Keluarga\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0162\",\n \"name\": \"Mbak Yuli & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0163\",\n \"name\": \"Mas Yoyok & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0164\",\n \"name\": \"Mbak Emi & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0165\",\n \"name\": \"Mbak Sri & Keluarga\",\n \"desc\": \"Saudara Dinda - Sidoarjo\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0166\",\n \"name\": \"Mbak Titik & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0167\",\n \"name\": \"Mas Agus Sapen & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0168\",\n \"name\": \"Dek Wita & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0169\",\n \"name\": \"Bulek Tatik & Keluarga\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0170\",\n \"name\": \"Dek Tanti & Keluarga\",\n \"desc\": \"Saudara Dinda - Jepara\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0171\",\n \"name\": \"Paklek Hermanto & Keluarga\",\n \"desc\": \"Saudara Dinda - Dlanggu\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0172\",\n \"name\": \"Pakdhe Supri\",\n \"desc\": \"Saudara Indra - Kendal\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0173\",\n \"name\": \"Saudara Indra 1\",\n \"desc\": \"Saudara Indra - Kendal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0174\",\n \"name\": \"Saudara Indra 2\",\n \"desc\": \"Saudara Indra - Kendal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0175\",\n \"name\": \"Saudara Indra 3\",\n \"desc\": \"Saudara Indra - Kendal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0176\",\n \"name\": \"Saudara Indra 4\",\n \"desc\": \"Saudara Indra - Kendal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0177\",\n \"name\": \"Saudara Indra 5\",\n \"desc\": \"Saudara Indra - Kendal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0178\",\n \"name\": \"VIP - Agus Murdianto\",\n \"desc\": \"Bandung\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0179\",\n \"name\": \"Pri\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0180\",\n \"name\": \"Darsono\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0181\",\n \"name\": \"Solikin\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0182\",\n \"name\": \"Ansila Putri & Bogie Tomy\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0183\",\n \"name\": \"Tasya Patria & Yesi Ayusta\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0184\",\n \"name\": \"Nawang Sandewi & Aulia Aristiana\",\n \"desc\": \"Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0185\",\n \"name\": \"Irin Riany\",\n \"desc\": \"TVRI\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0186\",\n \"name\": \"Oong Fatonah\",\n \"desc\": \"Tegal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0188\",\n \"name\": \"Niken Hapsari\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0189\",\n \"name\": \"Roni Yanuar\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0190\",\n \"name\": \"Budhe Nanik & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0191\",\n \"name\": \"Bulek Tutik & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0192\",\n \"name\": \"Om Totok & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0193\",\n \"name\": \"Om Tomi & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0194\",\n \"name\": \"Bulek Yanti & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0195\",\n \"name\": \"VIP - Rasuna Agusman\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0196\",\n \"name\": \"Punjung\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0197\",\n \"name\": \"Dwi Joko Daryono\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0198\",\n \"name\": \"Joko Hermawan\",\n \"desc\": \"Kendal\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0199\",\n \"name\": \"VIP - Arieswanto\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0200\",\n \"name\": \"VIP - Budi Sanyoto\",\n \"desc\": \"Jakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0201\",\n \"name\": \"Moch. Syakban\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0202\",\n \"name\": \"VIP - Ondhie\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0203\",\n \"name\": \"VIP - Robin\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0204\",\n \"name\": \"Dani\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0205\",\n \"name\": \"Nur Cholim\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0206\",\n \"name\": \"Mulyadi\",\n \"desc\": \"Jalan Singa, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0207\",\n \"name\": \"Mardi\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0208\",\n \"name\": \"Budi\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0209\",\n \"name\": \"Sukendro\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0210\",\n \"name\": \"Tini\",\n \"desc\": \"Singa Tengah, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0213\",\n \"name\": \"Maryati\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0214\",\n \"name\": \"Suroso\",\n \"desc\": \"Kauman Barat, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0215\",\n \"name\": \"Ingka\",\n \"desc\": \"Kauman Barat, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0216\",\n \"name\": \"Ruswanto\",\n \"desc\": \"Kauman Barat, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0217\",\n \"name\": \"Yudi\",\n \"desc\": \"Kauman Barat, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0218\",\n \"name\": \"Sugueng\",\n \"desc\": \"Kauman Barat, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0219\",\n \"name\": \"Parno\",\n \"desc\": \"Kauman Barat, Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0220\",\n \"name\": \"Budi & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0221\",\n \"name\": \"Betri & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0222\",\n \"name\": \"Wiwik & Keluarga\",\n \"desc\": \"Saudara Dinda - Yogyakarta\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0223\",\n \"name\": \"Rizal\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0224\",\n \"name\": \"VIP - Elbi\",\n \"desc\": \"PZ Cussons\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0225\",\n \"name\": \"Sudarto\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0226\",\n \"name\": \"Widartono\",\n \"desc\": \"Yogyakarta\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0227\",\n \"name\": \"Alifa Ghaisani\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0228\",\n \"name\": \"Nadia Kumala Devi\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0229\",\n \"name\": \"Arinda Dea & Mega Ayu\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0230\",\n \"name\": \"Yuni Devi\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0231\",\n \"name\": \"Fadhila & Rifaldi\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0232\",\n \"name\": \"Dimas Helmi & Taufiqy Seno\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0233\",\n \"name\": \"Fardian & Hafit\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0234\",\n \"name\": \"Ratna Lestari & Dinda Fauziah\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0235\",\n \"name\": \"Singgih\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0236\",\n \"name\": \"Maricha & Al Ghalib\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0237\",\n \"name\": \"Pipid Setya\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0241\",\n \"name\": \"Sabila Ilham Bimantara\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0242\",\n \"name\": \"Rama\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0243\",\n \"name\": \"Ivan\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0244\",\n \"name\": \"Tias Nur Hidayah\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0246\",\n \"name\": \"Nurla Jannata\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0248\",\n \"name\": \"Fika Aprilia\",\n \"desc\": \"UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0251\",\n \"name\": \"Apsari Retno\",\n \"desc\": \"Hikayat NET TV\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0252\",\n \"name\": \"Dewi\",\n \"desc\": \"Hikayat NET TV\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0253\",\n \"name\": \"Hajar Nuris Sofa\",\n \"desc\": \"Dompet Dhuafa\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0255\",\n \"name\": \"VIP - Ibu Erika Devi Udayanti\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0256\",\n \"name\": \"VIP - Ibu Etika Kartikadarma\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0257\",\n \"name\": \"VIP - Bapak Rindra Yusianto\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0258\",\n \"name\": \"VIP - Ibu Amida Yusriana\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0259\",\n \"name\": \"VIP - Ibu Devi Purnamasari\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0260\",\n \"name\": \"VIP - Ibu Mukaromah\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0261\",\n \"name\": \"VIP - Mrs. Cinantya Paramita\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0262\",\n \"name\": \"VIP - Bapak Pulung Nurtantio Andono\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0263\",\n \"name\": \"Tanjung\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0264\",\n \"name\": \"Danu\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0265\",\n \"name\": \"Eko Sukoco\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0266\",\n \"name\": \"Jubedi\",\n \"desc\": \"Salatiga\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0267\",\n \"name\": \"Jamaludin\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0268\",\n \"name\": \"Sutrisno\",\n \"desc\": \"Semarang\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0269\",\n \"name\": \"Riema Maristella\",\n \"desc\": \"Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0270\",\n \"name\": \"Haris Yuliyanto\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0271\",\n \"name\": \"Hengky Widiantoro\",\n \"desc\": \"UDINUS\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0272\",\n \"name\": \"Dhia Ayu & Akhadila Bayu\",\n \"desc\": \"UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0273\",\n \"name\": \"Dhiyas Mareda\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0274\",\n \"name\": \"Reny Dwi\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0275\",\n \"name\": \"Nabila Hanum\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0276\",\n \"name\": \"Herlin\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0277\",\n \"name\": \"Maura Savira\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0278\",\n \"name\": \"Dian Octaviana\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0279\",\n \"name\": \"Amalia KW\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0280\",\n \"name\": \"Nastiti Silvananda\",\n \"desc\": \"Hore Heroes\",\n \"shift\": 2,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0281\",\n \"name\": \"Almalina Nabila\",\n \"desc\": \"Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0282\",\n \"name\": \"Abdul Ghofar\",\n \"desc\": \"Sahabat Indra\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0283\",\n \"name\": \"Milatina NH\",\n \"desc\": \"Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0284\",\n \"name\": \"VIP - Ibu Mutia Rahmi Pratiwi\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0285\",\n \"name\": \"VIP - Bapak Ajib Susanto\",\n \"desc\": \"Dosen UDINUS\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0286\",\n \"name\": \"Bulek Ida & Keluarga\",\n \"desc\": \"Saudara Dinda - Semarang\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0287\",\n \"name\": \"Mayumi Kris G\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0288\",\n \"name\": \"Yumna Setia\",\n \"desc\": \"SMP PAPB\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0289\",\n \"name\": \"Mochammad Sholihin (Emsho)\",\n \"desc\": \"Hikayat NET TV\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n },\n {\n \"code\": \"DXI-0290\",\n \"name\": \"Novan & Dika\",\n \"desc\": \"Saudara Indra - Kendal\",\n \"shift\": 1,\n \"isAttended\": \"\",\n \"updatedBy\": \"\",\n \"isExchanged\": \"\",\n \"exchangedAt\": \"\",\n \"exchangedBy\": \"\"\n }\n]" }, { "path": "api/shift.json", "content": "{\n \"currentShift\": 1,\n \"isUseShift\": true,\n \"shiftType\": [null, \"10.30 - 12.00 WIB\", \"12.00 - 13.30 WIB\"],\n \"totalSouvenir\": 264\n}\n" }, { "path": "gatsby-config.js", "content": "/**\n * Configure your Gatsby site with this file.\n *\n * See: https://www.gatsbyjs.org/docs/gatsby-config/\n */\n\nmodule.exports = {\n /* Your site config here */\n pathPrefix: `/thekusuma`,\n plugins: [\n `gatsby-plugin-react-helmet`,\n 'gatsby-plugin-eslint',\n `gatsby-plugin-emotion`,\n 'gatsby-optional-chaining',\n {\n resolve: 'gatsby-alias-imports',\n options: {\n aliases: {\n '@components': 'src/components',\n '@helpers': 'src/helpers',\n '@pages': 'src/pages',\n '@assets': 'src/assets',\n '@hooks': 'src/hooks',\n '@': 'src',\n },\n },\n },\n ],\n};\n" }, { "path": "package.json", "content": "{\n \"name\": \"gatsby-starter-hello-world\",\n \"private\": true,\n \"description\": \"A simplified bare-bones starter for Gatsby\",\n \"version\": \"0.1.0\",\n \"license\": \"MIT\",\n \"scripts\": {\n \"build\": \"gatsby build\",\n \"develop\": \"gatsby develop\",\n \"format\": \"prettier --write \\\"**/*.{js,jsx,json,md}\\\"\",\n \"start\": \"npm run develop\",\n \"serve\": \"gatsby serve\",\n \"clean\": \"gatsby clean\",\n \"test\": \"echo \\\"Write tests! -> https://gatsby.dev/unit-testing\\\" && exit 1\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"^10.0.28\",\n \"@loadable/component\": \"^5.12.0\",\n \"add\": \"^2.0.6\",\n \"gatsby\": \"^2.21.37\",\n \"gatsby-plugin-emotion\": \"^4.3.2\",\n \"gatsby-plugin-eslint\": \"^2.0.8\",\n \"gatsby-plugin-react-helmet\": \"^3.3.2\",\n \"prop-types\": \"^15.7.2\",\n \"react\": \"^16.12.0\",\n \"react-dom\": \"^16.12.0\",\n \"react-helmet\": \"^6.0.0\",\n \"react-image-gallery\": \"^1.0.7\",\n \"react-qr-code\": \"^1.0.2\"\n },\n \"devDependencies\": {\n \"eslint-config-jquery\": \"^3.0.0\",\n \"eslint-import-resolver-alias\": \"^1.1.2\",\n \"eslint-plugin-import\": \"^2.20.2\",\n \"gatsby-alias-imports\": \"^1.0.4\",\n \"gatsby-optional-chaining\": \"^1.0.1\",\n \"prettier\": \"2.0.5\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/gatsbyjs/gatsby-starter-hello-world\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/gatsbyjs/gatsby/issues\"\n }\n}\n" }, { "path": "src/assets/css/bootstrap.css", "content": "@charset \"UTF-8\";\n/*!\n * Bootstrap v3.3.5 (http://getbootstrap.com)\n * Copyright 2011-2015 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\nhtml {\n font-family: sans-serif;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n\nbody {\n margin: 0;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n vertical-align: baseline;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n[hidden],\ntemplate {\n display: none;\n}\n\na {\n background-color: transparent;\n}\n\na:active,\na:hover {\n outline: 0;\n}\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\nb,\nstrong {\n font-weight: bold;\n}\n\ndfn {\n font-style: italic;\n}\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\nmark {\n background: #ff0;\n color: #000;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nimg {\n border: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nfigure {\n margin: 1em 40px;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\npre {\n overflow: auto;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit;\n font: inherit;\n margin: 0;\n}\n\nbutton {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput {\n line-height: normal;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield;\n box-sizing: content-box;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\nlegend {\n border: 0;\n padding: 0;\n}\n\ntextarea {\n overflow: auto;\n}\n\noptgroup {\n font-weight: bold;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n\n/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */\n@media print {\n *,\n *:before,\n *:after {\n background: transparent !important;\n color: #000 !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n\n a,\n a:visited {\n text-decoration: underline;\n }\n\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\";\n }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n img {\n max-width: 100% !important;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n .navbar {\n display: none;\n }\n\n .btn > .caret,\n .dropup > .btn > .caret {\n border-top-color: #000 !important;\n }\n\n .label {\n border: 1px solid #000;\n }\n\n .table {\n border-collapse: collapse !important;\n }\n .table td,\n .table th {\n background-color: #fff !important;\n }\n\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #ddd !important;\n }\n}\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n*:before,\n*:after {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nhtml {\n font-size: 10px;\n -webkit-tap-highlight-color: transparent;\n}\n\nbody {\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 1.42857;\n color: #333333;\n background-color: #fff;\n}\n\ninput,\nbutton,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\na {\n color: #337ab7;\n text-decoration: none;\n}\na:hover, a:focus {\n color: #23527c;\n text-decoration: underline;\n}\na:focus {\n outline: thin dotted;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\nfigure {\n margin: 0;\n}\n\nimg {\n vertical-align: middle;\n}\n\n.img-responsive {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\n.img-rounded {\n border-radius: 6px;\n}\n\n.img-thumbnail {\n padding: 4px;\n line-height: 1.42857;\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 4px;\n -webkit-transition: all 0.2s ease-in-out;\n -o-transition: all 0.2s ease-in-out;\n transition: all 0.2s ease-in-out;\n display: inline-block;\n max-width: 100%;\n height: auto;\n}\n\n.img-circle {\n border-radius: 50%;\n}\n\nhr {\n margin-top: 20px;\n margin-bottom: 20px;\n border: 0;\n border-top: 1px solid #eeeeee;\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n clip: auto;\n}\n\n[role=\"button\"] {\n cursor: pointer;\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n font-family: inherit;\n font-weight: 500;\n line-height: 1.1;\n color: inherit;\n}\nh1 small,\nh1 .small, h2 small,\nh2 .small, h3 small,\nh3 .small, h4 small,\nh4 .small, h5 small,\nh5 .small, h6 small,\nh6 .small,\n.h1 small,\n.h1 .small, .h2 small,\n.h2 .small, .h3 small,\n.h3 .small, .h4 small,\n.h4 .small, .h5 small,\n.h5 .small, .h6 small,\n.h6 .small {\n font-weight: normal;\n line-height: 1;\n color: #777777;\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3 {\n margin-top: 20px;\n margin-bottom: 10px;\n}\nh1 small,\nh1 .small, .h1 small,\n.h1 .small,\nh2 small,\nh2 .small, .h2 small,\n.h2 .small,\nh3 small,\nh3 .small, .h3 small,\n.h3 .small {\n font-size: 65%;\n}\n\nh4, .h4,\nh5, .h5,\nh6, .h6 {\n margin-top: 10px;\n margin-bottom: 10px;\n}\nh4 small,\nh4 .small, .h4 small,\n.h4 .small,\nh5 small,\nh5 .small, .h5 small,\n.h5 .small,\nh6 small,\nh6 .small, .h6 small,\n.h6 .small {\n font-size: 75%;\n}\n\nh1, .h1 {\n font-size: 36px;\n}\n\nh2, .h2 {\n font-size: 30px;\n}\n\nh3, .h3 {\n font-size: 24px;\n}\n\nh4, .h4 {\n font-size: 18px;\n}\n\nh5, .h5 {\n font-size: 14px;\n}\n\nh6, .h6 {\n font-size: 12px;\n}\n\np {\n margin: 0 0 10px;\n}\n\n.lead {\n margin-bottom: 20px;\n font-size: 16px;\n font-weight: 300;\n line-height: 1.4;\n}\n@media (min-width: 768px) {\n .lead {\n font-size: 21px;\n }\n}\n\nsmall,\n.small {\n font-size: 85%;\n}\n\nmark,\n.mark {\n background-color: #fcf8e3;\n padding: .2em;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-right {\n text-align: right;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-justify {\n text-align: justify;\n}\n\n.text-nowrap {\n white-space: nowrap;\n}\n\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase, .initialism {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n.text-muted {\n color: #777777;\n}\n\n.text-primary {\n color: #337ab7;\n}\n\na.text-primary:hover,\na.text-primary:focus {\n color: #286090;\n}\n\n.text-success {\n color: #3c763d;\n}\n\na.text-success:hover,\na.text-success:focus {\n color: #2b542c;\n}\n\n.text-info {\n color: #31708f;\n}\n\na.text-info:hover,\na.text-info:focus {\n color: #245269;\n}\n\n.text-warning {\n color: #8a6d3b;\n}\n\na.text-warning:hover,\na.text-warning:focus {\n color: #66512c;\n}\n\n.text-danger {\n color: #a94442;\n}\n\na.text-danger:hover,\na.text-danger:focus {\n color: #843534;\n}\n\n.bg-primary {\n color: #fff;\n}\n\n.bg-primary {\n background-color: #337ab7;\n}\n\na.bg-primary:hover,\na.bg-primary:focus {\n background-color: #286090;\n}\n\n.bg-success {\n background-color: #dff0d8;\n}\n\na.bg-success:hover,\na.bg-success:focus {\n background-color: #c1e2b3;\n}\n\n.bg-info {\n background-color: #d9edf7;\n}\n\na.bg-info:hover,\na.bg-info:focus {\n background-color: #afd9ee;\n}\n\n.bg-warning {\n background-color: #fcf8e3;\n}\n\na.bg-warning:hover,\na.bg-warning:focus {\n background-color: #f7ecb5;\n}\n\n.bg-danger {\n background-color: #f2dede;\n}\n\na.bg-danger:hover,\na.bg-danger:focus {\n background-color: #e4b9b9;\n}\n\n.page-header {\n padding-bottom: 9px;\n margin: 40px 0 20px;\n border-bottom: 1px solid #eeeeee;\n}\n\nul,\nol {\n margin-top: 0;\n margin-bottom: 10px;\n}\nul ul,\nul ol,\nol ul,\nol ol {\n margin-bottom: 0;\n}\n\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline {\n padding-left: 0;\n list-style: none;\n margin-left: -5px;\n}\n.list-inline > li {\n display: inline-block;\n padding-left: 5px;\n padding-right: 5px;\n}\n\ndl {\n margin-top: 0;\n margin-bottom: 20px;\n}\n\ndt,\ndd {\n line-height: 1.42857;\n}\n\ndt {\n font-weight: bold;\n}\n\ndd {\n margin-left: 0;\n}\n\n.dl-horizontal dd:before, .dl-horizontal dd:after {\n content: \" \";\n display: table;\n}\n.dl-horizontal dd:after {\n clear: both;\n}\n@media (min-width: 768px) {\n .dl-horizontal dt {\n float: left;\n width: 160px;\n clear: left;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .dl-horizontal dd {\n margin-left: 180px;\n }\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #777777;\n}\n\n.initialism {\n font-size: 90%;\n}\n\nblockquote {\n padding: 10px 20px;\n margin: 0 0 20px;\n font-size: 17.5px;\n border-left: 5px solid #eeeeee;\n}\nblockquote p:last-child,\nblockquote ul:last-child,\nblockquote ol:last-child {\n margin-bottom: 0;\n}\nblockquote footer,\nblockquote small,\nblockquote .small {\n display: block;\n font-size: 80%;\n line-height: 1.42857;\n color: #777777;\n}\nblockquote footer:before,\nblockquote small:before,\nblockquote .small:before {\n content: '\\2014 \\00A0';\n}\n\n.blockquote-reverse,\nblockquote.pull-right {\n padding-right: 15px;\n padding-left: 0;\n border-right: 5px solid #eeeeee;\n border-left: 0;\n text-align: right;\n}\n.blockquote-reverse footer:before,\n.blockquote-reverse small:before,\n.blockquote-reverse .small:before,\nblockquote.pull-right footer:before,\nblockquote.pull-right small:before,\nblockquote.pull-right .small:before {\n content: '';\n}\n.blockquote-reverse footer:after,\n.blockquote-reverse small:after,\n.blockquote-reverse .small:after,\nblockquote.pull-right footer:after,\nblockquote.pull-right small:after,\nblockquote.pull-right .small:after {\n content: '\\00A0 \\2014';\n}\n\naddress {\n margin-bottom: 20px;\n font-style: normal;\n line-height: 1.42857;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: #c7254e;\n background-color: #f9f2f4;\n border-radius: 4px;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: #fff;\n background-color: #333;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\nkbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: bold;\n box-shadow: none;\n}\n\npre {\n display: block;\n padding: 9.5px;\n margin: 0 0 10px;\n font-size: 13px;\n line-height: 1.42857;\n word-break: break-all;\n word-wrap: break-word;\n color: #333333;\n background-color: #f5f5f5;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\npre code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n}\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll;\n}\n\n.container {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px;\n}\n.container:before, .container:after {\n content: \" \";\n display: table;\n}\n.container:after {\n clear: both;\n}\n@media (min-width: 768px) {\n .container {\n width: 750px;\n }\n}\n@media (min-width: 992px) {\n .container {\n width: 970px;\n }\n}\n@media (min-width: 1200px) {\n .container {\n width: 1170px;\n }\n}\n\n.container-fluid {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px;\n}\n.container-fluid:before, .container-fluid:after {\n content: \" \";\n display: table;\n}\n.container-fluid:after {\n clear: both;\n}\n\n.row {\n margin-left: -15px;\n margin-right: -15px;\n}\n.row:before, .row:after {\n content: \" \";\n display: table;\n}\n.row:after {\n clear: both;\n}\n\n.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-right: 15px;\n}\n\n.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {\n float: left;\n}\n\n.col-xs-1 {\n width: 8.33333%;\n}\n\n.col-xs-2 {\n width: 16.66667%;\n}\n\n.col-xs-3 {\n width: 25%;\n}\n\n.col-xs-4 {\n width: 33.33333%;\n}\n\n.col-xs-5 {\n width: 41.66667%;\n}\n\n.col-xs-6 {\n width: 50%;\n}\n\n.col-xs-7 {\n width: 58.33333%;\n}\n\n.col-xs-8 {\n width: 66.66667%;\n}\n\n.col-xs-9 {\n width: 75%;\n}\n\n.col-xs-10 {\n width: 83.33333%;\n}\n\n.col-xs-11 {\n width: 91.66667%;\n}\n\n.col-xs-12 {\n width: 100%;\n}\n\n.col-xs-pull-0 {\n right: auto;\n}\n\n.col-xs-pull-1 {\n right: 8.33333%;\n}\n\n.col-xs-pull-2 {\n right: 16.66667%;\n}\n\n.col-xs-pull-3 {\n right: 25%;\n}\n\n.col-xs-pull-4 {\n right: 33.33333%;\n}\n\n.col-xs-pull-5 {\n right: 41.66667%;\n}\n\n.col-xs-pull-6 {\n right: 50%;\n}\n\n.col-xs-pull-7 {\n right: 58.33333%;\n}\n\n.col-xs-pull-8 {\n right: 66.66667%;\n}\n\n.col-xs-pull-9 {\n right: 75%;\n}\n\n.col-xs-pull-10 {\n right: 83.33333%;\n}\n\n.col-xs-pull-11 {\n right: 91.66667%;\n}\n\n.col-xs-pull-12 {\n right: 100%;\n}\n\n.col-xs-push-0 {\n left: auto;\n}\n\n.col-xs-push-1 {\n left: 8.33333%;\n}\n\n.col-xs-push-2 {\n left: 16.66667%;\n}\n\n.col-xs-push-3 {\n left: 25%;\n}\n\n.col-xs-push-4 {\n left: 33.33333%;\n}\n\n.col-xs-push-5 {\n left: 41.66667%;\n}\n\n.col-xs-push-6 {\n left: 50%;\n}\n\n.col-xs-push-7 {\n left: 58.33333%;\n}\n\n.col-xs-push-8 {\n left: 66.66667%;\n}\n\n.col-xs-push-9 {\n left: 75%;\n}\n\n.col-xs-push-10 {\n left: 83.33333%;\n}\n\n.col-xs-push-11 {\n left: 91.66667%;\n}\n\n.col-xs-push-12 {\n left: 100%;\n}\n\n.col-xs-offset-0 {\n margin-left: 0%;\n}\n\n.col-xs-offset-1 {\n margin-left: 8.33333%;\n}\n\n.col-xs-offset-2 {\n margin-left: 16.66667%;\n}\n\n.col-xs-offset-3 {\n margin-left: 25%;\n}\n\n.col-xs-offset-4 {\n margin-left: 33.33333%;\n}\n\n.col-xs-offset-5 {\n margin-left: 41.66667%;\n}\n\n.col-xs-offset-6 {\n margin-left: 50%;\n}\n\n.col-xs-offset-7 {\n margin-left: 58.33333%;\n}\n\n.col-xs-offset-8 {\n margin-left: 66.66667%;\n}\n\n.col-xs-offset-9 {\n margin-left: 75%;\n}\n\n.col-xs-offset-10 {\n margin-left: 83.33333%;\n}\n\n.col-xs-offset-11 {\n margin-left: 91.66667%;\n}\n\n.col-xs-offset-12 {\n margin-left: 100%;\n}\n\n@media (min-width: 768px) {\n .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {\n float: left;\n }\n\n .col-sm-1 {\n width: 8.33333%;\n }\n\n .col-sm-2 {\n width: 16.66667%;\n }\n\n .col-sm-3 {\n width: 25%;\n }\n\n .col-sm-4 {\n width: 33.33333%;\n }\n\n .col-sm-5 {\n width: 41.66667%;\n }\n\n .col-sm-6 {\n width: 50%;\n }\n\n .col-sm-7 {\n width: 58.33333%;\n }\n\n .col-sm-8 {\n width: 66.66667%;\n }\n\n .col-sm-9 {\n width: 75%;\n }\n\n .col-sm-10 {\n width: 83.33333%;\n }\n\n .col-sm-11 {\n width: 91.66667%;\n }\n\n .col-sm-12 {\n width: 100%;\n }\n\n .col-sm-pull-0 {\n right: auto;\n }\n\n .col-sm-pull-1 {\n right: 8.33333%;\n }\n\n .col-sm-pull-2 {\n right: 16.66667%;\n }\n\n .col-sm-pull-3 {\n right: 25%;\n }\n\n .col-sm-pull-4 {\n right: 33.33333%;\n }\n\n .col-sm-pull-5 {\n right: 41.66667%;\n }\n\n .col-sm-pull-6 {\n right: 50%;\n }\n\n .col-sm-pull-7 {\n right: 58.33333%;\n }\n\n .col-sm-pull-8 {\n right: 66.66667%;\n }\n\n .col-sm-pull-9 {\n right: 75%;\n }\n\n .col-sm-pull-10 {\n right: 83.33333%;\n }\n\n .col-sm-pull-11 {\n right: 91.66667%;\n }\n\n .col-sm-pull-12 {\n right: 100%;\n }\n\n .col-sm-push-0 {\n left: auto;\n }\n\n .col-sm-push-1 {\n left: 8.33333%;\n }\n\n .col-sm-push-2 {\n left: 16.66667%;\n }\n\n .col-sm-push-3 {\n left: 25%;\n }\n\n .col-sm-push-4 {\n left: 33.33333%;\n }\n\n .col-sm-push-5 {\n left: 41.66667%;\n }\n\n .col-sm-push-6 {\n left: 50%;\n }\n\n .col-sm-push-7 {\n left: 58.33333%;\n }\n\n .col-sm-push-8 {\n left: 66.66667%;\n }\n\n .col-sm-push-9 {\n left: 75%;\n }\n\n .col-sm-push-10 {\n left: 83.33333%;\n }\n\n .col-sm-push-11 {\n left: 91.66667%;\n }\n\n .col-sm-push-12 {\n left: 100%;\n }\n\n .col-sm-offset-0 {\n margin-left: 0%;\n }\n\n .col-sm-offset-1 {\n margin-left: 8.33333%;\n }\n\n .col-sm-offset-2 {\n margin-left: 16.66667%;\n }\n\n .col-sm-offset-3 {\n margin-left: 25%;\n }\n\n .col-sm-offset-4 {\n margin-left: 33.33333%;\n }\n\n .col-sm-offset-5 {\n margin-left: 41.66667%;\n }\n\n .col-sm-offset-6 {\n margin-left: 50%;\n }\n\n .col-sm-offset-7 {\n margin-left: 58.33333%;\n }\n\n .col-sm-offset-8 {\n margin-left: 66.66667%;\n }\n\n .col-sm-offset-9 {\n margin-left: 75%;\n }\n\n .col-sm-offset-10 {\n margin-left: 83.33333%;\n }\n\n .col-sm-offset-11 {\n margin-left: 91.66667%;\n }\n\n .col-sm-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 992px) {\n .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {\n float: left;\n }\n\n .col-md-1 {\n width: 8.33333%;\n }\n\n .col-md-2 {\n width: 16.66667%;\n }\n\n .col-md-3 {\n width: 25%;\n }\n\n .col-md-4 {\n width: 33.33333%;\n }\n\n .col-md-5 {\n width: 41.66667%;\n }\n\n .col-md-6 {\n width: 50%;\n }\n\n .col-md-7 {\n width: 58.33333%;\n }\n\n .col-md-8 {\n width: 66.66667%;\n }\n\n .col-md-9 {\n width: 75%;\n }\n\n .col-md-10 {\n width: 83.33333%;\n }\n\n .col-md-11 {\n width: 91.66667%;\n }\n\n .col-md-12 {\n width: 100%;\n }\n\n .col-md-pull-0 {\n right: auto;\n }\n\n .col-md-pull-1 {\n right: 8.33333%;\n }\n\n .col-md-pull-2 {\n right: 16.66667%;\n }\n\n .col-md-pull-3 {\n right: 25%;\n }\n\n .col-md-pull-4 {\n right: 33.33333%;\n }\n\n .col-md-pull-5 {\n right: 41.66667%;\n }\n\n .col-md-pull-6 {\n right: 50%;\n }\n\n .col-md-pull-7 {\n right: 58.33333%;\n }\n\n .col-md-pull-8 {\n right: 66.66667%;\n }\n\n .col-md-pull-9 {\n right: 75%;\n }\n\n .col-md-pull-10 {\n right: 83.33333%;\n }\n\n .col-md-pull-11 {\n right: 91.66667%;\n }\n\n .col-md-pull-12 {\n right: 100%;\n }\n\n .col-md-push-0 {\n left: auto;\n }\n\n .col-md-push-1 {\n left: 8.33333%;\n }\n\n .col-md-push-2 {\n left: 16.66667%;\n }\n\n .col-md-push-3 {\n left: 25%;\n }\n\n .col-md-push-4 {\n left: 33.33333%;\n }\n\n .col-md-push-5 {\n left: 41.66667%;\n }\n\n .col-md-push-6 {\n left: 50%;\n }\n\n .col-md-push-7 {\n left: 58.33333%;\n }\n\n .col-md-push-8 {\n left: 66.66667%;\n }\n\n .col-md-push-9 {\n left: 75%;\n }\n\n .col-md-push-10 {\n left: 83.33333%;\n }\n\n .col-md-push-11 {\n left: 91.66667%;\n }\n\n .col-md-push-12 {\n left: 100%;\n }\n\n .col-md-offset-0 {\n margin-left: 0%;\n }\n\n .col-md-offset-1 {\n margin-left: 8.33333%;\n }\n\n .col-md-offset-2 {\n margin-left: 16.66667%;\n }\n\n .col-md-offset-3 {\n margin-left: 25%;\n }\n\n .col-md-offset-4 {\n margin-left: 33.33333%;\n }\n\n .col-md-offset-5 {\n margin-left: 41.66667%;\n }\n\n .col-md-offset-6 {\n margin-left: 50%;\n }\n\n .col-md-offset-7 {\n margin-left: 58.33333%;\n }\n\n .col-md-offset-8 {\n margin-left: 66.66667%;\n }\n\n .col-md-offset-9 {\n margin-left: 75%;\n }\n\n .col-md-offset-10 {\n margin-left: 83.33333%;\n }\n\n .col-md-offset-11 {\n margin-left: 91.66667%;\n }\n\n .col-md-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 1200px) {\n .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {\n float: left;\n }\n\n .col-lg-1 {\n width: 8.33333%;\n }\n\n .col-lg-2 {\n width: 16.66667%;\n }\n\n .col-lg-3 {\n width: 25%;\n }\n\n .col-lg-4 {\n width: 33.33333%;\n }\n\n .col-lg-5 {\n width: 41.66667%;\n }\n\n .col-lg-6 {\n width: 50%;\n }\n\n .col-lg-7 {\n width: 58.33333%;\n }\n\n .col-lg-8 {\n width: 66.66667%;\n }\n\n .col-lg-9 {\n width: 75%;\n }\n\n .col-lg-10 {\n width: 83.33333%;\n }\n\n .col-lg-11 {\n width: 91.66667%;\n }\n\n .col-lg-12 {\n width: 100%;\n }\n\n .col-lg-pull-0 {\n right: auto;\n }\n\n .col-lg-pull-1 {\n right: 8.33333%;\n }\n\n .col-lg-pull-2 {\n right: 16.66667%;\n }\n\n .col-lg-pull-3 {\n right: 25%;\n }\n\n .col-lg-pull-4 {\n right: 33.33333%;\n }\n\n .col-lg-pull-5 {\n right: 41.66667%;\n }\n\n .col-lg-pull-6 {\n right: 50%;\n }\n\n .col-lg-pull-7 {\n right: 58.33333%;\n }\n\n .col-lg-pull-8 {\n right: 66.66667%;\n }\n\n .col-lg-pull-9 {\n right: 75%;\n }\n\n .col-lg-pull-10 {\n right: 83.33333%;\n }\n\n .col-lg-pull-11 {\n right: 91.66667%;\n }\n\n .col-lg-pull-12 {\n right: 100%;\n }\n\n .col-lg-push-0 {\n left: auto;\n }\n\n .col-lg-push-1 {\n left: 8.33333%;\n }\n\n .col-lg-push-2 {\n left: 16.66667%;\n }\n\n .col-lg-push-3 {\n left: 25%;\n }\n\n .col-lg-push-4 {\n left: 33.33333%;\n }\n\n .col-lg-push-5 {\n left: 41.66667%;\n }\n\n .col-lg-push-6 {\n left: 50%;\n }\n\n .col-lg-push-7 {\n left: 58.33333%;\n }\n\n .col-lg-push-8 {\n left: 66.66667%;\n }\n\n .col-lg-push-9 {\n left: 75%;\n }\n\n .col-lg-push-10 {\n left: 83.33333%;\n }\n\n .col-lg-push-11 {\n left: 91.66667%;\n }\n\n .col-lg-push-12 {\n left: 100%;\n }\n\n .col-lg-offset-0 {\n margin-left: 0%;\n }\n\n .col-lg-offset-1 {\n margin-left: 8.33333%;\n }\n\n .col-lg-offset-2 {\n margin-left: 16.66667%;\n }\n\n .col-lg-offset-3 {\n margin-left: 25%;\n }\n\n .col-lg-offset-4 {\n margin-left: 33.33333%;\n }\n\n .col-lg-offset-5 {\n margin-left: 41.66667%;\n }\n\n .col-lg-offset-6 {\n margin-left: 50%;\n }\n\n .col-lg-offset-7 {\n margin-left: 58.33333%;\n }\n\n .col-lg-offset-8 {\n margin-left: 66.66667%;\n }\n\n .col-lg-offset-9 {\n margin-left: 75%;\n }\n\n .col-lg-offset-10 {\n margin-left: 83.33333%;\n }\n\n .col-lg-offset-11 {\n margin-left: 91.66667%;\n }\n\n .col-lg-offset-12 {\n margin-left: 100%;\n }\n}\ntable {\n background-color: transparent;\n}\n\ncaption {\n padding-top: 8px;\n padding-bottom: 8px;\n color: #777777;\n text-align: left;\n}\n\nth {\n text-align: left;\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 20px;\n}\n.table > thead > tr > th,\n.table > thead > tr > td,\n.table > tbody > tr > th,\n.table > tbody > tr > td,\n.table > tfoot > tr > th,\n.table > tfoot > tr > td {\n padding: 8px;\n line-height: 1.42857;\n vertical-align: top;\n border-top: 1px solid #ddd;\n}\n.table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n}\n.table > caption + thead > tr:first-child > th,\n.table > caption + thead > tr:first-child > td,\n.table > colgroup + thead > tr:first-child > th,\n.table > colgroup + thead > tr:first-child > td,\n.table > thead:first-child > tr:first-child > th,\n.table > thead:first-child > tr:first-child > td {\n border-top: 0;\n}\n.table > tbody + tbody {\n border-top: 2px solid #ddd;\n}\n.table .table {\n background-color: #fff;\n}\n\n.table-condensed > thead > tr > th,\n.table-condensed > thead > tr > td,\n.table-condensed > tbody > tr > th,\n.table-condensed > tbody > tr > td,\n.table-condensed > tfoot > tr > th,\n.table-condensed > tfoot > tr > td {\n padding: 5px;\n}\n\n.table-bordered {\n border: 1px solid #ddd;\n}\n.table-bordered > thead > tr > th,\n.table-bordered > thead > tr > td,\n.table-bordered > tbody > tr > th,\n.table-bordered > tbody > tr > td,\n.table-bordered > tfoot > tr > th,\n.table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n}\n.table-bordered > thead > tr > th,\n.table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n}\n\n.table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #f9f9f9;\n}\n\n.table-hover > tbody > tr:hover {\n background-color: #f5f5f5;\n}\n\ntable col[class*=\"col-\"] {\n position: static;\n float: none;\n display: table-column;\n}\n\ntable td[class*=\"col-\"],\ntable th[class*=\"col-\"] {\n position: static;\n float: none;\n display: table-cell;\n}\n\n.table > thead > tr > td.active,\n.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,\n.table > tbody > tr > td.active,\n.table > tbody > tr > th.active,\n.table > tbody > tr.active > td,\n.table > tbody > tr.active > th,\n.table > tfoot > tr > td.active,\n.table > tfoot > tr > th.active,\n.table > tfoot > tr.active > td,\n.table > tfoot > tr.active > th {\n background-color: #f5f5f5;\n}\n\n.table-hover > tbody > tr > td.active:hover,\n.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 {\n background-color: #e8e8e8;\n}\n\n.table > thead > tr > td.success,\n.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,\n.table > tbody > tr > td.success,\n.table > tbody > tr > th.success,\n.table > tbody > tr.success > td,\n.table > tbody > tr.success > th,\n.table > tfoot > tr > td.success,\n.table > tfoot > tr > th.success,\n.table > tfoot > tr.success > td,\n.table > tfoot > tr.success > th {\n background-color: #dff0d8;\n}\n\n.table-hover > tbody > tr > td.success:hover,\n.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 {\n background-color: #d0e9c6;\n}\n\n.table > thead > tr > td.info,\n.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,\n.table > tbody > tr > td.info,\n.table > tbody > tr > th.info,\n.table > tbody > tr.info > td,\n.table > tbody > tr.info > th,\n.table > tfoot > tr > td.info,\n.table > tfoot > tr > th.info,\n.table > tfoot > tr.info > td,\n.table > tfoot > tr.info > th {\n background-color: #d9edf7;\n}\n\n.table-hover > tbody > tr > td.info:hover,\n.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 {\n background-color: #c4e3f3;\n}\n\n.table > thead > tr > td.warning,\n.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,\n.table > tbody > tr > td.warning,\n.table > tbody > tr > th.warning,\n.table > tbody > tr.warning > td,\n.table > tbody > tr.warning > th,\n.table > tfoot > tr > td.warning,\n.table > tfoot > tr > th.warning,\n.table > tfoot > tr.warning > td,\n.table > tfoot > tr.warning > th {\n background-color: #fcf8e3;\n}\n\n.table-hover > tbody > tr > td.warning:hover,\n.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 {\n background-color: #faf2cc;\n}\n\n.table > thead > tr > td.danger,\n.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,\n.table > tbody > tr > td.danger,\n.table > tbody > tr > th.danger,\n.table > tbody > tr.danger > td,\n.table > tbody > tr.danger > th,\n.table > tfoot > tr > td.danger,\n.table > tfoot > tr > th.danger,\n.table > tfoot > tr.danger > td,\n.table > tfoot > tr.danger > th {\n background-color: #f2dede;\n}\n\n.table-hover > tbody > tr > td.danger:hover,\n.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 {\n background-color: #ebcccc;\n}\n\n.table-responsive {\n overflow-x: auto;\n min-height: 0.01%;\n}\n@media screen and (max-width: 767px) {\n .table-responsive {\n width: 100%;\n margin-bottom: 15px;\n overflow-y: hidden;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid #ddd;\n }\n .table-responsive > .table {\n margin-bottom: 0;\n }\n .table-responsive > .table > thead > tr > th,\n .table-responsive > .table > thead > tr > td,\n .table-responsive > .table > tbody > tr > th,\n .table-responsive > .table > tbody > tr > td,\n .table-responsive > .table > tfoot > tr > th,\n .table-responsive > .table > tfoot > tr > td {\n white-space: nowrap;\n }\n .table-responsive > .table-bordered {\n border: 0;\n }\n .table-responsive > .table-bordered > thead > tr > th:first-child,\n .table-responsive > .table-bordered > thead > tr > td:first-child,\n .table-responsive > .table-bordered > tbody > tr > th:first-child,\n .table-responsive > .table-bordered > tbody > tr > td:first-child,\n .table-responsive > .table-bordered > tfoot > tr > th:first-child,\n .table-responsive > .table-bordered > tfoot > tr > td:first-child {\n border-left: 0;\n }\n .table-responsive > .table-bordered > thead > tr > th:last-child,\n .table-responsive > .table-bordered > thead > tr > td:last-child,\n .table-responsive > .table-bordered > tbody > tr > th:last-child,\n .table-responsive > .table-bordered > tbody > tr > td:last-child,\n .table-responsive > .table-bordered > tfoot > tr > th:last-child,\n .table-responsive > .table-bordered > tfoot > tr > td:last-child {\n border-right: 0;\n }\n .table-responsive > .table-bordered > tbody > tr:last-child > th,\n .table-responsive > .table-bordered > tbody > tr:last-child > td,\n .table-responsive > .table-bordered > tfoot > tr:last-child > th,\n .table-responsive > .table-bordered > tfoot > tr:last-child > td {\n border-bottom: 0;\n }\n}\n\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: 20px;\n font-size: 21px;\n line-height: inherit;\n color: #333333;\n border: 0;\n border-bottom: 1px solid #e5e5e5;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%;\n margin-bottom: 5px;\n font-weight: bold;\n}\n\ninput[type=\"search\"] {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9;\n line-height: normal;\n}\n\ninput[type=\"file\"] {\n display: block;\n}\n\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\nselect[multiple],\nselect[size] {\n height: auto;\n}\n\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n outline: thin dotted;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\noutput {\n display: block;\n padding-top: 11px;\n font-size: 14px;\n line-height: 1.42857;\n color: #555555;\n}\n\n.form-control {\n display: block;\n width: 100%;\n height: 42px;\n padding: 10px 20px;\n font-size: 14px;\n line-height: 1.42857;\n color: #555555;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ccc;\n border-radius: 4px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-control:focus {\n border-color: #66afe9;\n outline: 0;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);\n}\n.form-control::-moz-placeholder {\n color: #999;\n opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n color: #999;\n}\n.form-control::-webkit-input-placeholder {\n color: #999;\n}\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\n background-color: #eeeeee;\n opacity: 1;\n}\n.form-control[disabled], fieldset[disabled] .form-control {\n cursor: not-allowed;\n}\n\ntextarea.form-control {\n height: auto;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n input[type=\"date\"].form-control,\n input[type=\"time\"].form-control,\n input[type=\"datetime-local\"].form-control,\n input[type=\"month\"].form-control {\n line-height: 42px;\n }\n input[type=\"date\"].input-sm, .input-group-sm > input[type=\"date\"].form-control,\n .input-group-sm > input[type=\"date\"].input-group-addon,\n .input-group-sm > .input-group-btn > input[type=\"date\"].btn, .input-group-sm input[type=\"date\"],\n input[type=\"time\"].input-sm,\n .input-group-sm > input[type=\"time\"].form-control,\n .input-group-sm > input[type=\"time\"].input-group-addon,\n .input-group-sm > .input-group-btn > input[type=\"time\"].btn, .input-group-sm\n input[type=\"time\"],\n input[type=\"datetime-local\"].input-sm,\n .input-group-sm > input[type=\"datetime-local\"].form-control,\n .input-group-sm > input[type=\"datetime-local\"].input-group-addon,\n .input-group-sm > .input-group-btn > input[type=\"datetime-local\"].btn, .input-group-sm\n input[type=\"datetime-local\"],\n input[type=\"month\"].input-sm,\n .input-group-sm > input[type=\"month\"].form-control,\n .input-group-sm > input[type=\"month\"].input-group-addon,\n .input-group-sm > .input-group-btn > input[type=\"month\"].btn, .input-group-sm\n input[type=\"month\"] {\n line-height: 30px;\n }\n input[type=\"date\"].input-lg, .input-group-lg > input[type=\"date\"].form-control,\n .input-group-lg > input[type=\"date\"].input-group-addon,\n .input-group-lg > .input-group-btn > input[type=\"date\"].btn, .input-group-lg input[type=\"date\"],\n input[type=\"time\"].input-lg,\n .input-group-lg > input[type=\"time\"].form-control,\n .input-group-lg > input[type=\"time\"].input-group-addon,\n .input-group-lg > .input-group-btn > input[type=\"time\"].btn, .input-group-lg\n input[type=\"time\"],\n input[type=\"datetime-local\"].input-lg,\n .input-group-lg > input[type=\"datetime-local\"].form-control,\n .input-group-lg > input[type=\"datetime-local\"].input-group-addon,\n .input-group-lg > .input-group-btn > input[type=\"datetime-local\"].btn, .input-group-lg\n input[type=\"datetime-local\"],\n input[type=\"month\"].input-lg,\n .input-group-lg > input[type=\"month\"].form-control,\n .input-group-lg > input[type=\"month\"].input-group-addon,\n .input-group-lg > .input-group-btn > input[type=\"month\"].btn, .input-group-lg\n input[type=\"month\"] {\n line-height: 46px;\n }\n}\n.form-group {\n margin-bottom: 15px;\n}\n\n.radio,\n.checkbox {\n position: relative;\n display: block;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n.radio label,\n.checkbox label {\n min-height: 20px;\n padding-left: 20px;\n margin-bottom: 0;\n font-weight: normal;\n cursor: pointer;\n}\n\n.radio input[type=\"radio\"],\n.radio-inline input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline input[type=\"checkbox\"] {\n position: absolute;\n margin-left: -20px;\n margin-top: 4px \\9;\n}\n\n.radio + .radio,\n.checkbox + .checkbox {\n margin-top: -5px;\n}\n\n.radio-inline,\n.checkbox-inline {\n position: relative;\n display: inline-block;\n padding-left: 20px;\n margin-bottom: 0;\n vertical-align: middle;\n font-weight: normal;\n cursor: pointer;\n}\n\n.radio-inline + .radio-inline,\n.checkbox-inline + .checkbox-inline {\n margin-top: 0;\n margin-left: 10px;\n}\n\ninput[type=\"radio\"][disabled], input[type=\"radio\"].disabled, fieldset[disabled] input[type=\"radio\"],\ninput[type=\"checkbox\"][disabled],\ninput[type=\"checkbox\"].disabled, fieldset[disabled]\ninput[type=\"checkbox\"] {\n cursor: not-allowed;\n}\n\n.radio-inline.disabled, fieldset[disabled] .radio-inline,\n.checkbox-inline.disabled, fieldset[disabled]\n.checkbox-inline {\n cursor: not-allowed;\n}\n\n.radio.disabled label, fieldset[disabled] .radio label,\n.checkbox.disabled label, fieldset[disabled]\n.checkbox label {\n cursor: not-allowed;\n}\n\n.form-control-static {\n padding-top: 11px;\n padding-bottom: 11px;\n margin-bottom: 0;\n min-height: 34px;\n}\n.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,\n.input-group-lg > .form-control-static.input-group-addon,\n.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,\n.input-group-sm > .form-control-static.input-group-addon,\n.input-group-sm > .input-group-btn > .form-control-static.btn {\n padding-left: 0;\n padding-right: 0;\n}\n\n.input-sm, .input-group-sm > .form-control,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .btn {\n height: 30px;\n padding: 5px 20px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n\nselect.input-sm, .input-group-sm > select.form-control,\n.input-group-sm > select.input-group-addon,\n.input-group-sm > .input-group-btn > select.btn {\n height: 30px;\n line-height: 30px;\n}\n\ntextarea.input-sm, .input-group-sm > textarea.form-control,\n.input-group-sm > textarea.input-group-addon,\n.input-group-sm > .input-group-btn > textarea.btn,\nselect[multiple].input-sm,\n.input-group-sm > select[multiple].form-control,\n.input-group-sm > select[multiple].input-group-addon,\n.input-group-sm > .input-group-btn > select[multiple].btn {\n height: auto;\n}\n\n.form-group-sm .form-control {\n height: 30px;\n padding: 5px 20px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n.form-group-sm select.form-control {\n height: 30px;\n line-height: 30px;\n}\n.form-group-sm textarea.form-control,\n.form-group-sm select[multiple].form-control {\n height: auto;\n}\n.form-group-sm .form-control-static {\n height: 30px;\n min-height: 32px;\n padding: 6px 20px;\n font-size: 12px;\n line-height: 1.5;\n}\n\n.input-lg, .input-group-lg > .form-control,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .btn {\n height: 46px;\n padding: 10px 20px;\n font-size: 18px;\n line-height: 1.33333;\n border-radius: 6px;\n}\n\nselect.input-lg, .input-group-lg > select.form-control,\n.input-group-lg > select.input-group-addon,\n.input-group-lg > .input-group-btn > select.btn {\n height: 46px;\n line-height: 46px;\n}\n\ntextarea.input-lg, .input-group-lg > textarea.form-control,\n.input-group-lg > textarea.input-group-addon,\n.input-group-lg > .input-group-btn > textarea.btn,\nselect[multiple].input-lg,\n.input-group-lg > select[multiple].form-control,\n.input-group-lg > select[multiple].input-group-addon,\n.input-group-lg > .input-group-btn > select[multiple].btn {\n height: auto;\n}\n\n.form-group-lg .form-control {\n height: 46px;\n padding: 10px 20px;\n font-size: 18px;\n line-height: 1.33333;\n border-radius: 6px;\n}\n.form-group-lg select.form-control {\n height: 46px;\n line-height: 46px;\n}\n.form-group-lg textarea.form-control,\n.form-group-lg select[multiple].form-control {\n height: auto;\n}\n.form-group-lg .form-control-static {\n height: 46px;\n min-height: 38px;\n padding: 11px 20px;\n font-size: 18px;\n line-height: 1.33333;\n}\n\n.has-feedback {\n position: relative;\n}\n.has-feedback .form-control {\n padding-right: 52.5px;\n}\n\n.form-control-feedback {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n display: block;\n width: 42px;\n height: 42px;\n line-height: 42px;\n text-align: center;\n pointer-events: none;\n}\n\n.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,\n.input-group-lg > .input-group-addon + .form-control-feedback,\n.input-group-lg > .input-group-btn > .btn + .form-control-feedback,\n.input-group-lg + .form-control-feedback,\n.form-group-lg .form-control + .form-control-feedback {\n width: 46px;\n height: 46px;\n line-height: 46px;\n}\n\n.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,\n.input-group-sm > .input-group-addon + .form-control-feedback,\n.input-group-sm > .input-group-btn > .btn + .form-control-feedback,\n.input-group-sm + .form-control-feedback,\n.form-group-sm .form-control + .form-control-feedback {\n width: 30px;\n height: 30px;\n line-height: 30px;\n}\n\n.has-success .help-block,\n.has-success .control-label,\n.has-success .radio,\n.has-success .checkbox,\n.has-success .radio-inline,\n.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {\n color: #3c763d;\n}\n.has-success .form-control {\n border-color: #3c763d;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n.has-success .form-control:focus {\n border-color: #2b542c;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;\n}\n.has-success .input-group-addon {\n color: #3c763d;\n border-color: #3c763d;\n background-color: #dff0d8;\n}\n.has-success .form-control-feedback {\n color: #3c763d;\n}\n\n.has-warning .help-block,\n.has-warning .control-label,\n.has-warning .radio,\n.has-warning .checkbox,\n.has-warning .radio-inline,\n.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {\n color: #8a6d3b;\n}\n.has-warning .form-control {\n border-color: #8a6d3b;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n.has-warning .form-control:focus {\n border-color: #66512c;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;\n}\n.has-warning .input-group-addon {\n color: #8a6d3b;\n border-color: #8a6d3b;\n background-color: #fcf8e3;\n}\n.has-warning .form-control-feedback {\n color: #8a6d3b;\n}\n\n.has-error .help-block,\n.has-error .control-label,\n.has-error .radio,\n.has-error .checkbox,\n.has-error .radio-inline,\n.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {\n color: #a94442;\n}\n.has-error .form-control {\n border-color: #a94442;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n}\n.has-error .form-control:focus {\n border-color: #843534;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;\n}\n.has-error .input-group-addon {\n color: #a94442;\n border-color: #a94442;\n background-color: #f2dede;\n}\n.has-error .form-control-feedback {\n color: #a94442;\n}\n\n.has-feedback label ~ .form-control-feedback {\n top: 25px;\n}\n.has-feedback label.sr-only ~ .form-control-feedback {\n top: 0;\n}\n\n.help-block {\n display: block;\n margin-top: 5px;\n margin-bottom: 10px;\n color: #737373;\n}\n\n@media (min-width: 768px) {\n .form-inline .form-group {\n display: inline-block;\n margin-bottom: 0;\n vertical-align: middle;\n }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .form-inline .form-control-static {\n display: inline-block;\n }\n .form-inline .input-group {\n display: inline-table;\n vertical-align: middle;\n }\n .form-inline .input-group .input-group-addon,\n .form-inline .input-group .input-group-btn,\n .form-inline .input-group .form-control {\n width: auto;\n }\n .form-inline .input-group > .form-control {\n width: 100%;\n }\n .form-inline .control-label {\n margin-bottom: 0;\n vertical-align: middle;\n }\n .form-inline .radio,\n .form-inline .checkbox {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 0;\n vertical-align: middle;\n }\n .form-inline .radio label,\n .form-inline .checkbox label {\n padding-left: 0;\n }\n .form-inline .radio input[type=\"radio\"],\n .form-inline .checkbox input[type=\"checkbox\"] {\n position: relative;\n margin-left: 0;\n }\n .form-inline .has-feedback .form-control-feedback {\n top: 0;\n }\n}\n\n.form-horizontal .radio,\n.form-horizontal .checkbox,\n.form-horizontal .radio-inline,\n.form-horizontal .checkbox-inline {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 11px;\n}\n.form-horizontal .radio,\n.form-horizontal .checkbox {\n min-height: 31px;\n}\n.form-horizontal .form-group {\n margin-left: -15px;\n margin-right: -15px;\n}\n.form-horizontal .form-group:before, .form-horizontal .form-group:after {\n content: \" \";\n display: table;\n}\n.form-horizontal .form-group:after {\n clear: both;\n}\n@media (min-width: 768px) {\n .form-horizontal .control-label {\n text-align: right;\n margin-bottom: 0;\n padding-top: 11px;\n }\n}\n.form-horizontal .has-feedback .form-control-feedback {\n right: 15px;\n}\n@media (min-width: 768px) {\n .form-horizontal .form-group-lg .control-label {\n padding-top: 14.33333px;\n font-size: 18px;\n }\n}\n@media (min-width: 768px) {\n .form-horizontal .form-group-sm .control-label {\n padding-top: 6px;\n font-size: 12px;\n }\n}\n\n.btn {\n display: inline-block;\n margin-bottom: 0;\n font-weight: normal;\n text-align: center;\n vertical-align: middle;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n padding: 10px 20px;\n font-size: 14px;\n line-height: 1.42857;\n border-radius: 4px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {\n outline: thin dotted;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n.btn:hover, .btn:focus, .btn.focus {\n color: #333;\n text-decoration: none;\n}\n.btn:active, .btn.active {\n outline: 0;\n background-image: none;\n -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.btn.disabled, .btn[disabled], fieldset[disabled] .btn {\n cursor: not-allowed;\n opacity: 0.65;\n filter: alpha(opacity=65);\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\na.btn.disabled, fieldset[disabled] a.btn {\n pointer-events: none;\n}\n\n.btn-default {\n color: #333;\n background-color: #fff;\n border-color: #ccc;\n}\n.btn-default:focus, .btn-default.focus {\n color: #333;\n background-color: #e6e6e6;\n border-color: #8c8c8c;\n}\n.btn-default:hover {\n color: #333;\n background-color: #e6e6e6;\n border-color: #adadad;\n}\n.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {\n color: #333;\n background-color: #e6e6e6;\n border-color: #adadad;\n}\n.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {\n color: #333;\n background-color: #d4d4d4;\n border-color: #8c8c8c;\n}\n.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {\n background-image: none;\n}\n.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {\n background-color: #fff;\n border-color: #ccc;\n}\n.btn-default .badge {\n color: #fff;\n background-color: #333;\n}\n\n.btn-primary {\n color: #fff;\n background-color: #337ab7;\n border-color: #2e6da4;\n}\n.btn-primary:focus, .btn-primary.focus {\n color: #fff;\n background-color: #286090;\n border-color: #122b40;\n}\n.btn-primary:hover {\n color: #fff;\n background-color: #286090;\n border-color: #204d74;\n}\n.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #286090;\n border-color: #204d74;\n}\n.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {\n color: #fff;\n background-color: #204d74;\n border-color: #122b40;\n}\n.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {\n background-image: none;\n}\n.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {\n background-color: #337ab7;\n border-color: #2e6da4;\n}\n.btn-primary .badge {\n color: #337ab7;\n background-color: #fff;\n}\n\n.btn-success {\n color: #fff;\n background-color: #5cb85c;\n border-color: #4cae4c;\n}\n.btn-success:focus, .btn-success.focus {\n color: #fff;\n background-color: #449d44;\n border-color: #255625;\n}\n.btn-success:hover {\n color: #fff;\n background-color: #449d44;\n border-color: #398439;\n}\n.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #449d44;\n border-color: #398439;\n}\n.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {\n color: #fff;\n background-color: #398439;\n border-color: #255625;\n}\n.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {\n background-image: none;\n}\n.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {\n background-color: #5cb85c;\n border-color: #4cae4c;\n}\n.btn-success .badge {\n color: #5cb85c;\n background-color: #fff;\n}\n\n.btn-info {\n color: #fff;\n background-color: #5bc0de;\n border-color: #46b8da;\n}\n.btn-info:focus, .btn-info.focus {\n color: #fff;\n background-color: #31b0d5;\n border-color: #1b6d85;\n}\n.btn-info:hover {\n color: #fff;\n background-color: #31b0d5;\n border-color: #269abc;\n}\n.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {\n color: #fff;\n background-color: #31b0d5;\n border-color: #269abc;\n}\n.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {\n color: #fff;\n background-color: #269abc;\n border-color: #1b6d85;\n}\n.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {\n background-image: none;\n}\n.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {\n background-color: #5bc0de;\n border-color: #46b8da;\n}\n.btn-info .badge {\n color: #5bc0de;\n background-color: #fff;\n}\n\n.btn-warning {\n color: #fff;\n background-color: #f0ad4e;\n border-color: #eea236;\n}\n.btn-warning:focus, .btn-warning.focus {\n color: #fff;\n background-color: #ec971f;\n border-color: #985f0d;\n}\n.btn-warning:hover {\n color: #fff;\n background-color: #ec971f;\n border-color: #d58512;\n}\n.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {\n color: #fff;\n background-color: #ec971f;\n border-color: #d58512;\n}\n.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {\n color: #fff;\n background-color: #d58512;\n border-color: #985f0d;\n}\n.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {\n background-image: none;\n}\n.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {\n background-color: #f0ad4e;\n border-color: #eea236;\n}\n.btn-warning .badge {\n color: #f0ad4e;\n background-color: #fff;\n}\n\n.btn-danger {\n color: #fff;\n background-color: #d9534f;\n border-color: #d43f3a;\n}\n.btn-danger:focus, .btn-danger.focus {\n color: #fff;\n background-color: #c9302c;\n border-color: #761c19;\n}\n.btn-danger:hover {\n color: #fff;\n background-color: #c9302c;\n border-color: #ac2925;\n}\n.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #c9302c;\n border-color: #ac2925;\n}\n.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {\n color: #fff;\n background-color: #ac2925;\n border-color: #761c19;\n}\n.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {\n background-image: none;\n}\n.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {\n background-color: #d9534f;\n border-color: #d43f3a;\n}\n.btn-danger .badge {\n color: #d9534f;\n background-color: #fff;\n}\n\n.btn-link {\n color: #337ab7;\n font-weight: normal;\n border-radius: 0;\n}\n.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {\n background-color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {\n border-color: transparent;\n}\n.btn-link:hover, .btn-link:focus {\n color: #23527c;\n text-decoration: underline;\n background-color: transparent;\n}\n.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {\n color: #777777;\n text-decoration: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 10px 20px;\n font-size: 18px;\n line-height: 1.33333;\n border-radius: 6px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 5px 20px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n\n.btn-xs, .btn-group-xs > .btn {\n padding: 1px 5px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 5px;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.fade {\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n -o-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n}\n.fade.in {\n opacity: 1;\n}\n\n.collapse {\n display: none;\n}\n.collapse.in {\n display: block;\n}\n\ntr.collapse.in {\n display: table-row;\n}\n\ntbody.collapse.in {\n display: table-row-group;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease;\n}\n\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 2px;\n vertical-align: middle;\n border-top: 4px dashed;\n border-top: 4px solid \\9;\n border-right: 4px solid transparent;\n border-left: 4px solid transparent;\n}\n\n.dropup,\n.dropdown {\n position: relative;\n}\n\n.dropdown-toggle:focus {\n outline: 0;\n}\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0;\n list-style: none;\n font-size: 14px;\n text-align: left;\n background-color: #fff;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n background-clip: padding-box;\n}\n.dropdown-menu.pull-right {\n right: 0;\n left: auto;\n}\n.dropdown-menu .divider {\n height: 1px;\n margin: 9px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n}\n.dropdown-menu > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: 1.42857;\n color: #333333;\n white-space: nowrap;\n}\n\n.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {\n text-decoration: none;\n color: #262626;\n background-color: #f5f5f5;\n}\n\n.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {\n color: #fff;\n text-decoration: none;\n outline: 0;\n background-color: #337ab7;\n}\n\n.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {\n color: #777777;\n}\n.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {\n text-decoration: none;\n background-color: transparent;\n background-image: none;\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);\n cursor: not-allowed;\n}\n\n.open > .dropdown-menu {\n display: block;\n}\n.open > a {\n outline: 0;\n}\n\n.dropdown-menu-right {\n left: auto;\n right: 0;\n}\n\n.dropdown-menu-left {\n left: 0;\n right: auto;\n}\n\n.dropdown-header {\n display: block;\n padding: 3px 20px;\n font-size: 12px;\n line-height: 1.42857;\n color: #777777;\n white-space: nowrap;\n}\n\n.dropdown-backdrop {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n z-index: 990;\n}\n\n.pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n\n.dropup .caret,\n.navbar-fixed-bottom .dropdown .caret {\n border-top: 0;\n border-bottom: 4px dashed;\n border-bottom: 4px solid \\9;\n content: \"\";\n}\n.dropup .dropdown-menu,\n.navbar-fixed-bottom .dropdown .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 2px;\n}\n\n@media (min-width: 768px) {\n .navbar-right .dropdown-menu {\n right: 0;\n left: auto;\n }\n .navbar-right .dropdown-menu-left {\n left: 0;\n right: auto;\n }\n}\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n float: left;\n}\n.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:hover,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 2;\n}\n\n.btn-group .btn + .btn,\n.btn-group .btn + .btn-group,\n.btn-group .btn-group + .btn,\n.btn-group .btn-group + .btn-group {\n margin-left: -1px;\n}\n\n.btn-toolbar {\n margin-left: -5px;\n}\n.btn-toolbar:before, .btn-toolbar:after {\n content: \" \";\n display: table;\n}\n.btn-toolbar:after {\n clear: both;\n}\n.btn-toolbar .btn,\n.btn-toolbar .btn-group,\n.btn-toolbar .input-group {\n float: left;\n}\n.btn-toolbar > .btn,\n.btn-toolbar > .btn-group,\n.btn-toolbar > .input-group {\n margin-left: 5px;\n}\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {\n border-radius: 0;\n}\n\n.btn-group > .btn:first-child {\n margin-left: 0;\n}\n.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n\n.btn-group > .btn-group {\n float: left;\n}\n\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n\n.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,\n.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0;\n}\n\n.btn-group > .btn + .dropdown-toggle {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n.btn-group.open .dropdown-toggle {\n -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.btn-group.open .dropdown-toggle.btn-link {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n.btn .caret {\n margin-left: 0;\n}\n\n.btn-lg .caret, .btn-group-lg > .btn .caret {\n border-width: 5px 5px 0;\n border-bottom-width: 0;\n}\n\n.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {\n border-width: 0 5px 5px;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group,\n.btn-group-vertical > .btn-group > .btn {\n display: block;\n float: none;\n width: 100%;\n max-width: 100%;\n}\n.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {\n content: \" \";\n display: table;\n}\n.btn-group-vertical > .btn-group:after {\n clear: both;\n}\n.btn-group-vertical > .btn-group > .btn {\n float: none;\n}\n.btn-group-vertical > .btn + .btn,\n.btn-group-vertical > .btn + .btn-group,\n.btn-group-vertical > .btn-group + .btn,\n.btn-group-vertical > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child):not(:last-child) {\n border-radius: 0;\n}\n.btn-group-vertical > .btn:first-child:not(:last-child) {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.btn-group-vertical > .btn:last-child:not(:first-child) {\n border-bottom-left-radius: 4px;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n\n.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,\n.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n\n.btn-group-justified {\n display: table;\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n}\n.btn-group-justified > .btn,\n.btn-group-justified > .btn-group {\n float: none;\n display: table-cell;\n width: 1%;\n}\n.btn-group-justified > .btn-group .btn {\n width: 100%;\n}\n.btn-group-justified > .btn-group .dropdown-menu {\n left: auto;\n}\n\n[data-toggle=\"buttons\"] > .btn input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn input[type=\"checkbox\"],\n[data-toggle=\"buttons\"] > .btn-group > .btn input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.input-group {\n position: relative;\n display: table;\n border-collapse: separate;\n}\n.input-group[class*=\"col-\"] {\n float: none;\n padding-left: 0;\n padding-right: 0;\n}\n.input-group .form-control {\n position: relative;\n z-index: 2;\n float: left;\n width: 100%;\n margin-bottom: 0;\n}\n\n.input-group-addon,\n.input-group-btn,\n.input-group .form-control {\n display: table-cell;\n}\n.input-group-addon:not(:first-child):not(:last-child),\n.input-group-btn:not(:first-child):not(:last-child),\n.input-group .form-control:not(:first-child):not(:last-child) {\n border-radius: 0;\n}\n\n.input-group-addon,\n.input-group-btn {\n width: 1%;\n white-space: nowrap;\n vertical-align: middle;\n}\n\n.input-group-addon {\n padding: 10px 20px;\n font-size: 14px;\n font-weight: normal;\n line-height: 1;\n color: #555555;\n text-align: center;\n background-color: #eeeeee;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n.input-group-addon.input-sm,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .input-group-addon.btn {\n padding: 5px 20px;\n font-size: 12px;\n border-radius: 3px;\n}\n.input-group-addon.input-lg,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .input-group-addon.btn {\n padding: 10px 20px;\n font-size: 18px;\n border-radius: 6px;\n}\n.input-group-addon input[type=\"radio\"],\n.input-group-addon input[type=\"checkbox\"] {\n margin-top: 0;\n}\n\n.input-group .form-control:first-child,\n.input-group-addon:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.input-group-addon:first-child {\n border-right: 0;\n}\n\n.input-group .form-control:last-child,\n.input-group-addon:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n\n.input-group-addon:last-child {\n border-left: 0;\n}\n\n.input-group-btn {\n position: relative;\n font-size: 0;\n white-space: nowrap;\n}\n.input-group-btn > .btn {\n position: relative;\n}\n.input-group-btn > .btn + .btn {\n margin-left: -1px;\n}\n.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {\n z-index: 2;\n}\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group {\n margin-right: -1px;\n}\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group {\n z-index: 2;\n margin-left: -1px;\n}\n\n.nav {\n margin-bottom: 0;\n padding-left: 0;\n list-style: none;\n}\n.nav:before, .nav:after {\n content: \" \";\n display: table;\n}\n.nav:after {\n clear: both;\n}\n.nav > li {\n position: relative;\n display: block;\n}\n.nav > li > a {\n position: relative;\n display: block;\n padding: 10px 15px;\n}\n.nav > li > a:hover, .nav > li > a:focus {\n text-decoration: none;\n background-color: #eeeeee;\n}\n.nav > li.disabled > a {\n color: #777777;\n}\n.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {\n color: #777777;\n text-decoration: none;\n background-color: transparent;\n cursor: not-allowed;\n}\n.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {\n background-color: #eeeeee;\n border-color: #337ab7;\n}\n.nav .nav-divider {\n height: 1px;\n margin: 9px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n}\n.nav > li > a > img {\n max-width: none;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #ddd;\n}\n.nav-tabs > li {\n float: left;\n margin-bottom: -1px;\n}\n.nav-tabs > li > a {\n margin-right: 2px;\n line-height: 1.42857;\n border: 1px solid transparent;\n border-radius: 4px 4px 0 0;\n}\n.nav-tabs > li > a:hover {\n border-color: #eeeeee #eeeeee #ddd;\n}\n.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {\n color: #555555;\n background-color: #fff;\n border: 1px solid #ddd;\n border-bottom-color: transparent;\n cursor: default;\n}\n\n.nav-pills > li {\n float: left;\n}\n.nav-pills > li > a {\n border-radius: 4px;\n}\n.nav-pills > li + li {\n margin-left: 2px;\n}\n.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {\n color: #fff;\n background-color: #337ab7;\n}\n\n.nav-stacked > li {\n float: none;\n}\n.nav-stacked > li + li {\n margin-top: 2px;\n margin-left: 0;\n}\n\n.nav-justified, .nav-tabs.nav-justified {\n width: 100%;\n}\n.nav-justified > li, .nav-tabs.nav-justified > li {\n float: none;\n}\n.nav-justified > li > a, .nav-tabs.nav-justified > li > a {\n text-align: center;\n margin-bottom: 5px;\n}\n.nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n}\n@media (min-width: 768px) {\n .nav-justified > li, .nav-tabs.nav-justified > li {\n display: table-cell;\n width: 1%;\n }\n .nav-justified > li > a, .nav-tabs.nav-justified > li > a {\n margin-bottom: 0;\n }\n}\n\n.nav-tabs-justified, .nav-tabs.nav-justified {\n border-bottom: 0;\n}\n.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {\n margin-right: 0;\n border-radius: 4px;\n}\n.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,\n.nav-tabs-justified > .active > a:hover,\n.nav-tabs.nav-justified > .active > a:hover,\n.nav-tabs-justified > .active > a:focus,\n.nav-tabs.nav-justified > .active > a:focus {\n border: 1px solid #ddd;\n}\n@media (min-width: 768px) {\n .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {\n border-bottom: 1px solid #ddd;\n border-radius: 4px 4px 0 0;\n }\n .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,\n .nav-tabs-justified > .active > a:hover,\n .nav-tabs.nav-justified > .active > a:hover,\n .nav-tabs-justified > .active > a:focus,\n .nav-tabs.nav-justified > .active > a:focus {\n border-bottom-color: #fff;\n }\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n.tab-content > .active {\n display: block;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n\n.navbar {\n position: relative;\n min-height: 55px;\n margin-bottom: 20px;\n border: 1px solid transparent;\n}\n.navbar:before, .navbar:after {\n content: \" \";\n display: table;\n}\n.navbar:after {\n clear: both;\n}\n@media (min-width: 768px) {\n .navbar {\n border-radius: 4px;\n }\n}\n\n.navbar-header:before, .navbar-header:after {\n content: \" \";\n display: table;\n}\n.navbar-header:after {\n clear: both;\n}\n@media (min-width: 768px) {\n .navbar-header {\n float: left;\n }\n}\n\n.navbar-collapse {\n overflow-x: visible;\n padding-right: 15px;\n padding-left: 15px;\n border-top: 1px solid transparent;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);\n -webkit-overflow-scrolling: touch;\n}\n.navbar-collapse:before, .navbar-collapse:after {\n content: \" \";\n display: table;\n}\n.navbar-collapse:after {\n clear: both;\n}\n.navbar-collapse.in {\n overflow-y: auto;\n}\n@media (min-width: 768px) {\n .navbar-collapse {\n width: auto;\n border-top: 0;\n box-shadow: none;\n }\n .navbar-collapse.collapse {\n display: block !important;\n height: auto !important;\n padding-bottom: 0;\n overflow: visible !important;\n }\n .navbar-collapse.in {\n overflow-y: visible;\n }\n .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n.navbar-fixed-top .navbar-collapse,\n.navbar-fixed-bottom .navbar-collapse {\n max-height: 340px;\n}\n@media (max-device-width: 480px) and (orientation: landscape) {\n .navbar-fixed-top .navbar-collapse,\n .navbar-fixed-bottom .navbar-collapse {\n max-height: 200px;\n }\n}\n\n.container > .navbar-header,\n.container > .navbar-collapse,\n.container-fluid > .navbar-header,\n.container-fluid > .navbar-collapse {\n margin-right: -15px;\n margin-left: -15px;\n}\n@media (min-width: 768px) {\n .container > .navbar-header,\n .container > .navbar-collapse,\n .container-fluid > .navbar-header,\n .container-fluid > .navbar-collapse {\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n.navbar-static-top {\n z-index: 1000;\n border-width: 0 0 1px;\n}\n@media (min-width: 768px) {\n .navbar-static-top {\n border-radius: 0;\n }\n}\n\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n position: fixed;\n right: 0;\n left: 0;\n z-index: 1030;\n}\n@media (min-width: 768px) {\n .navbar-fixed-top,\n .navbar-fixed-bottom {\n border-radius: 0;\n }\n}\n\n.navbar-fixed-top {\n top: 0;\n border-width: 0 0 1px;\n}\n\n.navbar-fixed-bottom {\n bottom: 0;\n margin-bottom: 0;\n border-width: 1px 0 0;\n}\n\n.navbar-brand {\n float: left;\n padding: 17.5px 15px;\n font-size: 18px;\n line-height: 20px;\n height: 55px;\n}\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n.navbar-brand > img {\n display: block;\n}\n@media (min-width: 768px) {\n .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {\n margin-left: -15px;\n }\n}\n\n.navbar-toggle {\n position: relative;\n float: right;\n margin-right: 15px;\n padding: 9px 10px;\n margin-top: 10.5px;\n margin-bottom: 10.5px;\n background-color: transparent;\n background-image: none;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n.navbar-toggle:focus {\n outline: 0;\n}\n.navbar-toggle .icon-bar {\n display: block;\n width: 22px;\n height: 2px;\n border-radius: 1px;\n}\n.navbar-toggle .icon-bar + .icon-bar {\n margin-top: 4px;\n}\n@media (min-width: 768px) {\n .navbar-toggle {\n display: none;\n }\n}\n\n.navbar-nav {\n margin: 8.75px -15px;\n}\n.navbar-nav > li > a {\n padding-top: 10px;\n padding-bottom: 10px;\n line-height: 20px;\n}\n@media (max-width: 767px) {\n .navbar-nav .open .dropdown-menu {\n position: static;\n float: none;\n width: auto;\n margin-top: 0;\n background-color: transparent;\n border: 0;\n box-shadow: none;\n }\n .navbar-nav .open .dropdown-menu > li > a,\n .navbar-nav .open .dropdown-menu .dropdown-header {\n padding: 5px 15px 5px 25px;\n }\n .navbar-nav .open .dropdown-menu > li > a {\n line-height: 20px;\n }\n .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {\n background-image: none;\n }\n}\n@media (min-width: 768px) {\n .navbar-nav {\n float: left;\n margin: 0;\n }\n .navbar-nav > li {\n float: left;\n }\n .navbar-nav > li > a {\n padding-top: 17.5px;\n padding-bottom: 17.5px;\n }\n}\n\n.navbar-form {\n margin-left: -15px;\n margin-right: -15px;\n padding: 10px 15px;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);\n margin-top: 6.5px;\n margin-bottom: 6.5px;\n}\n@media (min-width: 768px) {\n .navbar-form .form-group {\n display: inline-block;\n margin-bottom: 0;\n vertical-align: middle;\n }\n .navbar-form .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .navbar-form .form-control-static {\n display: inline-block;\n }\n .navbar-form .input-group {\n display: inline-table;\n vertical-align: middle;\n }\n .navbar-form .input-group .input-group-addon,\n .navbar-form .input-group .input-group-btn,\n .navbar-form .input-group .form-control {\n width: auto;\n }\n .navbar-form .input-group > .form-control {\n width: 100%;\n }\n .navbar-form .control-label {\n margin-bottom: 0;\n vertical-align: middle;\n }\n .navbar-form .radio,\n .navbar-form .checkbox {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 0;\n vertical-align: middle;\n }\n .navbar-form .radio label,\n .navbar-form .checkbox label {\n padding-left: 0;\n }\n .navbar-form .radio input[type=\"radio\"],\n .navbar-form .checkbox input[type=\"checkbox\"] {\n position: relative;\n margin-left: 0;\n }\n .navbar-form .has-feedback .form-control-feedback {\n top: 0;\n }\n}\n@media (max-width: 767px) {\n .navbar-form .form-group {\n margin-bottom: 5px;\n }\n .navbar-form .form-group:last-child {\n margin-bottom: 0;\n }\n}\n@media (min-width: 768px) {\n .navbar-form {\n width: auto;\n border: 0;\n margin-left: 0;\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n}\n\n.navbar-nav > li > .dropdown-menu {\n margin-top: 0;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n\n.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {\n margin-bottom: 0;\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.navbar-btn {\n margin-top: 6.5px;\n margin-bottom: 6.5px;\n}\n.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {\n margin-top: 12.5px;\n margin-bottom: 12.5px;\n}\n.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {\n margin-top: 16.5px;\n margin-bottom: 16.5px;\n}\n\n.navbar-text {\n margin-top: 17.5px;\n margin-bottom: 17.5px;\n}\n@media (min-width: 768px) {\n .navbar-text {\n float: left;\n margin-left: 15px;\n margin-right: 15px;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-left {\n float: left !important;\n }\n\n .navbar-right {\n float: right !important;\n margin-right: -15px;\n }\n .navbar-right ~ .navbar-right {\n margin-right: 0;\n }\n}\n.navbar-default {\n background-color: #f8f8f8;\n border-color: #e7e7e7;\n}\n.navbar-default .navbar-brand {\n color: #777;\n}\n.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {\n color: #5e5e5e;\n background-color: transparent;\n}\n.navbar-default .navbar-text {\n color: #777;\n}\n.navbar-default .navbar-nav > li > a {\n color: #777;\n}\n.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {\n color: #333;\n background-color: transparent;\n}\n.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {\n color: #555;\n background-color: #e7e7e7;\n}\n.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {\n color: #ccc;\n background-color: transparent;\n}\n.navbar-default .navbar-toggle {\n border-color: #ddd;\n}\n.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {\n background-color: #ddd;\n}\n.navbar-default .navbar-toggle .icon-bar {\n background-color: #888;\n}\n.navbar-default .navbar-collapse,\n.navbar-default .navbar-form {\n border-color: #e7e7e7;\n}\n.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {\n background-color: #e7e7e7;\n color: #555;\n}\n@media (max-width: 767px) {\n .navbar-default .navbar-nav .open .dropdown-menu > li > a {\n color: #777;\n }\n .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {\n color: #333;\n background-color: transparent;\n }\n .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {\n color: #555;\n background-color: #e7e7e7;\n }\n .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {\n color: #ccc;\n background-color: transparent;\n }\n}\n.navbar-default .navbar-link {\n color: #777;\n}\n.navbar-default .navbar-link:hover {\n color: #333;\n}\n.navbar-default .btn-link {\n color: #777;\n}\n.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {\n color: #333;\n}\n.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {\n color: #ccc;\n}\n\n.navbar-inverse {\n background-color: #222;\n border-color: #090909;\n}\n.navbar-inverse .navbar-brand {\n color: #9d9d9d;\n}\n.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {\n color: #fff;\n background-color: transparent;\n}\n.navbar-inverse .navbar-text {\n color: #9d9d9d;\n}\n.navbar-inverse .navbar-nav > li > a {\n color: #9d9d9d;\n}\n.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {\n color: #fff;\n background-color: transparent;\n}\n.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {\n color: #fff;\n background-color: #090909;\n}\n.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {\n color: #444;\n background-color: transparent;\n}\n.navbar-inverse .navbar-toggle {\n border-color: #333;\n}\n.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {\n background-color: #333;\n}\n.navbar-inverse .navbar-toggle .icon-bar {\n background-color: #fff;\n}\n.navbar-inverse .navbar-collapse,\n.navbar-inverse .navbar-form {\n border-color: #101010;\n}\n.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {\n background-color: #090909;\n color: #fff;\n}\n@media (max-width: 767px) {\n .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {\n border-color: #090909;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu .divider {\n background-color: #090909;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {\n color: #9d9d9d;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {\n color: #fff;\n background-color: transparent;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {\n color: #fff;\n background-color: #090909;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {\n color: #444;\n background-color: transparent;\n }\n}\n.navbar-inverse .navbar-link {\n color: #9d9d9d;\n}\n.navbar-inverse .navbar-link:hover {\n color: #fff;\n}\n.navbar-inverse .btn-link {\n color: #9d9d9d;\n}\n.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {\n color: #fff;\n}\n.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {\n color: #444;\n}\n\n.breadcrumb {\n padding: 8px 15px;\n margin-bottom: 20px;\n list-style: none;\n background-color: #f5f5f5;\n border-radius: 4px;\n}\n.breadcrumb > li {\n display: inline-block;\n}\n.breadcrumb > li + li:before {\n content: \"/ \";\n padding: 0 5px;\n color: #ccc;\n}\n.breadcrumb > .active {\n color: #777777;\n}\n\n.pagination {\n display: inline-block;\n padding-left: 0;\n margin: 20px 0;\n border-radius: 4px;\n}\n.pagination > li {\n display: inline;\n}\n.pagination > li > a,\n.pagination > li > span {\n position: relative;\n float: left;\n padding: 10px 20px;\n line-height: 1.42857;\n text-decoration: none;\n color: #337ab7;\n background-color: #fff;\n border: 1px solid #ddd;\n margin-left: -1px;\n}\n.pagination > li:first-child > a,\n.pagination > li:first-child > span {\n margin-left: 0;\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n}\n.pagination > li:last-child > a,\n.pagination > li:last-child > span {\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px;\n}\n.pagination > li > a:hover, .pagination > li > a:focus,\n.pagination > li > span:hover,\n.pagination > li > span:focus {\n z-index: 3;\n color: #23527c;\n background-color: #eeeeee;\n border-color: #ddd;\n}\n.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,\n.pagination > .active > span,\n.pagination > .active > span:hover,\n.pagination > .active > span:focus {\n z-index: 2;\n color: #fff;\n background-color: #337ab7;\n border-color: #337ab7;\n cursor: default;\n}\n.pagination > .disabled > span,\n.pagination > .disabled > span:hover,\n.pagination > .disabled > span:focus,\n.pagination > .disabled > a,\n.pagination > .disabled > a:hover,\n.pagination > .disabled > a:focus {\n color: #777777;\n background-color: #fff;\n border-color: #ddd;\n cursor: not-allowed;\n}\n\n.pagination-lg > li > a,\n.pagination-lg > li > span {\n padding: 10px 20px;\n font-size: 18px;\n line-height: 1.33333;\n}\n.pagination-lg > li:first-child > a,\n.pagination-lg > li:first-child > span {\n border-bottom-left-radius: 6px;\n border-top-left-radius: 6px;\n}\n.pagination-lg > li:last-child > a,\n.pagination-lg > li:last-child > span {\n border-bottom-right-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.pagination-sm > li > a,\n.pagination-sm > li > span {\n padding: 5px 20px;\n font-size: 12px;\n line-height: 1.5;\n}\n.pagination-sm > li:first-child > a,\n.pagination-sm > li:first-child > span {\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n}\n.pagination-sm > li:last-child > a,\n.pagination-sm > li:last-child > span {\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.pager {\n padding-left: 0;\n margin: 20px 0;\n list-style: none;\n text-align: center;\n}\n.pager:before, .pager:after {\n content: \" \";\n display: table;\n}\n.pager:after {\n clear: both;\n}\n.pager li {\n display: inline;\n}\n.pager li > a,\n.pager li > span {\n display: inline-block;\n padding: 5px 14px;\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 15px;\n}\n.pager li > a:hover,\n.pager li > a:focus {\n text-decoration: none;\n background-color: #eeeeee;\n}\n.pager .next > a,\n.pager .next > span {\n float: right;\n}\n.pager .previous > a,\n.pager .previous > span {\n float: left;\n}\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n color: #777777;\n background-color: #fff;\n cursor: not-allowed;\n}\n\n.label {\n display: inline;\n padding: .2em .6em .3em;\n font-size: 75%;\n font-weight: bold;\n line-height: 1;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: .25em;\n}\n.label:empty {\n display: none;\n}\n.btn .label {\n position: relative;\n top: -1px;\n}\n\na.label:hover, a.label:focus {\n color: #fff;\n text-decoration: none;\n cursor: pointer;\n}\n\n.label-default {\n background-color: #777777;\n}\n.label-default[href]:hover, .label-default[href]:focus {\n background-color: #5e5e5e;\n}\n\n.label-primary {\n background-color: #337ab7;\n}\n.label-primary[href]:hover, .label-primary[href]:focus {\n background-color: #286090;\n}\n\n.label-success {\n background-color: #5cb85c;\n}\n.label-success[href]:hover, .label-success[href]:focus {\n background-color: #449d44;\n}\n\n.label-info {\n background-color: #5bc0de;\n}\n.label-info[href]:hover, .label-info[href]:focus {\n background-color: #31b0d5;\n}\n\n.label-warning {\n background-color: #f0ad4e;\n}\n.label-warning[href]:hover, .label-warning[href]:focus {\n background-color: #ec971f;\n}\n\n.label-danger {\n background-color: #d9534f;\n}\n.label-danger[href]:hover, .label-danger[href]:focus {\n background-color: #c9302c;\n}\n\n.badge {\n display: inline-block;\n min-width: 10px;\n padding: 3px 7px;\n font-size: 12px;\n font-weight: bold;\n color: #fff;\n line-height: 1;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n background-color: #777777;\n border-radius: 10px;\n}\n.badge:empty {\n display: none;\n}\n.btn .badge {\n position: relative;\n top: -1px;\n}\n.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {\n top: 0;\n padding: 1px 5px;\n}\n.list-group-item.active > .badge, .nav-pills > .active > a > .badge {\n color: #337ab7;\n background-color: #fff;\n}\n.list-group-item > .badge {\n float: right;\n}\n.list-group-item > .badge + .badge {\n margin-right: 5px;\n}\n.nav-pills > li > a > .badge {\n margin-left: 3px;\n}\n\na.badge:hover, a.badge:focus {\n color: #fff;\n text-decoration: none;\n cursor: pointer;\n}\n\n.jumbotron {\n padding-top: 30px;\n padding-bottom: 30px;\n margin-bottom: 30px;\n color: inherit;\n background-color: #eeeeee;\n}\n.jumbotron h1,\n.jumbotron .h1 {\n color: inherit;\n}\n.jumbotron p {\n margin-bottom: 15px;\n font-size: 21px;\n font-weight: 200;\n}\n.jumbotron > hr {\n border-top-color: #d5d5d5;\n}\n.container .jumbotron, .container-fluid .jumbotron {\n border-radius: 6px;\n}\n.jumbotron .container {\n max-width: 100%;\n}\n@media screen and (min-width: 768px) {\n .jumbotron {\n padding-top: 48px;\n padding-bottom: 48px;\n }\n .container .jumbotron, .container-fluid .jumbotron {\n padding-left: 60px;\n padding-right: 60px;\n }\n .jumbotron h1,\n .jumbotron .h1 {\n font-size: 63px;\n }\n}\n\n.thumbnail {\n display: block;\n padding: 4px;\n margin-bottom: 20px;\n line-height: 1.42857;\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 4px;\n -webkit-transition: border 0.2s ease-in-out;\n -o-transition: border 0.2s ease-in-out;\n transition: border 0.2s ease-in-out;\n}\n.thumbnail > img,\n.thumbnail a > img {\n display: block;\n max-width: 100%;\n height: auto;\n margin-left: auto;\n margin-right: auto;\n}\n.thumbnail .caption {\n padding: 9px;\n color: #333333;\n}\n\na.thumbnail:hover,\na.thumbnail:focus,\na.thumbnail.active {\n border-color: #337ab7;\n}\n\n.alert {\n padding: 15px;\n margin-bottom: 20px;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n.alert h4 {\n margin-top: 0;\n color: inherit;\n}\n.alert .alert-link {\n font-weight: bold;\n}\n.alert > p,\n.alert > ul {\n margin-bottom: 0;\n}\n.alert > p + p {\n margin-top: 5px;\n}\n\n.alert-dismissable,\n.alert-dismissible {\n padding-right: 35px;\n}\n.alert-dismissable .close,\n.alert-dismissible .close {\n position: relative;\n top: -2px;\n right: -21px;\n color: inherit;\n}\n\n.alert-success {\n background-color: #dff0d8;\n border-color: #d6e9c6;\n color: #3c763d;\n}\n.alert-success hr {\n border-top-color: #c9e2b3;\n}\n.alert-success .alert-link {\n color: #2b542c;\n}\n\n.alert-info {\n background-color: #d9edf7;\n border-color: #bce8f1;\n color: #31708f;\n}\n.alert-info hr {\n border-top-color: #a6e1ec;\n}\n.alert-info .alert-link {\n color: #245269;\n}\n\n.alert-warning {\n background-color: #fcf8e3;\n border-color: #faebcc;\n color: #8a6d3b;\n}\n.alert-warning hr {\n border-top-color: #f7e1b5;\n}\n.alert-warning .alert-link {\n color: #66512c;\n}\n\n.alert-danger {\n background-color: #f2dede;\n border-color: #ebccd1;\n color: #a94442;\n}\n.alert-danger hr {\n border-top-color: #e4b9c0;\n}\n.alert-danger .alert-link {\n color: #843534;\n}\n\n@-webkit-keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n@keyframes progress-bar-stripes {\n from {\n background-position: 40px 0;\n }\n to {\n background-position: 0 0;\n }\n}\n.progress {\n overflow: hidden;\n height: 20px;\n margin-bottom: 20px;\n background-color: #f5f5f5;\n border-radius: 4px;\n -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.progress-bar {\n float: left;\n width: 0%;\n height: 100%;\n font-size: 12px;\n line-height: 20px;\n color: #fff;\n text-align: center;\n background-color: #337ab7;\n -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n -webkit-transition: width 0.6s ease;\n -o-transition: width 0.6s ease;\n transition: width 0.6s ease;\n}\n\n.progress-striped .progress-bar,\n.progress-bar-striped {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 40px 40px;\n}\n\n.progress.active .progress-bar,\n.progress-bar.active {\n -webkit-animation: progress-bar-stripes 2s linear infinite;\n -o-animation: progress-bar-stripes 2s linear infinite;\n animation: progress-bar-stripes 2s linear infinite;\n}\n\n.progress-bar-success {\n background-color: #5cb85c;\n}\n.progress-striped .progress-bar-success {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.progress-bar-info {\n background-color: #5bc0de;\n}\n.progress-striped .progress-bar-info {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.progress-bar-warning {\n background-color: #f0ad4e;\n}\n.progress-striped .progress-bar-warning {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.progress-bar-danger {\n background-color: #d9534f;\n}\n.progress-striped .progress-bar-danger {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n.media {\n margin-top: 15px;\n}\n.media:first-child {\n margin-top: 0;\n}\n\n.media,\n.media-body {\n zoom: 1;\n overflow: hidden;\n}\n\n.media-body {\n width: 10000px;\n}\n\n.media-object {\n display: block;\n}\n.media-object.img-thumbnail {\n max-width: none;\n}\n\n.media-right,\n.media > .pull-right {\n padding-left: 10px;\n}\n\n.media-left,\n.media > .pull-left {\n padding-right: 10px;\n}\n\n.media-left,\n.media-right,\n.media-body {\n display: table-cell;\n vertical-align: top;\n}\n\n.media-middle {\n vertical-align: middle;\n}\n\n.media-bottom {\n vertical-align: bottom;\n}\n\n.media-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n\n.media-list {\n padding-left: 0;\n list-style: none;\n}\n\n.list-group {\n margin-bottom: 20px;\n padding-left: 0;\n}\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 10px 15px;\n margin-bottom: -1px;\n background-color: #fff;\n border: 1px solid #ddd;\n}\n.list-group-item:first-child {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\na.list-group-item,\nbutton.list-group-item {\n color: #555;\n}\na.list-group-item .list-group-item-heading,\nbutton.list-group-item .list-group-item-heading {\n color: #333;\n}\na.list-group-item:hover, a.list-group-item:focus,\nbutton.list-group-item:hover,\nbutton.list-group-item:focus {\n text-decoration: none;\n color: #555;\n background-color: #f5f5f5;\n}\n\nbutton.list-group-item {\n width: 100%;\n text-align: left;\n}\n\n.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {\n background-color: #eeeeee;\n color: #777777;\n cursor: not-allowed;\n}\n.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {\n color: inherit;\n}\n.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {\n color: #777777;\n}\n.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {\n z-index: 2;\n color: #fff;\n background-color: #337ab7;\n border-color: #337ab7;\n}\n.list-group-item.active .list-group-item-heading,\n.list-group-item.active .list-group-item-heading > small,\n.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,\n.list-group-item.active:hover .list-group-item-heading > small,\n.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,\n.list-group-item.active:focus .list-group-item-heading > small,\n.list-group-item.active:focus .list-group-item-heading > .small {\n color: inherit;\n}\n.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {\n color: #c7ddef;\n}\n\n.list-group-item-success {\n color: #3c763d;\n background-color: #dff0d8;\n}\n\na.list-group-item-success,\nbutton.list-group-item-success {\n color: #3c763d;\n}\na.list-group-item-success .list-group-item-heading,\nbutton.list-group-item-success .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-success:hover, a.list-group-item-success:focus,\nbutton.list-group-item-success:hover,\nbutton.list-group-item-success:focus {\n color: #3c763d;\n background-color: #d0e9c6;\n}\na.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,\nbutton.list-group-item-success.active,\nbutton.list-group-item-success.active:hover,\nbutton.list-group-item-success.active:focus {\n color: #fff;\n background-color: #3c763d;\n border-color: #3c763d;\n}\n\n.list-group-item-info {\n color: #31708f;\n background-color: #d9edf7;\n}\n\na.list-group-item-info,\nbutton.list-group-item-info {\n color: #31708f;\n}\na.list-group-item-info .list-group-item-heading,\nbutton.list-group-item-info .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-info:hover, a.list-group-item-info:focus,\nbutton.list-group-item-info:hover,\nbutton.list-group-item-info:focus {\n color: #31708f;\n background-color: #c4e3f3;\n}\na.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,\nbutton.list-group-item-info.active,\nbutton.list-group-item-info.active:hover,\nbutton.list-group-item-info.active:focus {\n color: #fff;\n background-color: #31708f;\n border-color: #31708f;\n}\n\n.list-group-item-warning {\n color: #8a6d3b;\n background-color: #fcf8e3;\n}\n\na.list-group-item-warning,\nbutton.list-group-item-warning {\n color: #8a6d3b;\n}\na.list-group-item-warning .list-group-item-heading,\nbutton.list-group-item-warning .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-warning:hover, a.list-group-item-warning:focus,\nbutton.list-group-item-warning:hover,\nbutton.list-group-item-warning:focus {\n color: #8a6d3b;\n background-color: #faf2cc;\n}\na.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,\nbutton.list-group-item-warning.active,\nbutton.list-group-item-warning.active:hover,\nbutton.list-group-item-warning.active:focus {\n color: #fff;\n background-color: #8a6d3b;\n border-color: #8a6d3b;\n}\n\n.list-group-item-danger {\n color: #a94442;\n background-color: #f2dede;\n}\n\na.list-group-item-danger,\nbutton.list-group-item-danger {\n color: #a94442;\n}\na.list-group-item-danger .list-group-item-heading,\nbutton.list-group-item-danger .list-group-item-heading {\n color: inherit;\n}\na.list-group-item-danger:hover, a.list-group-item-danger:focus,\nbutton.list-group-item-danger:hover,\nbutton.list-group-item-danger:focus {\n color: #a94442;\n background-color: #ebcccc;\n}\na.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,\nbutton.list-group-item-danger.active,\nbutton.list-group-item-danger.active:hover,\nbutton.list-group-item-danger.active:focus {\n color: #fff;\n background-color: #a94442;\n border-color: #a94442;\n}\n\n.list-group-item-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n\n.list-group-item-text {\n margin-bottom: 0;\n line-height: 1.3;\n}\n\n.panel {\n margin-bottom: 20px;\n background-color: #fff;\n border: 1px solid transparent;\n border-radius: 4px;\n -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\n}\n\n.panel-body {\n padding: 15px;\n}\n.panel-body:before, .panel-body:after {\n content: \" \";\n display: table;\n}\n.panel-body:after {\n clear: both;\n}\n\n.panel-heading {\n padding: 10px 15px;\n border-bottom: 1px solid transparent;\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n}\n.panel-heading > .dropdown .dropdown-toggle {\n color: inherit;\n}\n\n.panel-title {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 16px;\n color: inherit;\n}\n.panel-title > a,\n.panel-title > small,\n.panel-title > .small,\n.panel-title > small > a,\n.panel-title > .small > a {\n color: inherit;\n}\n\n.panel-footer {\n padding: 10px 15px;\n background-color: #f5f5f5;\n border-top: 1px solid #ddd;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n\n.panel > .list-group,\n.panel > .panel-collapse > .list-group {\n margin-bottom: 0;\n}\n.panel > .list-group .list-group-item,\n.panel > .panel-collapse > .list-group .list-group-item {\n border-width: 1px 0;\n border-radius: 0;\n}\n.panel > .list-group:first-child .list-group-item:first-child,\n.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {\n border-top: 0;\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n}\n.panel > .list-group:last-child .list-group-item:last-child,\n.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {\n border-bottom: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n\n.panel-heading + .list-group .list-group-item:first-child {\n border-top-width: 0;\n}\n\n.list-group + .panel-footer {\n border-top-width: 0;\n}\n\n.panel > .table,\n.panel > .table-responsive > .table,\n.panel > .panel-collapse > .table {\n margin-bottom: 0;\n}\n.panel > .table caption,\n.panel > .table-responsive > .table caption,\n.panel > .panel-collapse > .table caption {\n padding-left: 15px;\n padding-right: 15px;\n}\n.panel > .table:first-child,\n.panel > .table-responsive:first-child > .table:first-child {\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n}\n.panel > .table:first-child > thead:first-child > tr:first-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,\n.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {\n border-top-left-radius: 3px;\n}\n.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,\n.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,\n.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,\n.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,\n.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {\n border-top-right-radius: 3px;\n}\n.panel > .table:last-child,\n.panel > .table-responsive:last-child > .table:last-child {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.panel > .table:last-child > tbody:last-child > tr:last-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,\n.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {\n border-bottom-left-radius: 3px;\n}\n.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,\n.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,\n.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,\n.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {\n border-bottom-right-radius: 3px;\n}\n.panel > .panel-body + .table,\n.panel > .panel-body + .table-responsive,\n.panel > .table + .panel-body,\n.panel > .table-responsive + .panel-body {\n border-top: 1px solid #ddd;\n}\n.panel > .table > tbody:first-child > tr:first-child th,\n.panel > .table > tbody:first-child > tr:first-child td {\n border-top: 0;\n}\n.panel > .table-bordered,\n.panel > .table-responsive > .table-bordered {\n border: 0;\n}\n.panel > .table-bordered > thead > tr > th:first-child,\n.panel > .table-bordered > thead > tr > td:first-child,\n.panel > .table-bordered > tbody > tr > th:first-child,\n.panel > .table-bordered > tbody > tr > td:first-child,\n.panel > .table-bordered > tfoot > tr > th:first-child,\n.panel > .table-bordered > tfoot > tr > td:first-child,\n.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,\n.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {\n border-left: 0;\n}\n.panel > .table-bordered > thead > tr > th:last-child,\n.panel > .table-bordered > thead > tr > td:last-child,\n.panel > .table-bordered > tbody > tr > th:last-child,\n.panel > .table-bordered > tbody > tr > td:last-child,\n.panel > .table-bordered > tfoot > tr > th:last-child,\n.panel > .table-bordered > tfoot > tr > td:last-child,\n.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,\n.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,\n.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,\n.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {\n border-right: 0;\n}\n.panel > .table-bordered > thead > tr:first-child > td,\n.panel > .table-bordered > thead > tr:first-child > th,\n.panel > .table-bordered > tbody > tr:first-child > td,\n.panel > .table-bordered > tbody > tr:first-child > th,\n.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,\n.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,\n.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,\n.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {\n border-bottom: 0;\n}\n.panel > .table-bordered > tbody > tr:last-child > td,\n.panel > .table-bordered > tbody > tr:last-child > th,\n.panel > .table-bordered > tfoot > tr:last-child > td,\n.panel > .table-bordered > tfoot > tr:last-child > th,\n.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,\n.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,\n.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,\n.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {\n border-bottom: 0;\n}\n.panel > .table-responsive {\n border: 0;\n margin-bottom: 0;\n}\n\n.panel-group {\n margin-bottom: 20px;\n}\n.panel-group .panel {\n margin-bottom: 0;\n border-radius: 4px;\n}\n.panel-group .panel + .panel {\n margin-top: 5px;\n}\n.panel-group .panel-heading {\n border-bottom: 0;\n}\n.panel-group .panel-heading + .panel-collapse > .panel-body,\n.panel-group .panel-heading + .panel-collapse > .list-group {\n border-top: 1px solid #ddd;\n}\n.panel-group .panel-footer {\n border-top: 0;\n}\n.panel-group .panel-footer + .panel-collapse .panel-body {\n border-bottom: 1px solid #ddd;\n}\n\n.panel-default {\n border-color: #ddd;\n}\n.panel-default > .panel-heading {\n color: #333333;\n background-color: #f5f5f5;\n border-color: #ddd;\n}\n.panel-default > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #ddd;\n}\n.panel-default > .panel-heading .badge {\n color: #f5f5f5;\n background-color: #333333;\n}\n.panel-default > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #ddd;\n}\n\n.panel-primary {\n border-color: #337ab7;\n}\n.panel-primary > .panel-heading {\n color: #fff;\n background-color: #337ab7;\n border-color: #337ab7;\n}\n.panel-primary > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #337ab7;\n}\n.panel-primary > .panel-heading .badge {\n color: #337ab7;\n background-color: #fff;\n}\n.panel-primary > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #337ab7;\n}\n\n.panel-success {\n border-color: #d6e9c6;\n}\n.panel-success > .panel-heading {\n color: #3c763d;\n background-color: #dff0d8;\n border-color: #d6e9c6;\n}\n.panel-success > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #d6e9c6;\n}\n.panel-success > .panel-heading .badge {\n color: #dff0d8;\n background-color: #3c763d;\n}\n.panel-success > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #d6e9c6;\n}\n\n.panel-info {\n border-color: #bce8f1;\n}\n.panel-info > .panel-heading {\n color: #31708f;\n background-color: #d9edf7;\n border-color: #bce8f1;\n}\n.panel-info > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #bce8f1;\n}\n.panel-info > .panel-heading .badge {\n color: #d9edf7;\n background-color: #31708f;\n}\n.panel-info > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #bce8f1;\n}\n\n.panel-warning {\n border-color: #faebcc;\n}\n.panel-warning > .panel-heading {\n color: #8a6d3b;\n background-color: #fcf8e3;\n border-color: #faebcc;\n}\n.panel-warning > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #faebcc;\n}\n.panel-warning > .panel-heading .badge {\n color: #fcf8e3;\n background-color: #8a6d3b;\n}\n.panel-warning > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #faebcc;\n}\n\n.panel-danger {\n border-color: #ebccd1;\n}\n.panel-danger > .panel-heading {\n color: #a94442;\n background-color: #f2dede;\n border-color: #ebccd1;\n}\n.panel-danger > .panel-heading + .panel-collapse > .panel-body {\n border-top-color: #ebccd1;\n}\n.panel-danger > .panel-heading .badge {\n color: #f2dede;\n background-color: #a94442;\n}\n.panel-danger > .panel-footer + .panel-collapse > .panel-body {\n border-bottom-color: #ebccd1;\n}\n\n.embed-responsive {\n position: relative;\n display: block;\n height: 0;\n padding: 0;\n overflow: hidden;\n}\n.embed-responsive .embed-responsive-item,\n.embed-responsive iframe,\n.embed-responsive embed,\n.embed-responsive object,\n.embed-responsive video {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n border: 0;\n}\n\n.embed-responsive-16by9 {\n padding-bottom: 56.25%;\n}\n\n.embed-responsive-4by3 {\n padding-bottom: 75%;\n}\n\n.well {\n min-height: 20px;\n padding: 19px;\n margin-bottom: 20px;\n background-color: #f5f5f5;\n border: 1px solid #e3e3e3;\n border-radius: 4px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n}\n.well blockquote {\n border-color: #ddd;\n border-color: rgba(0, 0, 0, 0.15);\n}\n\n.well-lg {\n padding: 24px;\n border-radius: 6px;\n}\n\n.well-sm {\n padding: 9px;\n border-radius: 3px;\n}\n\n.close {\n float: right;\n font-size: 21px;\n font-weight: bold;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: 0.2;\n filter: alpha(opacity=20);\n}\n.close:hover, .close:focus {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n opacity: 0.5;\n filter: alpha(opacity=50);\n}\n\nbutton.close {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n\n.modal-open {\n overflow: hidden;\n}\n\n.modal {\n display: none;\n overflow: hidden;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n}\n.modal.fade .modal-dialog {\n -webkit-transform: translate(0, -25%);\n -ms-transform: translate(0, -25%);\n -o-transform: translate(0, -25%);\n transform: translate(0, -25%);\n -webkit-transition: -webkit-transform 0.3s ease-out;\n -moz-transition: -moz-transform 0.3s ease-out;\n -o-transition: -o-transform 0.3s ease-out;\n transition: transform 0.3s ease-out;\n}\n.modal.in .modal-dialog {\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n}\n\n.modal-content {\n position: relative;\n background-color: #fff;\n border: 1px solid #999;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\n box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\n background-clip: padding-box;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000;\n}\n.modal-backdrop.fade {\n opacity: 0;\n filter: alpha(opacity=0);\n}\n.modal-backdrop.in {\n opacity: 0.5;\n filter: alpha(opacity=50);\n}\n\n.modal-header {\n padding: 15px;\n border-bottom: 1px solid #e5e5e5;\n min-height: 16.42857px;\n}\n\n.modal-header .close {\n margin-top: -2px;\n}\n\n.modal-title {\n margin: 0;\n line-height: 1.42857;\n}\n\n.modal-body {\n position: relative;\n padding: 15px;\n}\n\n.modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #e5e5e5;\n}\n.modal-footer:before, .modal-footer:after {\n content: \" \";\n display: table;\n}\n.modal-footer:after {\n clear: both;\n}\n.modal-footer .btn + .btn {\n margin-left: 5px;\n margin-bottom: 0;\n}\n.modal-footer .btn-group .btn + .btn {\n margin-left: -1px;\n}\n.modal-footer .btn-block + .btn-block {\n margin-left: 0;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 768px) {\n .modal-dialog {\n width: 600px;\n margin: 30px auto;\n }\n\n .modal-content {\n -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n }\n\n .modal-sm {\n width: 300px;\n }\n}\n@media (min-width: 992px) {\n .modal-lg {\n width: 900px;\n }\n}\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-style: normal;\n font-weight: normal;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 12px;\n opacity: 0;\n filter: alpha(opacity=0);\n}\n.tooltip.in {\n opacity: 0.9;\n filter: alpha(opacity=90);\n}\n.tooltip.top {\n margin-top: -3px;\n padding: 5px 0;\n}\n.tooltip.right {\n margin-left: 3px;\n padding: 0 5px;\n}\n.tooltip.bottom {\n margin-top: 3px;\n padding: 5px 0;\n}\n.tooltip.left {\n margin-left: -3px;\n padding: 0 5px;\n}\n\n.tooltip-inner {\n max-width: 200px;\n padding: 3px 8px;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 4px;\n}\n\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n.tooltip.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n}\n.tooltip.top-left .tooltip-arrow {\n bottom: 0;\n right: 5px;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n}\n.tooltip.top-right .tooltip-arrow {\n bottom: 0;\n left: 5px;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n}\n.tooltip.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #000;\n}\n.tooltip.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #000;\n}\n.tooltip.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n}\n.tooltip.bottom-left .tooltip-arrow {\n top: 0;\n right: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n}\n.tooltip.bottom-right .tooltip-arrow {\n top: 0;\n left: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n}\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: none;\n max-width: 276px;\n padding: 1px;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-style: normal;\n font-weight: normal;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n}\n.popover.top {\n margin-top: -10px;\n}\n.popover.right {\n margin-left: 10px;\n}\n.popover.bottom {\n margin-top: 10px;\n}\n.popover.left {\n margin-left: -10px;\n}\n\n.popover-title {\n margin: 0;\n padding: 8px 14px;\n font-size: 14px;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-radius: 5px 5px 0 0;\n}\n\n.popover-content {\n padding: 9px 14px;\n}\n\n.popover > .arrow, .popover > .arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n.popover > .arrow {\n border-width: 11px;\n}\n\n.popover > .arrow:after {\n border-width: 10px;\n content: \"\";\n}\n\n.popover.top > .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: #999999;\n border-top-color: rgba(0, 0, 0, 0.25);\n bottom: -11px;\n}\n.popover.top > .arrow:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: #fff;\n}\n.popover.right > .arrow {\n top: 50%;\n left: -11px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: #999999;\n border-right-color: rgba(0, 0, 0, 0.25);\n}\n.popover.right > .arrow:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: #fff;\n}\n.popover.bottom > .arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: #999999;\n border-bottom-color: rgba(0, 0, 0, 0.25);\n top: -11px;\n}\n.popover.bottom > .arrow:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: #fff;\n}\n.popover.left > .arrow {\n top: 50%;\n right: -11px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: #999999;\n border-left-color: rgba(0, 0, 0, 0.25);\n}\n.popover.left > .arrow:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: #fff;\n bottom: -10px;\n}\n\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n.carousel-inner > .item {\n display: none;\n position: relative;\n -webkit-transition: 0.6s ease-in-out left;\n -o-transition: 0.6s ease-in-out left;\n transition: 0.6s ease-in-out left;\n}\n.carousel-inner > .item > img,\n.carousel-inner > .item > a > img {\n display: block;\n max-width: 100%;\n height: auto;\n line-height: 1;\n}\n@media all and (transform-3d), (-webkit-transform-3d) {\n .carousel-inner > .item {\n -webkit-transition: -webkit-transform 0.6s ease-in-out;\n -moz-transition: -moz-transform 0.6s ease-in-out;\n -o-transition: -o-transform 0.6s ease-in-out;\n transition: transform 0.6s ease-in-out;\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-perspective: 1000px;\n -moz-perspective: 1000px;\n perspective: 1000px;\n }\n .carousel-inner > .item.next, .carousel-inner > .item.active.right {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n left: 0;\n }\n .carousel-inner > .item.prev, .carousel-inner > .item.active.left {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n left: 0;\n }\n .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n left: 0;\n }\n}\n.carousel-inner > .active,\n.carousel-inner > .next,\n.carousel-inner > .prev {\n display: block;\n}\n.carousel-inner > .active {\n left: 0;\n}\n.carousel-inner > .next,\n.carousel-inner > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n}\n.carousel-inner > .next {\n left: 100%;\n}\n.carousel-inner > .prev {\n left: -100%;\n}\n.carousel-inner > .next.left,\n.carousel-inner > .prev.right {\n left: 0;\n}\n.carousel-inner > .active.left {\n left: -100%;\n}\n.carousel-inner > .active.right {\n left: 100%;\n}\n\n.carousel-control {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 15%;\n opacity: 0.5;\n filter: alpha(opacity=50);\n font-size: 20px;\n color: #fff;\n text-align: center;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);\n}\n.carousel-control.left {\n background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);\n background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);\n}\n.carousel-control.right {\n left: auto;\n right: 0;\n background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);\n background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);\n}\n.carousel-control:hover, .carousel-control:focus {\n outline: 0;\n color: #fff;\n text-decoration: none;\n opacity: 0.9;\n filter: alpha(opacity=90);\n}\n.carousel-control .icon-prev,\n.carousel-control .icon-next,\n.carousel-control .glyphicon-chevron-left,\n.carousel-control .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n margin-top: -10px;\n z-index: 5;\n display: inline-block;\n}\n.carousel-control .icon-prev,\n.carousel-control .glyphicon-chevron-left {\n left: 50%;\n margin-left: -10px;\n}\n.carousel-control .icon-next,\n.carousel-control .glyphicon-chevron-right {\n right: 50%;\n margin-right: -10px;\n}\n.carousel-control .icon-prev,\n.carousel-control .icon-next {\n width: 20px;\n height: 20px;\n line-height: 1;\n font-family: serif;\n}\n.carousel-control .icon-prev:before {\n content: '\\2039';\n}\n.carousel-control .icon-next:before {\n content: '\\203a';\n}\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n margin-left: -30%;\n padding-left: 0;\n list-style: none;\n text-align: center;\n}\n.carousel-indicators li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n border: 1px solid #fff;\n border-radius: 10px;\n cursor: pointer;\n background-color: #000 \\9;\n background-color: transparent;\n}\n.carousel-indicators .active {\n margin: 0;\n width: 12px;\n height: 12px;\n background-color: #fff;\n}\n\n.carousel-caption {\n position: absolute;\n left: 15%;\n right: 15%;\n bottom: 20px;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: #fff;\n text-align: center;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);\n}\n.carousel-caption .btn {\n text-shadow: none;\n}\n\n@media screen and (min-width: 768px) {\n .carousel-control .glyphicon-chevron-left,\n .carousel-control .glyphicon-chevron-right,\n .carousel-control .icon-prev,\n .carousel-control .icon-next {\n width: 30px;\n height: 30px;\n margin-top: -15px;\n font-size: 30px;\n }\n .carousel-control .glyphicon-chevron-left,\n .carousel-control .icon-prev {\n margin-left: -15px;\n }\n .carousel-control .glyphicon-chevron-right,\n .carousel-control .icon-next {\n margin-right: -15px;\n }\n\n .carousel-caption {\n left: 20%;\n right: 20%;\n padding-bottom: 30px;\n }\n\n .carousel-indicators {\n bottom: 20px;\n }\n}\n.clearfix:before, .clearfix:after {\n content: \" \";\n display: table;\n}\n.clearfix:after {\n clear: both;\n}\n\n.center-block {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n.pull-right {\n float: right !important;\n}\n\n.pull-left {\n float: left !important;\n}\n\n.hide {\n display: none !important;\n}\n\n.show {\n display: block !important;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n.hidden {\n display: none !important;\n}\n\n.affix {\n position: fixed;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n.visible-xs {\n display: none !important;\n}\n\n.visible-sm {\n display: none !important;\n}\n\n.visible-md {\n display: none !important;\n}\n\n.visible-lg {\n display: none !important;\n}\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important;\n}\n\n@media (max-width: 767px) {\n .visible-xs {\n display: block !important;\n }\n\n table.visible-xs {\n display: table !important;\n }\n\n tr.visible-xs {\n display: table-row !important;\n }\n\n th.visible-xs,\n td.visible-xs {\n display: table-cell !important;\n }\n}\n@media (max-width: 767px) {\n .visible-xs-block {\n display: block !important;\n }\n}\n\n@media (max-width: 767px) {\n .visible-xs-inline {\n display: inline !important;\n }\n}\n\n@media (max-width: 767px) {\n .visible-xs-inline-block {\n display: inline-block !important;\n }\n}\n\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm {\n display: block !important;\n }\n\n table.visible-sm {\n display: table !important;\n }\n\n tr.visible-sm {\n display: table-row !important;\n }\n\n th.visible-sm,\n td.visible-sm {\n display: table-cell !important;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm-block {\n display: block !important;\n }\n}\n\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm-inline {\n display: inline !important;\n }\n}\n\n@media (min-width: 768px) and (max-width: 991px) {\n .visible-sm-inline-block {\n display: inline-block !important;\n }\n}\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md {\n display: block !important;\n }\n\n table.visible-md {\n display: table !important;\n }\n\n tr.visible-md {\n display: table-row !important;\n }\n\n th.visible-md,\n td.visible-md {\n display: table-cell !important;\n }\n}\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-block {\n display: block !important;\n }\n}\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline {\n display: inline !important;\n }\n}\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline-block {\n display: inline-block !important;\n }\n}\n\n@media (min-width: 1200px) {\n .visible-lg {\n display: block !important;\n }\n\n table.visible-lg {\n display: table !important;\n }\n\n tr.visible-lg {\n display: table-row !important;\n }\n\n th.visible-lg,\n td.visible-lg {\n display: table-cell !important;\n }\n}\n@media (min-width: 1200px) {\n .visible-lg-block {\n display: block !important;\n }\n}\n\n@media (min-width: 1200px) {\n .visible-lg-inline {\n display: inline !important;\n }\n}\n\n@media (min-width: 1200px) {\n .visible-lg-inline-block {\n display: inline-block !important;\n }\n}\n\n@media (max-width: 767px) {\n .hidden-xs {\n display: none !important;\n }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n .hidden-sm {\n display: none !important;\n }\n}\n@media (min-width: 992px) and (max-width: 1199px) {\n .hidden-md {\n display: none !important;\n }\n}\n@media (min-width: 1200px) {\n .hidden-lg {\n display: none !important;\n }\n}\n.visible-print {\n display: none !important;\n}\n\n@media print {\n .visible-print {\n display: block !important;\n }\n\n table.visible-print {\n display: table !important;\n }\n\n tr.visible-print {\n display: table-row !important;\n }\n\n th.visible-print,\n td.visible-print {\n display: table-cell !important;\n }\n}\n.visible-print-block {\n display: none !important;\n}\n@media print {\n .visible-print-block {\n display: block !important;\n }\n}\n\n.visible-print-inline {\n display: none !important;\n}\n@media print {\n .visible-print-inline {\n display: inline !important;\n }\n}\n\n.visible-print-inline-block {\n display: none !important;\n}\n@media print {\n .visible-print-inline-block {\n display: inline-block !important;\n }\n}\n\n@media print {\n .hidden-print {\n display: none !important;\n }\n}\n\n/*# sourceMappingURL=bootstrap.css.map */\n" }, { "path": "src/assets/css/icomoon.css", "content": "@font-face {\n font-family: 'icomoon';\n src: url('../fonts/icomoon/icomoon.eot?6iuir');\n src: url('../fonts/icomoon/icomoon.eot?6iuir#iefix') format('embedded-opentype'),\n url('../fonts/icomoon/icomoon.ttf?6iuir') format('truetype'),\n url('../fonts/icomoon/icomoon.woff?6iuir') format('woff'),\n url('../fonts/icomoon/icomoon.svg?6iuir#icomoon') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'icomoon' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-eye:before {\n content: \"\\e000\";\n}\n.icon-paper-clip:before {\n content: \"\\e001\";\n}\n.icon-mail:before {\n content: \"\\e002\";\n}\n.icon-toggle:before {\n content: \"\\e003\";\n}\n.icon-layout:before {\n content: \"\\e004\";\n}\n.icon-link:before {\n content: \"\\e005\";\n}\n.icon-bell:before {\n content: \"\\e006\";\n}\n.icon-lock:before {\n content: \"\\e007\";\n}\n.icon-unlock:before {\n content: \"\\e008\";\n}\n.icon-ribbon:before {\n content: \"\\e009\";\n}\n.icon-image:before {\n content: \"\\e010\";\n}\n.icon-signal:before {\n content: \"\\e011\";\n}\n.icon-target:before {\n content: \"\\e012\";\n}\n.icon-clipboard:before {\n content: \"\\e013\";\n}\n.icon-clock:before {\n content: \"\\e014\";\n}\n.icon-watch:before {\n content: \"\\e015\";\n}\n.icon-air-play:before {\n content: \"\\e016\";\n}\n.icon-camera:before {\n content: \"\\e017\";\n}\n.icon-video:before {\n content: \"\\e018\";\n}\n.icon-disc:before {\n content: \"\\e019\";\n}\n.icon-printer:before {\n content: \"\\e020\";\n}\n.icon-monitor:before {\n content: \"\\e021\";\n}\n.icon-server:before {\n content: \"\\e022\";\n}\n.icon-cog:before {\n content: \"\\e023\";\n}\n.icon-heart:before {\n content: \"\\e024\";\n}\n.icon-paragraph:before {\n content: \"\\e025\";\n}\n.icon-align-justify:before {\n content: \"\\e026\";\n}\n.icon-align-left:before {\n content: \"\\e027\";\n}\n.icon-align-center:before {\n content: \"\\e028\";\n}\n.icon-align-right:before {\n content: \"\\e029\";\n}\n.icon-book:before {\n content: \"\\e030\";\n}\n.icon-layers:before {\n content: \"\\e031\";\n}\n.icon-stack:before {\n content: \"\\e032\";\n}\n.icon-stack-2:before {\n content: \"\\e033\";\n}\n.icon-paper:before {\n content: \"\\e034\";\n}\n.icon-paper-stack:before {\n content: \"\\e035\";\n}\n.icon-search:before {\n content: \"\\e036\";\n}\n.icon-zoom-in:before {\n content: \"\\e037\";\n}\n.icon-zoom-out:before {\n content: \"\\e038\";\n}\n.icon-reply:before {\n content: \"\\e039\";\n}\n.icon-circle-plus:before {\n content: \"\\e040\";\n}\n.icon-circle-minus:before {\n content: \"\\e041\";\n}\n.icon-circle-check:before {\n content: \"\\e042\";\n}\n.icon-circle-cross:before {\n content: \"\\e043\";\n}\n.icon-square-plus:before {\n content: \"\\e044\";\n}\n.icon-square-minus:before {\n content: \"\\e045\";\n}\n.icon-square-check:before {\n content: \"\\e046\";\n}\n.icon-square-cross:before {\n content: \"\\e047\";\n}\n.icon-microphone:before {\n content: \"\\e048\";\n}\n.icon-record:before {\n content: \"\\e049\";\n}\n.icon-skip-back:before {\n content: \"\\e050\";\n}\n.icon-rewind:before {\n content: \"\\e051\";\n}\n.icon-play:before {\n content: \"\\e052\";\n}\n.icon-pause:before {\n content: \"\\e053\";\n}\n.icon-stop:before {\n content: \"\\e054\";\n}\n.icon-fast-forward:before {\n content: \"\\e055\";\n}\n.icon-skip-forward:before {\n content: \"\\e056\";\n}\n.icon-shuffle:before {\n content: \"\\e057\";\n}\n.icon-repeat:before {\n content: \"\\e058\";\n}\n.icon-folder:before {\n content: \"\\e059\";\n}\n.icon-umbrella:before {\n content: \"\\e060\";\n}\n.icon-moon:before {\n content: \"\\e061\";\n}\n.icon-thermometer:before {\n content: \"\\e062\";\n}\n.icon-drop:before {\n content: \"\\e063\";\n}\n.icon-sun:before {\n content: \"\\e064\";\n}\n.icon-cloud:before {\n content: \"\\e065\";\n}\n.icon-cloud-upload:before {\n content: \"\\e066\";\n}\n.icon-cloud-download:before {\n content: \"\\e067\";\n}\n.icon-upload:before {\n content: \"\\e068\";\n}\n.icon-download:before {\n content: \"\\e069\";\n}\n.icon-location:before {\n content: \"\\e070\";\n}\n.icon-location-2:before {\n content: \"\\e071\";\n}\n.icon-map:before {\n content: \"\\e072\";\n}\n.icon-battery:before {\n content: \"\\e073\";\n}\n.icon-head:before {\n content: \"\\e074\";\n}\n.icon-briefcase:before {\n content: \"\\e075\";\n}\n.icon-speech-bubble:before {\n content: \"\\e076\";\n}\n.icon-anchor:before {\n content: \"\\e077\";\n}\n.icon-globe:before {\n content: \"\\e078\";\n}\n.icon-box:before {\n content: \"\\e079\";\n}\n.icon-reload:before {\n content: \"\\e080\";\n}\n.icon-share:before {\n content: \"\\e081\";\n}\n.icon-marquee:before {\n content: \"\\e082\";\n}\n.icon-marquee-plus:before {\n content: \"\\e083\";\n}\n.icon-marquee-minus:before {\n content: \"\\e084\";\n}\n.icon-tag:before {\n content: \"\\e085\";\n}\n.icon-power:before {\n content: \"\\e086\";\n}\n.icon-command:before {\n content: \"\\e087\";\n}\n.icon-alt:before {\n content: \"\\e088\";\n}\n.icon-esc:before {\n content: \"\\e089\";\n}\n.icon-bar-graph:before {\n content: \"\\e090\";\n}\n.icon-bar-graph-2:before {\n content: \"\\e091\";\n}\n.icon-pie-graph:before {\n content: \"\\e092\";\n}\n.icon-star:before {\n content: \"\\e093\";\n}\n.icon-arrow-left:before {\n content: \"\\e094\";\n}\n.icon-arrow-right:before {\n content: \"\\e095\";\n}\n.icon-arrow-up:before {\n content: \"\\e096\";\n}\n.icon-arrow-down:before {\n content: \"\\e097\";\n}\n.icon-volume:before {\n content: \"\\e098\";\n}\n.icon-mute:before {\n content: \"\\e099\";\n}\n.icon-content-right:before {\n content: \"\\e100\";\n}\n.icon-content-left:before {\n content: \"\\e101\";\n}\n.icon-grid:before {\n content: \"\\e102\";\n}\n.icon-grid-2:before {\n content: \"\\e103\";\n}\n.icon-columns:before {\n content: \"\\e104\";\n}\n.icon-loader:before {\n content: \"\\e105\";\n}\n.icon-bag:before {\n content: \"\\e106\";\n}\n.icon-ban:before {\n content: \"\\e107\";\n}\n.icon-flag:before {\n content: \"\\e108\";\n}\n.icon-trash:before {\n content: \"\\e109\";\n}\n.icon-expand:before {\n content: \"\\e110\";\n}\n.icon-contract:before {\n content: \"\\e111\";\n}\n.icon-maximize:before {\n content: \"\\e112\";\n}\n.icon-minimize:before {\n content: \"\\e113\";\n}\n.icon-plus:before {\n content: \"\\e114\";\n}\n.icon-minus:before {\n content: \"\\e115\";\n}\n.icon-check:before {\n content: \"\\e116\";\n}\n.icon-cross:before {\n content: \"\\e117\";\n}\n.icon-move:before {\n content: \"\\e118\";\n}\n.icon-delete:before {\n content: \"\\e119\";\n}\n.icon-menu:before {\n content: \"\\e120\";\n}\n.icon-archive:before {\n content: \"\\e121\";\n}\n.icon-inbox:before {\n content: \"\\e122\";\n}\n.icon-outbox:before {\n content: \"\\e123\";\n}\n.icon-file:before {\n content: \"\\e124\";\n}\n.icon-file-add:before {\n content: \"\\e125\";\n}\n.icon-file-subtract:before {\n content: \"\\e126\";\n}\n.icon-help:before {\n content: \"\\e127\";\n}\n.icon-open:before {\n content: \"\\e128\";\n}\n.icon-ellipsis:before {\n content: \"\\e129\";\n}\n.icon-add-to-list:before {\n content: \"\\e900\";\n}\n.icon-classic-computer:before {\n content: \"\\e901\";\n}\n.icon-controller-fast-backward:before {\n content: \"\\e902\";\n}\n.icon-creative-commons-attribution:before {\n content: \"\\e903\";\n}\n.icon-creative-commons-noderivs:before {\n content: \"\\e904\";\n}\n.icon-creative-commons-noncommercial-eu:before {\n content: \"\\e905\";\n}\n.icon-creative-commons-noncommercial-us:before {\n content: \"\\e906\";\n}\n.icon-creative-commons-public-domain:before {\n content: \"\\e907\";\n}\n.icon-creative-commons-remix:before {\n content: \"\\e908\";\n}\n.icon-creative-commons-share:before {\n content: \"\\e909\";\n}\n.icon-creative-commons-sharealike:before {\n content: \"\\e90a\";\n}\n.icon-creative-commons:before {\n content: \"\\e90b\";\n}\n.icon-document-landscape:before {\n content: \"\\e90c\";\n}\n.icon-remove-user:before {\n content: \"\\e90d\";\n}\n.icon-warning:before {\n content: \"\\e90e\";\n}\n.icon-arrow-bold-down:before {\n content: \"\\e90f\";\n}\n.icon-arrow-bold-left:before {\n content: \"\\e910\";\n}\n.icon-arrow-bold-right:before {\n content: \"\\e911\";\n}\n.icon-arrow-bold-up:before {\n content: \"\\e912\";\n}\n.icon-arrow-down2:before {\n content: \"\\e913\";\n}\n.icon-arrow-left2:before {\n content: \"\\e914\";\n}\n.icon-arrow-long-down:before {\n content: \"\\e915\";\n}\n.icon-arrow-long-left:before {\n content: \"\\e916\";\n}\n.icon-arrow-long-right:before {\n content: \"\\e917\";\n}\n.icon-arrow-long-up:before {\n content: \"\\e918\";\n}\n.icon-arrow-right2:before {\n content: \"\\e919\";\n}\n.icon-arrow-up2:before {\n content: \"\\e91a\";\n}\n.icon-arrow-with-circle-down:before {\n content: \"\\e91b\";\n}\n.icon-arrow-with-circle-left:before {\n content: \"\\e91c\";\n}\n.icon-arrow-with-circle-right:before {\n content: \"\\e91d\";\n}\n.icon-arrow-with-circle-up:before {\n content: \"\\e91e\";\n}\n.icon-bookmark:before {\n content: \"\\e91f\";\n}\n.icon-bookmarks:before {\n content: \"\\e920\";\n}\n.icon-chevron-down:before {\n content: \"\\e921\";\n}\n.icon-chevron-left:before {\n content: \"\\e922\";\n}\n.icon-chevron-right:before {\n content: \"\\e923\";\n}\n.icon-chevron-small-down:before {\n content: \"\\e924\";\n}\n.icon-chevron-small-left:before {\n content: \"\\e925\";\n}\n.icon-chevron-small-right:before {\n content: \"\\e926\";\n}\n.icon-chevron-small-up:before {\n content: \"\\e927\";\n}\n.icon-chevron-thin-down:before {\n content: \"\\e928\";\n}\n.icon-chevron-thin-left:before {\n content: \"\\e929\";\n}\n.icon-chevron-thin-right:before {\n content: \"\\e92a\";\n}\n.icon-chevron-thin-up:before {\n content: \"\\e92b\";\n}\n.icon-chevron-up:before {\n content: \"\\e92c\";\n}\n.icon-chevron-with-circle-down:before {\n content: \"\\e92d\";\n}\n.icon-chevron-with-circle-left:before {\n content: \"\\e92e\";\n}\n.icon-chevron-with-circle-right:before {\n content: \"\\e92f\";\n}\n.icon-chevron-with-circle-up:before {\n content: \"\\e930\";\n}\n.icon-cloud2:before {\n content: \"\\e931\";\n}\n.icon-controller-fast-forward:before {\n content: \"\\e932\";\n}\n.icon-controller-jump-to-start:before {\n content: \"\\e933\";\n}\n.icon-controller-next:before {\n content: \"\\e934\";\n}\n.icon-controller-paus:before {\n content: \"\\e935\";\n}\n.icon-controller-play:before {\n content: \"\\e936\";\n}\n.icon-controller-record:before {\n content: \"\\e937\";\n}\n.icon-controller-stop:before {\n content: \"\\e938\";\n}\n.icon-controller-volume:before {\n content: \"\\e939\";\n}\n.icon-dot-single:before {\n content: \"\\e93a\";\n}\n.icon-dots-three-horizontal:before {\n content: \"\\e93b\";\n}\n.icon-dots-three-vertical:before {\n content: \"\\e93c\";\n}\n.icon-dots-two-horizontal:before {\n content: \"\\e93d\";\n}\n.icon-dots-two-vertical:before {\n content: \"\\e93e\";\n}\n.icon-download2:before {\n content: \"\\e93f\";\n}\n.icon-emoji-flirt:before {\n content: \"\\e940\";\n}\n.icon-flow-branch:before {\n content: \"\\e941\";\n}\n.icon-flow-cascade:before {\n content: \"\\e942\";\n}\n.icon-flow-line:before {\n content: \"\\e943\";\n}\n.icon-flow-parallel:before {\n content: \"\\e944\";\n}\n.icon-flow-tree:before {\n content: \"\\e945\";\n}\n.icon-install:before {\n content: \"\\e946\";\n}\n.icon-layers2:before {\n content: \"\\e947\";\n}\n.icon-open-book:before {\n content: \"\\e948\";\n}\n.icon-resize-100:before {\n content: \"\\e949\";\n}\n.icon-resize-full-screen:before {\n content: \"\\e94a\";\n}\n.icon-save:before {\n content: \"\\e94b\";\n}\n.icon-select-arrows:before {\n content: \"\\e94c\";\n}\n.icon-sound-mute:before {\n content: \"\\e94d\";\n}\n.icon-sound:before {\n content: \"\\e94e\";\n}\n.icon-trash2:before {\n content: \"\\e94f\";\n}\n.icon-triangle-down:before {\n content: \"\\e950\";\n}\n.icon-triangle-left:before {\n content: \"\\e951\";\n}\n.icon-triangle-right:before {\n content: \"\\e952\";\n}\n.icon-triangle-up:before {\n content: \"\\e953\";\n}\n.icon-uninstall:before {\n content: \"\\e954\";\n}\n.icon-upload-to-cloud:before {\n content: \"\\e955\";\n}\n.icon-upload2:before {\n content: \"\\e956\";\n}\n.icon-add-user:before {\n content: \"\\e957\";\n}\n.icon-address:before {\n content: \"\\e958\";\n}\n.icon-adjust:before {\n content: \"\\e959\";\n}\n.icon-air:before {\n content: \"\\e95a\";\n}\n.icon-aircraft-landing:before {\n content: \"\\e95b\";\n}\n.icon-aircraft-take-off:before {\n content: \"\\e95c\";\n}\n.icon-aircraft:before {\n content: \"\\e95d\";\n}\n.icon-align-bottom:before {\n content: \"\\e95e\";\n}\n.icon-align-horizontal-middle:before {\n content: \"\\e95f\";\n}\n.icon-align-left2:before {\n content: \"\\e960\";\n}\n.icon-align-right2:before {\n content: \"\\e961\";\n}\n.icon-align-top:before {\n content: \"\\e962\";\n}\n.icon-align-vertical-middle:before {\n content: \"\\e963\";\n}\n.icon-archive2:before {\n content: \"\\e964\";\n}\n.icon-area-graph:before {\n content: \"\\e965\";\n}\n.icon-attachment:before {\n content: \"\\e966\";\n}\n.icon-awareness-ribbon:before {\n content: \"\\e967\";\n}\n.icon-back-in-time:before {\n content: \"\\e968\";\n}\n.icon-back:before {\n content: \"\\e969\";\n}\n.icon-bar-graph2:before {\n content: \"\\e96a\";\n}\n.icon-battery2:before {\n content: \"\\e96b\";\n}\n.icon-beamed-note:before {\n content: \"\\e96c\";\n}\n.icon-bell2:before {\n content: \"\\e96d\";\n}\n.icon-blackboard:before {\n content: \"\\e96e\";\n}\n.icon-block:before {\n content: \"\\e96f\";\n}\n.icon-book2:before {\n content: \"\\e970\";\n}\n.icon-bowl:before {\n content: \"\\e971\";\n}\n.icon-box2:before {\n content: \"\\e972\";\n}\n.icon-briefcase2:before {\n content: \"\\e973\";\n}\n.icon-browser:before {\n content: \"\\e974\";\n}\n.icon-brush:before {\n content: \"\\e975\";\n}\n.icon-bucket:before {\n content: \"\\e976\";\n}\n.icon-cake:before {\n content: \"\\e977\";\n}\n.icon-calculator:before {\n content: \"\\e978\";\n}\n.icon-calendar:before {\n content: \"\\e979\";\n}\n.icon-camera2:before {\n content: \"\\e97a\";\n}\n.icon-ccw:before {\n content: \"\\e97b\";\n}\n.icon-chat:before {\n content: \"\\e97c\";\n}\n.icon-check2:before {\n content: \"\\e97d\";\n}\n.icon-circle-with-cross:before {\n content: \"\\e97e\";\n}\n.icon-circle-with-minus:before {\n content: \"\\e97f\";\n}\n.icon-circle-with-plus:before {\n content: \"\\e980\";\n}\n.icon-circle:before {\n content: \"\\e981\";\n}\n.icon-circular-graph:before {\n content: \"\\e982\";\n}\n.icon-clapperboard:before {\n content: \"\\e983\";\n}\n.icon-clipboard2:before {\n content: \"\\e984\";\n}\n.icon-clock2:before {\n content: \"\\e985\";\n}\n.icon-code:before {\n content: \"\\e986\";\n}\n.icon-cog2:before {\n content: \"\\e987\";\n}\n.icon-colours:before {\n content: \"\\e988\";\n}\n.icon-compass:before {\n content: \"\\e989\";\n}\n.icon-copy:before {\n content: \"\\e98a\";\n}\n.icon-credit-card:before {\n content: \"\\e98b\";\n}\n.icon-credit:before {\n content: \"\\e98c\";\n}\n.icon-cross2:before {\n content: \"\\e98d\";\n}\n.icon-cup:before {\n content: \"\\e98e\";\n}\n.icon-cw:before {\n content: \"\\e98f\";\n}\n.icon-cycle:before {\n content: \"\\e990\";\n}\n.icon-database:before {\n content: \"\\e991\";\n}\n.icon-dial-pad:before {\n content: \"\\e992\";\n}\n.icon-direction:before {\n content: \"\\e993\";\n}\n.icon-document:before {\n content: \"\\e994\";\n}\n.icon-documents:before {\n content: \"\\e995\";\n}\n.icon-drink:before {\n content: \"\\e996\";\n}\n.icon-drive:before {\n content: \"\\e997\";\n}\n.icon-drop2:before {\n content: \"\\e998\";\n}\n.icon-edit:before {\n content: \"\\e999\";\n}\n.icon-email:before {\n content: \"\\e99a\";\n}\n.icon-emoji-happy:before {\n content: \"\\e99b\";\n}\n.icon-emoji-neutral:before {\n content: \"\\e99c\";\n}\n.icon-emoji-sad:before {\n content: \"\\e99d\";\n}\n.icon-erase:before {\n content: \"\\e99e\";\n}\n.icon-eraser:before {\n content: \"\\e99f\";\n}\n.icon-export:before {\n content: \"\\e9a0\";\n}\n.icon-eye2:before {\n content: \"\\e9a1\";\n}\n.icon-feather:before {\n content: \"\\e9a2\";\n}\n.icon-flag2:before {\n content: \"\\e9a3\";\n}\n.icon-flash:before {\n content: \"\\e9a4\";\n}\n.icon-flashlight:before {\n content: \"\\e9a5\";\n}\n.icon-flat-brush:before {\n content: \"\\e9a6\";\n}\n.icon-folder-images:before {\n content: \"\\e9a7\";\n}\n.icon-folder-music:before {\n content: \"\\e9a8\";\n}\n.icon-folder-video:before {\n content: \"\\e9a9\";\n}\n.icon-folder2:before {\n content: \"\\e9aa\";\n}\n.icon-forward:before {\n content: \"\\e9ab\";\n}\n.icon-funnel:before {\n content: \"\\e9ac\";\n}\n.icon-game-controller:before {\n content: \"\\e9ad\";\n}\n.icon-gauge:before {\n content: \"\\e9ae\";\n}\n.icon-globe2:before {\n content: \"\\e9af\";\n}\n.icon-graduation-cap:before {\n content: \"\\e9b0\";\n}\n.icon-grid2:before {\n content: \"\\e9b1\";\n}\n.icon-hair-cross:before {\n content: \"\\e9b2\";\n}\n.icon-hand:before {\n content: \"\\e9b3\";\n}\n.icon-heart-outlined:before {\n content: \"\\e9b4\";\n}\n.icon-heart2:before {\n content: \"\\e9b5\";\n}\n.icon-help-with-circle:before {\n content: \"\\e9b6\";\n}\n.icon-help2:before {\n content: \"\\e9b7\";\n}\n.icon-home:before {\n content: \"\\e9b8\";\n}\n.icon-hour-glass:before {\n content: \"\\e9b9\";\n}\n.icon-image-inverted:before {\n content: \"\\e9ba\";\n}\n.icon-image2:before {\n content: \"\\e9bb\";\n}\n.icon-images:before {\n content: \"\\e9bc\";\n}\n.icon-inbox2:before {\n content: \"\\e9bd\";\n}\n.icon-infinity:before {\n content: \"\\e9be\";\n}\n.icon-info-with-circle:before {\n content: \"\\e9bf\";\n}\n.icon-info:before {\n content: \"\\e9c0\";\n}\n.icon-key:before {\n content: \"\\e9c1\";\n}\n.icon-keyboard:before {\n content: \"\\e9c2\";\n}\n.icon-lab-flask:before {\n content: \"\\e9c3\";\n}\n.icon-landline:before {\n content: \"\\e9c4\";\n}\n.icon-language:before {\n content: \"\\e9c5\";\n}\n.icon-laptop:before {\n content: \"\\e9c6\";\n}\n.icon-leaf:before {\n content: \"\\e9c7\";\n}\n.icon-level-down:before {\n content: \"\\e9c8\";\n}\n.icon-level-up:before {\n content: \"\\e9c9\";\n}\n.icon-lifebuoy:before {\n content: \"\\e9ca\";\n}\n.icon-light-bulb:before {\n content: \"\\e9cb\";\n}\n.icon-light-down:before {\n content: \"\\e9cc\";\n}\n.icon-light-up:before {\n content: \"\\e9cd\";\n}\n.icon-line-graph:before {\n content: \"\\e9ce\";\n}\n.icon-link2:before {\n content: \"\\e9cf\";\n}\n.icon-list:before {\n content: \"\\e9d0\";\n}\n.icon-location-pin:before {\n content: \"\\e9d1\";\n}\n.icon-location2:before {\n content: \"\\e9d2\";\n}\n.icon-lock-open:before {\n content: \"\\e9d3\";\n}\n.icon-lock2:before {\n content: \"\\e9d4\";\n}\n.icon-log-out:before {\n content: \"\\e9d5\";\n}\n.icon-login:before {\n content: \"\\e9d6\";\n}\n.icon-loop:before {\n content: \"\\e9d7\";\n}\n.icon-magnet:before {\n content: \"\\e9d8\";\n}\n.icon-magnifying-glass:before {\n content: \"\\e9d9\";\n}\n.icon-mail2:before {\n content: \"\\e9da\";\n}\n.icon-man:before {\n content: \"\\e9db\";\n}\n.icon-map2:before {\n content: \"\\e9dc\";\n}\n.icon-mask:before {\n content: \"\\e9dd\";\n}\n.icon-medal:before {\n content: \"\\e9de\";\n}\n.icon-megaphone:before {\n content: \"\\e9df\";\n}\n.icon-menu2:before {\n content: \"\\e9e0\";\n}\n.icon-message:before {\n content: \"\\e9e1\";\n}\n.icon-mic:before {\n content: \"\\e9e2\";\n}\n.icon-minus2:before {\n content: \"\\e9e3\";\n}\n.icon-mobile:before {\n content: \"\\e9e4\";\n}\n.icon-modern-mic:before {\n content: \"\\e9e5\";\n}\n.icon-moon2:before {\n content: \"\\e9e6\";\n}\n.icon-mouse:before {\n content: \"\\e9e7\";\n}\n.icon-music:before {\n content: \"\\e9e8\";\n}\n.icon-network:before {\n content: \"\\e9e9\";\n}\n.icon-new-message:before {\n content: \"\\e9ea\";\n}\n.icon-new:before {\n content: \"\\e9eb\";\n}\n.icon-news:before {\n content: \"\\e9ec\";\n}\n.icon-note:before {\n content: \"\\e9ed\";\n}\n.icon-notification:before {\n content: \"\\e9ee\";\n}\n.icon-old-mobile:before {\n content: \"\\e9ef\";\n}\n.icon-old-phone:before {\n content: \"\\e9f0\";\n}\n.icon-palette:before {\n content: \"\\e9f1\";\n}\n.icon-paper-plane:before {\n content: \"\\e9f2\";\n}\n.icon-pencil:before {\n content: \"\\e9f3\";\n}\n.icon-phone:before {\n content: \"\\e9f4\";\n}\n.icon-pie-chart:before {\n content: \"\\e9f5\";\n}\n.icon-pin:before {\n content: \"\\e9f6\";\n}\n.icon-plus2:before {\n content: \"\\e9f7\";\n}\n.icon-popup:before {\n content: \"\\e9f8\";\n}\n.icon-power-plug:before {\n content: \"\\e9f9\";\n}\n.icon-price-ribbon:before {\n content: \"\\e9fa\";\n}\n.icon-price-tag:before {\n content: \"\\e9fb\";\n}\n.icon-print:before {\n content: \"\\e9fc\";\n}\n.icon-progress-empty:before {\n content: \"\\e9fd\";\n}\n.icon-progress-full:before {\n content: \"\\e9fe\";\n}\n.icon-progress-one:before {\n content: \"\\e9ff\";\n}\n.icon-progress-two:before {\n content: \"\\ea00\";\n}\n.icon-publish:before {\n content: \"\\ea01\";\n}\n.icon-quote:before {\n content: \"\\ea02\";\n}\n.icon-radio:before {\n content: \"\\ea03\";\n}\n.icon-reply-all:before {\n content: \"\\ea04\";\n}\n.icon-reply2:before {\n content: \"\\ea05\";\n}\n.icon-retweet:before {\n content: \"\\ea06\";\n}\n.icon-rocket:before {\n content: \"\\ea07\";\n}\n.icon-round-brush:before {\n content: \"\\ea08\";\n}\n.icon-rss:before {\n content: \"\\ea09\";\n}\n.icon-ruler:before {\n content: \"\\ea0a\";\n}\n.icon-scissors:before {\n content: \"\\ea0b\";\n}\n.icon-share-alternitive:before {\n content: \"\\ea0c\";\n}\n.icon-share2:before {\n content: \"\\ea0d\";\n}\n.icon-shareable:before {\n content: \"\\ea0e\";\n}\n.icon-shield:before {\n content: \"\\ea0f\";\n}\n.icon-shop:before {\n content: \"\\ea10\";\n}\n.icon-shopping-bag:before {\n content: \"\\ea11\";\n}\n.icon-shopping-basket:before {\n content: \"\\ea12\";\n}\n.icon-shopping-cart:before {\n content: \"\\ea13\";\n}\n.icon-shuffle2:before {\n content: \"\\ea14\";\n}\n.icon-signal2:before {\n content: \"\\ea15\";\n}\n.icon-sound-mix:before {\n content: \"\\ea16\";\n}\n.icon-sports-club:before {\n content: \"\\ea17\";\n}\n.icon-spreadsheet:before {\n content: \"\\ea18\";\n}\n.icon-squared-cross:before {\n content: \"\\ea19\";\n}\n.icon-squared-minus:before {\n content: \"\\ea1a\";\n}\n.icon-squared-plus:before {\n content: \"\\ea1b\";\n}\n.icon-star-outlined:before {\n content: \"\\ea1c\";\n}\n.icon-star2:before {\n content: \"\\ea1d\";\n}\n.icon-stopwatch:before {\n content: \"\\ea1e\";\n}\n.icon-suitcase:before {\n content: \"\\ea1f\";\n}\n.icon-swap:before {\n content: \"\\ea20\";\n}\n.icon-sweden:before {\n content: \"\\ea21\";\n}\n.icon-switch:before {\n content: \"\\ea22\";\n}\n.icon-tablet:before {\n content: \"\\ea23\";\n}\n.icon-tag2:before {\n content: \"\\ea24\";\n}\n.icon-text-document-inverted:before {\n content: \"\\ea25\";\n}\n.icon-text-document:before {\n content: \"\\ea26\";\n}\n.icon-text:before {\n content: \"\\ea27\";\n}\n.icon-thermometer2:before {\n content: \"\\ea28\";\n}\n.icon-thumbs-down:before {\n content: \"\\ea29\";\n}\n.icon-thumbs-up:before {\n content: \"\\ea2a\";\n}\n.icon-thunder-cloud:before {\n content: \"\\ea2b\";\n}\n.icon-ticket:before {\n content: \"\\ea2c\";\n}\n.icon-time-slot:before {\n content: \"\\ea2d\";\n}\n.icon-tools:before {\n content: \"\\ea2e\";\n}\n.icon-traffic-cone:before {\n content: \"\\ea2f\";\n}\n.icon-tree:before {\n content: \"\\ea30\";\n}\n.icon-trophy:before {\n content: \"\\ea31\";\n}\n.icon-tv:before {\n content: \"\\ea32\";\n}\n.icon-typing:before {\n content: \"\\ea33\";\n}\n.icon-unread:before {\n content: \"\\ea34\";\n}\n.icon-untag:before {\n content: \"\\ea35\";\n}\n.icon-user:before {\n content: \"\\ea36\";\n}\n.icon-users:before {\n content: \"\\ea37\";\n}\n.icon-v-card:before {\n content: \"\\ea38\";\n}\n.icon-video2:before {\n content: \"\\ea39\";\n}\n.icon-vinyl:before {\n content: \"\\ea3a\";\n}\n.icon-voicemail:before {\n content: \"\\ea3b\";\n}\n.icon-wallet:before {\n content: \"\\ea3c\";\n}\n.icon-water:before {\n content: \"\\ea3d\";\n}\n.icon-px-with-circle:before {\n content: \"\\ea3e\";\n}\n.icon-px:before {\n content: \"\\ea3f\";\n}\n.icon-basecamp:before {\n content: \"\\ea40\";\n}\n.icon-behance:before {\n content: \"\\ea41\";\n}\n.icon-creative-cloud:before {\n content: \"\\ea42\";\n}\n.icon-dropbox:before {\n content: \"\\ea43\";\n}\n.icon-evernote:before {\n content: \"\\ea44\";\n}\n.icon-flattr:before {\n content: \"\\ea45\";\n}\n.icon-foursquare:before {\n content: \"\\ea46\";\n}\n.icon-google-drive:before {\n content: \"\\ea47\";\n}\n.icon-google-hangouts:before {\n content: \"\\ea48\";\n}\n.icon-grooveshark:before {\n content: \"\\ea49\";\n}\n.icon-icloud:before {\n content: \"\\ea4a\";\n}\n.icon-mixi:before {\n content: \"\\ea4b\";\n}\n.icon-onedrive:before {\n content: \"\\ea4c\";\n}\n.icon-paypal:before {\n content: \"\\ea4d\";\n}\n.icon-picasa:before {\n content: \"\\ea4e\";\n}\n.icon-qq:before {\n content: \"\\ea4f\";\n}\n.icon-rdio-with-circle:before {\n content: \"\\ea50\";\n}\n.icon-renren:before {\n content: \"\\ea51\";\n}\n.icon-scribd:before {\n content: \"\\ea52\";\n}\n.icon-sina-weibo:before {\n content: \"\\ea53\";\n}\n.icon-skype-with-circle:before {\n content: \"\\ea54\";\n}\n.icon-skype:before {\n content: \"\\ea55\";\n}\n.icon-slideshare:before {\n content: \"\\ea56\";\n}\n.icon-smashing:before {\n content: \"\\ea57\";\n}\n.icon-soundcloud:before {\n content: \"\\ea58\";\n}\n.icon-spotify-with-circle:before {\n content: \"\\ea59\";\n}\n.icon-spotify:before {\n content: \"\\ea5a\";\n}\n.icon-swarm:before {\n content: \"\\ea5b\";\n}\n.icon-vine-with-circle:before {\n content: \"\\ea5c\";\n}\n.icon-vine:before {\n content: \"\\ea5d\";\n}\n.icon-vk-alternitive:before {\n content: \"\\ea5e\";\n}\n.icon-vk-with-circle:before {\n content: \"\\ea5f\";\n}\n.icon-vk:before {\n content: \"\\ea60\";\n}\n.icon-xing-with-circle:before {\n content: \"\\ea61\";\n}\n.icon-xing:before {\n content: \"\\ea62\";\n}\n.icon-yelp:before {\n content: \"\\ea63\";\n}\n.icon-dribbble-with-circle:before {\n content: \"\\ea64\";\n}\n.icon-dribbble:before {\n content: \"\\ea65\";\n}\n.icon-facebook-with-circle:before {\n content: \"\\ea66\";\n}\n.icon-facebook:before {\n content: \"\\ea67\";\n}\n.icon-flickr-with-circle:before {\n content: \"\\ea68\";\n}\n.icon-flickr:before {\n content: \"\\ea69\";\n}\n.icon-github-with-circle:before {\n content: \"\\ea6a\";\n}\n.icon-github:before {\n content: \"\\ea6b\";\n}\n.icon-google-with-circle:before {\n content: \"\\ea6c\";\n}\n.icon-google:before {\n content: \"\\ea6d\";\n}\n.icon-instagram-with-circle:before {\n content: \"\\ea6e\";\n}\n.icon-instagram:before {\n content: \"\\ea6f\";\n}\n.icon-lastfm-with-circle:before {\n content: \"\\ea70\";\n}\n.icon-lastfm:before {\n content: \"\\ea71\";\n}\n.icon-linkedin-with-circle:before {\n content: \"\\ea72\";\n}\n.icon-linkedin:before {\n content: \"\\ea73\";\n}\n.icon-pinterest-with-circle:before {\n content: \"\\ea74\";\n}\n.icon-pinterest:before {\n content: \"\\ea75\";\n}\n.icon-rdio:before {\n content: \"\\ea76\";\n}\n.icon-stumbleupon-with-circle:before {\n content: \"\\ea77\";\n}\n.icon-stumbleupon:before {\n content: \"\\ea78\";\n}\n.icon-tumblr-with-circle:before {\n content: \"\\ea79\";\n}\n.icon-tumblr:before {\n content: \"\\ea7a\";\n}\n.icon-twitter-with-circle:before {\n content: \"\\ea7b\";\n}\n.icon-twitter:before {\n content: \"\\ea7c\";\n}\n.icon-vimeo-with-circle:before {\n content: \"\\ea7d\";\n}\n.icon-vimeo:before {\n content: \"\\ea7e\";\n}\n.icon-youtube-with-circle:before {\n content: \"\\ea7f\";\n}\n.icon-youtube:before {\n content: \"\\ea80\";\n}\n" }, { "path": "src/assets/css/style.css", "content": "@font-face {\n font-family: 'icomoon';\n src: url('../fonts/icomoon/icomoon.eot?srf3rx');\n src: url('../fonts/icomoon/icomoon.eot?srf3rx#iefix') format('embedded-opentype'),\n url('../fonts/icomoon/icomoon.ttf?srf3rx') format('truetype'),\n url('../fonts/icomoon/icomoon.woff?srf3rx') format('woff'),\n url('../fonts/icomoon/icomoon.svg?srf3rx#icomoon') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n/* =======================================================\n*\n* \tTemplate Style \n*\n* ======================================================= */\nbody {\n font-family: 'Work Sans', Arial, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 1.7;\n color: #828282;\n background: #fff;\n}\n\n#page {\n position: relative;\n overflow-x: hidden;\n width: 100%;\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\n.offcanvas #page {\n overflow: hidden;\n position: absolute;\n}\n.offcanvas #page:after {\n -webkit-transition: 2s;\n -o-transition: 2s;\n transition: 2s;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 101;\n background: rgba(0, 0, 0, 0.7);\n content: '';\n}\n\na {\n color: #f14e95;\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\na:hover,\na:active,\na:focus {\n color: #f14e95;\n outline: none;\n text-decoration: none;\n}\n\np {\n margin-bottom: 20px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nfigure {\n color: #000;\n font-family: 'Work Sans', Arial, sans-serif;\n font-weight: 400;\n margin: 0 0 20px 0;\n}\n\n::-webkit-selection {\n color: #fff;\n background: #f14e95;\n}\n\n::-moz-selection {\n color: #fff;\n background: #f14e95;\n}\n\n::selection {\n color: #fff;\n background: #f14e95;\n}\n\n.fh5co-nav {\n position: absolute;\n top: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n padding: 40px 0;\n z-index: 1001;\n}\n@media screen and (max-width: 768px) {\n .fh5co-nav {\n padding: 20px 0;\n }\n}\n.fh5co-nav #fh5co-logo {\n font-size: 40px;\n margin: 0;\n padding: 0;\n line-height: 40px;\n font-family: 'Sacramento', Arial, serif;\n}\n.fh5co-nav a {\n padding: 5px 10px;\n color: #fff;\n}\n@media screen and (max-width: 768px) {\n .fh5co-nav .menu-1,\n .fh5co-nav .menu-2 {\n display: none;\n }\n}\n.fh5co-nav ul {\n padding: 0;\n margin: 2px 0 0 0;\n}\n.fh5co-nav ul li {\n padding: 0;\n margin: 0;\n list-style: none;\n display: inline;\n}\n.fh5co-nav ul li a {\n font-size: 14px;\n padding: 30px 10px;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.5);\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\n.fh5co-nav ul li a:hover,\n.fh5co-nav ul li a:focus,\n.fh5co-nav ul li a:active {\n color: white;\n}\n.fh5co-nav ul li.has-dropdown {\n position: relative;\n}\n.fh5co-nav ul li.has-dropdown .dropdown {\n width: 130px;\n -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);\n -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);\n box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);\n z-index: 1002;\n visibility: hidden;\n opacity: 0;\n position: absolute;\n top: 40px;\n left: 0;\n text-align: left;\n background: #fff;\n padding: 20px;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n -webkit-transition: 0s;\n -o-transition: 0s;\n transition: 0s;\n}\n.fh5co-nav ul li.has-dropdown .dropdown:before {\n bottom: 100%;\n left: 40px;\n border: solid transparent;\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-bottom-color: #fff;\n border-width: 8px;\n margin-left: -8px;\n}\n.fh5co-nav ul li.has-dropdown .dropdown li {\n display: block;\n margin-bottom: 7px;\n}\n.fh5co-nav ul li.has-dropdown .dropdown li:last-child {\n margin-bottom: 0;\n}\n.fh5co-nav ul li.has-dropdown .dropdown li a {\n padding: 2px 0;\n display: block;\n color: #999999;\n line-height: 1.2;\n text-transform: none;\n font-size: 15px;\n}\n.fh5co-nav ul li.has-dropdown .dropdown li a:hover {\n color: #000;\n}\n.fh5co-nav ul li.has-dropdown:hover a,\n.fh5co-nav ul li.has-dropdown:focus a {\n color: #fff;\n}\n.fh5co-nav ul li.btn-cta a {\n color: #f14e95;\n}\n.fh5co-nav ul li.btn-cta a span {\n background: #fff;\n padding: 4px 20px;\n display: -moz-inline-stack;\n display: inline-block;\n zoom: 1;\n *display: inline;\n -webkit-transition: 0.3s;\n -o-transition: 0.3s;\n transition: 0.3s;\n -webkit-border-radius: 100px;\n -moz-border-radius: 100px;\n -ms-border-radius: 100px;\n border-radius: 100px;\n}\n.fh5co-nav ul li.btn-cta a:hover span {\n -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);\n -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);\n box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);\n}\n.fh5co-nav ul li.active > a {\n color: #fff !important;\n}\n\n#fh5co-counter,\n#fh5co-event,\n.fh5co-bg {\n background-size: cover;\n background-position: top center;\n background-repeat: no-repeat;\n position: relative;\n}\n\n.fh5co-bg {\n background-position: center center;\n width: 100%;\n float: left;\n position: relative;\n}\n\n.fh5co-video {\n height: 450px;\n overflow: hidden;\n -webkit-border-radius: 7px;\n -moz-border-radius: 7px;\n -ms-border-radius: 7px;\n border-radius: 7px;\n}\n.fh5co-video a {\n z-index: 1001;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -45px;\n margin-left: -45px;\n width: 90px;\n height: 90px;\n display: table;\n text-align: center;\n background: #fff;\n -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n.fh5co-video a i {\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n font-size: 40px;\n}\n.fh5co-video .overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\n.fh5co-video:hover .overlay {\n background: rgba(0, 0, 0, 0.7);\n}\n.fh5co-video:hover a {\n position: relative;\n -webkit-transform: scale(1.2);\n -moz-transform: scale(1.2);\n -ms-transform: scale(1.2);\n -o-transform: scale(1.2);\n transform: scale(1.2);\n}\n\n.fh5co-cover {\n height: 900px;\n background-size: cover;\n background-repeat: no-repeat;\n position: relative;\n width: 100%;\n}\n.fh5co-cover .overlay {\n z-index: 0;\n position: absolute;\n bottom: 0;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, 0.6);\n}\n.fh5co-cover > .fh5co-container {\n position: relative;\n z-index: 10;\n}\n@media screen and (max-width: 768px) {\n .fh5co-cover {\n height: 600px;\n }\n}\n.fh5co-cover .display-t,\n.fh5co-cover .display-tc {\n height: 900px;\n display: table;\n width: 100%;\n}\n@media screen and (max-width: 768px) {\n .fh5co-cover .display-t,\n .fh5co-cover .display-tc {\n height: 600px;\n }\n}\n.fh5co-cover.fh5co-cover-sm {\n height: 600px;\n}\n@media screen and (max-width: 768px) {\n .fh5co-cover.fh5co-cover-sm {\n height: 400px;\n }\n}\n.fh5co-cover.fh5co-cover-sm .display-t,\n.fh5co-cover.fh5co-cover-sm .display-tc {\n height: 600px;\n display: table;\n width: 100%;\n}\n@media screen and (max-width: 768px) {\n .fh5co-cover.fh5co-cover-sm .display-t,\n .fh5co-cover.fh5co-cover-sm .display-tc {\n height: 400px;\n }\n}\n\n#fh5co-counter,\n#fh5co-event {\n float: left;\n}\n#fh5co-counter .display-t,\n#fh5co-counter .display-tc,\n#fh5co-event .display-t,\n#fh5co-event .display-tc {\n height: 700px;\n display: table;\n width: 100%;\n}\n#fh5co-counter .fh5co-heading h2,\n#fh5co-event .fh5co-heading h2 {\n color: #fff;\n}\n#fh5co-counter .fh5co-heading span,\n#fh5co-event .fh5co-heading span {\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n font-size: 13px;\n letter-spacing: 2px;\n font-weight: 600;\n}\n#fh5co-counter .overlay,\n#fh5co-event .overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.6);\n}\n@media screen and (max-width: 768px) {\n #fh5co-counter,\n #fh5co-event {\n height: inherit;\n padding: 7em 0;\n }\n #fh5co-counter .display-t,\n #fh5co-counter .display-tc,\n #fh5co-event .display-t,\n #fh5co-event .display-tc {\n height: inherit;\n }\n}\n#fh5co-counter .event-wrap,\n#fh5co-event .event-wrap {\n border: 2px solid rgba(255, 255, 255, 0.5);\n background: rgba(255, 255, 255, 0.1);\n padding: 30px;\n width: 100%;\n float: left;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n}\n@media screen and (max-width: 768px) {\n #fh5co-counter .event-wrap,\n #fh5co-event .event-wrap {\n margin-bottom: 10px;\n }\n}\n#fh5co-counter .event-wrap h3,\n#fh5co-event .event-wrap h3 {\n font-size: 20px;\n color: #fff;\n border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n display: block;\n padding-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 2px;\n}\n#fh5co-counter .event-wrap p,\n#fh5co-counter .event-wrap span,\n#fh5co-event .event-wrap p,\n#fh5co-event .event-wrap span {\n display: block;\n color: rgba(255, 255, 255, 0.8);\n}\n#fh5co-counter .event-wrap i,\n#fh5co-event .event-wrap i {\n color: white;\n font-size: 20px;\n}\n#fh5co-counter .event-wrap .event-col,\n#fh5co-event .event-wrap .event-col {\n display: flex !important;\n width: 100% !important;\n margin-bottom: 12px !important;\n}\n\n.event-col > span {\n margin-left: 8px !important;\n text-align: left;\n}\n\n#fh5co-counter {\n height: 600px;\n}\n@media screen and (max-width: 768px) {\n #fh5co-counter {\n height: auto;\n }\n}\n\n.timeline {\n list-style: none;\n padding: 20px 0 20px;\n position: relative;\n}\n.timeline:before {\n top: 0;\n bottom: 0;\n position: absolute;\n content: ' ';\n width: 1px;\n background-color: #d4d4d4;\n left: 50%;\n margin-left: 0px;\n}\n@media screen and (max-width: 480px) {\n .timeline:before {\n margin-left: -64px;\n }\n}\n.timeline > li {\n margin-bottom: 20px;\n position: relative;\n}\n.timeline > li:before,\n.timeline > li:after {\n content: ' ';\n display: table;\n}\n.timeline > li:after {\n clear: both;\n}\n.timeline > li > .timeline-panel {\n width: 40%;\n float: left;\n border: 1px solid #d4d4d4;\n padding: 30px;\n position: relative;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n}\n.timeline > li > .timeline-panel:before {\n position: absolute;\n top: 80px;\n right: -15px;\n display: inline-block;\n border-top: 15px solid transparent;\n border-left: 15px solid #ccc;\n border-right: 0 solid #ccc;\n border-bottom: 15px solid transparent;\n content: ' ';\n}\n.timeline > li > .timeline-panel:after {\n position: absolute;\n top: 81px;\n right: -14px;\n display: inline-block;\n border-top: 14px solid transparent;\n border-left: 14px solid #fff;\n border-right: 0 solid #fff;\n border-bottom: 14px solid transparent;\n content: ' ';\n}\n@media screen and (max-width: 480px) {\n .timeline > li > .timeline-panel {\n width: 75% !important;\n }\n .timeline > li > .timeline-panel:before {\n top: 30px;\n }\n .timeline > li > .timeline-panel:after {\n top: 31px;\n }\n}\n.timeline > li > .timeline-badge {\n background-size: cover;\n background-position: top center;\n background-repeat: no-repeat;\n position: relative;\n color: #fff;\n width: 160px;\n height: 160px;\n line-height: 50px;\n font-size: 1.4em;\n text-align: center;\n position: absolute;\n top: 16px;\n left: 50%;\n margin-left: -80px;\n background-color: #999999;\n z-index: 100;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n@media screen and (max-width: 480px) {\n .timeline > li > .timeline-badge {\n width: 60px;\n height: 60px;\n margin-left: -20px !important;\n }\n}\n.timeline > li.timeline-inverted > .timeline-panel {\n float: right;\n}\n.timeline > li.timeline-inverted > .timeline-panel:before {\n border-left-width: 0;\n border-right-width: 15px;\n left: -15px;\n right: auto;\n}\n.timeline > li.timeline-inverted > .timeline-panel:after {\n border-left-width: 0;\n border-right-width: 14px;\n left: -14px;\n right: auto;\n}\n\n.timeline-title {\n margin-top: 0;\n}\n\n.date {\n display: block;\n margin-bottom: 20px;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 2px;\n}\n\n.timeline-body > p,\n.timeline-body > ul {\n margin-bottom: 0;\n}\n\n.timeline-body > p + p {\n margin-top: 5px;\n}\n\n@media (max-width: 992px) {\n ul.timeline:before {\n left: 90px;\n }\n\n ul.timeline > li > .timeline-panel {\n width: calc(100% - 200px);\n width: -moz-calc(100% - 200px);\n width: -webkit-calc(100% - 200px);\n }\n\n ul.timeline > li > .timeline-badge {\n left: 15px;\n margin-left: 0;\n top: 16px;\n }\n\n ul.timeline > li > .timeline-panel {\n float: right;\n }\n\n ul.timeline > li > .timeline-panel:before {\n border-left-width: 0;\n border-right-width: 15px;\n left: -15px;\n right: auto;\n }\n\n ul.timeline > li > .timeline-panel:after {\n border-left-width: 0;\n border-right-width: 14px;\n left: -14px;\n right: auto;\n }\n}\n#fh5co-gallery-list {\n flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -moz-flex-wrap: wrap;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n position: relative;\n float: left;\n padding: 0;\n margin: 0;\n width: 100%;\n}\n#fh5co-gallery-list li {\n display: block;\n padding: 0;\n margin: 0 0 10px 1%;\n list-style: none;\n min-height: 400px;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n float: left;\n clear: left;\n position: relative;\n -webkit-border-radius: 7px;\n -moz-border-radius: 7px;\n -ms-border-radius: 7px;\n border-radius: 7px;\n}\n@media screen and (max-width: 480px) {\n #fh5co-gallery-list li {\n margin-left: 0;\n }\n}\n#fh5co-gallery-list li a {\n min-height: 400px;\n padding: 2em;\n position: relative;\n width: 100%;\n display: block;\n}\n#fh5co-gallery-list li a:before {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n content: '';\n z-index: 80;\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n -webkit-border-radius: 7px;\n -moz-border-radius: 7px;\n -ms-border-radius: 7px;\n border-radius: 7px;\n background: rgba(0, 0, 0, 0.2);\n}\n#fh5co-gallery-list li a:hover:before {\n background: rgba(0, 0, 0, 0.5);\n}\n#fh5co-gallery-list li a .case-studies-summary {\n width: auto;\n bottom: 2em;\n left: 2em;\n right: 2em;\n position: absolute;\n z-index: 100;\n}\n@media screen and (max-width: 768px) {\n #fh5co-gallery-list li a .case-studies-summary {\n bottom: 1em;\n left: 1em;\n right: 1em;\n }\n}\n#fh5co-gallery-list li a .case-studies-summary span {\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 13px;\n color: rgba(255, 255, 255, 0.7);\n}\n#fh5co-gallery-list li a .case-studies-summary h2 {\n color: #fff;\n margin-bottom: 0;\n}\n@media screen and (max-width: 768px) {\n #fh5co-gallery-list li a .case-studies-summary h2 {\n font-size: 20px;\n }\n}\n#fh5co-gallery-list li.one-third {\n width: 32.3%;\n}\n@media screen and (max-width: 768px) {\n #fh5co-gallery-list li.one-third {\n width: 49%;\n }\n}\n@media screen and (max-width: 480px) {\n #fh5co-gallery-list li.one-third {\n width: 100%;\n }\n}\n\n#map {\n width: 100%;\n height: 500px;\n position: relative;\n}\n@media screen and (max-width: 768px) {\n #map {\n height: 200px;\n }\n}\n\n.fh5co-social-icons {\n margin: 0;\n padding: 0;\n}\n.fh5co-social-icons li {\n margin: 0;\n padding: 0;\n list-style: none;\n display: -moz-inline-stack;\n display: inline-block;\n zoom: 1;\n *display: inline;\n}\n.fh5co-social-icons li a {\n display: -moz-inline-stack;\n display: inline-block;\n zoom: 1;\n *display: inline;\n color: #f14e95;\n padding-left: 10px;\n padding-right: 10px;\n}\n.fh5co-social-icons li a i {\n font-size: 20px;\n}\n\n.fh5co-contact-info ul {\n padding: 0;\n margin: 0;\n}\n.fh5co-contact-info ul li {\n padding: 0 0 0 50px;\n margin: 0 0 30px 0;\n list-style: none;\n position: relative;\n}\n.fh5co-contact-info ul li:before {\n color: #f14e95;\n position: absolute;\n left: 0;\n top: 0.05em;\n font-family: 'icomoon';\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.fh5co-contact-info ul li.address:before {\n font-size: 30px;\n content: '\\e9d1';\n}\n.fh5co-contact-info ul li.phone:before {\n font-size: 23px;\n content: '\\e9f4';\n}\n.fh5co-contact-info ul li.email:before {\n font-size: 23px;\n content: '\\e9da';\n}\n.fh5co-contact-info ul li.url:before {\n font-size: 23px;\n content: '\\e9af';\n}\n\nform label {\n font-weight: normal !important;\n}\n\n#fh5co-header .display-tc,\n#fh5co-counter .display-tc,\n.fh5co-cover .display-tc {\n display: table-cell !important;\n vertical-align: middle;\n}\n#fh5co-header .display-tc h1,\n#fh5co-header .display-tc h2,\n#fh5co-counter .display-tc h1,\n#fh5co-counter .display-tc h2,\n.fh5co-cover .display-tc h1,\n.fh5co-cover .display-tc h2 {\n margin: 0;\n padding: 0;\n color: white;\n}\n#fh5co-header .display-tc h1,\n#fh5co-counter .display-tc h1,\n.fh5co-cover .display-tc h1 {\n margin-bottom: 0px;\n font-size: 100px;\n line-height: 1.5;\n font-family: 'Sacramento', Arial, serif;\n}\n@media screen and (max-width: 768px) {\n #fh5co-header .display-tc h1,\n #fh5co-counter .display-tc h1,\n .fh5co-cover .display-tc h1 {\n font-size: 40px;\n }\n}\n@media screen and (max-width: 480px) {\n #fh5co-header .display-tc h1,\n #fh5co-counter .display-tc h1,\n .fh5co-cover .display-tc h1 {\n font-size: 30px;\n }\n}\n#fh5co-header .display-tc h2,\n#fh5co-counter .display-tc h2,\n.fh5co-cover .display-tc h2 {\n font-size: 20px;\n line-height: 1.5;\n margin-bottom: 30px;\n}\n@media screen and (max-width: 480px) {\n #fh5co-header .display-tc h2,\n #fh5co-counter .display-tc h2,\n .fh5co-cover .display-tc h2 {\n font-size: 16px;\n }\n}\n#fh5co-header .display-tc .btn,\n#fh5co-counter .display-tc .btn,\n.fh5co-cover .display-tc .btn {\n padding: 15px 20px;\n background: #fff !important;\n color: #f14e95;\n border: none !important;\n font-size: 14px;\n text-transform: uppercase;\n}\n#fh5co-header .display-tc .btn:hover,\n#fh5co-counter .display-tc .btn:hover,\n.fh5co-cover .display-tc .btn:hover {\n background: #fff !important;\n -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;\n -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;\n box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;\n}\n\n#fh5co-counter {\n text-align: center;\n}\n#fh5co-counter .counter {\n font-size: 50px;\n margin-bottom: 10px;\n color: #fff;\n font-weight: 100;\n display: block;\n}\n#fh5co-counter .counter-label {\n margin-bottom: 0;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: 0.1em;\n}\n@media screen and (max-width: 768px) {\n #fh5co-counter .feature-center {\n margin-bottom: 50px;\n }\n}\n#fh5co-counter .icon {\n width: 70px;\n height: 70px;\n text-align: center;\n -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n margin-bottom: 30px;\n}\n#fh5co-counter .icon i {\n height: 70px;\n}\n#fh5co-counter .icon i:before {\n display: block;\n text-align: center;\n margin-left: 3px;\n}\n\n.simply-countdown {\n /* The countdown */\n margin-bottom: 2em;\n}\n\n.simply-countdown > .simply-section {\n /* coutndown blocks */\n display: inline-block;\n width: 100px;\n height: 100px;\n background: rgba(241, 78, 149, 0.8);\n margin: 0 4px;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n position: relative;\n animation: pulse 1s ease infinite;\n}\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n}\n.simply-countdown > .simply-section > div {\n /* countdown block inner div */\n display: table-cell;\n vertical-align: middle;\n height: 100px;\n width: 100px;\n}\n\n.simply-countdown > .simply-section .simply-amount,\n.simply-countdown > .simply-section .simply-word {\n display: block;\n color: white;\n /* amounts and words */\n}\n\n.simply-countdown > .simply-section .simply-amount {\n font-size: 30px;\n /* amounts */\n}\n\n.simply-countdown > .simply-section .simply-word {\n color: rgba(255, 255, 255, 0.7);\n text-transform: uppercase;\n font-size: 12px;\n /* words */\n}\n\n#fh5co-testimonial,\n#fh5co-services,\n#fh5co-started,\n#fh5co-footer,\n#fh5co-event,\n#fh5co-couple-story,\n#fh5co-couple,\n#fh5co-gallery,\n.fh5co-section {\n padding: 3em 0;\n clear: both;\n}\n\n#fh5co-couple {\n min-height: 50vh;\n}\n\n@media screen and (max-width: 768px) {\n #fh5co-testimonial,\n #fh5co-services,\n #fh5co-started,\n #fh5co-footer,\n #fh5co-event,\n #fh5co-couple-story,\n #fh5co-couple,\n #fh5co-gallery,\n .fh5co-section {\n padding: 2em 0;\n }\n}\n\n.fh5co-section-gray {\n background: rgba(0, 0, 0, 0.04);\n}\n\n.couple-wrap {\n width: 90%;\n margin: 0 auto;\n position: relative;\n}\n@media screen and (max-width: 768px) {\n .couple-wrap {\n width: 100%;\n }\n}\n\n.heart {\n position: absolute;\n top: 4em;\n left: 0;\n right: 0;\n z-index: 99;\n animation: pulse 1s ease infinite;\n}\n.heart i {\n font-size: 20px;\n background: #fff;\n padding: 20px;\n color: #f14e95;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n@media screen and (max-width: 768px) {\n .heart {\n display: none;\n }\n}\n\n.couple-half {\n width: 50%;\n float: left;\n}\n@media screen and (max-width: 768px) {\n .couple-half {\n width: 100%;\n }\n}\n.couple-half h3 {\n font-family: 'Sacramento', Arial, serif;\n color: #f14e95;\n font-size: 30px;\n}\n.couple-half .groom,\n.couple-half .bride {\n float: left;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n width: 150px;\n height: 150px;\n}\n.couple-half .groom img,\n.couple-half .bride img {\n width: 150px;\n height: 150px;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n@media screen and (max-width: 480px) {\n .couple-half .groom,\n .couple-half .bride {\n width: 100%;\n height: 140px;\n }\n .couple-half .groom img,\n .couple-half .bride img {\n width: 120px;\n height: 120px;\n margin: 0 auto;\n }\n}\n.couple-half .groom {\n float: right;\n margin-right: 5px;\n}\n.couple-half .bride {\n float: left;\n margin-left: 5px;\n}\n.couple-half .desc-groom {\n padding-right: 180px;\n text-align: right;\n}\n.couple-half .desc-bride {\n padding-left: 180px;\n text-align: left;\n}\n@media screen and (max-width: 480px) {\n .couple-half .groom,\n .couple-half .bride {\n margin-left: 0;\n margin-right: 0;\n }\n .couple-half .desc-groom {\n padding-right: 0;\n text-align: center;\n }\n .couple-half .desc-bride {\n padding-left: 0;\n text-align: center;\n }\n}\n\n.feature-center {\n text-align: center;\n padding-left: 20px;\n padding-right: 20px;\n float: left;\n width: 100%;\n margin-bottom: 40px;\n}\n@media screen and (max-width: 768px) {\n .feature-center {\n margin-bottom: 50px;\n }\n}\n.feature-center .icon {\n width: 90px;\n height: 90px;\n background: #efefef;\n display: table;\n text-align: center;\n margin: 0 auto 30px auto;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n.feature-center .icon i {\n display: table-cell;\n vertical-align: middle;\n height: 90px;\n font-size: 40px;\n line-height: 40px;\n color: #f14e95;\n}\n.feature-center p,\n.feature-center h3 {\n margin-bottom: 30px;\n}\n.feature-center h3 {\n text-transform: uppercase;\n font-size: 18px;\n color: #5d5d5d;\n}\n\n.fh5co-heading {\n margin-bottom: 1.5em;\n}\n.fh5co-heading.fh5co-heading-sm {\n margin-bottom: 2em;\n}\n.fh5co-heading h2 {\n font-size: 60px;\n margin-bottom: 10px;\n line-height: 1.5;\n font-weight: 500;\n color: #f14e95;\n font-family: 'Sacramento', Arial, serif;\n}\n@media screen and (max-width: 768px) {\n .fh5co-heading h2 {\n font-size: 40px;\n }\n}\n.fh5co-heading p {\n font-size: 18px;\n line-height: 1.5;\n color: #828282;\n}\n.fh5co-heading span {\n text-transform: uppercase;\n font-size: 13px;\n letter-spacing: 2px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.4);\n}\n\n#fh5co-testimonial .wrap-testimony {\n position: relative;\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide {\n text-align: center;\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide span {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 700;\n display: block;\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide span a.twitter {\n color: #f14e95;\n font-weight: 300;\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide figure {\n margin-bottom: 10px;\n display: -moz-inline-stack;\n display: inline-block;\n zoom: 1;\n *display: inline;\n width: 100px;\n height: 100px;\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide figure img {\n width: 100px;\n height: 100px;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide blockquote {\n border: none;\n margin: 30px auto;\n width: 50%;\n position: relative;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n}\n@media screen and (max-width: 992px) {\n #fh5co-testimonial .wrap-testimony .testimony-slide blockquote {\n width: 100%;\n }\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide blockquote p {\n font-style: italic;\n color: #8f989f;\n font-size: 20px;\n line-height: 1.6em;\n}\n#fh5co-testimonial .wrap-testimony .testimony-slide.active {\n display: block;\n}\n#fh5co-testimonial .wrap-testimony .arrow-thumb {\n position: absolute;\n top: 40%;\n display: block;\n width: 100%;\n}\n#fh5co-testimonial .wrap-testimony .arrow-thumb a {\n font-size: 32px;\n color: #dadada;\n}\n#fh5co-testimonial .wrap-testimony .arrow-thumb a:hover,\n#fh5co-testimonial .wrap-testimony .arrow-thumb a:focus,\n#fh5co-testimonial .wrap-testimony .arrow-thumb a:active {\n text-decoration: none;\n}\n\n.feature-left {\n float: left;\n width: 100%;\n margin-bottom: 30px;\n position: relative;\n}\n.feature-left:last-child {\n margin-bottom: 0;\n}\n.feature-left .icon {\n float: left;\n margin-right: 5%;\n width: 54px;\n height: 54px;\n background: #fff;\n display: table;\n text-align: center;\n -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n@media screen and (max-width: 768px) {\n .feature-left .icon {\n margin-right: 5%;\n }\n}\n.feature-left .icon i {\n display: table-cell;\n vertical-align: middle;\n font-size: 30px;\n color: #f14e95;\n}\n.feature-left .feature-copy {\n float: left;\n width: 80%;\n}\n@media screen and (max-width: 768px) {\n .feature-left .feature-copy {\n width: 70%;\n float: left;\n }\n}\n.feature-left .feature-copy h3 {\n text-transform: uppercase;\n font-size: 18px;\n color: #5d5d5d;\n margin-bottom: 10px;\n}\n\n#fh5co-started {\n position: relative;\n}\n#fh5co-started .overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.6);\n}\n#fh5co-started .fh5co-heading h2 {\n color: #fff;\n}\n#fh5co-started .fh5co-heading p {\n color: rgba(255, 255, 255, 0.5);\n}\n#fh5co-started .form-control {\n background: rgba(255, 255, 255, 0.2);\n border: none !important;\n color: #fff;\n font-size: 16px !important;\n width: 100%;\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\n#fh5co-started .form-control::-webkit-input-placeholder {\n color: #fff;\n}\n#fh5co-started .form-control:-moz-placeholder {\n /* Firefox 18- */\n color: #fff;\n}\n#fh5co-started .form-control::-moz-placeholder {\n /* Firefox 19+ */\n color: #fff;\n}\n#fh5co-started .form-control:-ms-input-placeholder {\n color: #fff;\n}\n#fh5co-started .form-control:focus {\n background: rgba(255, 255, 255, 0.3);\n}\n#fh5co-started .btn {\n height: 54px;\n border: none !important;\n background: #f14e95;\n color: #fff;\n font-size: 16px;\n text-transform: uppercase;\n font-weight: 400;\n padding-left: 50px;\n padding-right: 50px;\n}\n#fh5co-started .form-inline .form-group {\n width: 100% !important;\n margin-bottom: 10px;\n}\n#fh5co-started .form-inline .form-group .form-control {\n width: 100%;\n}\n#fh5co-started .fh5co-heading {\n margin-bottom: 30px;\n}\n#fh5co-started .fh5co-heading h2 {\n margin-bottom: 0;\n}\n\n@media screen and (max-width: 768px) {\n #fh5co-footer .copyright .pull-left,\n #fh5co-footer .copyright .pull-right {\n float: none !important;\n text-align: center;\n }\n}\n#fh5co-footer .copyright .block {\n display: block;\n}\n\n.owl-carousel .owl-controls .owl-dot span {\n background: #e6e6e6;\n}\n.owl-carousel .owl-controls .owl-dot span:hover,\n.owl-carousel .owl-controls .owl-dot span:focus {\n background: #cccccc;\n}\n.owl-carousel .owl-controls .owl-dot:hover span,\n.owl-carousel .owl-controls .owl-dot:focus span {\n background: #cccccc;\n}\n.owl-carousel .owl-controls .owl-dot.active span {\n background: transparent;\n border: 2px solid #f14e95;\n}\n\n#fh5co-offcanvas {\n position: absolute;\n z-index: 1901;\n width: 270px;\n background: black;\n top: 0;\n right: 0;\n top: 0;\n bottom: 0;\n padding: 45px 40px 40px 40px;\n overflow-y: auto;\n -moz-transform: translateX(270px);\n -webkit-transform: translateX(270px);\n -ms-transform: translateX(270px);\n -o-transform: translateX(270px);\n transform: translateX(270px);\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\n.offcanvas #fh5co-offcanvas {\n -moz-transform: translateX(0px);\n -webkit-transform: translateX(0px);\n -ms-transform: translateX(0px);\n -o-transform: translateX(0px);\n transform: translateX(0px);\n}\n#fh5co-offcanvas a {\n color: rgba(255, 255, 255, 0.5);\n}\n#fh5co-offcanvas a:hover {\n color: rgba(255, 255, 255, 0.8);\n}\n#fh5co-offcanvas ul {\n padding: 0;\n margin: 0;\n}\n#fh5co-offcanvas ul li {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n#fh5co-offcanvas ul li > ul {\n padding-left: 20px;\n display: none;\n}\n#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {\n display: block;\n position: relative;\n}\n#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {\n position: absolute;\n right: 0px;\n font-family: 'icomoon';\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\e921';\n font-size: 20px;\n color: rgba(255, 255, 255, 0.2);\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\n#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {\n -webkit-transform: rotate(-180deg);\n -moz-transform: rotate(-180deg);\n -ms-transform: rotate(-180deg);\n -o-transform: rotate(-180deg);\n transform: rotate(-180deg);\n}\n\n.uppercase {\n font-size: 14px;\n color: #000;\n margin-bottom: 10px;\n font-weight: 700;\n text-transform: uppercase;\n}\n\n.gototop {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n}\n.gototop.active {\n opacity: 1;\n visibility: visible;\n}\n.gototop a {\n width: 50px;\n height: 50px;\n display: table;\n background: rgba(0, 0, 0, 0.5);\n color: #fff;\n text-align: center;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n}\n.gototop a i {\n height: 50px;\n display: table-cell;\n vertical-align: middle;\n}\n.gototop a:hover,\n.gototop a:active,\n.gototop a:focus {\n text-decoration: none;\n outline: none;\n}\n\n.fh5co-nav-toggle {\n width: 25px;\n height: 25px;\n cursor: pointer;\n text-decoration: none;\n}\n.fh5co-nav-toggle.active i::before,\n.fh5co-nav-toggle.active i::after {\n background: #444;\n}\n.fh5co-nav-toggle:hover,\n.fh5co-nav-toggle:focus,\n.fh5co-nav-toggle:active {\n outline: none;\n border-bottom: none !important;\n}\n.fh5co-nav-toggle i {\n position: relative;\n display: inline-block;\n width: 25px;\n height: 2px;\n color: #252525;\n font: bold 14px/0.4 Helvetica;\n text-transform: uppercase;\n text-indent: -55px;\n background: #252525;\n transition: all 0.2s ease-out;\n}\n.fh5co-nav-toggle i::before,\n.fh5co-nav-toggle i::after {\n content: '';\n width: 25px;\n height: 2px;\n background: #252525;\n position: absolute;\n left: 0;\n transition: all 0.2s ease-out;\n}\n.fh5co-nav-toggle.fh5co-nav-white > i {\n color: #fff;\n background: #fff;\n}\n.fh5co-nav-toggle.fh5co-nav-white > i::before,\n.fh5co-nav-toggle.fh5co-nav-white > i::after {\n background: #fff;\n}\n\n.fh5co-nav-toggle i::before {\n top: -7px;\n}\n\n.fh5co-nav-toggle i::after {\n bottom: -7px;\n}\n\n.fh5co-nav-toggle:hover i::before {\n top: -10px;\n}\n\n.fh5co-nav-toggle:hover i::after {\n bottom: -10px;\n}\n\n.fh5co-nav-toggle.active i {\n background: transparent;\n}\n\n.fh5co-nav-toggle.active i::before {\n top: 0;\n -webkit-transform: rotateZ(45deg);\n -moz-transform: rotateZ(45deg);\n -ms-transform: rotateZ(45deg);\n -o-transform: rotateZ(45deg);\n transform: rotateZ(45deg);\n}\n\n.fh5co-nav-toggle.active i::after {\n bottom: 0;\n -webkit-transform: rotateZ(-45deg);\n -moz-transform: rotateZ(-45deg);\n -ms-transform: rotateZ(-45deg);\n -o-transform: rotateZ(-45deg);\n transform: rotateZ(-45deg);\n}\n\n.fh5co-nav-toggle {\n position: absolute;\n right: 0px;\n top: 10px;\n z-index: 21;\n padding: 6px 0 0 0;\n display: block;\n margin: 0 auto;\n display: none;\n height: 44px;\n width: 44px;\n z-index: 2001;\n border-bottom: none !important;\n}\n@media screen and (max-width: 768px) {\n .fh5co-nav-toggle {\n display: block;\n }\n}\n\n.btn {\n margin-right: 4px;\n margin-bottom: 4px;\n font-family: 'Work Sans', Arial, sans-serif;\n font-size: 16px;\n font-weight: 400;\n -webkit-border-radius: 30px;\n -moz-border-radius: 30px;\n -ms-border-radius: 30px;\n border-radius: 30px;\n -webkit-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n padding: 8px 20px;\n}\n.btn.btn-md {\n padding: 8px 20px !important;\n}\n.btn.btn-lg {\n padding: 18px 36px !important;\n}\n.btn:hover,\n.btn:active,\n.btn:focus {\n box-shadow: none !important;\n outline: none !important;\n}\n\n.btn-primary {\n background: #f14e95;\n color: #fff;\n border: 2px solid #f14e95;\n}\n.btn-primary:hover,\n.btn-primary:focus,\n.btn-primary:active {\n background: #f366a3 !important;\n border-color: #f366a3 !important;\n}\n.btn-primary.btn-outline {\n background: transparent;\n color: #f14e95;\n border: 2px solid #f14e95;\n}\n.btn-primary.btn-outline:hover,\n.btn-primary.btn-outline:focus,\n.btn-primary.btn-outline:active {\n background: #f14e95;\n color: #fff;\n}\n\n.btn-success {\n background: #5cb85c;\n color: #fff;\n border: 2px solid #5cb85c;\n}\n.btn-success:hover,\n.btn-success:focus,\n.btn-success:active {\n background: #4cae4c !important;\n border-color: #4cae4c !important;\n}\n.btn-success.btn-outline {\n background: transparent;\n color: #5cb85c;\n border: 2px solid #5cb85c;\n}\n.btn-success.btn-outline:hover,\n.btn-success.btn-outline:focus,\n.btn-success.btn-outline:active {\n background: #5cb85c;\n color: #fff;\n}\n\n.btn-info {\n background: #5bc0de;\n color: #fff;\n border: 2px solid #5bc0de;\n}\n.btn-info:hover,\n.btn-info:focus,\n.btn-info:active {\n background: #46b8da !important;\n border-color: #46b8da !important;\n}\n.btn-info.btn-outline {\n background: transparent;\n color: #5bc0de;\n border: 2px solid #5bc0de;\n}\n.btn-info.btn-outline:hover,\n.btn-info.btn-outline:focus,\n.btn-info.btn-outline:active {\n background: #5bc0de;\n color: #fff;\n}\n\n.btn-warning {\n background: #f0ad4e;\n color: #fff;\n border: 2px solid #f0ad4e;\n}\n.btn-warning:hover,\n.btn-warning:focus,\n.btn-warning:active {\n background: #eea236 !important;\n border-color: #eea236 !important;\n}\n.btn-warning.btn-outline {\n background: transparent;\n color: #f0ad4e;\n border: 2px solid #f0ad4e;\n}\n.btn-warning.btn-outline:hover,\n.btn-warning.btn-outline:focus,\n.btn-warning.btn-outline:active {\n background: #f0ad4e;\n color: #fff;\n}\n\n.btn-danger {\n background: #d9534f;\n color: #fff;\n border: 2px solid #d9534f;\n}\n.btn-danger:hover,\n.btn-danger:focus,\n.btn-danger:active {\n background: #d43f3a !important;\n border-color: #d43f3a !important;\n}\n.btn-danger.btn-outline {\n background: transparent;\n color: #d9534f;\n border: 2px solid #d9534f;\n}\n.btn-danger.btn-outline:hover,\n.btn-danger.btn-outline:focus,\n.btn-danger.btn-outline:active {\n background: #d9534f;\n color: #fff;\n}\n\n.btn-outline {\n background: none;\n border: 2px solid gray;\n font-size: 16px;\n -webkit-transition: 0.3s;\n -o-transition: 0.3s;\n transition: 0.3s;\n}\n.btn-outline:hover,\n.btn-outline:focus,\n.btn-outline:active {\n box-shadow: none;\n}\n\n.btn.with-arrow {\n position: relative;\n -webkit-transition: 0.3s;\n -o-transition: 0.3s;\n transition: 0.3s;\n}\n.btn.with-arrow i {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n right: 0px;\n top: 50%;\n margin-top: -8px;\n -webkit-transition: 0.2s;\n -o-transition: 0.2s;\n transition: 0.2s;\n}\n.btn.with-arrow:hover {\n padding-right: 50px;\n}\n.btn.with-arrow:hover i {\n color: #fff;\n right: 18px;\n visibility: visible;\n opacity: 1;\n}\n\n.form-control {\n box-shadow: none;\n background: transparent;\n border: 2px solid rgba(0, 0, 0, 0.1);\n height: 54px;\n font-size: 18px;\n font-weight: 300;\n}\n.form-control:active,\n.form-control:focus {\n outline: none;\n box-shadow: none;\n border-color: #f14e95;\n}\n\n.row-pb-md {\n padding-bottom: 4em !important;\n}\n\n.row-pb-sm {\n padding-bottom: 2em !important;\n}\n\n.fh5co-loader {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background: url(../images/loader.gif) center no-repeat #fff;\n}\n\n.js .animate-box {\n opacity: 0;\n}\n\n.main-font {\n font-family: 'Cookie', cursive !important;\n}\n\n.and-love {\n display: none;\n}\n\n.footer__with-border {\n border-top: 4px solid rgba(143, 152, 159, 0.17);\n}\n\n@media only screen and (max-width: 400px) {\n .sub-title {\n font-size: 16px !important;\n margin: 0 0 8px 0 !important;\n }\n}\n\n.body-hidden {\n overflow: hidden !important;\n}\n\n/* styles for iPhone 6/7/8 plus */\n@media only screen and (max-width: 420px) {\n .btn-see-detail {\n margin-top: 50px !important;\n }\n\n /* hello sections */\n .hs {\n margin-top: 22px !important;\n margin-bottom: 32px !important;\n }\n\n .parent-name {\n margin-top: -16px !important;\n }\n\n .parent-name__top {\n margin-bottom: -8px;\n }\n\n .and-love {\n display: block;\n text-align: center;\n font-size: 5em !important;\n color: rgba(241, 78, 149, 0.8);\n font-weight: bold;\n }\n\n .main-font__wedding {\n font-size: 32px !important;\n }\n\n .sub-title__wedding {\n font-size: 14px !important;\n text-transform: none !important;\n }\n\n .wedding-box__mobile {\n display: flex;\n width: 100%;\n text-align: left;\n }\n\n .wedding-box__mobile > span {\n margin-left: 8px;\n }\n\n .wedding-box__desktop {\n display: none !important;\n }\n}\n\n/*# sourceMappingURL=style.css.map */\n" }, { "path": "src/components/ConfirmationSection/index.js", "content": "import React from 'react';\nimport { string, bool } from 'prop-types';\nimport { Link } from 'gatsby';\n\nimport { styWrapper, styFlex } from './styles';\n\nfunction ConfirmationSection({ isInvitation, guestName, codeLink }) {\n if (!isInvitation) return null;\n\n return (\n
\n
\n
\n
\n
\n

{` Apakah kamu hadir, ${guestName}?`}

\n

\n Atas kehadiran & do'a restu saudara/i,
kami ucapkan terima kasih. Wassalamualaikum Warahmatullahi\n Wabarakatuh.\n

\n
\n
\n
\n
\n \n \n \n
\n
\n
\n
\n );\n}\n\nConfirmationSection.propTypes = {\n codeLink: string.isRequired,\n isInvitation: bool.isRequired,\n guestName: string.isRequired,\n};\n\nexport default React.memo(ConfirmationSection);\n" }, { "path": "src/components/ConfirmationSection/styles.js", "content": "import { css } from '@emotion/core';\nimport Background from '@assets/images/slide-6.jpg';\n\nexport const styWrapper = css`\n background-image: url(${Background});\n background-size: cover;\n background-position: center;\n\n p {\n color: rgba(255, 255, 255, 0.8) !important;\n }\n`;\n\nexport const styFlex = css`\n display: flex;\n justify-content: center;\n`;\n" }, { "path": "src/components/Covid19/SectionBox.js", "content": "import React from 'react';\nimport { styBoxWrapper } from './styles';\n\nfunction SectionBox({ icon, text }) {\n return (\n
\n
\n \"icon\"\n
\n
\n {text}\n
\n
\n );\n}\n\nexport default SectionBox;\n" }, { "path": "src/components/Covid19/index.js", "content": "import React from 'react';\n\nimport IconMask from './assets/face-mask.png';\nimport IconSocialDistancing from './assets/social-distancing.png';\nimport IconGuest from './assets/parents.png';\nimport IconDoctor from './assets/doctor.png';\nimport IconClock from './assets/clock.png';\nimport IconQRcode from './assets/qr.png';\nimport SectionBox from './SectionBox';\n\nfunction CovidSection() {\n return (\n
\n
\n
\n
\n

Panduan Protokol Covid-19

\n

\n Keberlangsungan acara ini mengacu pada pedoman kesehatan dari Kementerian Kesehatan:\n

\n
\n
\n {/* BOX INFO */}\n
\n
\n \n \n \n \n \n \n
\n
\n
\n
\n );\n}\n\nexport default CovidSection;\n" }, { "path": "src/components/Covid19/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styBoxWrapper = css`\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 16px 0;\n\n .img-section {\n }\n\n img {\n max-width: 70px;\n margin-right: 8px;\n }\n\n .text__section {\n width: 100%;\n }\n\n .text__info {\n font-weight: 500;\n font-size: 1.2em;\n }\n\n @media screen and (max-width: 480px) {\n img {\n max-width: 50px;\n margin-right: 8px;\n }\n\n .text__info {\n font-size: 1em;\n }\n }\n`;\n" }, { "path": "src/components/FloatingMusic/Loadable.js", "content": "import loadable from '@loadable/component';\n\nconst FloatingMusic = loadable(() => import(/* webpackChunkName: \"chunk-floating-music\" */ './index'));\nexport default FloatingMusic;\n" }, { "path": "src/components/FloatingMusic/Modal.js", "content": "import React from 'react';\nimport { Helmet } from 'react-helmet';\nimport { bool, func } from 'prop-types';\n\nimport { styWrapperModal } from './styles';\n\nfunction ModalMusic({ isShow, onClickAction }) {\n if (!isShow) {\n return (\n \n \n \n );\n }\n\n return (\n
\n \n \n \n
\n
\n
\n
\n
\n

Wedding Invitation

\n

Dinda & Indra

\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n );\n}\n\nModalMusic.propTypes = {\n isShow: bool.isRequired,\n onClickAction: func.isRequired,\n};\n\nexport default React.memo(ModalMusic);\n" }, { "path": "src/components/FloatingMusic/index.js", "content": "import React, { Fragment, useState } from 'react';\nimport IconMusic from '@assets/images/music-icon.png';\nimport IconMusicStop from '@assets/images/music-stop-icon.png';\nimport MusicBacksound from '@assets/music/lagu-pernikahan-impian.mp3';\n\nimport { styMusicFloating } from './styles';\n\nfunction FloatingMusic() {\n const [play, setPlay] = useState(true);\n\n const toggleMusic = () => {\n const myAudio = document.getElementById('myAudio');\n /**\n * This function built-in with html5 function\n * doc: https://www.w3schools.com/tags/ref_av_dom.asp\n */\n if (play) {\n myAudio.pause();\n } else {\n myAudio.play();\n }\n\n setPlay(!play);\n };\n\n return (\n \n
\n \n\n
\n \n
\n
\n \n );\n}\n\nexport default FloatingMusic;\n" }, { "path": "src/components/FloatingMusic/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styMusicFloating = css`\n .hide {\n display: none;\n }\n\n .icon-music {\n position: fixed;\n bottom: 24px;\n width: 50px;\n z-index: 999;\n left: 24px;\n animation: pulse 2s ease infinite;\n cursor: pointer;\n border-radius: 50%;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n }\n\n @media screen and (max-width: 420px) {\n .icon-music {\n width: 40px;\n left: 20px;\n }\n }\n\n @media screen and (max-width: 360px) {\n .icon-music {\n width: 30px;\n left: 20px;\n }\n }\n\n\n`;\n\nexport const styWrapperModal = css`\n .modal-dialog {\n display: flex;\n justify-content: center;\n }\n\n .modal {\n display: block;\n width: 100%;\n background: rgba(44, 62, 80, 0.8);\n }\n\n .modal-content {\n width: 90%;\n }\n\n .sub-title {\n text-align: center;\n font-size: 20px;\n }\n\n .title {\n font-family: 'Cookie', cursive;\n text-align: center;\n font-size: 50px;\n margin-bottom: 0px;\n }\n`;\n" }, { "path": "src/components/FooterSection/index.js", "content": "import React, { Fragment } from 'react';\nimport { bool } from 'prop-types';\nimport { styWrapper } from '../HelloSection/styles';\n\nfunction FooterSection({ isInvitation }) {\n return (\n \n {!isInvitation && (\n
\n
\n
\n
\n

Terima Kasih

\n

\n Berdasarkan kondisi saat ini, tanpa mengurangi rasa hormat, diharapkan tetap bisa menjalin silaturahmi\n melalui media online, bukan dengan kontak fisik secara langsung.
\n Mohon pengertiannya.\n

\n

\n Atas segala do'a dan restu saudara/i,\n
kami ucapkan terima kasih.
\n Wassalamualaikum warahmatullahi wabarakatuh.\n

\n
\n
\n
\n
\n )}\n \n \n );\n}\n\nFooterSection.propTypes = {\n isInvitation: bool.isRequired,\n};\n\nexport default React.memo(FooterSection);\n" }, { "path": "src/components/GenerateLink/index.js", "content": "import React, { useState, Fragment } from 'react';\nimport useGuestData from '@/hooks/useGuestData';\n\nconst PERSONAL = 1;\nconst ALL = 2;\n\nfunction GenerateLink() {\n const [type, setType] = useState(PERSONAL);\n const [name, setName] = useState();\n const [showResult, setShowResult] = useState(false);\n const [successCopy, setSuccessCopy] = useState(false);\n const [isInvitation, setIsInvitation] = useState(false);\n\n const { data, loading } = useGuestData();\n\n const URL = `https://thekusuma.com?to=${encodeURIComponent(name)}`;\n\n const handleChange = (e) => {\n setType(parseInt(e.target.value, 10));\n setShowResult(false);\n };\n\n const handleSetName = (e) => {\n setName(e.target.value);\n };\n\n const handleCopy = async (text, showAlert = false) => {\n try {\n await navigator.clipboard.writeText(text);\n setSuccessCopy(true);\n showAlert && alert('Berhasil');\n } catch (err) {\n setSuccessCopy(false);\n alert('Failed to copy! :(');\n }\n };\n\n const renderContentType = () => {\n if (type === PERSONAL) {\n return (\n \n
\n \n \n
\n \n \n );\n }\n\n if (type === ALL) {\n return (\n \n
\n \n
\n \n \n );\n }\n };\n\n const renderResult = () => {\n if (!showResult) return null;\n\n if (type === PERSONAL) {\n return (\n
\n
\n Berhasil!
\n \n {URL}\n \n handleCopy(URL)}\n >\n {successCopy ? 'Tersalin' : 'Salin'}\n \n
\n
\n );\n }\n\n if (type === ALL) {\n return (\n
\n
\n \n \n \n \n \n \n \n \n \n \n {data.map((d, index) => {\n const offlineInvitation = isInvitation ? `&type=invitation&code=${d.code}` : '';\n const mapURL = `https://thekusuma.com?to=${encodeURIComponent(d.name)}${offlineInvitation}`;\n return (\n \n \n \n \n \n \n );\n })}\n \n
NoNamaKeteranganLink
{index + 1}{d.name}{d.desc}\n \n {mapURL}\n \n handleCopy(mapURL, true)}\n >\n copy\n \n
\n
\n
\n );\n }\n };\n\n return (\n
\n

Generator of Link Invitation

\n

Dinda & Indra Wedding

\n\n {loading &&

Memuat data..

}\n\n {!loading && (\n \n
\n
\n
\n \n \n
\n {renderContentType()}\n
\n
\n
{renderResult()}
\n \n )}\n
\n );\n}\n\nexport default GenerateLink;\n" }, { "path": "src/components/GenerateLink/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styWrapper = css`\n padding: 24px 8px 8px 8px;\n\n .title {\n text-align: center;\n }\n\n .title__sub {\n text-align: center;\n font-family: 'Cookie', cursive;\n font-size: 3em;\n }\n`;\n" }, { "path": "src/components/HelloSection/index.js", "content": "import React, { Fragment } from 'react';\nimport { bool } from 'prop-types';\n\nimport Bride from '@assets/images/p-dinda-2.jpg';\nimport Groom from '@assets/images/p-indra.jpg';\n\nimport { styWrapper } from './styles';\n\nfunction HelloSection({ isInvitation }) {\n const finalSubtitle = isInvitation ? '03 Oktober 2020, HARRIS Hotel Sentraland, Semarang' : 'Sabtu, 03 Oktober 2020';\n\n return (\n \n
\n
\n
\n
\n

Assalamualaikum Wr. Wb

\n

{finalSubtitle}

\n

\n Dengan memohon Rahmat dan Ridho Illahi, teriring niat menjalankan Sunnah Rasulullah ﷺ untuk membentuk\n rumah tangga yang Sakinah, Mawaddah wa Rahmah, kami mohon do'a agar senantiasa diberikan kelancaran dan\n keberkahan.\n

\n
\n
\n
\n
\n
\n \"groom\"\n
\n
\n

Dinda Saraswati, S.I.Kom.

\n

\n Putri Bapak Totok Somo Dipoyono
& Ibu Setyo Listiani\n

\n
\n
\n

\n \n

\n
\n &\n
\n
\n
\n \"groom\"\n
\n
\n

Indra Kusuma, S.Kom.

\n

\n Putra Bapak Bunari
& Ibu Suratun\n

\n
\n
\n
\n
\n
\n {!isInvitation ? (\n
\n
\n
\n
\n

Seputar Covid-19

\n

\n Berkaitan dengan kondisi pandemik saat ini, keberlangsungan acara kami mengacu pada pedoman\n Kementerian Kesehatan, yaitu memberlakukan pembatasan jarak dan pembatasan jumlah tamu undangan.\n

\n

\n Maka dari itu, dengan segala kerendahan hati, kami mohon maaf jika belum bisa mengundang saudara/i\n dihari bahagia kami. Sekiranya do'a dari saudara/i sudah lebih dari cukup bagi kami. Semoga kita semua\n selalu dalam lindungan Allah SWT. Aamiin ya rabbal allamiin..\n

\n
\n
\n
\n
\n ) : null}\n \n );\n}\n\nHelloSection.propTypes = {\n isInvitation: bool.isRequired,\n};\n\nexport default HelloSection;\n" }, { "path": "src/components/HelloSection/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styWrapper = css`\n .sub-title {\n color: #828282;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 20px;\n }\n\n p {\n font-size: 16px;\n margin-top: 16px;\n }\n\n @media screen and (max-width: 500px) {\n .sub-title {\n font-size: 18px;\n margin: 0 0 8px 0;\n }\n\n p {\n font-size: 16px;\n }\n }\n\n @media screen and (max-width: 400px) {\n p {\n font-size: 14px;\n }\n }\n`;\n" }, { "path": "src/components/Layout/Ticket.js", "content": "import * as React from 'react';\nimport { node } from 'prop-types';\nimport { Helmet } from 'react-helmet';\n\nimport Favicon from '@assets/images/dinda-indra.png';\nimport { styWrapper } from './styles';\n\nfunction LayoutTicket({ children }) {\n return (\n <>\n \n \n \n \n \n
\n
{children}
\n
\n \n );\n}\n\nLayoutTicket.propTypes = {\n children: node.isRequired,\n};\n\nexport default LayoutTicket;\n" }, { "path": "src/components/Layout/index.js", "content": "import React, { Fragment } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { node } from 'prop-types';\n\nimport Favicon from '@assets/images/dinda-indra.png';\nimport '@assets/css/icomoon.css';\nimport '@assets/css/bootstrap.css';\nimport '@assets/css/style.css';\n\nconst IMAGE_URL = `https://thekusuma.com/static/slide-6-4715e29302dbaa2ba21494c6258298d4.jpg`;\nconst META_DESCRIPTION = `Dengan memohon Rahmat dan Ridho Illahi, teriring niat menjalankan Sunnah Rasulullah ﷺ untuk membentuk rumah tangga yang Sakinah, Mawaddah wa Rahmah, kami mohon do'a agar senantiasa diberikan kelancaran dan keberkahan. - Dinda & Indra`;\n\nfunction MainLayout({ children }) {\n return (\n \n \n Dinda ❤️ Indra Wedding\n\n {/* Favicon */}\n \n\n {/* font and SEO tags */}\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n
{children}
\n \n );\n}\n\nMainLayout.propTypes = {\n children: node.isRequired,\n};\n\nexport default MainLayout;\n" }, { "path": "src/components/Layout/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styWrapper = css`\n max-width: 100%;\n\n .main-page {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: calc(100vh - 18px);\n padding: 0 20px;\n }\n`;\n" }, { "path": "src/components/LocationSection/index.js", "content": "import React, { Fragment } from 'react';\nimport { GOOGLE_MAPS_LINK } from '@/constants';\nimport { styWrapper } from './styles';\n\nfunction LocationSection() {\n return (\n \n
\n
\n
\n
\n

Lokasi Acara

\n

\n \n HARRIS Hotel Sentraland Semarang\n {' '}\n
\n Jl. Ki Mangunsarkoro No.36, Karangkidul, Kec. Semarang Tengah,
\n Kota Semarang, Jawa Tengah 50136\n

\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n );\n}\n\nexport default React.memo(LocationSection);\n" }, { "path": "src/components/LocationSection/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styWrapper = css`\n @media screen and (max-width: 400px) {\n .sub-title {\n font-size: 16px;\n margin: 0 0 8px 0;\n }\n\n p {\n font-size: 16px;\n }\n }\n`;\n" }, { "path": "src/components/PhotoSection/Loadable.js", "content": "import loadable from '@loadable/component';\n\nconst PhotoSection = loadable(() => import(/* webpackChunkName: \"chunk-photo-section\" */ './index'));\nexport default PhotoSection;\n" }, { "path": "src/components/PhotoSection/index.js", "content": "import React from 'react';\nimport ImageGallery from 'react-image-gallery';\nimport 'react-image-gallery/styles/css/image-gallery.css';\nimport { photos } from './photo-data';\n\nfunction PhotoSection() {\n const renderYoutubeVideo = () => {\n return (\n \n );\n };\n\n return (\n
\n
\n
\n
\n
\n

#TheKusuma

\n

\n \"And of His signs is that He created for you from yourselves mates that you may find tranquility in\n them; and He placed between you affection and mercy. Indeed in that are signs for a people who give\n thought\"
\n (Ar-Rum 30:21).\n

\n
\n
\n
\n
{renderYoutubeVideo()}
\n
\n
\n
\n ;\n
\n
\n
\n
\n
\n );\n}\n\nexport default PhotoSection;\n" }, { "path": "src/components/PhotoSection/photo-data.js", "content": "import Gallery1 from '@assets/images/gallery-1.jpg';\nimport GalleryT1 from '@assets/images/gallery-t-1.jpg';\nimport Gallery4 from '@assets/images/gallery-4.jpg';\nimport GalleryT4 from '@assets/images/gallery-t-4.jpg';\nimport Gallery5 from '@assets/images/gallery-5.jpg';\nimport GalleryT5 from '@assets/images/gallery-t-5.jpg';\nimport Image5 from '@assets/images/slide-5.jpg';\nimport Image5thumb from '@assets/images/slide-5-thumb.jpg';\nimport Image6 from '@assets/images/slide-6.jpg';\nimport Image6thumb from '@assets/images/slide-6-thumb.jpg';\nimport Gallery6 from '@assets/images/gallery-6.jpg';\nimport GalleryT6 from '@assets/images/gallery-t-6.jpg';\nimport Gallery7 from '@assets/images/gallery-7.jpg';\nimport GalleryT7 from '@assets/images/gallery-t-7.jpg';\nimport Gallery8 from '@assets/images/gallery-8.jpg';\nimport GalleryT8 from '@assets/images/gallery-t-8.jpg';\nimport Gallery9 from '@assets/images/gallery-9.jpg';\nimport GalleryT9 from '@assets/images/gallery-t-9.jpg';\nimport Gallery10 from '@assets/images/gallery-10.jpg';\nimport GalleryT10 from '@assets/images/gallery-t-10.jpg';\nimport Gallery11 from '@assets/images/gallery-11.jpg';\nimport GalleryT11 from '@assets/images/gallery-t-11.jpg';\nimport Gallery12 from '@assets/images/gallery-12.jpg';\nimport GalleryT12 from '@assets/images/gallery-t-12.jpg';\nimport Gallery13 from '@assets/images/gallery-13.jpg';\nimport GalleryT13 from '@assets/images/gallery-t-13.jpg';\nimport Gallery14 from '@assets/images/gallery-14.jpg';\nimport GalleryT14 from '@assets/images/gallery-t-14.jpg';\nimport Gallery15 from '@assets/images/gallery-15.jpg';\nimport GalleryT15 from '@assets/images/gallery-t-15.jpg';\n\nexport const photos = [\n {\n original: Gallery1,\n thumbnail: GalleryT1,\n },\n {\n original: Image6,\n thumbnail: Image6thumb,\n },\n {\n original: Image5,\n thumbnail: Image5thumb,\n },\n {\n original: Gallery4,\n thumbnail: GalleryT4,\n },\n {\n original: Gallery5,\n thumbnail: GalleryT5,\n },\n {\n original: Gallery6,\n thumbnail: GalleryT6,\n },\n {\n original: Gallery7,\n thumbnail: GalleryT7,\n },\n {\n original: Gallery8,\n thumbnail: GalleryT8,\n },\n {\n original: Gallery9,\n thumbnail: GalleryT9,\n },\n {\n original: Gallery10,\n thumbnail: GalleryT10,\n },\n {\n original: Gallery11,\n thumbnail: GalleryT11,\n },\n {\n original: Gallery12,\n thumbnail: GalleryT12,\n },\n {\n original: Gallery13,\n thumbnail: GalleryT13,\n },\n {\n original: Gallery14,\n thumbnail: GalleryT14,\n },\n {\n original: Gallery15,\n thumbnail: GalleryT15,\n },\n];\n" }, { "path": "src/components/QRCard/index.js", "content": "import React from 'react';\nimport QRCode from 'react-qr-code';\nimport { string } from 'prop-types';\n\nfunction QRCard({ name, code, desc }) {\n return (\n
\n
\n
\n \n
\n {name ? (\n <>\n

{name}

\n

{`(${desc})`}

\n \n ) : (\n <>\n

{code}

\n

{`(${desc})`}

\n \n )}\n
\n
\n );\n}\n\nQRCard.propTypes = {\n name: string.isRequired,\n desc: string.isRequired,\n code: string.isRequired,\n};\n\nexport default React.memo(QRCard);\n" }, { "path": "src/components/QRCard/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styWrapper = css`\n width: 100%;\n\n .qr {\n border: 1px solid;\n margin: 8px 0;\n padding: 16px 4px 4px 4px;\n }\n\n .qr__wrapper {\n display: flex;\n justify-content: center;\n }\n\n .title__name {\n text-align: center;\n margin-top: 8px;\n margin: 8px 0 0 0;\n font-size: 11px;\n }\n\n .title__code {\n text-align: center;\n font-size: 10px;\n margin: 0 0 8px 0;\n }\n\n .title__transaparent {\n opacity: 0;\n }\n`;\n" }, { "path": "src/components/StorySection/StoryItem.js", "content": "import React from 'react';\nimport { string, bool } from 'prop-types';\n\nfunction StoryItem({ image, title, date, description, isInverted }) {\n return (\n
  • \n {image &&
    }\n
    \n
    \n

    {title}

    \n {date}\n
    \n
    \n

    {description}

    \n
    \n
    \n
    • \n );\n}\n\nStoryItem.propTypes = {\n image: string,\n title: string.isRequired,\n date: string.isRequired,\n description: string.isRequired,\n isInverted: bool.isRequired,\n};\n\nStoryItem.defaultProps = {\n image: '',\n};\n\nexport default React.memo(StoryItem);\n" }, { "path": "src/components/StorySection/index.js", "content": "import React, { Fragment } from 'react';\n\nimport StoryItem from './StoryItem';\nimport { stories } from './stories-data';\n\nfunction StorySection() {\n const renderStories = () => {\n return stories.map((s, index) => );\n };\n\n return (\n \n
    \n
    \n
    \n
    \n

    Jalan Berdua

    \n

    Kisah kasih sejak awal kami berjumpa

    \n
    \n
    \n
    \n
    \n
      {renderStories()}
    \n
    \n
    \n
    \n
    \n     \n );\n}\n\nexport default StorySection;\n" }, { "path": "src/components/StorySection/stories-data.js", "content": "import ImgKembaliBerjumpa from '@assets/images/p-kembali-berjumpa.jpg';\nimport ImgJakartaKroasia from '@assets/images/p-jakarta-kroasia.jpg';\nimport ImgBoarding from '@assets/images/p-boarding-smg.jpg';\nimport ImgKembaliKeIndonesia from '@assets/images/p-kembali-ke-indonesia.jpg';\nimport ImgNdodokLawang from '@assets/images/p-ndodok-lawang.jpg';\n\nexport const stories = [\n {\n title: 'Jumpa Pertama ',\n date: '10 Oktober 2015',\n description:\n 'Pertama kali kami dipertemukan di sebuah acara malam keakraban di kampus Universitas Dian Nuswantoro. Sebagai seorang mahasiswa baru, kala itu Dinda melihat Indra sedang sibuk memegang megaphone (toa) di tengah hiruk pikuk acara. Belum ada sesuatu yang spesial, kala itu justru Dinda melihat Indra banyak menerima surat pink (tanda kagum) dari teman sesama mahasiswa barunya.',\n image: '',\n },\n {\n title: 'Kembali Berjumpa',\n date: '9 September 2017',\n description:\n 'Konferensi Future Leader Summit 2017 kembali mempertemukan mereka. Dinda sebagai peserta dan Indra sebagai panitia acara. Mulai dari saling sapa, mereka berdua tumbuh perasaan saling ingin mengenal lebih dalam. Seusai acara, Indra memberanikan diri untuk membangun komunikasi dengan Dinda. Dari pesan singkat pertama yang dikirimnya, Indra dan Dinda mulai dekat dan menjadi lebih sering mengirim kabar. ',\n image: ImgKembaliBerjumpa,\n },\n {\n title: 'Kisah Kasih di Kampus',\n date: 'Oktober 2017 - 2018',\n description:\n 'Sebagai sepasang mahasiswa dan mahasiswi, Dinda dan Indra memilih untuk mengisi kisah kasih di kampusnya dengan mengikuti berbagai kompetisi bersama. Kala itu, Dinda adalah mahasiswi Ilmu Komunikasi dan Indra adalah mahasiswa Teknik Informatika. Merupakan kolaborasi yang pas jika mengikuti kompetisi teknologi, Indra berperan sebagai seorang programmer dan Dinda sebagai seorang content development. Dinda dan Indra pernah membuat aplikasi Ayo Toba (Aplikasi Pariwisata Danau Toba) yang diajukan dalam kompetisi IT FEST Universitas Sumatera Utara di awal tahun 2018.',\n image: ImgJakartaKroasia,\n },\n {\n title: 'Jakarta & Kroasia',\n date: '2018 - 2019',\n description:\n 'Tidak selalu bersama, perjuangan dimulai ketika Indra memutuskan untuk bekerja di Jakarta sebagai seorang Software Engineer di Tokopedia. Belum usai masa LDR, pada 3 Oktober 2018, Dinda juga memutuskan untuk mengambil beasiswa di University of Split, Kroasia. Di bulan November 2018, Indra melangsungkan wisuda dan Dinda hanya bisa memberi virtual support melalui video call. ',\n image: ImgBoarding,\n },\n {\n title: 'Kembali ke Indonesia',\n date: '3 Maret 2019',\n description:\n 'Periode belajar di Kroasia telah selesai. Akhirnya Dinda kembali ke Indonesia! Ada tanggung jawab yang harus Dinda selesaikan seusai dari Kroasia, yakni harus menyelesaikan skripsi dan mencapai target untuk wisuda di bulan Agustus 2019. Selain itu, kembalinya Dinda ke Indonesia menjadi momen yang tepat bagi Indra untuk menyampaikan niat ingin serius kepada orang tua Dinda. Hal itu disambut baik oleh kedua orang tua mereka dan sepakat akan melaksanakan acara Ndodok Lawang usai Dinda wisuda. Sebelum wisuda, Dinda sudah harus meniti karir di Jakarta sebagai seorang Content Analyst di Ruangguru.',\n image: ImgKembaliKeIndonesia,\n },\n {\n title: 'Ndodok Lawang',\n date: '31 Agustus 2019',\n description:\n 'Akhirnya tiba di masa Indra dan keluarga hadir ke rumah Dinda untuk menyampaikan niat baik. Mulai dari acara Ndodok Lawang ini, dilanjutkan dengan persiapan pernikahan yang insha Allah akan diselenggarakan pada tanggal 3 Oktober 2020.',\n image: ImgNdodokLawang,\n },\n];\n" }, { "path": "src/components/StorySection/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styWrapper = (noImage) => css`\n ${noImage && `margin-left: 100px;`}\n\n @media screen and (max-width: 991px) {\n ${noImage && `margin-left: 100px;`}\n }\n`;\n" }, { "path": "src/components/Ticket/index.js", "content": "import React from 'react';\nimport QRCode from 'react-qr-code';\nimport { object } from 'prop-types';\nimport { Link } from 'gatsby';\n\nimport { styWrapper } from './styles';\n\nfunction TicketData({ guest, configData }) {\n return (\n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    Nama
    \n
    {guest.name}
    \n
    Keterangan
    \n
    {guest.desc}
    \n
    Syukuran Pernikahan / Shift
    \n
    \n {`${configData.shiftType?.[guest.shift]} / ${guest.shift}` || '11.00 WIB - 13.00 WIB'}\n
    \n {/* attendance */}\n {guest.isAttended ? (\n <>\n
    Sudah hadir pada
    \n
    \n {guest.attendedAt}\n
    \n \n ) : null}\n {/** souvenir */}\n {guest.isExchanged ? (\n <>\n
    Sudah menukarkan souvenir pada
    \n
    \n {guest.exchangedAt}\n
    \n \n ) : null}\n {/* Additional info */}\n
    Penting
    \n
    \n
      \n
    • \n {`Setiap tamu yang hadir wajib menunjukkan QRCode ini sebagai pengganti buku tamu untuk untuk meminimalisir kontak fisik melalui pena.`}\n
      • \n
    • \n Dalam rangka mematuhi protokol kesehatan,\n \n {` 1 undangan hanya berlaku untuk 2 orang tamu`}\n \n
      • \n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n );\n}\n\nTicketData.propTypes = {\n guest: object,\n configData: object,\n};\n\nTicketData.defaultProps = {\n guest: {},\n configData: {},\n};\n\nexport default TicketData;\n" }, { "path": "src/components/Ticket/styles.js", "content": "import { css } from '@emotion/core';\n\nexport const styWrapper = css`\n @import url('https://fonts.googleapis.com/css?family=Roboto:300,400');\n\n .container {\n margin: 30px auto;\n overflow: hidden;\n box-shadow: 0 0 10px rgb(202, 202, 204);\n background-color: ;\n border-radius: 2px;\n padding: 0 16px;\n }\n\n .ticket {\n display: flex;\n\n #qrcode {\n justify-content: center;\n align-content: center;\n margin: 12px auto;\n }\n }\n\n .details {\n color: #828282;\n padding: 16px 0;\n border-top: 1px dashed #c3c3c3;\n }\n\n .tinfo {\n font-size: 10px;\n font-weight: 300;\n color: #555;\n font-family: 'Roboto', sans-serif;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin: 16px 0 0 0;\n }\n\n .tdata {\n font-size: 1em;\n font-weight: 400;\n font-family: 'Roboto', sans-serif;\n letter-spacing: 0.5px;\n margin: 0;\n }\n\n .additional {\n font-size: 10px;\n }\n\n .name {\n font-size: 1.3em;\n font-weight: 500;\n }\n\n .masinfo {\n display: block;\n }\n .left,\n .right {\n width: 49%;\n display: inline-table;\n }\n\n .nesp {\n letter-spacing: 0px;\n }\n\n .btn {\n margin-right: 4px;\n margin-bottom: 4px;\n font-family: 'Work Sans', Arial, sans-serif;\n font-size: 12px;\n font-weight: 400;\n border-radius: 30px;\n transition: 0.5s;\n padding: 8px 20px;\n }\n\n .primary {\n background: #f14e95;\n color: #fff;\n border: none;\n }\n`;\n\nexport const styTicket = css`\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: calc(100vh - 18px);\n padding: 0 20px;\n\n .homepage {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n max-width: 100%;\n }\n\n .title {\n font-family: 'Cookie', cursive;\n font-weight: 600;\n letter-spacing: 4px;\n font-size: 45px;\n user-select: none;\n margin-top: 20px;\n text-align: center;\n }\n\n .sub-title-ticket {\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-size: 1.7rem;\n user-select: none;\n margin-top: 20px;\n text-align: center;\n }\n\n .input-ticket {\n width: 85vw;\n min-width: auto;\n\n input {\n font-family: 'Work Sans', Courier, monospace;\n font-size: 18px;\n width: 100%;\n text-align: center;\n border-radius: 12px;\n padding: 10px 30px 10px 10px;\n background: transparent;\n border: 0.5px solid rgba(0, 0, 0, 0.3);\n }\n\n input[type='text']:disabled {\n background: #dddddd;\n }\n }\n`;\n" }, { "path": "src/components/WeddingSection/ButtonLive.js", "content": "import React from 'react';\n\nimport IconIg from './assets/instagram.png';\nimport { styButtonWrapper } from './styles';\n\nfunction ButtonLive() {\n return (\n
    \n
    \n

    Hadir secara virtual melalui siaran langsung instagram:

    \n \n
    \n
    \n \"Live\n @dindadipoyono\n
    \n
    \n     \n
    \n
    \n );\n}\n\nexport default React.memo(ButtonLive);\n" }, { "path": "src/components/WeddingSection/WeddingInfoBox.js", "content": "import React from 'react';\nimport { string } from 'prop-types';\n\nfunction WeddingInfoBox({ title, date, time, description }) {\n return (\n
    \n
    \n

    {title}

    \n
    \n \n {time}\n
    \n
    \n \n {date}\n
    \n {description && (\n
    \n \n \n
    \n )}\n
    \n
    \n );\n}\n\nWeddingInfoBox.propTypes = {\n title: string.isRequired,\n date: string.isRequired,\n time: string.isRequired,\n description: string.isRequired,\n};\n\nexport default React.memo(WeddingInfoBox);\n" }, { "path": "src/components/WeddingSection/index.js", "content": "import React, { Fragment } from 'react';\nimport { bool } from 'prop-types';\n\nimport WeddingInfoBox from './WeddingInfoBox';\nimport ButtonLive from './ButtonLive';\nimport { styWrapper } from './styles';\n\nfunction WeddingSection({ isInvitation }) {\n const renderGuestInfo = () => {\n return (\n \n
    \n \n
    \n \n     \n );\n };\n\n return (\n \n
    \n
    \n
    \n
    \n
    \n بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيم\n

    Akad Nikah dan Syukuran Pernikahan

    \n Insha Allah akan diselenggarakan pada:\n
    \n
    \n
    \n {!isInvitation && renderGuestInfo()}\n {isInvitation && (\n
    \n HARRIS Hotel Sentraland, Semarang\"\n />\n HARRIS Hotel Sentraland, Semarang\"\n />\n
    \n )}\n
    \n
    \n
    \n \n );\n}\n\nWeddingSection.propTypes = {\n isInvitation: bool.isRequired,\n};\n\nexport default React.memo(WeddingSection);\n" }, { "path": "src/components/WeddingSection/styles.js", "content": "import { css } from '@emotion/core';\nimport Background from '@assets/images/bg-wedding.jpg';\n\nexport const styWrapper = css`\n background-image: url(${Background});\n background-size: cover;\n background-position: center;\n width: 100%;\n min-height: 70vh;\n color: #fff !important;\n\n .bismillah {\n color: #fff !important;\n font-size: 16px !important;\n font-family: sans-serif;\n }\n\n .sub-title {\n color: #fff !important;\n font-size: 16px;\n font-family: 'Work Sans', Arial, sans-serif;\n font-weight: 400 !important;\n\n @media screen and (max-width: 400px) {\n font-size: 15px !important;\n }\n }\n\n .text__live {\n text-align: center;\n margin-top: 24px;\n }\n\n .main-font {\n margin-top: 12px;\n\n @media screen and (max-width: 400px) {\n line-height: 1;\n margin-bottom: 8px;\n }\n }\n`;\n\nexport const styButtonWrapper = css`\n display: flex;\n justify-content: center;\n align-items: center;\n animation: pulse 2s ease infinite;\n margin-top: -8px;\n border: none;\n\n .img__wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n color: #fff;\n font-weight: 500px;\n border-radius: 24px;\n background: #f14e95;\n padding: 8px 16px;\n }\n\n i {\n margin-right: 4px;\n }\n\n img {\n max-width: 28px;\n margin-right: 8px;\n margin-bottom: 0;\n }\n`;\n" }, { "path": "src/components/WelcomeSection/CountContainer.js", "content": "import React from 'react';\nimport useDateCountdown from '@/hooks/useDateCountdown';\nimport CountItem from './CountItem';\nimport ButtonLive from '../WeddingSection/ButtonLive';\nimport { styMargin } from './styles';\n\nfunction CountContainer() {\n const { days, hours, minutes, seconds, timeHasRunOut, isEventOver } = useDateCountdown();\n const finalText = isEventOver ? 'SUDAH' : 'SEDANG';\n\n if (timeHasRunOut)\n return (\n <>\n
    \n
    \n {`ACARA ${finalText} BERLANGSUNG!`}\n
    \n
    \n \n \n );\n\n return (\n
    \n \n \n \n \n
    \n );\n}\n\nexport default CountContainer;\n" }, { "path": "src/components/WelcomeSection/CountItem.js", "content": "import React from 'react';\nimport { number, string } from 'prop-types';\nimport { styWrapperCount } from './styles';\n\nfunction CountItem({ number, text }) {\n return (\n
    \n

    {number}

    \n {text}\n
    \n );\n}\n\nCountItem.propTypes = {\n number: number.isRequired,\n text: string.isRequired,\n};\n\nexport default React.memo(CountItem);\n" }, { "path": "src/components/WelcomeSection/ScrollToDown.js", "content": "import React from 'react';\n\nimport { styScrollWrapper } from './styles';\nimport { bool, func } from 'prop-types';\n\nfunction ClickToSeeDetail({ loading, onClick }) {\n return (\n
    \n
    \n
    \n \n
    \n {loading ? 'Menyiapkan data..' : 'Klik untuk Melihat Detail Acara'}\n
    \n
    \n );\n}\n\nClickToSeeDetail.propTypes = {\n loading: bool.isRequired,\n onClick: func.isRequired,\n};\n\nexport default ClickToSeeDetail;\n" }, { "path": "src/components/WelcomeSection/index.js", "content": "import React, { Fragment, useState } from 'react';\nimport { object, string, bool, func } from 'prop-types';\nimport { Link } from 'gatsby';\n\nimport WeddingImg from '@assets/images/wedding-logo.png';\nimport CountContainer from './CountContainer';\nimport ScrollToDown from './ScrollToDown';\nimport { styWrapper, styHero, styBackground, styButtonWrapper } from './styles';\n\nconst DELAY_TIME = 1500;\n\nfunction WelcomeSection({ location, guestName, isInvitation, isAnonymGuest, codeLink, onClickDetail }) {\n const [loading, setLoading] = useState(false);\n const [alreadyDownloadData, setAlreadyDownloadData] = useState(false);\n\n const handleScrollTo = () => {\n /** scroll into detail view */\n const element = document.getElementById('fh5co-couple');\n element.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });\n };\n\n const handleShowDetail = () => {\n if (loading) return undefined;\n\n try {\n const myAudio = document.getElementById('myAudio');\n myAudio.play();\n } catch {\n console.error('FAILED_TO_PLAY_MUSIC');\n }\n\n onClickDetail();\n\n if (!alreadyDownloadData) {\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n setAlreadyDownloadData(true);\n handleScrollTo();\n }, DELAY_TIME);\n } else {\n handleScrollTo();\n }\n };\n\n const renderGuestSection = () => {\n if (isAnonymGuest) return

    Dear Friends,

    ;\n\n return (\n \n

    To our Dearest

    \n

    {guestName}

    \n     \n );\n };\n\n return (\n
    \n \n
    \n
    \n
    \n
    \n \"wedding-dinda-indra\"\n

    The Wedding of

    \n

    Dinda & Indra

    \n
    \n \n
    \n {renderGuestSection()}\n {isInvitation && (\n
    \n
    \n \n \n \n
    \n
    \n )}\n
    \n
    \n
    \n \n
    \n
    \n \n
    \n );\n}\n\nWelcomeSection.propTypes = {\n guestName: string.isRequired,\n isInvitation: bool.isRequired,\n isAnonymGuest: bool.isRequired,\n location: object.isRequired,\n codeLink: string,\n onClickDetail: func.isRequired,\n};\n\nWelcomeSection.defaultProps = {\n codeLink: '',\n};\n\nexport default WelcomeSection;\n" }, { "path": "src/components/WelcomeSection/styles.js", "content": "import { css, keyframes } from '@emotion/core';\nimport Background from '@assets/images/bg-welcome.jpg';\n\nexport const styHero = css`\n width: 100%;\n height: 100vh;\n`;\n\nconst radarAnimation = keyframes`\n 0% {\n opacity: 0;\n }\n 30% {\n opacity: 1;\n }\n 60% {\n box-shadow: 0 0 0 30px rgba(255,255,255,.1);\n opacity: 0;\n }\n 100% {\n opacity: 0;\n }\n`;\n\nexport const upAndDownAnimation = keyframes`\n 0% { transform: translateY(0); }\n 100% { transform: translateY(-5px); }\n`;\n\nexport const styScrollWrapper = css`\n #scroll {\n display: flex;\n justify-content: center;\n cursor: pointer;\n\n span {\n position: absolute;\n bottom: 46px;\n text-align: center;\n color: #fff;\n }\n\n .text {\n animation: ${upAndDownAnimation} 1s infinite alternate;\n }\n\n @media screen and (max-width: 414px) {\n .text {\n bottom: 80px;\n font-size: 12px;\n }\n }\n\n @media screen and (max-width: 360px) {\n .text {\n bottom: 60px;\n font-size: 12px;\n }\n }\n }\n\n .scroll__icon {\n .button {\n position: absolute;\n bottom: 46px;\n left: 50%;\n z-index: 2;\n display: inline-block;\n transform: translate(0, -50%);\n color: #fff;\n letter-spacing: 0.1em;\n text-decoration: none;\n transition: opacity 0.3s;\n\n span::before {\n position: absolute;\n top: -23px;\n left: -22px;\n z-index: -1;\n content: '';\n width: 44px;\n height: 44px;\n box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);\n border-radius: 100%;\n opacity: 0;\n animation: ${radarAnimation} 3s infinite;\n box-sizing: border-box;\n }\n\n span::after {\n position: absolute;\n top: 50%;\n left: 50%;\n content: '';\n width: 16px;\n height: 16px;\n margin: -12px 0 0 -8px;\n border-left: 1px solid #fff;\n border-bottom: 1px solid #fff;\n transform: rotate(-45deg);\n box-sizing: border-box;\n }\n }\n\n &button:hover {\n opacity: 0.5;\n }\n\n @media screen and (max-width: 414px) {\n .button {\n bottom: 80px;\n }\n }\n\n @media screen and (max-width: 360px) {\n .button {\n bottom: 65px;\n }\n }\n }\n`;\n\nexport const styBackground = css`\n background-size: cover;\n background-image: url(${Background});\n background-position: center;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n @media screen and (max-width: 400px) {\n .title {\n font-size: 40px;\n }\n\n .sub-title {\n font-size: 28px;\n }\n }\n\n @media screen and (max-width: 500px) {\n .title {\n font-size: 54px;\n }\n\n .sub-title {\n font-size: 28px;\n }\n }\n`;\n\nexport const styWrapper = css`\n color: #fff;\n margin-top: -8em;\n\n img {\n max-width: 80px;\n margin-bottom: 24px;\n }\n\n h1 {\n margin-bottom: 0px;\n font-size: 100px;\n line-height: 1.5;\n font-family: 'Cookie', cursive;\n color: #fff;\n }\n\n h2 {\n color: #fff;\n font-size: 22px;\n font-weight: 600;\n line-height: 1.5;\n margin-bottom: 30px;\n }\n\n h4 {\n font-family: 'Cookie', cursive;\n margin: 0;\n color: #fff;\n font-size: 30px;\n }\n\n .getting-married {\n margin-top: -12px;\n }\n\n .to-dearest {\n font-size: 16px;\n color: #f1f1f1b3;\n margin-bottom: 8px;\n }\n\n .to-dearest-name {\n border-bottom: 1px solid;\n padding-bottom: 12px;\n max-width: 250px;\n margin: auto auto 30px auto;\n }\n\n .margin__bottom {\n margin-bottom: 3em !important;\n }\n\n a {\n color: #f14e95;\n }\n\n @media screen and (max-width: 330px) {\n img {\n max-width: 40px;\n margin-top: 24px;\n margin-bottom: 8px;\n }\n\n .to-dearest {\n margin-bottom: 8px;\n font-size: 16px;\n }\n\n .to-dearest-name {\n margin: auto auto 16px auto;\n }\n }\n`;\n\nexport const styWrapperCount = css`\n display: inline-block;\n width: 100px;\n height: 100px;\n background: rgba(241, 78, 149, 0.8);\n margin: 8px;\n border-radius: 50%;\n position: relative;\n animation: pulse 1s ease infinite;\n color: #fff;\n\n h3 {\n font-size: 30px;\n color: #fff;\n margin: 20px 0 0 0;\n }\n\n @media screen and (max-width: 500px) {\n width: 75px;\n height: 75px;\n margin: 4px;\n font-size: 12px;\n\n h3 {\n font-size: 24px;\n }\n }\n\n @media screen and (max-width: 380px) {\n width: 55px;\n height: 55px;\n\n h3 {\n margin-top: 12px;\n margin-bottom: -4px;\n font-size: 16px;\n }\n\n span {\n font-size: 10px;\n }\n }\n`;\n\nexport const styMargin = (px) => css`\n margin: ${px};\n`;\n\nexport const styButtonWrapper = css`\n display: flex;\n justify-content: center;\n\n .btn {\n background: #f14e95;\n color: #fff;\n border: none;\n }\n`;\n" }, { "path": "src/components/WishesSection/WishesContainer.js", "content": "import React, { useState, useEffect, useCallback } from 'react';\n\nimport WishesItem from './WishesItem';\nimport { wishlist } from './wishlist-data';\nimport { styButtonWrapper } from './styles';\n\nconst INTERVAL_SLIDE = 35000;\n\nfunction WishesContainer() {\n const [active, setActive] = useState(0);\n const [pauseSlide, setPauseSlide] = useState(false);\n const totalWishes = wishlist.length || 0;\n\n const handleSetActive = (isNext = true) => {\n if (isNext) {\n if (active === totalWishes - 1) {\n setActive(0);\n } else {\n setActive(active + 1);\n }\n } else {\n if (active === 0) {\n setActive(totalWishes - 1);\n } else {\n setActive(active - 1);\n }\n }\n\n setPauseSlide(true);\n\n setTimeout(() => {\n setPauseSlide(false);\n }, INTERVAL_SLIDE);\n };\n\n const handleSetNext = useCallback(() => {\n if (active === wishlist.length - 1) {\n setActive(0);\n } else {\n setActive(active + 1);\n }\n }, [active]);\n\n const renderWishlist = () => {\n return wishlist.map((w, index) => );\n };\n\n /** Side effect to autoscroll */\n useEffect(() => {\n const interval = setInterval(() => {\n if (!pauseSlide) {\n handleSetNext();\n } else {\n clearInterval(interval);\n }\n }, INTERVAL_SLIDE);\n\n return () => clearInterval(interval);\n }, [handleSetNext, pauseSlide]);\n\n return (\n
    \n {renderWishlist()}\n
    \n \n \n
    \n
    \n );\n}\n\nexport default React.memo(WishesContainer);\n" }, { "path": "src/components/WishesSection/WishesItem.js", "content": "import React from 'react';\nimport { string, bool } from 'prop-types';\nimport { styWrapperItem, styWithAnimation } from './styles';\n\nfunction WishesItem({ image, name, infoName, description, isActive }) {\n if (!isActive) return null;\n\n const renderItem = () => {\n return (\n
    \n
    \n
    \n \"user\"\n
    \n

    {name}

    \n {infoName}\n
    \n

    {description}

    \n
    \n
    \n
    \n );\n };\n\n return
    {renderItem()}
    ;\n}\n\nWishesItem.propTypes = {\n image: string.isRequired,\n name: string.isRequired,\n infoName: string.isRequired,\n description: string.isRequired,\n isActive: bool.isRequired,\n};\n\nexport default React.memo(WishesItem);\n" }, { "path": "src/components/WishesSection/index.js", "content": "import React from 'react';\nimport WishesContainer from './WishesContainer';\n\nfunction WishesSection() {\n return (\n
    \n
    \n
    \n
    \n
    \n

    Dari Sahabat

    \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n );\n}\n\nexport default WishesSection;\n" }, { "path": "src/components/WishesSection/styles.js", "content": "import { css, keyframes } from '@emotion/core';\n\nconst animation = keyframes`\n 0% { right: -300px; opacity: 0;}\n 50% { right: 50px; opacity: 0.5;}\n 100% {right: 0px; opacity: 1;};\n`;\n\nconst animationLeft = keyframes`\n 0% { left: -300px; opacity: 0;}\n 50% { left: 50px; opacity: 0.5;}\n 100% {left: 0px; opacity: 1;};\n`;\n\nexport const styWithAnimation = (isActive) => css`\n position: relative;\n animation: ${isActive ? animation : animationLeft} 1s;\n`;\n\nexport const styWrapperItem = css`\n h4 {\n color: #828282;\n font-weight: bold;\n text-transform: uppercase;\n margin: 0 0 4px 0;\n }\n\n blockquote {\n margin-top: 16px !important;\n }\n\n .infoName {\n font-size: 12px;\n text-transform: capitalize;\n letter-spacing: 2px;\n display: block;\n }\n\n .hide {\n display: none;\n }\n\n .active {\n diplay: block;\n }\n\n .description {\n font-size: 16px !important;\n }\n\n @media screen and (max-width: 400px) {\n .description {\n font-size: 14px !important;\n }\n }\n`;\n\nexport const styButtonWrapper = css`\n display: flex;\n justify-content: center;\n\n .button-nav {\n font-size: 14px;\n padding: 5px 20px;\n }\n`;\n" }, { "path": "src/components/WishesSection/wishlist-data.js", "content": "import Nita from '@assets/images/w-nita.jpg';\nimport Zakiy from '@assets/images/w-zakiy.jpg';\nimport Moletta from '@assets/images/w-moletta.jpg';\nimport hapsari from '@assets/images/w-hapsari.jpg';\nimport dianara from '@assets/images/w-dianara.jpg';\nimport rahma from '@assets/images/w-rahma.jpg';\nimport vela from '@assets/images/w-vela.jpg';\nimport iqmala from '@assets/images/w-iqmala.jpg';\nimport man from './assets/user.png';\nimport ihsan from './assets/w-ihsan.jpg';\nimport fajar from './assets/w-fajar.jpg';\nimport risa from './assets/w-risa.jpg';\nimport puspita from './assets/w-puspita.jpg';\nimport kamal from './assets/w-kamal.jpg';\nimport ghea from './assets/w-ghea.jpg';\nimport emsho from './assets/w-emsho.jpg';\nimport alvia from './assets/w-alvia.jpg';\nimport yunias from './assets/w-yunias.jpg';\nimport yunita from './assets/w-yunita.jpg';\nimport fitria from './assets/w-fitria.jpg';\nimport joshua from './assets/w-joshua.jpg';\nimport sibra from './assets/w-sibra.jpg';\nimport irfan from './assets/w-irfan-m.png';\nimport reza from './assets/w-reza.jpg';\nimport jenny from './assets/w-jenny.jpg';\n\nexport const wishlist = [\n {\n name: 'Nita Syarifah',\n infoName: 'Sahabat SMP Dinda',\n description: `selamat menempuh hidup baru dinda dan mas indra semoga menjadi pasangan teman hidup selamanya sesurga, enjoy your little family always be happy my sweet couple!🥰🤗 amin`,\n image: Nita,\n },\n {\n name: 'Ihsan Satriawan',\n infoName: 'Rekan Kerja Indra, Tokopedia',\n description: `Selamat menggenapkan separuh Agama ya Indra dan Dinda. Semoga melalui pernikahan ini, kalian bisa saling menguatkan dalam mengarungi kehidupan ini baik dalam kondisi senang ataupun susah. Serta semakin dekat dan konsisten dalam menjalankan perintah Agama.`,\n image: ihsan,\n },\n {\n name: 'Zakiy Anwar Fahri',\n infoName: 'Sahabat Dinda & Indra',\n description: `Hai Indra & Dinda, sebelum nya aku ucapin selamat akhirnya mencapai pernikahan. Semoga pernikahannya lancar dan menjadi keluarga sakinah mawahdah warahmah. Sebagai sahabat mu sejak awal kuliah kita berjuang bersama dan akhirnya sampai titik ini aku seneng banget kamu bisa menggapai cita-cita mu pelan-pelan, setelah ini kamu akan memulai perjalan dengan seorang yang akan lebih setia dari Sahabat yaitu Istri (Dinda), tetep sabar dan setia ya Ndra. Nahh, untuk Dinda bantu sahabat ku semakin baik ya hehe. :D`,\n image: Zakiy,\n },\n {\n name: 'Risalatul Muawanah',\n infoName: 'Sahabat SMP Dinda',\n description: `\"Hey Din! Finally ..... Happy Wedding! Hopefully become a family that Sakinah Mawaddah Warohmah until HIS heaven later! \n Become a blessed family and always be happy! May your dreams always be achieved! Always complement and support each other! \n I will wait for 5 children yea! Hihi 😅😅😘\"`,\n image: risa,\n },\n {\n name: 'Moleta Tiara Mahayanti',\n infoName: 'Sahabat SMP Dinda',\n description: `\"Happy Wedding untuk Dinda dan Mas Indra ❤\n Semoga menjadi keluarga yang Sakinah Mawardah wa Rahmah Amin.\n Selamat menempuh hidup yang baru kalian berdua.\n Setelah ini akan ada babak baru untuk kehidupan kalian \n Setelah ini akan ada hal yang kalian belum temukan sebelumnya \n Setelah ini hal yang kalian impikan akan terwujud \n Terus menjadi pasangan yang dapat menginspirasi semua orang Dinda dan Mas indra dan tetaplah menjadi pribadi yang rendah hati❤ \n Dari aku Moleta Sahabatmu 🤎\"`,\n image: Moletta,\n },\n {\n name: 'Hapsari Anggraini',\n infoName: 'Sahabat SMP Dinda',\n description: `\"Selamat menempuh hidup baru Dinda dan mas Indra, semoga menjadi keluarga yg sakinah, mawaddah, warrahmah, yg bahagia, dan menjadi pasangan yg selalu ada dalam keadaan suka maupun duka aamiin.\n semoga kita cepet dapet ponakan ya, Dinn😂💙\"`,\n image: hapsari,\n },\n {\n name: 'Herza I.M',\n infoName: 'Rekan Kerja Indra, Tokopedia',\n description: `\"Untuk Indra dan Dinda, semoga lancar ya acara pernikahannya dan senantiasa aman dan kondusif meski keadaan seperti ini. \n Salut dengan ketetapan untuk mengukuhkan ikatan meski sdg banyak rintangan.\n Pokoknya saya doain yg terbaik untuk kalian berdua, mulai dari hari h acara sampai seterusnya.\n Semoga jadi keluarga yg sakinah, mawadah, warahmah ya. Amiin.\n Selamat berbahagia, Indra & Dinda!\"`,\n image: man,\n },\n {\n name: 'Dhyanara NP',\n infoName: 'Rekan Kerja Dinda, NET TV',\n description: `Semoga pernikahan ini membawa Dinda dan Indra dalam ketentraman (sakinah), cinta (mawaddah) dan welas asih (rohmah). Jika saja semakin tumbuhnya cinta itu tak muat masuk ke rongga dada, semoga Allah berikan kelapangan rasa. Semoga Allah mudahkan segala tujuan awal saat kalian berdua memutuskan bersama:)`,\n image: dianara,\n },\n {\n name: 'Fajar Falahiat',\n infoName: 'Rekan Kerja Indra, Tokopedia',\n description: `Selamat menikah Indra Kusuma! Semoga pernikahannya berkah, sakinah mawaddah warohmah. Good luck bro and thanks for being such a good friend and mentor!`,\n image: fajar,\n },\n {\n name: 'Pramudina Rahmawati',\n infoName: 'Sahabat SMA Dinda',\n description: `Happy Wedding Dinda & Mas indra. Semoga menjadi pasangan yang samawa, dilimpahkan selalu rezeki dan kebahagiaan, dan langgeng sampai akhir hayat yah! 🖤`,\n image: rahma,\n },\n {\n name: 'Kamal',\n infoName: 'Rekan Kerja Dinda, Ruangguru',\n description: `Congrats Dinda & Mas Indra for your marriage. You are a perfect pair. You are an inspiration to me. And have a blissful conjugal life!`,\n image: kamal,\n },\n {\n name: 'Vela Hafira',\n infoName: 'Sahabat SMA Dinda',\n description: `Happy Wedding Dinda & Mas Indra. Selamat menempuh perjalanan hidup yang baru. Semoga bertambahlah ketaatan kalian kepada Allah hingga surga menjadi dekat. Dan dilimpahkan rezeki, petunjuk, keberkahan, dan kebahagiaan lahir batin. Barakallahu laka 💟💟💟`,\n image: vela,\n },\n {\n name: 'Iqmalifa Dwi Nursandhi',\n infoName: 'Sahabat SMA Dinda',\n description: `\"Im very happy for you dinda & mas indra..\n Sahabatku dinda.. ini adalah awal perjalanan cinta kalian yang sesungguhnya, membangun cinta dalam satu atap berdua mengarungi samudra kehidupan. Semoga dinda & mas indra menjadi keluarga yang Sakinnah, Mawaddah, & Warahmah.\n Semoga perjalanan kalian akan tetap indah kala bersama-sama membangun kehidupan yang baru, kehidupan yang mengikatkan janji suci berjanji sehidup semati. May your love continue to grow each and every year. Best wishes on your wedding, happily ever after!❤️\"`,\n image: iqmala,\n },\n {\n name: 'Abdul Ghofar',\n infoName: 'Sahabat Kuliah Indra',\n description: `Selamat menempuh hidup baru indra n dinda semoga menjadi keluarga sakinah mawaddah warrahmah `,\n image: man,\n },\n {\n name: 'Puspita Dewi',\n infoName: 'Rekan Kerja Dinda, Ruangguru',\n description: `\"Dear Dinda & Indra,\n Barakallahu lakuma wa jama’a baina kuma fii khair.\n Semoga pernikahan kalian bisa menjadi ladang ibadah dan pahala, dan menjadi pasangan sehidup sesurga. Sakinah, mawaddah wa rahmah selalu. Amiin\"`,\n image: puspita,\n },\n {\n name: 'Ghea Maurizka',\n infoName: 'Sahabat Kuliah Dinda',\n description: `Selamat menempuh satu langkah jenjang kehidupan yg baru❤️ semoga dilimpahkan kebahagiaan & keberkahan, serta menjadi keluarga yg sakinah, mawaddah, warahmah ❤️`,\n image: ghea,\n },\n {\n name: 'Emsho',\n infoName: 'Rekan Kerja Dinda, NET TV',\n description: `Indra. Sebuwah nama yang sayup sering tak denger saat ciwi ciwi ex net jateng pada rerumpian godain Dinda, kalo pas break syuting Hikayat Insani, medio 2018 lalu. Ada yang cengin, dia nya tersipu malu.. Eh, alhamdulillaah cinta mereka akhirnya berlabuh hingga ke tahap ini. Selamat buat Dinda & Indra. Bahagia selamanya yaa.. `,\n image: emsho,\n },\n {\n name: 'Alvia Tri',\n infoName: 'Sahabat Kuliah Dinda',\n description: `Wedding wishes for my dear friends. I hope your life together will be filled with joy, happiness and lots of love`,\n image: alvia,\n },\n {\n name: 'Yunias Belda',\n infoName: 'Sahabat Kuliah Dinda',\n description: `\"Selamat Berbahagiaaa Dindaaa dan Mas Indraaa ❤️❤️❤️ \n Semoga samawaaa yaaa, cepet dpt momongan, jd keluarga kecil yanb bahagia 😘😘😘 luvluvvv\"`,\n image: yunias,\n },\n {\n name: 'Linda Yunitasari',\n infoName: 'Sahabat Kuliah Dinda',\n description: `Selamat buat Dinda dan Mas Indra. lancar2 buat acaranyaa.. semoga kelak dijadikan keluarga yg sakinah, mawadah, warahmah.. segera diberikan dedek yg gumush dan pintar biar jadi mahmud❤️ Langgeng terus sampai kakek nenek ya dinds!❤️`,\n image: yunita,\n },\n {\n name: 'Fitria Ayunisa',\n infoName: 'Sahabat Kuliah Dinda',\n description: `Selamat menempuh hidup baru buat Dinda dan Mas Indra!❤️ Semoga samawa yaaa dan cepet dapet momongan :p amin! see you😘🌷`,\n image: fitria,\n },\n // NEW\n {\n name: 'Joshua Stephen',\n infoName: 'Rekan Kerja Indra, Tokopedia',\n description: `For Indra & Dinda, wishing you the best marriage and everlasting happiness. May you are abundantly blessed as one family.`,\n image: joshua,\n },\n {\n name: 'Sibra',\n infoName: 'Rekan Kerja Indra, Tokopedia',\n description: `Selamat membuka lembaran baru indra dan dinda, semoga menjadi keluarga yang harmonis dan saling menguatkan di masa sulit maupun senang.. congrats bro indra..`,\n image: sibra,\n },\n {\n name: 'Reza Maskadi',\n infoName: 'Rekan Kerja Indra, Tokopedia',\n description:\n \"Selamat menikah untuk Indra dan Dinda, teruslah untuk 'saling', saling menjaga, saling memberi semangat, saling percaya, saling melengkapi, saling mengerti, serta saling saling yang akan kalian temui kedepannya, walau suka dan duka tetaplah jaga `saling` tersebut. Juga semoga menjadi keluarga sakinah mawaddah warrahmah. amin...\",\n image: reza,\n },\n {\n name: 'Irfan Maulana',\n infoName: 'Rekan Kerja Indra, Tokopedia',\n description: `\"Selamat berbahagia, semoga semakin berkah kehidupannya dan bisa saling melengkapi satu dengan yang lain.\n Semoga pernikahannya bisa dilanggengkan.\"`,\n image: irfan,\n },\n {\n name: 'Jennyka Setiawan',\n infoName: 'Sahabat Kuliah Dinda',\n description: `Dinda dan Indra When you read this message you probably already \"Sah\" Newly Married couple. or if you read this before that then read this again after. hehehehehee... Dinda and Indra you already are match couple 2020, so keep up the good work until only death takes youu guys apart. I definitely know nothing about marriage but people says its the bittersweet of life. But I know one thing you guys can be each other the best of friends, parents, leader, guidance, partner not in crime but in the good thing I know ( crime only can be done by Dinda while in university ) ehehhehehe. Hope you guys prosper and also can be the source to share good value not only for your family but also for the lots and lots of people. May God Bless You both and your \"soon to be\" family. Regard - Jeka0ne`,\n image: jenny,\n },\n];\n" }, { "path": "src/constants/index.js", "content": "/**\n * Link\n */\nexport const GOOGLE_CALENDAR_LINK = `https://calendar.google.com/calendar/event?action=TEMPLATE&dates=20201003T040000Z%2F20201003T060000Z&text=Dinda+%26+Indra+Wedding&details=Dinda+%26+Indra+Wedding`;\nexport const GOOGLE_MAPS_LINK = `https://g.page/HARRISHotelSentralandSemarang?share`;\n\n/**\n * Wedding time\n */\nexport const EPOCH_START_EVENT = 1613952139;\nexport const EPOCH_END_EVENT = 1613952139;\nexport const UTC_WEDDING_TIME = '2020-10-03:04:00:00Z';\n" }, { "path": "src/helpers/getQueryValue.js", "content": "export default function getQueryValue(location, name) {\n const testedName = name.replace(/[[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\n const regex = new RegExp(`[\\\\?&]${testedName}=([^&#]*)`);\n const results = regex.exec(location.search);\n\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\n}" }, { "path": "src/helpers/isMobileDevice.js", "content": "function isMobileDevice() {\n if (typeof window === undefined) return false;\n\n const userAgent = window.navigator.userAgent || '';\n const finalUserAgent = userAgent.toLocaleLowerCase();\n\n if (finalUserAgent.includes('android')) return true;\n if (finalUserAgent.includes('ios')) return true;\n if (finalUserAgent.includes('iphone')) return true;\n if (finalUserAgent.includes('windows phone')) return true;\n if (finalUserAgent.includes('bb')) return true;\n\n return false;\n}\n\nexport default isMobileDevice;\n" }, { "path": "src/helpers/pxToRem.js", "content": "function pxToRem(px) {\n const result = px / 14;\n return `${result}rem`;\n}\n\nexport default pxToRem;\n" }, { "path": "src/hooks/useConfigData.js", "content": "import { useState, useEffect } from 'react';\nimport offlineConfigData from '../../api/shift.json';\n\nfunction useConfigData() {\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState({});\n\n const handleFetch = async () => {\n setLoading(true);\n\n try {\n setData(offlineConfigData || {});\n setLoading(false);\n } catch {\n console.error('ERR_WHEN_HIT_DATA');\n setData({});\n setLoading(false);\n }\n };\n\n useEffect(() => {\n handleFetch();\n }, []);\n\n return { data, loading, refetch: handleFetch };\n}\n\nexport default useConfigData;\n" }, { "path": "src/hooks/useDateCountdown.js", "content": "import { useState, useEffect, useCallback } from 'react';\nimport { EPOCH_END_EVENT, EPOCH_START_EVENT } from '@/constants';\n\nconst INTERVAL_TIME = 1000;\nconst DAY_PER_SECONDS = 86400;\nconst HOUR_PER_SECONDS = 3600;\nconst MINUTE_PER_SECONDS = 60;\n\nconst getEpochTime = () => Math.floor(new Date().getTime() / 1000);\n\nfunction useDateCountdown() {\n const [days, setDays] = useState(0);\n const [hours, setHours] = useState(0);\n const [minutes, setMinutes] = useState(0);\n const [seconds, setSeconds] = useState(0);\n\n const [currentEpochTime, setCurrentEpochTime] = useState(() => getEpochTime());\n const [timeHasRunOut, setTimeHasRunOut] = useState(false);\n const [isEventOver, setIsEventOver] = useState(0);\n\n const calculateTimeLeft = useCallback(() => {\n const TIME_LEFT = EPOCH_START_EVENT - currentEpochTime;\n\n if (TIME_LEFT < 0) {\n setIsEventOver(currentEpochTime > EPOCH_END_EVENT);\n setTimeHasRunOut(true);\n return;\n }\n\n const daysLeft = Math.floor(TIME_LEFT / DAY_PER_SECONDS);\n const hoursLeft = Math.floor((TIME_LEFT % DAY_PER_SECONDS) / HOUR_PER_SECONDS);\n const minutesLeft = Math.floor(((TIME_LEFT % DAY_PER_SECONDS) % HOUR_PER_SECONDS) / MINUTE_PER_SECONDS);\n const secondsLeft = Math.floor(((TIME_LEFT % DAY_PER_SECONDS) % HOUR_PER_SECONDS) % MINUTE_PER_SECONDS);\n const currentEpoch = getEpochTime();\n\n setDays(daysLeft);\n setHours(hoursLeft);\n setMinutes(minutesLeft);\n setSeconds(secondsLeft);\n setCurrentEpochTime(currentEpoch);\n }, [currentEpochTime]);\n\n useEffect(() => {\n const interval = setInterval(() => {\n /**\n * If time has run out then stop the interval!\n */\n if (timeHasRunOut) {\n clearInterval(interval);\n } else {\n calculateTimeLeft();\n }\n }, INTERVAL_TIME);\n\n return () => clearInterval(interval);\n }, [calculateTimeLeft, timeHasRunOut]);\n\n return { days, hours, minutes, seconds, timeHasRunOut, isEventOver };\n}\n\nexport default useDateCountdown;\n" }, { "path": "src/hooks/useGuestData.js", "content": "import { useState, useEffect } from 'react';\nimport offlineGuestData from '../../api/guest-data.json';\n\nfunction useGuestData() {\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState([]);\n\n const handleFetch = async () => {\n setLoading(true);\n\n try {\n setData(offlineGuestData || []);\n setLoading(false);\n } catch {\n console.error('ERR_WHEN_HIT_DATA');\n setData([]);\n setLoading(false);\n }\n };\n\n useEffect(() => {\n handleFetch();\n }, []);\n\n return { data, loading, refetch: handleFetch };\n}\n\nexport default useGuestData;\n" }, { "path": "src/pages/e-ticket.js", "content": "import React, { useState, useEffect, useRef, useCallback } from 'react';\n\nimport MainLayout from '@components/Layout';\nimport Ticket from '@components/Ticket';\n\nimport getQueryValue from '@helpers/getQueryValue';\nimport useGuestData from '@/hooks/useGuestData';\nimport useConfigData from '@/hooks/useConfigData';\nimport { styTicket } from '@components/Ticket/styles';\n\nfunction ETicket({ location }) {\n const codeEticket = getQueryValue(location, 'code') || '';\n const nameEticket = getQueryValue(location, 'name') || '';\n const alreadyChecked = useRef(false);\n\n const [value, setValue] = useState('');\n const [selectedGuest, setSelectedGuest] = useState({});\n const [isShowTicket, setIsShowTicket] = useState(false);\n\n const { data, loading } = useGuestData();\n const { data: configData } = useConfigData();\n\n const handleCheckTicket = useCallback(\n (tempValue) => {\n const guestCode = (tempValue || value).toUpperCase();\n const guest = data.find((g) => (g.code || '').toUpperCase() === guestCode);\n\n if (guest) {\n if (guest.name.toUpperCase().includes(nameEticket.toUpperCase())) {\n setSelectedGuest(guest);\n setIsShowTicket(true);\n return;\n }\n }\n\n alert(`Maaf, Kode data ${guestCode} tidak ditemukan. Mohon di cek lagi..`);\n window.location.assign('https://thekusuma.com');\n },\n [data, nameEticket, value],\n );\n /**\n * Effect to autu-check code ticket\n */\n useEffect(() => {\n if (codeEticket !== '' && data.length > 0 && !alreadyChecked.current) {\n alreadyChecked.current = true;\n setValue(codeEticket);\n setTimeout(() => {\n handleCheckTicket(codeEticket);\n }, 1000);\n }\n }, [codeEticket, data.length, handleCheckTicket, loading]);\n\n return (\n \n
    \n
    \n {isShowTicket ? (\n \n ) : (\n

    🧑‍💻Validasi data tamu.. Mohon tunggu..

    \n )}\n
    \n
    \n     \n );\n}\n\nexport default ETicket;\n" }, { "path": "src/pages/generate-link.js", "content": "import React from 'react';\n\nimport MainLayout from '@components/Layout';\nimport GenerateLink from '@components/GenerateLink';\nimport { styWrapper } from '@components/GenerateLink/styles';\n\nfunction GenerateLinkWrapper() {\n return (\n \n
    {}
    \n     \n );\n}\n\nexport default GenerateLinkWrapper;\n" }, { "path": "src/pages/generate-qr.js", "content": "import React from 'react';\n\nimport MainLayout from '@components/Layout';\nimport QRCard from '@components/QRCard';\nimport useGuestData from '@/hooks/useGuestData';\nimport { styWrapper } from '@components/QRCard/styles';\n\nfunction GenerateQRPage() {\n const { data, loading } = useGuestData();\n\n const finalData = data.filter((guest, index) => index >= 177);\n\n const renderContent = () => {\n if (loading) return
    Menyiapkan data..
    ;\n\n return finalData.map((guest) => {\n return ;\n });\n };\n\n return (\n \n
    \n
    {renderContent()}
    \n
    \n     \n );\n}\n\nexport default GenerateQRPage;\n" }, { "path": "src/pages/index.js", "content": "import React, { useState, Fragment } from 'react';\nimport { object } from 'prop-types';\nimport getQueryValue from '@helpers/getQueryValue';\n/**\n * List of local components\n */\nimport MainLayout from '@components/Layout';\nimport WelcomeSection from '@components/WelcomeSection';\nimport HelloSection from '@components/HelloSection';\nimport WeddingSection from '@components/WeddingSection';\nimport LocationSection from '@components/LocationSection';\nimport StorySection from '@components/StorySection';\nimport PhotoSection from '@components/PhotoSection/Loadable';\nimport WishesSection from '@components/WishesSection';\nimport ConfirmationSection from '@components/ConfirmationSection';\nimport FooterSection from '@components/FooterSection';\nimport CovidSection from '@components/Covid19';\nimport FloatingMusic from '@components/FloatingMusic/Loadable';\n\nfunction Home({ location }) {\n const guestName = decodeURIComponent(getQueryValue(location, 'to') || '');\n const isInvitation = getQueryValue(location, 'type') === 'invitation';\n const firstName = guestName.replace(/ .*/, '');\n const isAnonymGuest = guestName === '' && !isInvitation;\n const codeLink = getQueryValue(location, 'code') || '';\n const finalTicketLink = `code=${codeLink}&name=${guestName}`;\n\n const [showDetailContent, setShowDetailContent] = useState(false);\n\n const handleClickDetail = () => {\n setShowDetailContent(true);\n };\n\n const renderDetailContent = () => {\n if (!showDetailContent) return null;\n\n return (\n \n \n \n {isInvitation && }\n {isInvitation && }\n \n \n \n \n \n \n );\n };\n\n return (\n \n \n {renderDetailContent()}\n \n \n );\n}\n\nHome.propTypes = {\n location: object.isRequired,\n};\n\nexport default Home;\n" } ]