[ { "path": ".gitignore", "content": "bower_components\nnode_modules\n*.pyc\nvenv\ndist\n*.egg-info\n" }, { "path": "Containerfile", "content": "FROM python:3.8.5-alpine3.12\n\n# Update the packages\nRUN apk update\n\n# Install the ansible dependancies\nRUN apk add gcc libffi-dev musl-dev openssl-dev sshpass make\n# RUN apk add py-crypto python-dev\n\n# Install td4a\nRUN pip install td4a==2.0.3\n\n# Clear out extras\nRUN rm -rf /var/cache/apk/*\n\n# Start td4a\nCMD [ \"td4a-server\" ]\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2017 Bradley A. Thornton\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": "MANIFEST.in", "content": "recursive-include td4a/static *\nrecursive-include td4a/models *\nrecursive-include td4a/controllers *\nglobal-exclude *.pyc\n" }, { "path": "README.md", "content": "![screenshot](screenshot.png)\n## Template Designer for Automation\n\n### Try it now\n\nhttps://td4a.codethenetwork.com\n\n### Overview\n\nTD4A is a visual design aid for building and testing jinja2 templates. It will combine data in yaml format with a jinja2 template and render the output.\n\nAll jinja2 filters are supported along with the filter plugins from Ansible version 2.9.12\n\n### Installation:\n\n##### using podman (or docker):\n```\npodman pull cidrblock/td4a\n```\n\nThe container registry page can be found here:\n\nhttps://hub.docker.com/r/cidrblock/td4a/\n\n#### using the cli:\n```\n$ virtualenv venv\n$ source venv/bin/activate\n$ pip install td4a\n```\n\nThe pip package can be found here:\n\nhttps://pypi.python.org/pypi/td4a\n\n### Starting the TD4A server\n\n\n#### Simple\n\n##### using podman (or docker):\n```\npodman run -p 5000:5000 cidrblock/td4a\n```\n\n##### using the cli:\n```\ntd4a-server\n```\n\n##### open your browser to:\n\nhttp://127.0.0.1:5000\n\n### Modes\n\nTD4A support two different modes of operation.\n- Templating: Build and render jinja2 templates\n- Schema: Build and validate a json schema for your data\n\n#### Enabling a mode\n\n##### using podman (or docker):\n```\npodman run -p 5000:5000 \\\n -it \\\n cidrblock/td4a \\\n td4a-server -m mode\n```\n\n##### using the cli:\n```\ntd4a-server -m mode\n```\n\nwhere `mode` is either jinja2 (default) or schema\n\n### Additional configuration options\n\n#### Loading custom filter plugins (jinja2 mode only)\n\n\nTD4A supports custom filter plugins within the container. Pass your custom filter_plugins directory as a volume and use the -f option to specify to custom filter plugin directory.\n\n##### using podman (or docker):\n```\npodman run -p 5000:5000 \\\n -it \\\n -v `pwd`/my_filter_plugins:/filter_plugins \\\n cidrblock/td4a \\\n td4a-server -f /filter_plugins\n```\n\n##### using the cli:\n\nTD4A can load custom filters from a directory specified from the command line:\n```\ntd4a-server -f ./my_filter_plugins\n```\n\n#### Loading an ansible inventory (jinja2 and schema mode)\n\nMount the inventory as `/inventory` in the container, and run TD4A with the `-i` option.\n\n\n##### using podman (or docker):\n\n```\npodman run -p 5000:5000 \\\n -it \\\n -v '/Users/me/github/ansible_network_inventory:/inventory' \\\n cidrblock/td4a \\\n td4a-server -i /inventory -m mode -v 'my_vault_password'\n```\n\nIf environment variables are needed for a dynamic inventory, they can be passed to the docker container.\n```\npodman run -p 5000:5000 \\\n -it \\\n -v `pwd`/my_filter_plugins:/filter_plugins \\\n -v '/Users/me/github/ansible_network_inventory:/inventory' \\\n -e \"COUCH_USERNAME=admin\" \\\n -e \"COUCH_PASSWORD=password\" \\\n -e \"COUCH_URL=http://192.168.1.5:5984/td4a\" \\\n -e \"DYNAMIC_INVENTORY_USERNAME=api\" \\\n -e \"DYNAMIC_INVENTORY_PASSWORD=password\" \\\n cidrblock/td4a \\\n td4a-server -f /filter_plugins -m mode -i /inventory -v 'my_vault_password'\n``` \n\n##### using the cli:\n\nTD4A can load multiple ansible inventories, specifc each with `-i` on the command line:\n```\ntd4a-server -i ./my_ansible_inventory -v 'my_vault_password'\n```\n\n#### Enabling storage and links using a couch database (jinja2 and schema mode)\n\nTD4A has the ability to store data and templates in a CouchDB. This is disabled by default.\n\nThe CouchDB needs to previously created.\n\nTo enable link support, and add the link button to the UI, set the following environ variables:\n\n##### using podman (or docker):\n\n```\npodman run -p 5000:5000 \\\n -v `pwd`/my_filter_plugins:/filter_plugins \\\n -e \"COUCH_USERNAME=admin\" \\\n -e \"COUCH_PASSWORD=password\" \\\n -e \"COUCH_URL=http://192.168.1.5:5984/td4a\" \\\n cidrblock/td4a \\\n td4a-server -m mode\n```\n\n##### using the cli:\n```\nexport COUCH_USERNAME=admin\nexport COUCH_PASSWORD=password\nexport COUCH_URL=http://localhost:5984/td4a\ntd4a-server -m mode\n```\n\n### User Interface\n\nThe interface is browser based and has been tested using Chrome. If your browser did not automatically open when TD4A was started, you can visit http://127.0.0.1:5000 to see the interface.\n\nThe UI is broken into three sections:\n\n1) DATA, this is where the data in yaml format is provided.\n2) TEMPLATE, the jinja2 template to be rendered.\n3) RESULT, after clicking the render button, the result pane will be populated with the rendered template.\n\n#### Keyboard shortcuts\n\n`cmd+r`: Render the template\n\n`cmd+s`: Save the data in browser local storage\n\n`cmd+b`: Begin new, clear the screen\n\n### Python version\n\nTo date, this has only been tested with python 3.8.5.\n\n### Development\n\nNPM and related packages are required to build the UI.\n\n```\nnpm install\n```\n\nThe UI components can be installed for development purposes using bower.\n\n```\nbower install\n```\n\nThe dependancies can be concatenated and minified using gulp.\n\n```\ngulp\n```\n" }, { "path": "bower.json", "content": "{\n \"name\": \"jinja_api\",\n \"authors\": [\n \"bthornto \"\n ],\n \"description\": \"\",\n \"main\": \"\",\n \"license\": \"MIT\",\n \"homepage\": \"\",\n \"ignore\": [\n \"**/.*\",\n \"node_modules\",\n \"bower_components\",\n \"test\",\n \"tests\"\n ],\n \"dependencies\": {\n \"codemirror\": \"^5.32.0\",\n \"angular\": \"^1.6.7\",\n \"angular-animate\": \"^1.6.7\",\n \"angular-aria\": \"^1.6.7\",\n \"angular-messages\": \"^1.6.7\",\n \"angular-route\": \"^1.6.7\",\n \"Split.js\": \"^1.3.5\",\n \"angular-ui-codemirror\": \"^0.3.0\",\n \"ng-split\": \"^0.2.0\",\n \"angular-material\": \"^1.1.5\",\n \"angular-cookies\": \"^1.6.7\",\n \"angular-local-storage\": \"^0.7.1\"\n }\n}\n" }, { "path": "gcp/Dockerfile", "content": "FROM cidrblock/td4a:2.0.3\nEXPOSE 5000\n" }, { "path": "gulpfile.js", "content": "var gulp = require('gulp'),\n uglify = require('gulp-uglify'),\n jshint = require('gulp-jshint'),\n concat = require('gulp-concat'),\n notify = require('gulp-notify'),\n rename = require('gulp-rename'),\n clean = require('gulp-clean');\n\nvar jsDest = 'td4a/static/jsTemp';\nvar cssDest = 'td4a/static/css';\n\ngulp.task('default', function() {\n});\n\ngulp.task('codemirror', function(done) {\n gulp.src(\"bower_components/codemirror/lib/codemirror.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/mode/jinja2/jinja2.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/mode/yaml/yaml.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/addon/dialog/dialog.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/addon/search/searchcursor.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/addon/search/search.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/addon/search/matchesonscrollbar.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/addon/scroll/annotatescrollbar.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/addon/search/jump-to-line.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/codemirror/lib/codemirror.css\")\n .pipe(gulp.dest(cssDest));\n gulp.src(\"bower_components/codemirror/addon/dialog/dialog.css\")\n .pipe(gulp.dest(cssDest));\n gulp.src(\"bower_components/codemirror/theme/material.css\")\n .pipe(gulp.dest(cssDest));\n done();\n});\n\ngulp.task('angular', function(done) {\n gulp.src(\"bower_components/angular/angular.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/angular-animate/angular-animate.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/angular-aria/angular-aria.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/angular-messages/angular-messages.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/angular-route/angular-route.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/angular-cookies/angular-cookies.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/angular-local-storage/dist/angular-local-storage.js\")\n .pipe(gulp.dest(jsDest));\n done();\n});\n\ngulp.task('angular-material', function(done) {\n gulp.src(\"bower_components/angular-material/angular-material.js\")\n .pipe(gulp.dest(jsDest));\n gulp.src(\"bower_components/angular-material/angular-material.css\")\n .pipe(gulp.dest(cssDest));\n done();\n});\n\ngulp.task('split', function(done) {\n gulp.src(\"bower_components/Split.js/split.js\")\n .pipe(gulp.dest(jsDest));\n done();\n});\n\ngulp.task('ui-codemirror', function(done) {\n gulp.src(\"bower_components/angular-ui-codemirror/ui-codemirror.js\")\n .pipe(gulp.dest(jsDest));\n done();\n});\n\ngulp.task('ng-split', function(done) {\n gulp.src(\"bower_components/ng-split/dist/ng-split.js\")\n .pipe(gulp.dest(jsDest));\n done();\n});\n\ngulp.task('scripts', function(done) {\n gulp.src([\n 'td4a/static/jsTemp/angular.js',\n 'td4a/static/jsTemp/codemirror.js',\n 'td4a/static/jsTemp/*.js'\n ])\n .pipe(concat('main.js'))\n .pipe(gulp.dest('dist'))\n .pipe(rename('main.min.js'))\n .pipe(uglify())\n .pipe(gulp.dest('td4a/static/js'))\n .pipe(notify({ message: 'Scripts task complete' }));\n done();\n});\n\ngulp.task('clean', function (done) {\n gulp.src(['td4a/static/jsTemp',\n 'dist'\n ], {read: false})\n .pipe(clean({force: true}));\n done();\n});\n\ngulp.task('default', gulp.series('codemirror', 'angular', 'angular-material', 'split', 'ng-split', 'ui-codemirror', 'scripts'))\n" }, { "path": "my_ansible_inventory/group_vars/all/vars.yml", "content": "application_name: td4a\n" }, { "path": "my_ansible_inventory/group_vars/routers/vars.yml", "content": "manufacturer: quagga\n" }, { "path": "my_ansible_inventory/group_vars/servers/vars.yml", "content": "manufacturer: whitebox\n" }, { "path": "my_ansible_inventory/host_vars/router00/vars.yml", "content": "ansible_ssh_pass: \"{{ lookup('env', 'ANSIBLE_PASSWORD') }}\"\n\ninterfaces:\n Ethernet4/10:\n description: siteassw100-g0/1-siteasrt001-eth4/10\n name: Ethernet4/10\n shutdown:\n negate: true\n switchport:\n mode:\n - trunk\n switchport: true\n Ethernet4/11:\n channel_group:\n id: 31\n mode: active\n description: unity1interface1\n mtu: 9216\n name: Ethernet4/11\n shutdown:\n negate: true\n switchport:\n mode:\n - trunk\n switchport: true\n trunk:\n allowed_vlans:\n vlans: 3605,3607\n native_vlan: 5\n" }, { "path": "my_ansible_inventory/host_vars/server00/vars.yml", "content": "---\n# defaults file for ansible-apache2\n\n# Defines if Apache2 should be configured\napache2_config: false\n\n# Defines if php.ini should be configured for Apache2\napache2_config_php: false\n\n# Defines if Apache2 virtual hosts should be configured\napache2_config_virtual_hosts: true\n\n# Defines Apache2 default listen port\napache2_default_port: 80\n\n# Defines if php-sqlite should be installed\napache2_install_php_sqlite: false\n\n# Defines if php should be installed\napache2_install_php: false\n\napache2_php_max_execution_time: 30\n\napache2_php_max_input_time: 60\n\n# Defines max memory for Apache php\n# default is 128M\napache2_php_max_memory: 128M\n\napache2_php_post_max_size: 8M\n\napache2_php_timezone: \"UTC\"\n\napache2_php_upload_max_filesize: 2M\n\napache2_server_admin: webmaster@localhost\n\n# Define Apache2 virtual hosts\napache2_virtual_hosts:\n - documentroot: '/var/www/example.com'\n default_site: false\n port: 80\n serveradmin: '{{ apache2_server_admin }}'\n servername: 'www.example.com'\n - documentroot: '/var/www/example.org'\n default_site: false\n port: 80\n serveradmin: '{{ apache2_server_admin }}'\n servername: 'www.example.org'\n - documentroot: '/var/www/html'\n default_site: true\n port: 80\n serveradmin: '{{ apache2_server_admin }}'\n servername: ''\n\napache2_web_root: /var/www/html\napache2_log_dir: /var/log/apache\n\ntestVar: testing\n\nanotherTestVar: \"{{ testVar }}\"\n" }, { "path": "my_ansible_inventory/host_vars/test00/vars.yml", "content": "a: \"{{ b }}\"\nb:\n c: this\n d: that\n\nfoo: \"{{ bar }}\"\nbar:\n- 1\n- 2\n- 3\n\nansible_ssh_pass: \"{{ lookup('env', 'FOO') }}\"\ncisco_xr_cli:\n username: \"{{ ansible_ssh_user }}\"\n\n\ny: \"{{ z }}\"\nz:\n aa:\n bb:\n cc:\n dd: dd\n\nf: \"{{ bar + bar }}\"\n" }, { "path": "my_ansible_inventory/inventory.yml", "content": "router[00:03]\nserver[00:03]\ntest[00:03]\n\n[routers]\nrouter[00:03]\n\n[servers]\nserver[00:03]\n" }, { "path": "my_filter_plugins/mask_convert.py", "content": "from netaddr import IPNetwork\n\ndef convert(network, netmask):\n entry = IPNetwork('%s/%s' % (network, netmask))\n answer = {}\n answer['slashbits'] = '/%s' % getattr(entry, 'prefixlen')\n answer['bits'] = '%s' % getattr(entry, 'prefixlen')\n answer['hostmask'] = str(entry.hostmask)\n answer['netmask'] = str(entry.netmask)\n answer['network'] = network\n answer['net_netmask'] = '%s/%s' % (network, answer['netmask'])\n answer['net_bits'] = '%s/%s' % (network, answer['bits'])\n answer['net_hostmask'] = '%s/%s' % (network, answer['hostmask'])\n return answer\n\nclass FilterModule(object):\n def filters(self):\n return {\n 'convert': convert\n }\n" }, { "path": "package.json", "content": "{\n \"name\": \"jinja_api\",\n \"version\": \"1.0.0\",\n \"description\": \"\",\n \"main\": \"gulpfile.js\",\n \"dependencies\": {},\n \"devDependencies\": {\n \"del\": \"^3.0.0\",\n \"gulp\": \"github:gulpjs/gulp#4.0\",\n \"gulp-clean\": \"^0.3.2\",\n \"gulp-concat\": \"^2.6.1\",\n \"gulp-jshint\": \"^2.0.4\",\n \"gulp-notify\": \"^3.0.0\",\n \"gulp-rename\": \"^1.2.2\",\n \"gulp-sass\": \"^3.1.0\",\n \"gulp-uglify\": \"^3.0.0\",\n \"jshint\": \"^2.9.5\"\n },\n \"scripts\": {\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n },\n \"author\": \"\",\n \"license\": \"MIT\"\n}\n" }, { "path": "requirements.txt", "content": "ansible==2.9.12\nFlask==1.1.2\nnetaddr==0.8.0\nTwisted==20.3.0\nrequests==2.24.0\nruamel.yaml==0.16.10\ngenson==1.2.1\njsonschema==3.2.0" }, { "path": "setup.py", "content": "from setuptools import setup\n\nsetup(name='td4a',\n version='2.0.3',\n description='A browser based jinja template renderer',\n url='http://github.com/cidrblock/td4a',\n author='Bradley A. Thornton',\n author_email='brad@thethorntons.net',\n license='MIT',\n include_package_data=True,\n packages=[\n 'td4a'\n ],\n scripts=['td4a-server'],\n install_requires=[\n 'ansible==2.9.12',\n 'Flask==1.1.2',\n 'netaddr==0.8.0',\n 'Twisted==20.3.0',\n 'requests==2.24.0',\n 'ruamel.yaml==0.16.10',\n 'genson==1.2.1',\n 'jsonschema==3.2.0'\n ],\n zip_safe=False)\n" }, { "path": "td4a/__init__.py", "content": "from flask import Flask, request, jsonify\nfrom td4a.controllers.config import api_config\nfrom td4a.controllers.hosts import api_hosts\nfrom td4a.controllers.inventory import api_inventory\nfrom td4a.controllers.link import api_link\nfrom td4a.controllers.render import api_render\nfrom td4a.controllers.retrieve import api_retrieve\nfrom td4a.controllers.schema import api_schema\nfrom td4a.controllers.validate import api_validate\n\n\n\n\napp = Flask(__name__, static_url_path='') # pylint: disable=invalid-name\napp.register_blueprint(api_config)\napp.register_blueprint(api_hosts)\napp.register_blueprint(api_inventory)\napp.register_blueprint(api_link)\napp.register_blueprint(api_render)\napp.register_blueprint(api_retrieve)\napp.register_blueprint(api_schema)\napp.register_blueprint(api_validate)\n\n@app.route('/')\ndef root():\n \"\"\" root path\n \"\"\"\n return app.send_static_file('index.html')\n" }, { "path": "td4a/controllers/__init__.py", "content": "" }, { "path": "td4a/controllers/config.py", "content": "\"\"\" /config\n\"\"\"\nfrom flask import jsonify, Blueprint\nfrom flask import current_app as app\n\napi_config = Blueprint('api_config', __name__) # pylint: disable=invalid-name\n\n@api_config.route('/config', methods=['GET'])\ndef config():\n \"\"\" provide some config options to the UI\n \"\"\"\n if app.args.ui_mode == \"jinja\":\n ui_config = {\n \"p1\": {\n \"options\": {\n \"lineNumbers\": True,\n \"theme\":\"material\",\n \"lineWrapping\" : True,\n \"mode\": \"yaml\",\n \"indentUnit\": 2,\n \"tabSize\": 2\n },\n \"title\": \"DATA\",\n \"inventory\": bool(app.args.inventory_source),\n \"b1\": {\n \"icon\": None,\n \"show\": False,\n \"text\": None,\n \"url\": None\n }\n },\n \"p2\": {\n \"options\": {\n \"lineNumbers\": True,\n \"theme\": \"material\",\n \"lineWrapping\" : True,\n \"mode\": \"jinja2\"\n },\n \"title\": \"RENDER\",\n \"b1\": {\n \"icon\": \"create\",\n \"show\": True,\n \"text\": \"Render\",\n \"url\": \"/render\"\n }\n },\n \"p3\": {\n \"options\": {\n \"lineNumbers\": True,\n \"theme\": \"material\",\n \"lineWrapping\" : True,\n \"mode\": 'text'\n },\n \"title\": \"RESULT\",\n \"b1\": {\n \"icon\": \"link\",\n \"show\": bool(app.args.url),\n \"text\": \"link\"\n }\n }\n }\n elif app.args.ui_mode == \"schema\":\n ui_config = {\n \"p1\": {\n \"options\": {\n \"lineNumbers\": True,\n \"theme\":\"material\",\n \"lineWrapping\" : True,\n \"mode\": \"yaml\",\n \"indentUnit\": 2,\n \"tabSize\": 2\n },\n \"title\": \"DATA\",\n \"inventory\": bool(app.args.inventory_source),\n \"b1\": {\n \"icon\": \"create\",\n \"show\": True,\n \"text\": \"schema\",\n \"url\": \"/schema\"\n }\n },\n \"p2\": {\n \"options\": {\n \"lineNumbers\": True,\n \"theme\": \"material\",\n \"lineWrapping\" : True,\n \"mode\": \"yaml\"\n },\n \"title\": \"SCHEMA\",\n \"b1\": {\n \"icon\": \"check\",\n \"show\": True,\n \"text\": \"Validate\",\n \"url\": \"/validate\"\n }\n },\n \"p3\": {\n \"options\": {\n \"lineNumbers\": True,\n \"theme\": \"material\",\n \"lineWrapping\" : True,\n \"mode\": \"yaml\"\n },\n \"title\": \"VALIDATION SUCCESS/ERRORS\",\n \"b1\": {\n \"icon\": \"link\",\n \"show\": bool(app.args.url),\n \"text\": \"link\"\n }\n }\n }\n return jsonify(ui_config)\n" }, { "path": "td4a/controllers/hosts.py", "content": "\"\"\" /hosts\n\"\"\"\nfrom flask import jsonify, Blueprint\nfrom flask import current_app as app\n\napi_hosts = Blueprint('api_hosts', __name__) # pylint: disable=invalid-name\n\n@api_hosts.route('/hosts', methods=['GET'])\ndef hosts():\n \"\"\" check to see if the link button should be enabled\n \"\"\"\n devices = app.inventory.keys()\n return jsonify({\"hosts\": sorted(devices)})\n" }, { "path": "td4a/controllers/inventory.py", "content": "\"\"\" /inventory\n\"\"\"\nfrom flask import request, jsonify, Blueprint\nfrom flask import current_app as app\nfrom td4a.models.exception_handler import ExceptionHandler, HandledException\nfrom td4a.models.td4ayaml import Td4aYaml\nimport json\nimport collections\n\napi_inventory = Blueprint('api_inventory', __name__) # pylint: disable=invalid-name\n\n@api_inventory.route('/inventory', methods=['GET'])\ndef rest_inventory():\n \"\"\" return inventory for host\n \"\"\"\n yaml = Td4aYaml()\n inventory = app.inventory.get(request.args.get('host'), \"\")\n data = json.loads(json.dumps(inventory))\n response_text = ''\n for section in sorted(data.keys()):\n response_text += yaml.dump({section: data[section]})\n response = {\"p1\": response_text}\n return jsonify(response)\n" }, { "path": "td4a/controllers/link.py", "content": "from flask import request, jsonify, Blueprint\nfrom flask import current_app as app\nfrom td4a.models.exception_handler import ExceptionHandler, HandledException\nimport requests\n\napi_link = Blueprint('api_link', __name__)\n\n@ExceptionHandler\ndef link(payload, args, typ):\n \"\"\" store a doc in the db\n \"\"\"\n _ = typ\n auth = (args.username, args.password)\n url = args.url\n response = requests.post(\"%s\" % url, json=payload, auth=auth)\n return {\"id\": response.json()['id']}\n\n\n@api_link.route('/link', methods=['POST'])\ndef rest_link():\n \"\"\" Save the documents in a couchdb and returns an id\n \"\"\"\n try:\n response = link(payload=request.json, args=app.args, typ=\"link\")\n return jsonify(response)\n except HandledException as error:\n return jsonify(error.json())\n" }, { "path": "td4a/controllers/render.py", "content": "\"\"\" /render\n\"\"\"\nfrom flask import request, jsonify, Blueprint\nfrom flask import current_app as app\nfrom jinja2 import meta, Environment, StrictUndefined, Undefined\nfrom td4a.models.exception_handler import ExceptionHandler, HandledException\nfrom td4a.models.td4ayaml import Td4aYaml\nfrom ruamel.yaml import YAML\nimport re\n\napi_render = Blueprint('api_render', __name__) # pylint: disable=invalid-name\n\n@ExceptionHandler\ndef jinja_unresolved(template, typ):\n \"\"\" Check a jinja template for any unresolved vars\n \"\"\"\n _ = typ\n env = Environment()\n env.trim_blocks = True\n unresolved = meta.find_undeclared_variables(env.parse(template))\n return unresolved\n\ndef lookup(*args, **kwargs):\n return \"unsupported\"\n\n@ExceptionHandler\ndef jinja_render(data, template, filters, typ):\n \"\"\" Render a jinja template\n \"\"\"\n _ = typ\n if typ == 'p1':\n env = Environment(undefined=Undefined)\n else:\n env = Environment(undefined=StrictUndefined)\n env.trim_blocks = True\n for entry in filters:\n env.filters[entry[0]] = entry[1]\n env.globals.update(lookup=lookup)\n result = env.from_string(template).render(data)\n return result\n\n@ExceptionHandler\ndef yaml_parse(string, typ):\n \"\"\" load yaml from string\n \"\"\"\n _ = typ\n yaml = YAML()\n yaml.load(string)\n\n@ExceptionHandler\ndef render(payload, filters, typ):\n \"\"\" Given the payload, render the result\n \"\"\"\n _ = typ\n try:\n loader = YAML(typ='unsafe')\n result = None\n if payload['p1'] and payload['p2']:\n # check for error in data\n yaml_parse(string=payload['p1'], typ=\"p1\")\n # swap '{{ }}' for \"{{ }}\"\n dq_jinja = re.compile(r\"'\\{\\{([^\\{\\}]+)\\}\\}'\")\n payload['p1'] = dq_jinja.sub('\"{{\\\\1}}\"', payload['p1'])\n # remove the quotes around dicts put into jinja\n expose_dicts = re.compile(r'\"\\{([^\\{].*)\\}\"')\n # remove the quotes aournd lists put into jinja\n expose_lists1 = re.compile(r'\"\\[(.*)\\]\"')\n # change '{{ }}' to \"{{ }}\"\n dq_jinja = re.compile(r\"'\\{\\{([^\\{\\}]+)\\}\\}'\")\n\n raw_data = None\n after_jinja = payload['p1']\n tvars = loader.load(payload['p1'])\n\n if jinja_unresolved(template=after_jinja, typ=\"p1\"):\n while after_jinja != raw_data:\n raw_data = after_jinja\n after_jinja = jinja_render(data=tvars,\n template=raw_data,\n filters=filters,\n typ=\"p1\")\n yaml_ready = expose_dicts.sub(\"{\\\\1}\", after_jinja)\n yaml_ready = expose_lists1.sub(\"[\\\\1]\", yaml_ready)\n yaml_ready = dq_jinja.sub('\"{{\\\\1}}\"', yaml_ready)\n tvars = loader.load(yaml_ready)\n result = jinja_render(data=tvars,\n template=payload['p2'],\n filters=filters,\n typ=\"p2\")\n return {\"p3\": result}\n except HandledException as error:\n return error.json()\n\n@api_render.route('/render', methods=['POST'])\ndef rest_render():\n \"\"\" render path\n \"\"\"\n try:\n print(\"Checking and parsing data...\")\n response = render(payload=request.json, filters=app.filters, typ=\"page\")\n print(\"Done.\")\n return jsonify(response)\n except HandledException as error:\n return jsonify(error.json())\n" }, { "path": "td4a/controllers/retrieve.py", "content": "\"\"\" /retrieve\n\"\"\"\nfrom flask import request, jsonify, Blueprint\nfrom flask import current_app as app\nfrom td4a.models.exception_handler import ExceptionHandler, HandledException\nimport requests\n\napi_retrieve = Blueprint('api_retrieve', __name__) # pylint: disable=invalid-name\n\n@ExceptionHandler\ndef retrieve(doc_id, typ):\n \"\"\" get a doc from the db\n \"\"\"\n _ = typ\n auth = (app.args.username, app.args.password)\n url = app.args.url\n cdoc = requests.get(\"%s/%s?include_docs=true\" % (url, doc_id), auth=auth)\n doc = cdoc.json()\n if cdoc.status_code == 200:\n response = {\"panels\": doc['panels'], \"config\": doc['config']}\n else:\n response = {\"handled_error\": {\n \"in\": \"document retrieval\",\n \"title\": \"Message: Issue loading saved document.\",\n \"line_number\": None,\n \"details\": \"Details: %s\" % doc['error'],\n \"raw_error\": \"%s\" % cdoc.text\n }\n }\n return response\n\n@api_retrieve.route('/retrieve', methods=['GET'])\ndef rest_retrieve():\n \"\"\" return a doc from the couchdb\n \"\"\"\n try:\n response = retrieve(doc_id=request.args.get('id'), typ=\"link\")\n return jsonify(response)\n except HandledException as error:\n return jsonify(error.json())\n" }, { "path": "td4a/controllers/schema.py", "content": "\"\"\" /retrieve\n\"\"\"\nimport json\nfrom flask import current_app as app\nfrom flask import request, jsonify, Blueprint\nfrom td4a.models.exception_handler import ExceptionHandler, HandledException\nfrom td4a.models.sort_commented_map import sort_commented_map\nfrom td4a.models.td4ayaml import Td4aYaml\nimport genson\n\napi_schema = Blueprint('api_schema', __name__) # pylint: disable=invalid-name\n\n@ExceptionHandler\ndef schema(data, typ):\n \"\"\" Build schema from data\n \"\"\"\n _ = typ\n yaml = Td4aYaml()\n obj_data = yaml.load(data['p1'])\n json_schema = genson.Schema()\n json_schema.add_object(obj_data)\n schema_dict = json_schema.to_dict()\n schema_yaml = yaml.load(yaml.dump(schema_dict))\n sorted_schema_yaml = sort_commented_map(commented_map=schema_yaml)\n sorted_schema_string = yaml.dump(sorted_schema_yaml)\n return sorted_schema_string\n\n@api_schema.route('/schema', methods=['POST'])\ndef rest_schema():\n \"\"\" Build a schema for data\n \"\"\"\n try:\n payload = request.json\n response = schema(data=payload, typ=\"data\")\n return jsonify({\"p2\": response})\n except HandledException as error:\n return jsonify(error.json())\n" }, { "path": "td4a/controllers/validate.py", "content": "\"\"\" /retrieve\n\"\"\"\nimport json\nfrom flask import current_app as app\nfrom flask import request, jsonify, Blueprint\nfrom td4a.models.exception_handler import ExceptionHandler, HandledException\nfrom td4a.models.td4ayaml import Td4aYaml\nfrom jsonschema import validate\nfrom jsonschema import Draft4Validator, FormatChecker\nfrom jsonschema.exceptions import UnknownType\n\n\napi_validate = Blueprint('api_validate', __name__) # pylint: disable=invalid-name\n\n@ExceptionHandler\ndef parse_yaml(yamul, typ):\n _ = typ\n yaml = Td4aYaml()\n obj = yaml.load(yamul)\n return obj\n\ndef validation(payload):\n \"\"\" Validate schema from data\n \"\"\"\n try:\n yaml_safe = Td4aYaml(typ='safe')\n yaml = Td4aYaml()\n data = yaml_safe.load(payload['p1'])\n schema = yaml_safe.load(payload['p2'])\n errors = []\n v = Draft4Validator(schema, format_checker=FormatChecker())\n for error in sorted(v.iter_errors(data)):\n errors.append(error.message)\n if errors:\n return {\"p3\": yaml.dump({\"messages\":errors})}\n return {\"p3\": yaml.dump({\"messages\":[\"validation passed\"]})}\n except UnknownType as error:\n error_message = str(error)\n lines = error_message.splitlines()\n message = [x for x in lines if x.startswith('Unknown type')]\n return {\"p3\": yaml.dump({\"messages\":message})}\n\n@api_validate.route('/validate', methods=['POST'])\ndef rest_validate():\n \"\"\" Build a schema for data\n \"\"\"\n try:\n payload = request.json\n data = parse_yaml(yamul=payload['p1'], typ='p1')\n schema = parse_yaml(yamul=payload['p2'], typ='p2')\n response = validation(payload=payload)\n return jsonify(response)\n except HandledException as error:\n return jsonify(error.json())\n" }, { "path": "td4a/models/__init__.py", "content": "" }, { "path": "td4a/models/exception_handler.py", "content": "import re\nimport sys\nimport traceback\n\nclass HandledException(Exception):\n def __init__(self, value):\n self.value = value\n Exception.__init__(self)\n\n def __str__(self):\n return repr(self.value)\n\n def json(self):\n return self.value['json']\n\nclass ExceptionHandler(object):\n \"\"\" Handle the expected errors.\"\"\"\n def __init__(self, function):\n self.function = function\n self.error = self.typ = self.tback = self.exc_type = self.exc_value = self.exc_traceback = None\n self.error_map = {\n \"requests.exceptions\": self.requests_error,\n \"ruamel.yaml.parser.ParserError\": self.parser_error,\n \"ruamel.yaml.constructor.ConstructorError\": self.constructor_error,\n \"ruamel.yaml.constructor.DuplicateKeyError\": self.duplicate_key_error,\n \"ruamel.yaml.scanner.ScannerError\": self.scanner_error,\n \"jinja2.exceptions\": self.jinja_error,\n \"TypeError\": self.type_error\n }\n\n def __call__(self, *args, **kwargs):\n try:\n return self.function(*args, **kwargs)\n except Exception as error:\n self.error = error\n self.exc_type, self.exc_value, self.exc_traceback = sys.exc_info()\n self.tback = traceback.extract_tb(self.exc_traceback)\n\n error_module = getattr(error, '__module__', None)\n if error_module:\n full_error = \"%s.%s\" % (error.__module__, self.exc_type.__name__)\n else:\n full_error = self.exc_type.__name__\n handler = self.error_map.get(full_error,\n self.error_map.get(error_module,\n self.unhandled))\n self.typ = kwargs.get('typ')\n message = handler()\n raise HandledException({\"json\": message})\n\n def error_response(self, message, line_number):\n error_payload = {\"handled_error\": {\n \"in\": self.typ,\n \"title\": \"Message: Issue found loading %s.\" % self.typ,\n \"line_number\": line_number,\n \"details\": \"Details: %s\" % message,\n \"raw_error\": \"%s\\n%s\" % (self.exc_type, self.exc_value)\n }\n }\n return error_payload\n\n def constructor_error(self):\n line_number = self.error.problem_mark.line+1\n message = next(x for x in str(self.error).splitlines()\n if x.startswith('found'))\n return self.error_response(message=message,\n line_number=line_number)\n\n def duplicate_key_error(self):\n line_number = self.error.problem_mark.line+1\n message = next(x for x in str(self.error).splitlines()\n if x.startswith('found')).split('with')[0]\n return self.error_response(message=message,\n line_number=line_number)\n\n def jinja_error(self):\n message = str(self.error).replace(\"'ruamel.yaml.comments.CommentedMap object'\", 'Object')\n line_numbers = [x for x in self.tback if re.search('^<.*>$', x[0])]\n if line_numbers:\n line_number = line_numbers[0][1]\n else:\n line_number = 'unknown'\n return self.error_response(message=message,\n line_number=line_number)\n\n def parser_error(self):\n line_number = self.error.problem_mark.line + 1\n messages = [x for x in str(self.error).splitlines() if x.startswith('expected')]\n if messages:\n message = messages[0]\n else:\n message = str(self.error)\n return self.error_response(message=message,\n line_number=line_number)\n\n def scanner_error(self):\n line_number = self.error.problem_mark.line + 1\n message = str(self.error).splitlines()[0]\n return self.error_response(message=message,\n line_number=line_number)\n\n def requests_error(self):\n message = \"DB connection problems, see the browser developer tools for the full error.\"\n return self.error_response(message=message,\n line_number=None)\n\n def type_error(self):\n message = str(self.error)\n line_numbers = [x for x in self.tback if re.search('^<.*>$', x[0])]\n if line_numbers:\n line_number = line_numbers[0][1]\n else:\n line_number = 'unknown'\n return self.error_response(message=message,\n line_number=line_number)\n\n def unhandled(self):\n print(self.exc_type, self.exc_value, self.exc_traceback, self.tback, self.error)\n line_numbers = [x for x in self.tback if re.search('^<.*>$', x[0])]\n if line_numbers:\n line_number = line_numbers[0][1]\n else:\n line_number = None\n message = \"Please see the console for details. %s\" % str(self.error)\n return self.error_response(message=message,\n line_number=line_number)\n" }, { "path": "td4a/models/filters.py", "content": "\"\"\" filter loader helper\n\"\"\"\nimport os\nimport sys\nimport importlib\nimport ansible.plugins.filter as apf\n\ndef load_dir(directory):\n \"\"\" Load jinja filters in ansible format\n \"\"\"\n filter_list = []\n sys.path.append(directory)\n for entry in os.listdir(directory):\n if entry != '__init__.py' and entry.split('.')[-1] == 'py':\n filters = importlib.import_module(entry[:-3]).FilterModule().filters()\n for key, value in filters.items():\n filter_list.append((key, value))\n return filter_list\n\ndef filters_load(custom_filters):\n \"\"\" load the filters\n \"\"\"\n filters = []\n filters.extend(load_dir(os.path.dirname(apf.__file__)))\n if custom_filters:\n filters.extend(load_dir(custom_filters))\n return filters\n" }, { "path": "td4a/models/inventory.py", "content": "from ansible.parsing.dataloader import DataLoader\nfrom ansible.vars.manager import VariableManager\nfrom ansible.inventory.manager import InventoryManager\nfrom ansible.module_utils._text import to_bytes\nfrom ansible.parsing.vault import VaultSecret\n\nclass TextVaultSecret(VaultSecret):\n '''A secret piece of text. ie, a password. Tracks text encoding.\n The text encoding of the text may not be the default text encoding so\n we keep track of the encoding so we encode it to the same bytes.'''\n\n def __init__(self, text, encoding=None, errors=None, _bytes=None):\n super(TextVaultSecret, self).__init__()\n self.text = text\n self.encoding = encoding or 'utf-8'\n self._bytes = _bytes\n self.errors = errors or 'strict'\n\n @property\n def bytes(self):\n '''The text encoded with encoding, unless we specifically set _bytes.'''\n return self._bytes or to_bytes(self.text, encoding=self.encoding, errors=self.errors)\n\ndef inventory_load(inventory_sources, vault_secret):\n \"\"\" Load the inventory\n \"\"\"\n loader = DataLoader()\n vault_secrets = [('default', TextVaultSecret(vault_secret))]\n loader.set_vault_secrets(vault_secrets)\n inventory = InventoryManager(loader=loader, sources=inventory_sources)\n result = {}\n for hostname in inventory.hosts:\n host = inventory.get_host(hostname)\n variable_manager = VariableManager(loader=loader, inventory=inventory)\n magic_vars = ['ansible_playbook_python', 'groups', 'group_names', 'inventory_dir',\n 'inventory_file', 'inventory_hostname', 'inventory_hostname_short',\n 'omit', 'playbook_dir']\n all_vars = variable_manager.get_vars(host=host, include_hostvars=True)\n cleaned = ({k: v for (k, v) in all_vars.items() if k not in magic_vars})\n result[hostname] = cleaned\n return result\n" }, { "path": "td4a/models/sort_commented_map.py", "content": "from ruamel.yaml.comments import CommentedMap\n\ndef sort_commented_map(commented_map):\n \"\"\" Sort a ruamel commented map\n\n Args:\n commented_map (CommentedMap): The cm to order\n\n Returns:\n CommentedMap: The sorted commented map\n\n \"\"\"\n cmap = CommentedMap()\n for key, value in sorted(commented_map.iteritems()):\n if isinstance(value, CommentedMap):\n cmap[key] = sort_commented_map(value)\n elif isinstance(value, list):\n for i in enumerate(value):\n if isinstance(value[i[0]], CommentedMap):\n value[i[0]] = sort_commented_map(value[i[0]])\n cmap[key] = value\n else:\n cmap[key] = value\n return cmap\n" }, { "path": "td4a/models/td4ayaml.py", "content": "from ruamel.yaml import YAML\nfrom ruamel.yaml.compat import StringIO\n\nclass Td4aYaml(YAML):\n \"\"\" Build a string dumper for ruamel\n \"\"\"\n def dump(self, data, stream=None, **kw):\n \"\"\" dump as string\n \"\"\"\n inefficient = False\n if stream is None:\n inefficient = True\n stream = StringIO()\n YAML.dump(self, data, stream, **kw)\n if inefficient:\n return stream.getvalue()\n" }, { "path": "td4a/static/css/angular-material.css", "content": "/*!\n * AngularJS Material Design\n * https://github.com/angular/material\n * @license MIT\n * v1.1.5\n */\nhtml, body {\n height: 100%;\n position: relative; }\n\nbody {\n margin: 0;\n padding: 0; }\n\n[tabindex='-1']:focus {\n outline: none; }\n\n.inset {\n padding: 10px; }\n\na.md-no-style,\nbutton.md-no-style {\n font-weight: normal;\n background-color: inherit;\n text-align: left;\n border: none;\n padding: 0;\n margin: 0; }\n\nselect,\nbutton,\ntextarea,\ninput {\n vertical-align: baseline; }\n\ninput[type=\"reset\"],\ninput[type=\"submit\"],\nhtml input[type=\"button\"],\nbutton {\n cursor: pointer;\n -webkit-appearance: button; }\n input[type=\"reset\"][disabled],\n input[type=\"submit\"][disabled],\n html input[type=\"button\"][disabled],\n button[disabled] {\n cursor: default; }\n\ntextarea {\n vertical-align: top;\n overflow: auto; }\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield;\n box-sizing: content-box;\n -webkit-box-sizing: content-box; }\n input[type=\"search\"]::-webkit-search-decoration, input[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none; }\n\ninput:-webkit-autofill {\n text-shadow: none; }\n\n.md-visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n text-transform: none;\n width: 1px; }\n\n.md-shadow {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: inherit;\n pointer-events: none; }\n\n.md-shadow-bottom-z-1 {\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }\n\n.md-shadow-bottom-z-2 {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }\n\n.md-shadow-animated.md-shadow {\n -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }\n\n/*\n * A container inside of a rippling element (eg a button),\n * which contains all of the individual ripples\n */\n.md-ripple-container {\n pointer-events: none;\n position: absolute;\n overflow: hidden;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n -webkit-transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }\n\n.md-ripple {\n position: absolute;\n -webkit-transform: translate(-50%, -50%) scale(0);\n transform: translate(-50%, -50%) scale(0);\n -webkit-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n opacity: 0;\n border-radius: 50%; }\n .md-ripple.md-ripple-placed {\n -webkit-transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }\n .md-ripple.md-ripple-scaled {\n -webkit-transform: translate(-50%, -50%) scale(1);\n transform: translate(-50%, -50%) scale(1); }\n .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {\n opacity: 0.20; }\n .md-ripple.md-ripple-remove {\n -webkit-animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);\n animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }\n\n@-webkit-keyframes md-remove-ripple {\n 0% {\n opacity: .15; }\n 100% {\n opacity: 0; } }\n\n@keyframes md-remove-ripple {\n 0% {\n opacity: .15; }\n 100% {\n opacity: 0; } }\n\n.md-padding {\n padding: 8px; }\n\n.md-margin {\n margin: 8px; }\n\n.md-scroll-mask {\n position: absolute;\n background-color: transparent;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 50; }\n .md-scroll-mask > .md-scroll-mask-bar {\n display: block;\n position: absolute;\n background-color: #fafafa;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 65;\n box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }\n\n.md-no-momentum {\n -webkit-overflow-scrolling: auto; }\n\n.md-no-flicker {\n -webkit-filter: blur(0px); }\n\n@media (min-width: 960px) {\n .md-padding {\n padding: 16px; } }\n\nhtml[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {\n unicode-bidi: embed; }\n\nbdo[dir=rtl] {\n direction: rtl;\n unicode-bidi: bidi-override; }\n\nbdo[dir=ltr] {\n direction: ltr;\n unicode-bidi: bidi-override; }\n\nhtml, body {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n min-height: 100%;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n/************\n * Headings\n ************/\n.md-display-4 {\n font-size: 112px;\n font-weight: 300;\n letter-spacing: -0.010em;\n line-height: 112px; }\n\n.md-display-3 {\n font-size: 56px;\n font-weight: 400;\n letter-spacing: -0.005em;\n line-height: 56px; }\n\n.md-display-2 {\n font-size: 45px;\n font-weight: 400;\n line-height: 64px; }\n\n.md-display-1 {\n font-size: 34px;\n font-weight: 400;\n line-height: 40px; }\n\n.md-headline {\n font-size: 24px;\n font-weight: 400;\n line-height: 32px; }\n\n.md-title {\n font-size: 20px;\n font-weight: 500;\n letter-spacing: 0.005em; }\n\n.md-subhead {\n font-size: 16px;\n font-weight: 400;\n letter-spacing: 0.010em;\n line-height: 24px; }\n\n/************\n * Body Copy\n ************/\n.md-body-1 {\n font-size: 14px;\n font-weight: 400;\n letter-spacing: 0.010em;\n line-height: 20px; }\n\n.md-body-2 {\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.010em;\n line-height: 24px; }\n\n.md-caption {\n font-size: 12px;\n letter-spacing: 0.020em; }\n\n.md-button {\n letter-spacing: 0.010em; }\n\n/************\n * Defaults\n ************/\nbutton,\nselect,\nhtml,\ntextarea,\ninput {\n font-family: Roboto, \"Helvetica Neue\", sans-serif; }\n\nselect,\nbutton,\ntextarea,\ninput {\n font-size: 100%; }\n\n/*\n*\n* Responsive attributes\n*\n* References:\n* 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex\n* 2) https://css-tricks.com/almanac/properties/f/flex/\n* 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n* 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items\n* 5) http://godban.com.ua/projects/flexgrid\n*\n*\n*/\n.md-panel-outer-wrapper {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%; }\n\n._md-panel-hidden {\n display: none; }\n\n._md-panel-offscreen {\n left: -9999px; }\n\n._md-panel-fullscreen {\n border-radius: 0;\n left: 0;\n min-height: 100%;\n min-width: 100%;\n position: fixed;\n top: 0; }\n\n._md-panel-shown .md-panel {\n opacity: 1;\n -webkit-transition: none;\n transition: none; }\n\n.md-panel {\n opacity: 0;\n position: fixed; }\n .md-panel._md-panel-shown {\n opacity: 1;\n -webkit-transition: none;\n transition: none; }\n .md-panel._md-panel-animate-enter {\n opacity: 1;\n -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);\n transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }\n .md-panel._md-panel-animate-leave {\n opacity: 1;\n -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);\n transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }\n .md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {\n opacity: 0; }\n .md-panel._md-panel-backdrop {\n height: 100%;\n position: absolute;\n width: 100%; }\n .md-panel._md-opaque-enter {\n opacity: .48;\n -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }\n .md-panel._md-opaque-leave {\n -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);\n transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }\n\nmd-autocomplete {\n border-radius: 2px;\n display: block;\n height: 40px;\n position: relative;\n overflow: visible;\n min-width: 190px; }\n md-autocomplete[disabled] input {\n cursor: default; }\n md-autocomplete[md-floating-label] {\n border-radius: 0;\n background: transparent;\n height: auto; }\n md-autocomplete[md-floating-label] md-input-container {\n padding-bottom: 0; }\n md-autocomplete[md-floating-label] md-autocomplete-wrap {\n height: auto; }\n md-autocomplete[md-floating-label] .md-show-clear-button button {\n display: block;\n position: absolute;\n right: 0;\n top: 20px;\n width: 30px;\n height: 30px; }\n md-autocomplete[md-floating-label] .md-show-clear-button input {\n padding-right: 30px; }\n [dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {\n padding-right: 0;\n padding-left: 30px; }\n md-autocomplete md-autocomplete-wrap {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n box-sizing: border-box;\n position: relative;\n overflow: visible;\n height: 40px; }\n md-autocomplete md-autocomplete-wrap.md-menu-showing {\n z-index: 51; }\n md-autocomplete md-autocomplete-wrap md-input-container, md-autocomplete md-autocomplete-wrap input {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 0%;\n flex: 1 1 0%;\n box-sizing: border-box;\n min-width: 0; }\n md-autocomplete md-autocomplete-wrap md-progress-linear {\n position: absolute;\n bottom: -2px;\n left: 0; }\n md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {\n bottom: 40px;\n right: 2px;\n left: 2px;\n width: auto; }\n md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n -webkit-transition: none;\n transition: none; }\n md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {\n -webkit-transition: none;\n transition: none;\n height: 3px; }\n md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear; }\n md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {\n opacity: 1; }\n md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear; }\n md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {\n opacity: 0; }\n md-autocomplete input:not(.md-input) {\n font-size: 14px;\n box-sizing: border-box;\n border: none;\n box-shadow: none;\n outline: none;\n background: transparent;\n width: 100%;\n padding: 0 15px;\n line-height: 40px;\n height: 40px; }\n md-autocomplete input:not(.md-input)::-ms-clear {\n display: none; }\n md-autocomplete .md-show-clear-button button {\n position: relative;\n line-height: 20px;\n text-align: center;\n width: 30px;\n height: 30px;\n cursor: pointer;\n border: none;\n border-radius: 50%;\n padding: 0;\n font-size: 12px;\n background: transparent;\n margin: auto 5px; }\n md-autocomplete .md-show-clear-button button:after {\n content: '';\n position: absolute;\n top: -6px;\n right: -6px;\n bottom: -6px;\n left: -6px;\n border-radius: 50%;\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0;\n -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }\n md-autocomplete .md-show-clear-button button:focus {\n outline: none; }\n md-autocomplete .md-show-clear-button button:focus:after {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1; }\n md-autocomplete .md-show-clear-button button md-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);\n transform: translate3d(-50%, -50%, 0) scale(0.9); }\n md-autocomplete .md-show-clear-button button md-icon path {\n stroke-width: 0; }\n md-autocomplete .md-show-clear-button button.ng-enter {\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transition: -webkit-transform 0.15s ease-out;\n transition: -webkit-transform 0.15s ease-out;\n transition: transform 0.15s ease-out;\n transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; }\n md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active {\n -webkit-transform: scale(1);\n transform: scale(1); }\n md-autocomplete .md-show-clear-button button.ng-leave {\n -webkit-transition: -webkit-transform 0.15s ease-out;\n transition: -webkit-transform 0.15s ease-out;\n transition: transform 0.15s ease-out;\n transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; }\n md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active {\n -webkit-transform: scale(0);\n transform: scale(0); }\n @media screen and (-ms-high-contrast: active) {\n md-autocomplete input {\n border: 1px solid #fff; }\n md-autocomplete li:focus {\n color: #fff; } }\n\n.md-virtual-repeat-container.md-autocomplete-suggestions-container {\n position: absolute;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);\n z-index: 100;\n height: 100%; }\n\n.md-virtual-repeat-container.md-not-found {\n height: 48px; }\n\n.md-autocomplete-suggestions {\n margin: 0;\n list-style: none;\n padding: 0; }\n .md-autocomplete-suggestions li {\n font-size: 14px;\n overflow: hidden;\n padding: 0 15px;\n line-height: 48px;\n height: 48px;\n -webkit-transition: background 0.15s linear;\n transition: background 0.15s linear;\n margin: 0;\n white-space: nowrap;\n text-overflow: ellipsis; }\n .md-autocomplete-suggestions li:focus {\n outline: none; }\n .md-autocomplete-suggestions li:not(.md-not-found-wrapper) {\n cursor: pointer; }\n\n@media screen and (-ms-high-contrast: active) {\n md-autocomplete,\n .md-autocomplete-suggestions {\n border: 1px solid #fff; } }\n\nmd-backdrop {\n -webkit-transition: opacity 450ms;\n transition: opacity 450ms;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 50; }\n md-backdrop.md-menu-backdrop {\n position: fixed !important;\n z-index: 99; }\n md-backdrop.md-select-backdrop {\n z-index: 81;\n -webkit-transition-duration: 0;\n transition-duration: 0; }\n md-backdrop.md-dialog-backdrop {\n z-index: 79; }\n md-backdrop.md-bottom-sheet-backdrop {\n z-index: 69; }\n md-backdrop.md-sidenav-backdrop {\n z-index: 59; }\n md-backdrop.md-click-catcher {\n position: absolute; }\n md-backdrop.md-opaque {\n opacity: .48; }\n md-backdrop.md-opaque.ng-enter {\n opacity: 0; }\n md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {\n opacity: .48; }\n md-backdrop.md-opaque.ng-leave {\n opacity: .48;\n -webkit-transition: opacity 400ms;\n transition: opacity 400ms; }\n md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {\n opacity: 0; }\n\nmd-bottom-sheet {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px 16px 88px 16px;\n z-index: 70;\n border-top-width: 1px;\n border-top-style: solid;\n -webkit-transform: translate3d(0, 80px, 0);\n transform: translate3d(0, 80px, 0);\n -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n -webkit-transition-property: -webkit-transform;\n transition-property: -webkit-transform;\n transition-property: transform;\n transition-property: transform, -webkit-transform; }\n md-bottom-sheet.md-has-header {\n padding-top: 0; }\n md-bottom-sheet.ng-enter {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n md-bottom-sheet.ng-enter-active {\n opacity: 1;\n display: block;\n -webkit-transform: translate3d(0, 80px, 0) !important;\n transform: translate3d(0, 80px, 0) !important; }\n md-bottom-sheet.ng-leave-active {\n -webkit-transform: translate3d(0, 100%, 0) !important;\n transform: translate3d(0, 100%, 0) !important;\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }\n md-bottom-sheet .md-subheader {\n background-color: transparent;\n font-family: Roboto, \"Helvetica Neue\", sans-serif;\n line-height: 56px;\n padding: 0;\n white-space: nowrap; }\n md-bottom-sheet md-inline-icon {\n display: inline-block;\n height: 24px;\n width: 24px;\n fill: #444; }\n md-bottom-sheet md-list-item {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n outline: none; }\n md-bottom-sheet md-list-item:hover {\n cursor: pointer; }\n md-bottom-sheet.md-list md-list-item {\n padding: 0;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n height: 48px; }\n md-bottom-sheet.md-grid {\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 0; }\n md-bottom-sheet.md-grid md-list {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center; }\n md-bottom-sheet.md-grid md-list-item {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n height: 96px;\n margin-top: 8px;\n margin-bottom: 8px;\n /* Mixin for how many grid items to show per row */ }\n @media (max-width: 960px) {\n md-bottom-sheet.md-grid md-list-item {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 33.33333%;\n flex: 1 1 33.33333%;\n max-width: 33.33333%; }\n md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n align-items: flex-start; }\n md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {\n -webkit-box-align: end;\n -webkit-align-items: flex-end;\n align-items: flex-end; } }\n @media (min-width: 960px) and (max-width: 1279px) {\n md-bottom-sheet.md-grid md-list-item {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 25%;\n flex: 1 1 25%;\n max-width: 25%; } }\n @media (min-width: 1280px) and (max-width: 1919px) {\n md-bottom-sheet.md-grid md-list-item {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 16.66667%;\n flex: 1 1 16.66667%;\n max-width: 16.66667%; } }\n @media (min-width: 1920px) {\n md-bottom-sheet.md-grid md-list-item {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 14.28571%;\n flex: 1 1 14.28571%;\n max-width: 14.28571%; } }\n md-bottom-sheet.md-grid md-list-item::before {\n display: none; }\n md-bottom-sheet.md-grid md-list-item .md-list-item-content {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n width: 48px;\n padding-bottom: 16px; }\n md-bottom-sheet.md-grid md-list-item .md-grid-item-content {\n border: 1px solid transparent;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n width: 80px; }\n md-bottom-sheet.md-grid md-list-item .md-grid-text {\n font-weight: 400;\n line-height: 16px;\n font-size: 13px;\n margin: 0;\n white-space: nowrap;\n width: 64px;\n text-align: center;\n text-transform: none;\n padding-top: 8px; }\n\n@media screen and (-ms-high-contrast: active) {\n md-bottom-sheet {\n border: 1px solid #fff; } }\n\nbutton.md-button::-moz-focus-inner {\n border: 0; }\n\n.md-button {\n display: inline-block;\n position: relative;\n cursor: pointer;\n /** Alignment adjustments */\n min-height: 36px;\n min-width: 88px;\n line-height: 36px;\n vertical-align: middle;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n text-align: center;\n border-radius: 2px;\n box-sizing: border-box;\n /* Reset default button appearance */\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: none;\n border: 0;\n /** Custom styling for button */\n padding: 0 6px;\n margin: 6px 8px;\n background: transparent;\n color: currentColor;\n white-space: nowrap;\n /* Uppercase text content */\n text-transform: uppercase;\n font-weight: 500;\n font-size: 14px;\n font-style: inherit;\n font-variant: inherit;\n font-family: inherit;\n text-decoration: none;\n overflow: hidden;\n -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }\n .md-dense > .md-button:not(.md-dense-disabled),\n .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {\n min-height: 32px; }\n .md-dense > .md-button:not(.md-dense-disabled),\n .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {\n line-height: 32px; }\n .md-dense > .md-button:not(.md-dense-disabled),\n .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {\n font-size: 13px; }\n .md-button:focus {\n outline: none; }\n .md-button:hover, .md-button:focus {\n text-decoration: none; }\n .md-button.ng-hide, .md-button.ng-leave {\n -webkit-transition: none;\n transition: none; }\n .md-button.md-cornered {\n border-radius: 0; }\n .md-button.md-icon {\n padding: 0;\n background: none; }\n .md-button.md-raised:not([disabled]) {\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }\n .md-button.md-icon-button {\n margin: 0 6px;\n height: 40px;\n min-width: 0;\n line-height: 24px;\n padding: 8px;\n width: 40px;\n border-radius: 50%; }\n .md-button.md-icon-button .md-ripple-container {\n border-radius: 50%;\n background-clip: padding-box;\n overflow: hidden;\n -webkit-mask-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC\"); }\n .md-button.md-fab {\n z-index: 20;\n line-height: 56px;\n min-width: 0;\n width: 56px;\n height: 56px;\n vertical-align: middle;\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n border-radius: 50%;\n background-clip: padding-box;\n overflow: hidden;\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transition-property: background-color, box-shadow, -webkit-transform;\n transition-property: background-color, box-shadow, -webkit-transform;\n transition-property: background-color, box-shadow, transform;\n transition-property: background-color, box-shadow, transform, -webkit-transform; }\n .md-button.md-fab.md-fab-bottom-right {\n top: auto;\n right: 20px;\n bottom: 20px;\n left: auto;\n position: absolute; }\n .md-button.md-fab.md-fab-bottom-left {\n top: auto;\n right: auto;\n bottom: 20px;\n left: 20px;\n position: absolute; }\n .md-button.md-fab.md-fab-top-right {\n top: 20px;\n right: 20px;\n bottom: auto;\n left: auto;\n position: absolute; }\n .md-button.md-fab.md-fab-top-left {\n top: 20px;\n right: auto;\n bottom: auto;\n left: 20px;\n position: absolute; }\n .md-button.md-fab .md-ripple-container {\n border-radius: 50%;\n background-clip: padding-box;\n overflow: hidden;\n -webkit-mask-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC\"); }\n .md-button.md-fab.md-mini {\n line-height: 40px;\n width: 40px;\n height: 40px; }\n .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {\n -webkit-transition: none;\n transition: none; }\n .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }\n .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }\n .md-button .md-ripple-container {\n border-radius: 2px;\n background-clip: padding-box;\n overflow: hidden;\n -webkit-mask-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC\"); }\n\n.md-button.md-icon-button md-icon,\nbutton.md-button.md-fab md-icon {\n display: block; }\n\n.md-toast-open-top .md-button.md-fab-top-left,\n.md-toast-open-top .md-button.md-fab-top-right {\n -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n -webkit-transform: translate3d(0, 42px, 0);\n transform: translate3d(0, 42px, 0); }\n .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,\n .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,\n .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {\n -webkit-transform: translate3d(0, 41px, 0);\n transform: translate3d(0, 41px, 0); }\n\n.md-toast-open-bottom .md-button.md-fab-bottom-left,\n.md-toast-open-bottom .md-button.md-fab-bottom-right {\n -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n -webkit-transform: translate3d(0, -42px, 0);\n transform: translate3d(0, -42px, 0); }\n .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,\n .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,\n .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {\n -webkit-transform: translate3d(0, -43px, 0);\n transform: translate3d(0, -43px, 0); }\n\n.md-button-group {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n width: 100%; }\n .md-button-group > .md-button {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n display: block;\n overflow: hidden;\n width: 0;\n border-width: 1px 0px 1px 1px;\n border-radius: 0;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .md-button-group > .md-button:first-child {\n border-radius: 2px 0px 0px 2px; }\n .md-button-group > .md-button:last-child {\n border-right-width: 1px;\n border-radius: 0px 2px 2px 0px; }\n\n@media screen and (-ms-high-contrast: active) {\n .md-button.md-raised,\n .md-button.md-fab {\n border: 1px solid #fff; } }\n\nmd-card {\n box-sizing: border-box;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n margin: 8px;\n box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }\n md-card md-card-header {\n padding: 16px;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row; }\n md-card md-card-header:first-child md-card-avatar {\n margin-right: 12px; }\n [dir=rtl] md-card md-card-header:first-child md-card-avatar {\n margin-right: auto;\n margin-left: 12px; }\n md-card md-card-header:last-child md-card-avatar {\n margin-left: 12px; }\n [dir=rtl] md-card md-card-header:last-child md-card-avatar {\n margin-left: auto;\n margin-right: 12px; }\n md-card md-card-header md-card-avatar {\n width: 40px;\n height: 40px; }\n md-card md-card-header md-card-avatar .md-user-avatar,\n md-card md-card-header md-card-avatar md-icon {\n border-radius: 50%; }\n md-card md-card-header md-card-avatar md-icon {\n padding: 8px; }\n md-card md-card-header md-card-avatar md-icon > svg {\n height: inherit;\n width: inherit; }\n md-card md-card-header md-card-avatar + md-card-header-text {\n max-height: 40px; }\n md-card md-card-header md-card-avatar + md-card-header-text .md-title {\n font-size: 14px; }\n md-card md-card-header md-card-header-text {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column; }\n md-card md-card-header md-card-header-text .md-subhead {\n font-size: 14px; }\n md-card > img,\n md-card > md-card-header img,\n md-card md-card-title-media img {\n box-sizing: border-box;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n flex: 0 0 auto;\n width: 100%;\n height: auto; }\n md-card md-card-title {\n padding: 24px 16px 16px;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 auto;\n flex: 1 1 auto;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row; }\n md-card md-card-title + md-card-content {\n padding-top: 0; }\n md-card md-card-title md-card-title-text {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex; }\n md-card md-card-title md-card-title-text .md-subhead {\n padding-top: 0;\n font-size: 14px; }\n md-card md-card-title md-card-title-text:only-child .md-subhead {\n padding-top: 12px; }\n md-card md-card-title md-card-title-media {\n margin-top: -8px; }\n md-card md-card-title md-card-title-media .md-media-sm {\n height: 80px;\n width: 80px; }\n md-card md-card-title md-card-title-media .md-media-md {\n height: 112px;\n width: 112px; }\n md-card md-card-title md-card-title-media .md-media-lg {\n height: 152px;\n width: 152px; }\n md-card md-card-content {\n display: block;\n padding: 16px; }\n md-card md-card-content > p:first-child {\n margin-top: 0; }\n md-card md-card-content > p:last-child {\n margin-bottom: 0; }\n md-card md-card-content .md-media-xl {\n height: 240px;\n width: 240px; }\n md-card .md-actions, md-card md-card-actions {\n margin: 8px; }\n md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {\n margin: 2px 0; }\n md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {\n margin-top: 0; }\n md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {\n margin-bottom: 0; }\n md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {\n margin-top: 6px;\n margin-bottom: 6px; }\n md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-pack: start;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row; }\n md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {\n margin: 0 4px; }\n md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {\n margin-left: 0; }\n [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {\n margin-left: auto;\n margin-right: 0; }\n md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {\n margin-right: 0; }\n [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {\n margin-right: auto;\n margin-left: 0; }\n md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {\n margin-left: 6px;\n margin-right: 6px; }\n md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {\n margin-left: 12px; }\n [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {\n margin-left: auto;\n margin-right: 12px; }\n md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {\n margin-right: 12px; }\n [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {\n margin-right: auto;\n margin-left: 12px; }\n md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n -webkit-box-pack: end;\n -webkit-justify-content: flex-end;\n justify-content: flex-end;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row; }\n md-card md-card-footer {\n margin-top: auto;\n padding: 16px; }\n\n@media screen and (-ms-high-contrast: active) {\n md-card {\n border: 1px solid #fff; } }\n\n.md-image-no-fill > img {\n width: auto;\n height: auto; }\n\n.md-contact-chips .md-chips md-chip {\n padding: 0 25px 0 0; }\n [dir=rtl] .md-contact-chips .md-chips md-chip {\n padding: 0 0 0 25px; }\n .md-contact-chips .md-chips md-chip .md-contact-avatar {\n float: left; }\n [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {\n float: right; }\n .md-contact-chips .md-chips md-chip .md-contact-avatar img {\n height: 32px;\n border-radius: 16px; }\n .md-contact-chips .md-chips md-chip .md-contact-name {\n display: inline-block;\n height: 32px;\n margin-left: 8px; }\n [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {\n margin-left: auto;\n margin-right: 8px; }\n\n.md-contact-suggestion {\n height: 56px; }\n .md-contact-suggestion img {\n height: 40px;\n border-radius: 20px;\n margin-top: 8px; }\n .md-contact-suggestion .md-contact-name {\n margin-left: 8px;\n width: 120px; }\n [dir=rtl] .md-contact-suggestion .md-contact-name {\n margin-left: auto;\n margin-right: 8px; }\n .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n.md-contact-chips-suggestions li {\n height: 100%; }\n\n.md-chips {\n display: block;\n font-family: Roboto, \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n padding: 0 0 8px 3px;\n vertical-align: middle; }\n .md-chips:after {\n content: '';\n display: table;\n clear: both; }\n [dir=rtl] .md-chips {\n padding: 0 3px 8px 0; }\n .md-chips.md-readonly .md-chip-input-container {\n min-height: 32px; }\n .md-chips:not(.md-readonly) {\n cursor: text; }\n .md-chips.md-removable md-chip {\n padding-right: 22px; }\n [dir=rtl] .md-chips.md-removable md-chip {\n padding-right: 0;\n padding-left: 22px; }\n .md-chips.md-removable md-chip .md-chip-content {\n padding-right: 4px; }\n [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {\n padding-right: 0;\n padding-left: 4px; }\n .md-chips md-chip {\n cursor: default;\n border-radius: 16px;\n display: block;\n height: 32px;\n line-height: 32px;\n margin: 8px 8px 0 0;\n padding: 0 12px 0 12px;\n float: left;\n box-sizing: border-box;\n max-width: 100%;\n position: relative; }\n [dir=rtl] .md-chips md-chip {\n margin: 8px 0 0 8px; }\n [dir=rtl] .md-chips md-chip {\n float: right; }\n .md-chips md-chip .md-chip-content {\n display: block;\n float: left;\n white-space: nowrap;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis; }\n [dir=rtl] .md-chips md-chip .md-chip-content {\n float: right; }\n .md-chips md-chip .md-chip-content:focus {\n outline: none; }\n .md-chips md-chip._md-chip-content-edit-is-enabled {\n -webkit-user-select: none;\n /* webkit (safari, chrome) browsers */\n -moz-user-select: none;\n /* mozilla browsers */\n -khtml-user-select: none;\n /* webkit (konqueror) browsers */\n -ms-user-select: none;\n /* IE10+ */ }\n .md-chips md-chip .md-chip-remove-container {\n position: absolute;\n right: 0;\n line-height: 22px; }\n [dir=rtl] .md-chips md-chip .md-chip-remove-container {\n right: auto;\n left: 0; }\n .md-chips md-chip .md-chip-remove {\n text-align: center;\n width: 32px;\n height: 32px;\n min-width: 0;\n padding: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n margin: 0;\n position: relative; }\n .md-chips md-chip .md-chip-remove md-icon {\n height: 18px;\n width: 18px;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate3d(-50%, -50%, 0);\n transform: translate3d(-50%, -50%, 0); }\n .md-chips .md-chip-input-container {\n display: block;\n line-height: 32px;\n margin: 8px 8px 0 0;\n padding: 0;\n float: left; }\n [dir=rtl] .md-chips .md-chip-input-container {\n margin: 8px 0 0 8px; }\n [dir=rtl] .md-chips .md-chip-input-container {\n float: right; }\n .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type=\"email\"], .md-chips .md-chip-input-container input[type=\"number\"], .md-chips .md-chip-input-container input[type=\"tel\"], .md-chips .md-chip-input-container input[type=\"url\"], .md-chips .md-chip-input-container input[type=\"text\"] {\n border: 0;\n height: 32px;\n line-height: 32px;\n padding: 0; }\n .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type=\"email\"]:focus, .md-chips .md-chip-input-container input[type=\"number\"]:focus, .md-chips .md-chip-input-container input[type=\"tel\"]:focus, .md-chips .md-chip-input-container input[type=\"url\"]:focus, .md-chips .md-chip-input-container input[type=\"text\"]:focus {\n outline: none; }\n .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {\n background: transparent;\n height: 32px; }\n .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {\n box-shadow: none; }\n .md-chips .md-chip-input-container md-autocomplete input {\n position: relative; }\n .md-chips .md-chip-input-container input {\n border: 0;\n height: 32px;\n line-height: 32px;\n padding: 0; }\n .md-chips .md-chip-input-container input:focus {\n outline: none; }\n .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {\n height: 32px; }\n .md-chips .md-chip-input-container md-autocomplete {\n box-shadow: none; }\n .md-chips .md-chip-input-container md-autocomplete input {\n position: relative; }\n .md-chips .md-chip-input-container:not(:first-child) {\n margin: 8px 8px 0 0; }\n [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {\n margin: 8px 0 0 8px; }\n .md-chips .md-chip-input-container input {\n background: transparent;\n border-width: 0; }\n .md-chips md-autocomplete button {\n display: none; }\n\n@media screen and (-ms-high-contrast: active) {\n .md-chip-input-container,\n md-chip {\n border: 1px solid #fff; }\n .md-chip-input-container md-autocomplete {\n border: none; } }\n\n.md-inline-form md-checkbox {\n margin: 19px 0 18px; }\n\nmd-checkbox {\n box-sizing: border-box;\n display: inline-block;\n margin-bottom: 16px;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: relative;\n min-width: 20px;\n min-height: 20px;\n margin-left: 0;\n margin-right: 16px; }\n [dir=rtl] md-checkbox {\n margin-left: 16px; }\n [dir=rtl] md-checkbox {\n margin-right: 0; }\n md-checkbox:last-of-type {\n margin-left: 0;\n margin-right: 0; }\n md-checkbox.md-focused:not([disabled]) .md-container:before {\n left: -8px;\n top: -8px;\n right: -8px;\n bottom: -8px; }\n md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {\n background-color: rgba(0, 0, 0, 0.12); }\n md-checkbox.md-align-top-left > div.md-container {\n top: 12px; }\n md-checkbox .md-container {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n box-sizing: border-box;\n display: inline-block;\n width: 20px;\n height: 20px;\n left: 0;\n right: auto; }\n [dir=rtl] md-checkbox .md-container {\n left: auto; }\n [dir=rtl] md-checkbox .md-container {\n right: 0; }\n md-checkbox .md-container:before {\n box-sizing: border-box;\n background-color: transparent;\n border-radius: 50%;\n content: '';\n position: absolute;\n display: block;\n height: auto;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n width: auto; }\n md-checkbox .md-container:after {\n box-sizing: border-box;\n content: '';\n position: absolute;\n top: -10px;\n right: -10px;\n bottom: -10px;\n left: -10px; }\n md-checkbox .md-container .md-ripple-container {\n position: absolute;\n display: block;\n width: auto;\n height: auto;\n left: -15px;\n top: -15px;\n right: -15px;\n bottom: -15px; }\n md-checkbox .md-icon {\n box-sizing: border-box;\n -webkit-transition: 240ms;\n transition: 240ms;\n position: absolute;\n top: 0;\n left: 0;\n width: 20px;\n height: 20px;\n border-width: 2px;\n border-style: solid;\n border-radius: 2px; }\n md-checkbox.md-checked .md-icon {\n border-color: transparent; }\n md-checkbox.md-checked .md-icon:after {\n box-sizing: border-box;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n position: absolute;\n left: 4.66667px;\n top: 0.22222px;\n display: table;\n width: 6.66667px;\n height: 13.33333px;\n border-width: 2px;\n border-style: solid;\n border-top: 0;\n border-left: 0;\n content: ''; }\n md-checkbox[disabled] {\n cursor: default; }\n md-checkbox.md-indeterminate .md-icon:after {\n box-sizing: border-box;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n display: table;\n width: 12px;\n height: 2px;\n border-width: 2px;\n border-style: solid;\n border-top: 0;\n border-left: 0;\n content: ''; }\n md-checkbox .md-label {\n box-sizing: border-box;\n position: relative;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n margin-left: 30px;\n margin-right: 0; }\n [dir=rtl] md-checkbox .md-label {\n margin-left: 0; }\n [dir=rtl] md-checkbox .md-label {\n margin-right: 30px; }\n\nmd-content {\n display: block;\n position: relative;\n overflow: auto;\n -webkit-overflow-scrolling: touch; }\n md-content[md-scroll-y] {\n overflow-y: auto;\n overflow-x: hidden; }\n md-content[md-scroll-x] {\n overflow-x: auto;\n overflow-y: hidden; }\n @media print {\n md-content {\n overflow: visible !important; } }\n\n/** Styles for mdCalendar. */\nmd-calendar {\n font-size: 13px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.md-calendar-scroll-mask {\n display: inline-block;\n overflow: hidden;\n height: 308px; }\n .md-calendar-scroll-mask .md-virtual-repeat-scroller {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch; }\n .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {\n display: none; }\n .md-calendar-scroll-mask .md-virtual-repeat-offsetter {\n width: 100%; }\n\n.md-calendar-scroll-container {\n box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);\n display: inline-block;\n height: 308px;\n width: 346px; }\n\n.md-calendar-date {\n height: 44px;\n width: 44px;\n text-align: center;\n padding: 0;\n border: none;\n box-sizing: content-box; }\n .md-calendar-date:first-child {\n padding-left: 16px; }\n [dir=rtl] .md-calendar-date:first-child {\n padding-left: 0;\n padding-right: 16px; }\n .md-calendar-date:last-child {\n padding-right: 16px; }\n [dir=rtl] .md-calendar-date:last-child {\n padding-right: 0;\n padding-left: 16px; }\n .md-calendar-date.md-calendar-date-disabled {\n cursor: default; }\n\n.md-calendar-date-selection-indicator {\n -webkit-transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n border-radius: 50%;\n display: inline-block;\n width: 40px;\n height: 40px;\n line-height: 40px; }\n .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {\n cursor: pointer; }\n\n.md-calendar-month-label {\n height: 44px;\n font-size: 14px;\n font-weight: 500;\n padding: 0 0 0 24px; }\n [dir=rtl] .md-calendar-month-label {\n padding: 0 24px 0 0; }\n md-calendar-month .md-calendar-month-label:not(.md-calendar-month-label-disabled) {\n cursor: pointer; }\n .md-calendar-month-label md-icon {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n [dir=rtl] .md-calendar-month-label md-icon {\n -webkit-transform: none;\n transform: none; }\n .md-calendar-month-label span {\n vertical-align: middle; }\n\n.md-calendar-day-header {\n table-layout: fixed;\n border-spacing: 0;\n border-collapse: collapse; }\n .md-calendar-day-header th {\n height: 40px;\n width: 44px;\n text-align: center;\n padding: 0;\n border: none;\n box-sizing: content-box;\n font-weight: normal; }\n .md-calendar-day-header th:first-child {\n padding-left: 16px; }\n [dir=rtl] .md-calendar-day-header th:first-child {\n padding-left: 0;\n padding-right: 16px; }\n .md-calendar-day-header th:last-child {\n padding-right: 16px; }\n [dir=rtl] .md-calendar-day-header th:last-child {\n padding-right: 0;\n padding-left: 16px; }\n\n.md-calendar {\n table-layout: fixed;\n border-spacing: 0;\n border-collapse: collapse; }\n .md-calendar tr:last-child td {\n border-bottom-width: 1px;\n border-bottom-style: solid; }\n .md-calendar:first-child {\n border-top: 1px solid transparent; }\n .md-calendar tbody, .md-calendar td, .md-calendar tr {\n vertical-align: middle;\n box-sizing: content-box; }\n\n/** Styles for mdDatepicker. */\nmd-datepicker {\n white-space: nowrap;\n overflow: hidden;\n vertical-align: middle; }\n\n.md-inline-form md-datepicker {\n margin-top: 12px; }\n\n.md-datepicker-button {\n display: inline-block;\n box-sizing: border-box;\n background: none;\n vertical-align: middle;\n position: relative; }\n .md-datepicker-button:before {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n position: absolute;\n content: '';\n speak: none; }\n\n.md-datepicker-input {\n font-size: 14px;\n box-sizing: border-box;\n border: none;\n box-shadow: none;\n outline: none;\n background: transparent;\n min-width: 120px;\n max-width: 328px;\n padding: 0 0 5px; }\n .md-datepicker-input::-ms-clear {\n display: none; }\n\n._md-datepicker-floating-label > md-datepicker {\n overflow: visible; }\n ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {\n border: none; }\n ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {\n float: left;\n margin-top: -12px;\n top: 9.5px; }\n [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {\n float: right; }\n\n._md-datepicker-floating-label .md-input {\n float: none; }\n\n._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {\n right: 18px;\n left: auto;\n width: calc(100% - 84px); }\n [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {\n right: auto; }\n [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {\n left: 18px; }\n\n._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {\n margin-left: 64px; }\n [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {\n margin-left: auto;\n margin-right: 64px; }\n\n._md-datepicker-has-triangle-icon {\n padding-right: 18px;\n margin-right: -18px; }\n [dir=rtl] ._md-datepicker-has-triangle-icon {\n padding-right: 0;\n padding-left: 18px; }\n [dir=rtl] ._md-datepicker-has-triangle-icon {\n margin-right: auto;\n margin-left: -18px; }\n\n.md-datepicker-input-container {\n position: relative;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n display: inline-block;\n width: auto; }\n .md-icon-button + .md-datepicker-input-container {\n margin-left: 12px; }\n [dir=rtl] .md-icon-button + .md-datepicker-input-container {\n margin-left: auto;\n margin-right: 12px; }\n .md-datepicker-input-container.md-datepicker-focused {\n border-bottom-width: 2px; }\n\n.md-datepicker-is-showing .md-scroll-mask {\n z-index: 99; }\n\n.md-datepicker-calendar-pane {\n position: absolute;\n top: 0;\n left: -100%;\n z-index: 100;\n border-width: 1px;\n border-style: solid;\n background: transparent;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }\n .md-datepicker-calendar-pane.md-pane-open {\n -webkit-transform: scale(1);\n transform: scale(1); }\n\n.md-datepicker-input-mask {\n height: 40px;\n width: 340px;\n position: relative;\n overflow: hidden;\n background: transparent;\n pointer-events: none;\n cursor: text; }\n\n.md-datepicker-calendar {\n opacity: 0;\n -webkit-transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);\n transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }\n .md-pane-open .md-datepicker-calendar {\n opacity: 1; }\n .md-datepicker-calendar md-calendar:focus {\n outline: none; }\n\n.md-datepicker-expand-triangle {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid; }\n\n.md-datepicker-triangle-button {\n position: absolute;\n right: 0;\n bottom: -2.5px;\n -webkit-transform: translateX(45%);\n transform: translateX(45%); }\n [dir=rtl] .md-datepicker-triangle-button {\n right: auto;\n left: 0; }\n [dir=rtl] .md-datepicker-triangle-button {\n -webkit-transform: translateX(-45%);\n transform: translateX(-45%); }\n\n.md-datepicker-triangle-button.md-button.md-icon-button {\n height: 36px;\n width: 36px;\n position: absolute;\n padding: 8px; }\n\nmd-datepicker[disabled] .md-datepicker-input-container {\n border-bottom-color: transparent; }\n\nmd-datepicker[disabled] .md-datepicker-triangle-button {\n display: none; }\n\n.md-datepicker-open {\n overflow: hidden; }\n .md-datepicker-open .md-datepicker-input-container,\n .md-datepicker-open input.md-input {\n border-bottom-color: transparent; }\n .md-datepicker-open .md-datepicker-triangle-button,\n .md-datepicker-open.md-input-has-value > label,\n .md-datepicker-open.md-input-has-placeholder > label {\n display: none; }\n\n.md-datepicker-pos-adjusted .md-datepicker-input-mask {\n display: none; }\n\n.md-datepicker-calendar-pane .md-calendar {\n -webkit-transform: translateY(-85px);\n transform: translateY(-85px);\n -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);\n -webkit-transition-delay: 0.125s;\n transition-delay: 0.125s; }\n\n.md-datepicker-calendar-pane.md-pane-open .md-calendar {\n -webkit-transform: translateY(0);\n transform: translateY(0); }\n\n.md-dialog-is-showing {\n max-height: 100%; }\n\n.md-dialog-container {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 80;\n overflow: hidden; }\n\nmd-dialog {\n opacity: 0;\n min-width: 240px;\n max-width: 80%;\n max-height: 80%;\n position: relative;\n overflow: auto;\n box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column; }\n md-dialog.md-transition-in {\n opacity: 1;\n -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n -webkit-transform: translate(0, 0) scale(1);\n transform: translate(0, 0) scale(1); }\n md-dialog.md-transition-out {\n opacity: 0;\n -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n -webkit-transform: translate(0, 100%) scale(0.2);\n transform: translate(0, 100%) scale(0.2); }\n md-dialog > form {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n overflow: auto; }\n md-dialog .md-dialog-content {\n padding: 24px; }\n md-dialog md-dialog-content {\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n order: 1;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n overflow: auto;\n -webkit-overflow-scrolling: touch; }\n md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {\n margin-top: 0; }\n md-dialog md-dialog-content:focus {\n outline: none; }\n md-dialog md-dialog-content .md-subheader {\n margin: 0; }\n md-dialog md-dialog-content .md-dialog-content-body {\n width: 100%; }\n md-dialog md-dialog-content .md-prompt-input-container {\n width: 100%;\n box-sizing: border-box; }\n md-dialog .md-actions, md-dialog md-dialog-actions {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n order: 2;\n box-sizing: border-box;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: end;\n -webkit-justify-content: flex-end;\n justify-content: flex-end;\n margin-bottom: 0;\n padding-right: 8px;\n padding-left: 16px;\n min-height: 52px;\n overflow: hidden; }\n [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {\n padding-right: 16px; }\n [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {\n padding-left: 8px; }\n md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {\n margin-bottom: 8px;\n margin-left: 8px;\n margin-right: 0;\n margin-top: 8px; }\n [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {\n margin-left: 0; }\n [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {\n margin-right: 8px; }\n md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {\n border-top-width: 1px;\n border-top-style: solid; }\n\n@media screen and (-ms-high-contrast: active) {\n md-dialog {\n border: 1px solid #fff; } }\n\n@media (max-width: 959px) {\n md-dialog.md-dialog-fullscreen {\n min-height: 100%;\n min-width: 100%;\n border-radius: 0; } }\n\nmd-divider {\n display: block;\n border-top-width: 1px;\n border-top-style: solid;\n margin: 0; }\n md-divider[md-inset] {\n margin-left: 80px; }\n [dir=rtl] md-divider[md-inset] {\n margin-left: auto;\n margin-right: 80px; }\n\n.layout-row > md-divider,\n.layout-xs-row > md-divider, .layout-gt-xs-row > md-divider,\n.layout-sm-row > md-divider, .layout-gt-sm-row > md-divider,\n.layout-md-row > md-divider, .layout-gt-md-row > md-divider,\n.layout-lg-row > md-divider, .layout-gt-lg-row > md-divider,\n.layout-xl-row > md-divider {\n border-top-width: 0;\n border-right-width: 1px;\n border-right-style: solid; }\n\nmd-fab-speed-dial {\n position: relative;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n z-index: 20;\n /*\n * Hide some graphics glitches if switching animation types\n */\n /*\n * Handle the animations\n */ }\n md-fab-speed-dial.md-fab-bottom-right {\n top: auto;\n right: 20px;\n bottom: 20px;\n left: auto;\n position: absolute; }\n md-fab-speed-dial.md-fab-bottom-left {\n top: auto;\n right: auto;\n bottom: 20px;\n left: 20px;\n position: absolute; }\n md-fab-speed-dial.md-fab-top-right {\n top: 20px;\n right: 20px;\n bottom: auto;\n left: auto;\n position: absolute; }\n md-fab-speed-dial.md-fab-top-left {\n top: 20px;\n right: auto;\n bottom: auto;\n left: 20px;\n position: absolute; }\n md-fab-speed-dial:not(.md-hover-full) {\n pointer-events: none; }\n md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {\n pointer-events: auto; }\n md-fab-speed-dial:not(.md-hover-full).md-is-open {\n pointer-events: auto; }\n md-fab-speed-dial ._md-css-variables {\n z-index: 20; }\n md-fab-speed-dial.md-is-open .md-fab-action-item {\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center; }\n md-fab-speed-dial md-fab-actions {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n height: auto; }\n md-fab-speed-dial md-fab-actions .md-fab-action-item {\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }\n md-fab-speed-dial.md-down {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column; }\n md-fab-speed-dial.md-down md-fab-trigger {\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n order: 1; }\n md-fab-speed-dial.md-down md-fab-actions {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n order: 2; }\n md-fab-speed-dial.md-up {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column; }\n md-fab-speed-dial.md-up md-fab-trigger {\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n order: 2; }\n md-fab-speed-dial.md-up md-fab-actions {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -webkit-flex-direction: column-reverse;\n flex-direction: column-reverse;\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n order: 1; }\n md-fab-speed-dial.md-left {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row; }\n md-fab-speed-dial.md-left md-fab-trigger {\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n order: 2; }\n md-fab-speed-dial.md-left md-fab-actions {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -webkit-flex-direction: row-reverse;\n flex-direction: row-reverse;\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n order: 1; }\n md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }\n md-fab-speed-dial.md-right {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row; }\n md-fab-speed-dial.md-right md-fab-trigger {\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n order: 1; }\n md-fab-speed-dial.md-right md-fab-actions {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n order: 2; }\n md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }\n md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {\n visibility: hidden; }\n md-fab-speed-dial.md-fling .md-fab-action-item {\n opacity: 1; }\n md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {\n opacity: 0;\n -webkit-transition-duration: 0s;\n transition-duration: 0s; }\n md-fab-speed-dial.md-scale .md-fab-action-item {\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transition-duration: 0.14286s;\n transition-duration: 0.14286s; }\n\nmd-fab-toolbar {\n display: block;\n /*\n * Closed styling\n */\n /*\n * Hover styling\n */ }\n md-fab-toolbar.md-fab-bottom-right {\n top: auto;\n right: 20px;\n bottom: 20px;\n left: auto;\n position: absolute; }\n md-fab-toolbar.md-fab-bottom-left {\n top: auto;\n right: auto;\n bottom: 20px;\n left: 20px;\n position: absolute; }\n md-fab-toolbar.md-fab-top-right {\n top: 20px;\n right: 20px;\n bottom: auto;\n left: auto;\n position: absolute; }\n md-fab-toolbar.md-fab-top-left {\n top: 20px;\n right: auto;\n bottom: auto;\n left: 20px;\n position: absolute; }\n md-fab-toolbar .md-fab-toolbar-wrapper {\n display: block;\n position: relative;\n overflow: hidden;\n height: 68px; }\n md-fab-toolbar md-fab-trigger {\n position: absolute;\n z-index: 20; }\n md-fab-toolbar md-fab-trigger button {\n overflow: visible !important; }\n md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {\n display: block;\n position: absolute;\n z-index: 21;\n opacity: 1;\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }\n md-fab-toolbar md-fab-trigger md-icon {\n position: relative;\n z-index: 22;\n opacity: 1;\n -webkit-transition: all 200ms ease-in;\n transition: all 200ms ease-in; }\n md-fab-toolbar.md-left md-fab-trigger {\n right: 0; }\n [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {\n right: auto;\n left: 0; }\n md-fab-toolbar.md-left .md-toolbar-tools {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -webkit-flex-direction: row-reverse;\n flex-direction: row-reverse; }\n md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {\n margin-right: 0.6rem; }\n [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {\n margin-right: auto;\n margin-left: 0.6rem; }\n md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {\n margin-left: -0.8rem; }\n [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {\n margin-left: auto;\n margin-right: -0.8rem; }\n md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {\n margin-right: 8px; }\n [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {\n margin-right: auto;\n margin-left: 8px; }\n md-fab-toolbar.md-right md-fab-trigger {\n left: 0; }\n [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {\n left: auto;\n right: 0; }\n md-fab-toolbar.md-right .md-toolbar-tools {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row; }\n md-fab-toolbar md-toolbar {\n background-color: transparent !important;\n pointer-events: none;\n z-index: 23; }\n md-fab-toolbar md-toolbar .md-toolbar-tools {\n padding: 0 20px;\n margin-top: 3px; }\n md-fab-toolbar md-toolbar .md-fab-action-item {\n opacity: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transition-duration: 0.15s;\n transition-duration: 0.15s; }\n md-fab-toolbar.md-is-open md-fab-trigger > button {\n box-shadow: none; }\n md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {\n opacity: 0; }\n md-fab-toolbar.md-is-open .md-fab-action-item {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); }\n\nmd-icon {\n margin: auto;\n background-repeat: no-repeat no-repeat;\n display: inline-block;\n vertical-align: middle;\n fill: currentColor;\n height: 24px;\n width: 24px;\n min-height: 24px;\n min-width: 24px; }\n md-icon svg {\n pointer-events: none;\n display: block; }\n md-icon[md-font-icon] {\n line-height: 24px;\n width: auto; }\n\nmd-grid-list {\n box-sizing: border-box;\n display: block;\n position: relative; }\n md-grid-list md-grid-tile,\n md-grid-list md-grid-tile > figure,\n md-grid-list md-grid-tile-header,\n md-grid-list md-grid-tile-footer {\n box-sizing: border-box; }\n md-grid-list md-grid-tile {\n display: block;\n position: absolute; }\n md-grid-list md-grid-tile figure {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n height: 100%;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 0;\n margin: 0; }\n md-grid-list md-grid-tile md-grid-tile-header,\n md-grid-list md-grid-tile md-grid-tile-footer {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n height: 48px;\n color: #fff;\n background: rgba(0, 0, 0, 0.18);\n overflow: hidden;\n position: absolute;\n left: 0;\n right: 0; }\n md-grid-list md-grid-tile md-grid-tile-header h3,\n md-grid-list md-grid-tile md-grid-tile-header h4,\n md-grid-list md-grid-tile md-grid-tile-footer h3,\n md-grid-list md-grid-tile md-grid-tile-footer h4 {\n font-weight: 400;\n margin: 0 0 0 16px; }\n md-grid-list md-grid-tile md-grid-tile-header h3,\n md-grid-list md-grid-tile md-grid-tile-footer h3 {\n font-size: 14px; }\n md-grid-list md-grid-tile md-grid-tile-header h4,\n md-grid-list md-grid-tile md-grid-tile-footer h4 {\n font-size: 12px; }\n md-grid-list md-grid-tile md-grid-tile-header {\n top: 0; }\n md-grid-list md-grid-tile md-grid-tile-footer {\n bottom: 0; }\n\n@media screen and (-ms-high-contrast: active) {\n md-grid-tile {\n border: 1px solid #fff; }\n md-grid-tile-footer {\n border-top: 1px solid #fff; } }\n\nmd-input-container {\n display: inline-block;\n position: relative;\n padding: 2px;\n margin: 18px 0;\n vertical-align: middle;\n /*\n * The .md-input class is added to the input/textarea\n */ }\n md-input-container:after {\n content: '';\n display: table;\n clear: both; }\n md-input-container.md-block {\n display: block; }\n md-input-container .md-errors-spacer {\n float: right;\n min-height: 24px;\n min-width: 1px; }\n [dir=rtl] md-input-container .md-errors-spacer {\n float: left; }\n md-input-container > md-icon {\n position: absolute;\n top: 8px;\n left: 2px;\n right: auto; }\n [dir=rtl] md-input-container > md-icon {\n left: auto; }\n [dir=rtl] md-input-container > md-icon {\n right: 2px; }\n md-input-container textarea,\n md-input-container input[type=\"text\"],\n md-input-container input[type=\"password\"],\n md-input-container input[type=\"datetime\"],\n md-input-container input[type=\"datetime-local\"],\n md-input-container input[type=\"date\"],\n md-input-container input[type=\"month\"],\n md-input-container input[type=\"time\"],\n md-input-container input[type=\"week\"],\n md-input-container input[type=\"number\"],\n md-input-container input[type=\"email\"],\n md-input-container input[type=\"url\"],\n md-input-container input[type=\"search\"],\n md-input-container input[type=\"tel\"],\n md-input-container input[type=\"color\"] {\n /* remove default appearance from all input/textarea */\n -moz-appearance: none;\n -webkit-appearance: none; }\n md-input-container input[type=\"date\"],\n md-input-container input[type=\"datetime-local\"],\n md-input-container input[type=\"month\"],\n md-input-container input[type=\"time\"],\n md-input-container input[type=\"week\"] {\n min-height: 26px; }\n md-input-container textarea {\n resize: none;\n overflow: hidden; }\n md-input-container textarea.md-input {\n min-height: 26px;\n -ms-flex-preferred-size: auto; }\n md-input-container textarea[md-no-autogrow] {\n height: auto;\n overflow: auto; }\n md-input-container label:not(.md-container-ignore) {\n position: absolute;\n bottom: 100%;\n left: 0;\n right: auto; }\n [dir=rtl] md-input-container label:not(.md-container-ignore) {\n left: auto; }\n [dir=rtl] md-input-container label:not(.md-container-ignore) {\n right: 0; }\n md-input-container label:not(.md-container-ignore).md-required:after {\n content: ' *';\n font-size: 13px;\n vertical-align: top; }\n md-input-container label:not(.md-no-float):not(.md-container-ignore),\n md-input-container .md-placeholder {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n order: 1;\n pointer-events: none;\n -webkit-font-smoothing: antialiased;\n padding-left: 3px;\n padding-right: 0;\n z-index: 1;\n -webkit-transform: translate3d(0, 28px, 0) scale(1);\n transform: translate3d(0, 28px, 0) scale(1);\n -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n max-width: 100%;\n -webkit-transform-origin: left top;\n transform-origin: left top; }\n [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]\n md-input-container .md-placeholder {\n padding-left: 0; }\n [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]\n md-input-container .md-placeholder {\n padding-right: 3px; }\n [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]\n md-input-container .md-placeholder {\n -webkit-transform-origin: right top;\n transform-origin: right top; }\n md-input-container .md-placeholder {\n position: absolute;\n top: 0;\n opacity: 0;\n -webkit-transition-property: opacity, -webkit-transform;\n transition-property: opacity, -webkit-transform;\n transition-property: opacity, transform;\n transition-property: opacity, transform, -webkit-transform;\n -webkit-transform: translate3d(0, 30px, 0);\n transform: translate3d(0, 30px, 0); }\n md-input-container.md-input-focused .md-placeholder {\n opacity: 1;\n -webkit-transform: translate3d(0, 24px, 0);\n transform: translate3d(0, 24px, 0); }\n md-input-container.md-input-has-value .md-placeholder {\n -webkit-transition: none;\n transition: none;\n opacity: 0; }\n md-input-container:not(.md-input-has-value) input:not(:focus),\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,\n md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {\n color: transparent; }\n md-input-container .md-input {\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n order: 2;\n display: block;\n margin-top: 0;\n background: none;\n padding-top: 2px;\n padding-bottom: 1px;\n padding-left: 2px;\n padding-right: 2px;\n border-width: 0 0 1px 0;\n line-height: 26px;\n height: 30px;\n -ms-flex-preferred-size: 26px;\n border-radius: 0;\n border-style: solid;\n width: 100%;\n box-sizing: border-box;\n float: left; }\n [dir=rtl] md-input-container .md-input {\n float: right; }\n md-input-container .md-input:focus {\n outline: none; }\n md-input-container .md-input:invalid {\n outline: none;\n box-shadow: none; }\n md-input-container .md-input.md-no-flex {\n -webkit-box-flex: 0 !important;\n -webkit-flex: none !important;\n flex: none !important; }\n md-input-container .md-char-counter {\n text-align: right;\n padding-right: 2px;\n padding-left: 0; }\n [dir=rtl] md-input-container .md-char-counter {\n text-align: left; }\n [dir=rtl] md-input-container .md-char-counter {\n padding-right: 0; }\n [dir=rtl] md-input-container .md-char-counter {\n padding-left: 2px; }\n md-input-container .md-input-messages-animation {\n position: relative;\n -webkit-box-ordinal-group: 5;\n -webkit-order: 4;\n order: 4;\n overflow: hidden;\n clear: left; }\n [dir=rtl] md-input-container .md-input-messages-animation {\n clear: right; }\n md-input-container .md-input-message-animation, md-input-container .md-char-counter {\n font-size: 12px;\n line-height: 14px;\n overflow: hidden;\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n opacity: 1;\n margin-top: 0;\n padding-top: 5px; }\n md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {\n padding-right: 5px;\n padding-left: 0; }\n [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {\n padding-right: 0; }\n [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {\n padding-left: 5px; }\n md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {\n opacity: 0;\n margin-top: -100px; }\n md-input-container .md-input-message-animation.ng-enter-prepare {\n opacity: 0;\n margin-top: -100px; }\n md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active) {\n opacity: 0;\n margin-top: -100px; }\n md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {\n -webkit-transform: translate3d(0, 6px, 0) scale(0.75);\n transform: translate3d(0, 6px, 0) scale(0.75);\n -webkit-transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;\n transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;\n transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;\n transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s; }\n md-input-container.md-input-has-value label {\n -webkit-transition: none;\n transition: none; }\n md-input-container.md-input-focused .md-input,\n md-input-container .md-input.ng-invalid.ng-dirty,\n md-input-container.md-input-resized .md-input {\n padding-bottom: 0;\n border-width: 0 0 2px 0; }\n md-input-container .md-input[disabled],\n [disabled] md-input-container .md-input {\n background-position: bottom -1px left 0;\n background-size: 4px 1px;\n background-repeat: repeat-x; }\n md-input-container.md-icon-float {\n -webkit-transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }\n md-input-container.md-icon-float > label {\n pointer-events: none;\n position: absolute; }\n md-input-container.md-icon-float > md-icon {\n top: 8px;\n left: 2px;\n right: auto; }\n [dir=rtl] md-input-container.md-icon-float > md-icon {\n left: auto; }\n [dir=rtl] md-input-container.md-icon-float > md-icon {\n right: 2px; }\n md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),\n md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),\n md-input-container.md-icon-right > label .md-placeholder {\n width: calc(100% - 36px - 18px); }\n md-input-container.md-icon-left {\n padding-left: 36px;\n padding-right: 0; }\n [dir=rtl] md-input-container.md-icon-left {\n padding-left: 0; }\n [dir=rtl] md-input-container.md-icon-left {\n padding-right: 36px; }\n md-input-container.md-icon-left > label {\n left: 36px;\n right: auto; }\n [dir=rtl] md-input-container.md-icon-left > label {\n left: auto; }\n [dir=rtl] md-input-container.md-icon-left > label {\n right: 36px; }\n md-input-container.md-icon-right {\n padding-left: 0;\n padding-right: 36px; }\n [dir=rtl] md-input-container.md-icon-right {\n padding-left: 36px; }\n [dir=rtl] md-input-container.md-icon-right {\n padding-right: 0; }\n md-input-container.md-icon-right > md-icon:last-of-type {\n margin: 0;\n right: 2px;\n left: auto; }\n [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {\n right: auto; }\n [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {\n left: 2px; }\n md-input-container.md-icon-left.md-icon-right {\n padding-left: 36px;\n padding-right: 36px; }\n md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),\n md-input-container.md-icon-left.md-icon-right > label .md-placeholder {\n width: calc(100% - (36px * 2)); }\n\n.md-resize-wrapper {\n position: relative; }\n .md-resize-wrapper:after {\n content: '';\n display: table;\n clear: both; }\n\n.md-resize-handle {\n position: absolute;\n bottom: -5px;\n left: 0;\n height: 10px;\n background: transparent;\n width: 100%;\n cursor: ns-resize; }\n\n@media screen and (-ms-high-contrast: active) {\n md-input-container.md-default-theme > md-icon {\n fill: #fff; } }\n\nmd-list {\n display: block;\n padding: 8px 0px 8px 0px; }\n md-list .md-subheader {\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.010em;\n line-height: 1.2em; }\n md-list.md-dense md-list-item,\n md-list.md-dense md-list-item .md-list-item-inner {\n min-height: 48px; }\n md-list.md-dense md-list-item::before,\n md-list.md-dense md-list-item .md-list-item-inner::before {\n content: '';\n min-height: 48px;\n visibility: hidden;\n display: inline-block; }\n md-list.md-dense md-list-item md-icon:first-child,\n md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child {\n width: 20px;\n height: 20px; }\n md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon),\n md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {\n margin-right: 36px; }\n [dir=rtl] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]\n md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {\n margin-right: auto;\n margin-left: 36px; }\n md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-avatar-icon,\n md-list.md-dense md-list-item .md-list-item-inner .md-avatar,\n md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {\n margin-right: 20px; }\n [dir=rtl] md-list.md-dense md-list-item .md-avatar, [dir=rtl] md-list.md-dense md-list-item .md-avatar-icon, [dir=rtl]\n md-list.md-dense md-list-item .md-list-item-inner .md-avatar, [dir=rtl]\n md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {\n margin-right: auto;\n margin-left: 20px; }\n md-list.md-dense md-list-item .md-avatar,\n md-list.md-dense md-list-item .md-list-item-inner .md-avatar {\n -webkit-box-flex: 0;\n -webkit-flex: none;\n flex: none;\n width: 36px;\n height: 36px; }\n md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {\n margin-left: 56px; }\n [dir=rtl] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {\n margin-left: auto;\n margin-right: 56px; }\n md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,\n md-list.md-dense md-list-item.md-2-line .md-list-item-text h4,\n md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3,\n md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4,\n md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,\n md-list.md-dense md-list-item.md-3-line .md-list-item-text h4,\n md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3,\n md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4,\n md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {\n line-height: 1.05;\n font-size: 12px; }\n md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {\n font-size: 13px; }\n md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style {\n min-height: 60px; }\n md-list.md-dense md-list-item.md-2-line::before, md-list.md-dense md-list-item.md-2-line > .md-no-style::before {\n content: '';\n min-height: 60px;\n visibility: hidden;\n display: inline-block; }\n md-list.md-dense md-list-item.md-2-line > .md-avatar, md-list.md-dense md-list-item.md-2-line .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-avatar-icon {\n margin-top: 12px; }\n md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line > .md-no-style {\n min-height: 76px; }\n md-list.md-dense md-list-item.md-3-line::before, md-list.md-dense md-list-item.md-3-line > .md-no-style::before {\n content: '';\n min-height: 76px;\n visibility: hidden;\n display: inline-block; }\n md-list.md-dense md-list-item.md-3-line > md-icon:first-child,\n md-list.md-dense md-list-item.md-3-line > .md-avatar, md-list.md-dense md-list-item.md-3-line > .md-no-style > md-icon:first-child,\n md-list.md-dense md-list-item.md-3-line > .md-no-style > .md-avatar {\n margin-top: 16px; }\n\nmd-list-item {\n position: relative; }\n md-list-item.md-proxy-focus.md-focused .md-no-style {\n -webkit-transition: background-color 0.15s linear;\n transition: background-color 0.15s linear; }\n md-list-item._md-button-wrap {\n position: relative; }\n md-list-item._md-button-wrap > div.md-button:first-child {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: start;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n padding: 0 16px;\n margin: 0;\n font-weight: 400;\n text-align: left;\n border: medium none; }\n [dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {\n text-align: right; }\n md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n margin: 0;\n padding: 0; }\n md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {\n width: 100%;\n min-height: inherit; }\n md-list-item.md-no-proxy,\n md-list-item .md-no-style {\n position: relative;\n padding: 0px 16px;\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 auto;\n flex: 1 1 auto; }\n md-list-item.md-no-proxy.md-button,\n md-list-item .md-no-style.md-button {\n font-size: inherit;\n height: inherit;\n text-align: left;\n text-transform: none;\n width: 100%;\n white-space: normal;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: inherit;\n flex-direction: inherit;\n -webkit-box-align: inherit;\n -webkit-align-items: inherit;\n align-items: inherit;\n border-radius: 0;\n margin: 0; }\n [dir=rtl] md-list-item.md-no-proxy.md-button, [dir=rtl]\n md-list-item .md-no-style.md-button {\n text-align: right; }\n md-list-item.md-no-proxy.md-button > .md-ripple-container,\n md-list-item .md-no-style.md-button > .md-ripple-container {\n border-radius: 0; }\n md-list-item.md-no-proxy:focus,\n md-list-item .md-no-style:focus {\n outline: none; }\n md-list-item.md-clickable:hover {\n cursor: pointer; }\n md-list-item md-divider {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%; }\n [dir=rtl] md-list-item md-divider {\n left: auto;\n right: 0; }\n md-list-item md-divider[md-inset] {\n left: 72px;\n width: calc(100% - 72px);\n margin: 0 !important; }\n [dir=rtl] md-list-item md-divider[md-inset] {\n left: auto;\n right: 72px; }\n md-list-item,\n md-list-item .md-list-item-inner {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-pack: start;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n min-height: 48px;\n height: auto; }\n md-list-item::before,\n md-list-item .md-list-item-inner::before {\n content: '';\n min-height: 48px;\n visibility: hidden;\n display: inline-block; }\n md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),\n md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),\n md-list-item > md-icon:first-child:not(.md-avatar-icon),\n md-list-item > md-icon.md-secondary:not(.md-avatar-icon),\n md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),\n md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),\n md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),\n md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {\n width: 24px;\n margin-top: 16px;\n margin-bottom: 12px;\n box-sizing: content-box; }\n md-list-item > div.md-primary > md-checkbox,\n md-list-item > div.md-secondary > md-checkbox,\n md-list-item > md-checkbox,\n md-list-item md-checkbox.md-secondary,\n md-list-item .md-list-item-inner > div.md-primary > md-checkbox,\n md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,\n md-list-item .md-list-item-inner > md-checkbox,\n md-list-item .md-list-item-inner md-checkbox.md-secondary {\n -webkit-align-self: center;\n -ms-grid-row-align: center;\n align-self: center; }\n md-list-item > div.md-primary > md-checkbox .md-label,\n md-list-item > div.md-secondary > md-checkbox .md-label,\n md-list-item > md-checkbox .md-label,\n md-list-item md-checkbox.md-secondary .md-label,\n md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,\n md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,\n md-list-item .md-list-item-inner > md-checkbox .md-label,\n md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {\n display: none; }\n md-list-item > md-icon:first-child:not(.md-avatar-icon),\n md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {\n margin-right: 32px; }\n [dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]\n md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {\n margin-right: auto;\n margin-left: 32px; }\n md-list-item .md-avatar, md-list-item .md-avatar-icon,\n md-list-item .md-list-item-inner .md-avatar,\n md-list-item .md-list-item-inner .md-avatar-icon {\n margin-top: 8px;\n margin-bottom: 8px;\n margin-right: 16px;\n border-radius: 50%;\n box-sizing: content-box; }\n [dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon, [dir=rtl]\n md-list-item .md-list-item-inner .md-avatar, [dir=rtl]\n md-list-item .md-list-item-inner .md-avatar-icon {\n margin-right: auto;\n margin-left: 16px; }\n md-list-item .md-avatar,\n md-list-item .md-list-item-inner .md-avatar {\n -webkit-box-flex: 0;\n -webkit-flex: none;\n flex: none;\n width: 40px;\n height: 40px; }\n md-list-item .md-avatar-icon,\n md-list-item .md-list-item-inner .md-avatar-icon {\n padding: 8px; }\n md-list-item .md-avatar-icon svg,\n md-list-item .md-list-item-inner .md-avatar-icon svg {\n width: 24px;\n height: 24px; }\n md-list-item > md-checkbox,\n md-list-item .md-list-item-inner > md-checkbox {\n width: 24px;\n margin-left: 3px;\n margin-right: 29px;\n margin-top: 16px; }\n [dir=rtl] md-list-item > md-checkbox, [dir=rtl]\n md-list-item .md-list-item-inner > md-checkbox {\n margin-left: 29px; }\n [dir=rtl] md-list-item > md-checkbox, [dir=rtl]\n md-list-item .md-list-item-inner > md-checkbox {\n margin-right: 3px; }\n md-list-item .md-secondary-container,\n md-list-item .md-list-item-inner .md-secondary-container {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-flex-shrink: 0;\n flex-shrink: 0;\n margin: auto;\n margin-right: 0;\n margin-left: auto; }\n [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]\n md-list-item .md-list-item-inner .md-secondary-container {\n margin-right: auto; }\n [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]\n md-list-item .md-list-item-inner .md-secondary-container {\n margin-left: 0; }\n md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type,\n md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,\n md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {\n margin-right: 0; }\n [dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir=rtl]\n md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir=rtl]\n md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {\n margin-right: auto;\n margin-left: 0; }\n md-list-item .md-secondary-container md-checkbox,\n md-list-item .md-list-item-inner .md-secondary-container md-checkbox {\n margin-top: 0;\n margin-bottom: 0; }\n md-list-item .md-secondary-container md-checkbox:last-child,\n md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {\n width: 24px;\n margin-right: 0; }\n [dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child, [dir=rtl]\n md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {\n margin-right: auto;\n margin-left: 0; }\n md-list-item .md-secondary-container md-switch,\n md-list-item .md-list-item-inner .md-secondary-container md-switch {\n margin-top: 0;\n margin-bottom: 0;\n margin-right: -6px; }\n [dir=rtl] md-list-item .md-secondary-container md-switch, [dir=rtl]\n md-list-item .md-list-item-inner .md-secondary-container md-switch {\n margin-right: auto;\n margin-left: -6px; }\n md-list-item > p, md-list-item > .md-list-item-inner > p,\n md-list-item .md-list-item-inner > p,\n md-list-item .md-list-item-inner > .md-list-item-inner > p {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 auto;\n flex: 1 1 auto;\n margin: 0; }\n md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n align-items: flex-start;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center; }\n md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {\n margin-top: 8px;\n margin-bottom: 8px; }\n md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 auto;\n flex: 1 1 auto;\n margin: auto;\n text-overflow: ellipsis;\n overflow: hidden; }\n md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {\n margin-left: 56px; }\n [dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {\n margin-left: auto;\n margin-right: 56px; }\n md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {\n font-size: 16px;\n font-weight: 400;\n letter-spacing: 0.010em;\n margin: 0 0 0px 0;\n line-height: 1.2em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis; }\n md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {\n font-size: 14px;\n letter-spacing: 0.010em;\n margin: 3px 0 1px 0;\n font-weight: 400;\n line-height: 1.2em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis; }\n md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.010em;\n margin: 0 0 0 0;\n line-height: 1.6em; }\n md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {\n height: auto;\n min-height: 72px; }\n md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {\n content: '';\n min-height: 72px;\n visibility: hidden;\n display: inline-block; }\n md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {\n margin-top: 12px; }\n md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {\n -webkit-align-self: flex-start;\n align-self: flex-start; }\n md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 auto;\n flex: 1 1 auto; }\n md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {\n height: auto;\n min-height: 88px; }\n md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {\n content: '';\n min-height: 88px;\n visibility: hidden;\n display: inline-block; }\n md-list-item.md-3-line > md-icon:first-child,\n md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child,\n md-list-item.md-3-line > .md-no-style > .md-avatar {\n margin-top: 16px; }\n\n.md-open-menu-container {\n position: fixed;\n left: 0;\n top: 0;\n z-index: 100;\n opacity: 0;\n border-radius: 2px;\n max-height: calc(100vh - 10px);\n overflow: auto; }\n .md-open-menu-container md-menu-divider {\n margin-top: 4px;\n margin-bottom: 4px;\n height: 1px;\n min-height: 1px;\n max-height: 1px;\n width: 100%; }\n .md-open-menu-container md-menu-content > * {\n opacity: 0; }\n .md-open-menu-container:not(.md-clickable) {\n pointer-events: none; }\n .md-open-menu-container.md-active {\n opacity: 1;\n -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms; }\n .md-open-menu-container.md-active > md-menu-content > * {\n opacity: 1;\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-delay: 100ms;\n transition-delay: 100ms; }\n .md-open-menu-container.md-leave {\n opacity: 0;\n -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transition-duration: 250ms;\n transition-duration: 250ms; }\n\nmd-menu-content {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n padding: 8px 0;\n max-height: 304px;\n overflow-y: auto; }\n md-menu-content.md-dense {\n max-height: 208px; }\n md-menu-content.md-dense md-menu-item {\n height: 32px;\n min-height: 0px; }\n\nmd-menu-item {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n min-height: 48px;\n height: 48px;\n -webkit-align-content: center;\n align-content: center;\n -webkit-box-pack: start;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n /*\n * We cannot use flex on