From 849f8f0acbe896cac7e531fee6895442382318cc Mon Sep 17 00:00:00 2001
From: rsanchez <rsanchez@curisit.net>
Date: Thu, 13 Apr 2017 09:24:37 +0000
Subject: [PATCH] #0 config - Migrated to jspm and Angular 4.0.2
---
securis/src/main/webapp/.gitignore | 2
securis/src/main/webapp/src/app/app.module2.ts | 28
securis/src/main/webapp/src/app/nomenu.component.ts | 1
securis/src/main/webapp/assets/ng2-toastr.min.css | 1
securis/src/main/webapp/src/app/common/i18n.ts | 44
securis/src/main/webapp/src/app/menu.component.ts | 6
securis/src/main/webapp/src/app/listing/pack.list.component.html | 16
securis/src/main/webapp/src/app/common/default.requests.options.ts | 10
securis/src/main/webapp/src/polifills.ts | 9
securis/src/main/webapp/assets/theming/platform.css | 11566 ++++++++++++++++++++++++++++++++++++++++++++++++++
securis/src/main/webapp/index_new.html | 48
securis/src/main/webapp/src/app/listing/licensetype.list.component.html | 8
securis/src/main/webapp/systemjs.config.js | 5
securis/src/main/webapp/src/app/listing/license.list.component.html | 24
securis/src/main/webapp/jspm.config.js | 337 +
securis/src/main/webapp/assets/theming/styles/font/MaterialIcons-Regular.woff2 | 0
securis/src/main/webapp/tsconfig.json | 9
securis/src/main/webapp/src/app/listing/user.list.component.html | 16
securis/src/main/webapp/jspm.browser.js | 7
securis/src/main/webapp/src/app/common/session.ts | 4
securis/src/main/webapp/src/app/home.component.ts | 4
securis/src/main/webapp/jspm.config.OK.js | 337 +
securis/src/main/webapp/package.json | 110
securis/src/main/webapp/src/app/listing/application.list.component.html | 8
securis/src/main/webapp/.vscode/settings.json | 10
securis/src/main/webapp/index.html | 16
securis/src/main/webapp/assets/theming/blue-orange.css | 903 +++
securis/src/main/webapp/src/app/app.module.ts | 39
securis/src/main/webapp/src/app/user.service.ts | 7
securis/src/main/webapp/src/app/listing/organization.list.component.html | 8
30 files changed, 13,465 insertions(+), 118 deletions(-)
diff --git a/securis/src/main/webapp/.gitignore b/securis/src/main/webapp/.gitignore
index 98dccf9..2cadb94 100644
--- a/securis/src/main/webapp/.gitignore
+++ b/securis/src/main/webapp/.gitignore
@@ -1,5 +1,5 @@
node_modules
-jspm_modules
+jspm_packages
old
old_ng2
src/**/*.js
diff --git a/securis/src/main/webapp/.vscode/settings.json b/securis/src/main/webapp/.vscode/settings.json
index 18a36e8..c6778ca 100644
--- a/securis/src/main/webapp/.vscode/settings.json
+++ b/securis/src/main/webapp/.vscode/settings.json
@@ -1,5 +1,11 @@
// Place your settings in this file to overwrite default and user settings.
{
- "typescript.tsdk": "./node_modules/typescript/lib"
-
+ "typescript.tsdk": "./node_modules/typescript/lib",
+ "files.exclude": {
+ "**/.git": true,
+ "**/.DS_Store": true,
+ "**/*.js": {"when": "$(basename).ts"},
+ "**/*.js.map": true
+ }
+
}
\ No newline at end of file
diff --git a/securis/src/main/webapp/assets/ng2-toastr.min.css b/securis/src/main/webapp/assets/ng2-toastr.min.css
new file mode 100644
index 0000000..5ba6405
--- /dev/null
+++ b/securis/src/main/webapp/assets/ng2-toastr.min.css
@@ -0,0 +1 @@
+.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{pointer-events:none;position:fixed;z-index:99999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px;background-repeat:no-repeat;box-shadow:0 0 12px #999;color:#fff;opacity:.8}#toast-container>div.toast-custom{padding:15px;color:#030303}#toast-container>div.toast-custom .toast-close-button{color:#999!important}#toast-container>:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#fff;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
\ No newline at end of file
diff --git a/securis/src/main/webapp/assets/theming/blue-orange.css b/securis/src/main/webapp/assets/theming/blue-orange.css
new file mode 100644
index 0000000..2d684f0
--- /dev/null
+++ b/securis/src/main/webapp/assets/theming/blue-orange.css
@@ -0,0 +1,903 @@
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+.mat-elevation-z0 {
+ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z1 {
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+ box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+ box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+ box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+ box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+ box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+ box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+ box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+ box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+ box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+ 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); }
+
+.mat-elevation-z14 {
+ box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+ box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+ box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+ box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+ box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+ box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+ box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+ box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+ box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+ box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-ripple {
+ overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+ overflow: visible; }
+
+.mat-ripple-element {
+ position: absolute;
+ border-radius: 50%;
+ pointer-events: none;
+ transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+ transform: scale(0); }
+
+.mat-option {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: block;
+ line-height: 48px;
+ height: 48px;
+ padding: 0 16px;
+ font-size: 16px;
+ font-family: Roboto, "Helvetica Neue", sans-serif;
+ text-align: left;
+ text-decoration: none;
+ position: relative;
+ cursor: pointer;
+ outline: none; }
+ .mat-option[disabled] {
+ cursor: default; }
+ [dir='rtl'] .mat-option {
+ text-align: right; }
+ .mat-option .mat-icon {
+ margin-right: 16px; }
+ [dir='rtl'] .mat-option .mat-icon {
+ margin-left: 16px; }
+ .mat-option[aria-disabled='true'] {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: default; }
+
+.mat-option-ripple {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0; }
+ @media screen and (-ms-high-contrast: active) {
+ .mat-option-ripple {
+ opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+ margin-right: 8px; }
+ [dir='rtl'] .mat-option-pseudo-checkbox {
+ margin-left: 8px;
+ margin-right: 0; }
+
+.cdk-visually-hidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ text-transform: none;
+ width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+ pointer-events: none;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%; }
+
+.cdk-overlay-container {
+ position: fixed;
+ z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+ display: flex;
+ position: absolute;
+ z-index: 1000; }
+
+.cdk-overlay-pane {
+ position: absolute;
+ pointer-events: auto;
+ box-sizing: border-box;
+ z-index: 1000; }
+
+.cdk-overlay-backdrop {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ pointer-events: auto;
+ transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+ opacity: 0; }
+ .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+ opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+ background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+ background: none; }
+
+.mat-ripple-element {
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
+ background: rgba(0, 0, 0, 0.04); }
+
+.mat-option.mat-selected {
+ color: #1976d2; }
+ .mat-option.mat-selected:not(.mat-option-multiple) {
+ background: rgba(0, 0, 0, 0.04); }
+
+.mat-option.mat-active {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87); }
+
+.mat-option.mat-option-disabled {
+ color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+ color: rgba(0, 0, 0, 0.54); }
+ .mat-pseudo-checkbox::after {
+ color: #fafafa; }
+
+.mat-pseudo-checkbox-checked.mat-primary, .mat-pseudo-checkbox-indeterminate.mat-primary {
+ background: #2196f3; }
+
+.mat-pseudo-checkbox-checked.mat-accent, .mat-pseudo-checkbox-indeterminate.mat-accent {
+ background: #ff9800; }
+
+.mat-pseudo-checkbox-checked.mat-warn, .mat-pseudo-checkbox-indeterminate.mat-warn {
+ background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+ background: #b0b0b0; }
+
+.mat-app-background {
+ background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+ display: none; }
+
+.mat-autocomplete-panel {
+ background: white;
+ color: rgba(0, 0, 0, 0.87); }
+ .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active) {
+ background: white;
+ color: rgba(0, 0, 0, 0.87); }
+
+.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-raised-button.mat-primary .mat-button-focus-overlay, .mat-fab.mat-primary .mat-button-focus-overlay, .mat-mini-fab.mat-primary .mat-button-focus-overlay {
+ background-color: rgba(25, 118, 210, 0.12); }
+
+.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-raised-button.mat-accent .mat-button-focus-overlay, .mat-fab.mat-accent .mat-button-focus-overlay, .mat-mini-fab.mat-accent .mat-button-focus-overlay {
+ background-color: rgba(239, 108, 0, 0.12); }
+
+.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-raised-button.mat-warn .mat-button-focus-overlay, .mat-fab.mat-warn .mat-button-focus-overlay, .mat-mini-fab.mat-warn .mat-button-focus-overlay {
+ background-color: rgba(229, 57, 53, 0.12); }
+
+.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-raised-button[disabled] .mat-button-focus-overlay, .mat-fab[disabled] .mat-button-focus-overlay, .mat-mini-fab[disabled] .mat-button-focus-overlay {
+ background-color: transparent; }
+
+.mat-button, .mat-icon-button {
+ background: transparent; }
+ .mat-button.mat-primary, .mat-icon-button.mat-primary {
+ color: #1976d2; }
+ .mat-button.mat-accent, .mat-icon-button.mat-accent {
+ color: #ef6c00; }
+ .mat-button.mat-warn, .mat-icon-button.mat-warn {
+ color: #e53935; }
+ .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+ color: rgba(0, 0, 0, 0.38); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+ background-color: rgba(25, 118, 210, 0.26); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+ background-color: rgba(239, 108, 0, 0.26); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+ background-color: rgba(229, 57, 53, 0.26); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: white; }
+ .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+ color: white; }
+ .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+ color: white; }
+ .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+ color: white; }
+ .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+ color: rgba(0, 0, 0, 0.38); }
+ .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+ background-color: #1976d2; }
+ .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+ background-color: #ef6c00; }
+ .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+ background-color: #e53935; }
+ .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+ background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-fab, .mat-mini-fab {
+ background-color: #ef6c00;
+ color: white; }
+
+.mat-button-toggle {
+ color: rgba(0, 0, 0, 0.38); }
+ .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+ background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+ background-color: #e0e0e0;
+ color: black; }
+
+.mat-button-toggle-disabled {
+ background-color: #eeeeee;
+ color: rgba(0, 0, 0, 0.38); }
+ .mat-button-toggle-disabled.mat-button-toggle-checked {
+ background-color: #bdbdbd; }
+
+.mat-card {
+ background: white;
+ color: black; }
+
+.mat-card-subtitle {
+ color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+ border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+ fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+ stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+ background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+ background-color: #2196f3; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+ background-color: #ff9800; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+ background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+ background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+ border-color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+ background-color: rgba(25, 118, 210, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+ background-color: rgba(239, 108, 0, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+ background-color: rgba(229, 57, 53, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+ background-color: #e0e0e0;
+ color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+ background-color: #808080;
+ color: rgba(255, 255, 255, 0.87); }
+ .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
+ background-color: #2196f3;
+ color: white; }
+ .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
+ background-color: #ff9800;
+ color: rgba(0, 0, 0, 0.87); }
+ .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
+ background-color: #f44336;
+ color: white; }
+
+.mat-dialog-container {
+ background: white; }
+
+.mat-icon.mat-primary {
+ color: #1976d2; }
+
+.mat-icon.mat-accent {
+ color: #ef6c00; }
+
+.mat-icon.mat-warn {
+ color: #e53935; }
+
+.mat-input-placeholder {
+ color: rgba(0, 0, 0, 0.38); }
+ .mat-focused .mat-input-placeholder {
+ color: #1976d2; }
+ .mat-focused .mat-input-placeholder.mat-accent {
+ color: #ef6c00; }
+ .mat-focused .mat-input-placeholder.mat-warn {
+ color: #e53935; }
+
+.mat-input-element:disabled {
+ color: rgba(0, 0, 0, 0.38); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+ color: #ef6c00; }
+
+.mat-input-underline {
+ border-color: rgba(0, 0, 0, 0.12); }
+ .mat-input-underline .mat-input-ripple {
+ background-color: #1976d2; }
+ .mat-input-underline .mat-input-ripple.mat-accent {
+ background-color: #ef6c00; }
+ .mat-input-underline .mat-input-ripple.mat-warn {
+ background-color: #e53935; }
+
+.mat-input-invalid .mat-input-placeholder,
+.mat-input-invalid .mat-placeholder-required {
+ color: #e53935; }
+
+.mat-input-invalid .mat-input-underline {
+ border-color: #e53935; }
+
+.mat-input-invalid .mat-input-ripple {
+ background-color: #e53935; }
+
+.mat-input-error {
+ color: #e53935; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+ color: black; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+ color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+ border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item-content:hover, .mat-nav-list .mat-list-item-content.mat-list-item-focus {
+ background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-content {
+ background: white; }
+
+.mat-menu-item {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87); }
+ .mat-menu-item[disabled] {
+ color: rgba(0, 0, 0, 0.38); }
+ .mat-menu-item .mat-icon {
+ color: rgba(0, 0, 0, 0.54);
+ vertical-align: middle; }
+ .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
+ background: rgba(0, 0, 0, 0.04); }
+
+.mat-progress-bar-background {
+ background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23bbdefb%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+ background-color: #bbdefb; }
+
+.mat-progress-bar-fill::after {
+ background-color: #1e88e5; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+ background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffe0b2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+ background-color: #ffe0b2; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+ background-color: #fb8c00; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+ background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+ background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+ background-color: #e53935; }
+
+.mat-progress-spinner path, .mat-spinner path {
+ stroke: #1e88e5; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+ stroke: #fb8c00; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+ stroke: #e53935; }
+
+.mat-radio-outer-circle {
+ border-color: rgba(0, 0, 0, 0.54); }
+ .mat-radio-checked .mat-radio-outer-circle {
+ border-color: #ef6c00; }
+ .mat-radio-disabled .mat-radio-outer-circle {
+ border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-inner-circle {
+ background-color: #ef6c00; }
+ .mat-radio-disabled .mat-radio-inner-circle {
+ background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-ripple .mat-ripple-element {
+ background-color: rgba(239, 108, 0, 0.26); }
+ .mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
+ background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-trigger {
+ color: rgba(0, 0, 0, 0.38); }
+ .mat-select:focus:not(.mat-select-disabled) .mat-select-trigger {
+ color: #1976d2; }
+ .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger {
+ color: #e53935; }
+
+.mat-select-underline {
+ background-color: rgba(0, 0, 0, 0.12); }
+ .mat-select:focus:not(.mat-select-disabled) .mat-select-underline {
+ background-color: #1976d2; }
+ .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+ background-color: #e53935; }
+
+.mat-select-arrow {
+ color: rgba(0, 0, 0, 0.38); }
+ .mat-select:focus:not(.mat-select-disabled) .mat-select-arrow {
+ color: #1976d2; }
+ .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+ color: #e53935; }
+
+.mat-select-content, .mat-select-panel-done-animating {
+ background: white; }
+
+.mat-select-value {
+ color: rgba(0, 0, 0, 0.87); }
+ .mat-select-disabled .mat-select-value {
+ color: rgba(0, 0, 0, 0.38); }
+
+.mat-sidenav-container {
+ background-color: #fafafa;
+ color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87); }
+ .mat-sidenav.mat-sidenav-push {
+ background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+ background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+ background-color: #ff9800; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+ background-color: rgba(255, 152, 0, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+ background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+ background-color: rgba(255, 152, 0, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+ background-color: #2196f3; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+ background-color: rgba(33, 150, 243, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+ background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+ background-color: rgba(33, 150, 243, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+ background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+ background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+ background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+ background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+ background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+ background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+ background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+ background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill, .mat-primary
+.mat-slider-thumb, .mat-primary
+.mat-slider-thumb-label {
+ background-color: #1976d2; }
+
+.mat-accent .mat-slider-track-fill, .mat-accent
+.mat-slider-thumb, .mat-accent
+.mat-slider-thumb-label {
+ background-color: #ef6c00; }
+
+.mat-warn .mat-slider-track-fill, .mat-warn
+.mat-slider-thumb, .mat-warn
+.mat-slider-thumb-label {
+ background-color: #e53935; }
+
+.mat-slider-focus-ring {
+ background-color: rgba(239, 108, 0, 0.2); }
+
+.mat-primary .mat-slider-thumb-label-text {
+ color: white; }
+
+.mat-accent .mat-slider-thumb-label-text {
+ color: white; }
+
+.mat-warn .mat-slider-thumb-label-text {
+ color: white; }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+ background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+ background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+ background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+ background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
+.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
+ background-color: black; }
+
+.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
+.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
+ background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+ border-color: rgba(0, 0, 0, 0.26);
+ background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+ border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+ border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+ border-bottom: 1px solid #e0e0e0; }
+ .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header
+ .mat-tab-header {
+ border-top: 1px solid #e0e0e0;
+ border-bottom: none; }
+
+.mat-tab-label:focus {
+ background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-ink-bar {
+ background-color: #2196f3; }
+
+.mat-tab-label, .mat-tab-link {
+ color: currentColor; }
+ .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
+ color: rgba(0, 0, 0, 0.38); }
+
+.mat-toolbar {
+ background: whitesmoke;
+ color: rgba(0, 0, 0, 0.87); }
+ .mat-toolbar.mat-primary {
+ background: #1976d2;
+ color: white; }
+ .mat-toolbar.mat-accent {
+ background: #ef6c00;
+ color: white; }
+ .mat-toolbar.mat-warn {
+ background: #e53935;
+ color: white; }
+
+.mat-tooltip {
+ background: rgba(97, 97, 97, 0.9); }
+
+md-list-item md-icon,
+.mat-list-item-content md-icon {
+ color: rgba(0, 0, 0, 0.54); }
+ md-list-item md-icon[md-list-avatar],
+ .mat-list-item-content md-icon[md-list-avatar] {
+ background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-list-text p {
+ color: rgba(0, 0, 0, 0.38); }
+
+.mat-sidenav-container {
+ background-color: #e0e0e0; }
+
+td-layout-nav md-toolbar,
+td-layout-nav-list md-toolbar,
+td-layout-manage-list md-toolbar,
+td-layout-card-over md-toolbar,
+td-navigation-drawer md-toolbar,
+td-layout md-toolbar {
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+ z-index: 1; }
+
+.td-layout-footer {
+ background: whitesmoke;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+td-steps .td-steps-header {
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+td-steps .td-step-content,
+td-steps .td-step-summary,
+td-steps .td-step-actions {
+ margin: 16px; }
+
+td-steps .td-horizontal-line {
+ border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+td-steps .td-vertical-line {
+ border-left-color: rgba(0, 0, 0, 0.12); }
+
+td-steps .td-step-header:focus, td-steps .td-step-header:hover {
+ background: rgba(0, 0, 0, 0.04); }
+
+td-steps .td-step-header .td-step-label-wrapper .md-caption {
+ color: rgba(0, 0, 0, 0.54); }
+
+td-steps .td-step-header .td-step-label-wrapper.mat-disabled, td-steps .td-step-header .td-step-label-wrapper.mat-disabled * {
+ color: rgba(0, 0, 0, 0.38); }
+
+td-steps .td-step-header .td-step-label-wrapper.mat-warn, td-steps .td-step-header .td-step-label-wrapper.mat-warn * {
+ color: #e53935; }
+
+td-steps .td-step-header .mat-complete {
+ color: #ef6c00; }
+
+td-steps .td-circle {
+ color: white; }
+ td-steps .td-circle.mat-active {
+ background-color: #ef6c00; }
+ td-steps .td-circle.mat-inactive {
+ background-color: rgba(0, 0, 0, 0.38); }
+ td-steps .td-circle md-icon {
+ fill: rgba(0, 0, 0, 0.87); }
+
+td-steps .td-triangle {
+ color: #e53935; }
+
+td-steps .td-edit-icon {
+ color: rgba(0, 0, 0, 0.54); }
+
+td-expansion-panel {
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+ background-color: white; }
+ td-expansion-panel:not(:last-of-type) .td-expanded {
+ margin-bottom: 16px; }
+ td-expansion-panel:not(:first-of-type) .td-expanded {
+ margin-top: 16px; }
+ td-expansion-panel .td-expansion-panel-header:focus, td-expansion-panel .td-expansion-panel-header:hover {
+ background: rgba(0, 0, 0, 0.04); }
+ td-expansion-panel .td-expansion-panel-header .td-expansion-panel-header-content md-icon.td-expand-icon {
+ color: rgba(0, 0, 0, 0.54); }
+ td-expansion-panel .td-expansion-panel-header .td-expansion-panel-header-content.mat-disabled, td-expansion-panel .td-expansion-panel-header .td-expansion-panel-header-content.mat-disabled * {
+ color: rgba(0, 0, 0, 0.38); }
+ td-expansion-panel md-icon.td-expand-icon {
+ color: rgba(0, 0, 0, 0.54); }
+ td-expansion-panel .td-expansion-label, td-expansion-panel .td-expansion-label *,
+ td-expansion-panel .td-expansion-sublabel,
+ td-expansion-panel .td-expansion-sublabel * {
+ vertical-align: middle; }
+ td-expansion-panel .td-expansion-sublabel {
+ color: rgba(0, 0, 0, 0.54); }
+
+td-chips .mat-basic-chip {
+ background: #e0e0e0;
+ color: rgba(0, 0, 0, 0.87); }
+ td-chips .mat-basic-chip:focus:not(.td-chip-disabled) {
+ background: #1976d2; }
+ td-chips .mat-basic-chip:focus:not(.td-chip-disabled), td-chips .mat-basic-chip:focus:not(.td-chip-disabled) md-icon {
+ color: white; }
+ td-chips .mat-basic-chip:focus:not(.td-chip-disabled) md-icon:hover, td-chips .mat-basic-chip:focus:not(.td-chip-disabled) md-icon md-icon:hover {
+ color: rgba(0, 0, 0, 0.54); }
+ td-chips .mat-basic-chip md-icon {
+ color: rgba(0, 0, 0, 0.38); }
+ td-chips .mat-basic-chip md-icon:hover {
+ color: rgba(0, 0, 0, 0.54); }
+
+td-file-upload .td-file-upload-cancel md-icon {
+ background-color: #fafafa; }
+
+td-file-input {
+ /**
+ * Class that is added ondragenter by the [TdFileDrop] directive.
+ */ }
+ td-file-input .drop-zone {
+ transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+ box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.td-json-formatter-wrapper .td-key.td-key-node:focus, .td-json-formatter-wrapper .td-key.td-key-node:hover {
+ background-color: rgba(0, 0, 0, 0.04); }
+
+.td-json-formatter-wrapper .key {
+ color: #1976d2; }
+
+.td-json-formatter-wrapper .value .string {
+ color: #e53935; }
+
+.td-json-formatter-wrapper .value .number {
+ color: #ef6c00; }
+
+.td-json-formatter-wrapper .value .boolean {
+ color: #ef6c00; }
+
+.td-json-formatter-wrapper .value .null,
+.td-json-formatter-wrapper .value .undefined {
+ color: rgba(0, 0, 0, 0.38); }
+
+.td-json-formatter-wrapper .value .function {
+ color: #1976d2; }
+
+.td-json-formatter-wrapper .value .date {
+ color: rgba(0, 0, 0, 0.87); }
+
+td-paging-bar, td-paging-bar md-select .mat-select-value {
+ color: rgba(0, 0, 0, 0.54); }
+
+.td-loading-wrapper.td-overlay .td-loading {
+ background: rgba(255, 255, 255, 0.8); }
+
+table[td-data-table] .td-data-table-row {
+ border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+table[td-data-table] .mat-checkbox-cell,
+table[td-data-table] .mat-checkbox-column {
+ color: rgba(0, 0, 0, 0.54); }
+ table[td-data-table] .mat-checkbox-cell md-pseudo-checkbox.mat-pseudo-checkbox-checked,
+ table[td-data-table] .mat-checkbox-column md-pseudo-checkbox.mat-pseudo-checkbox-checked {
+ color: #ff9800; }
+
+table[td-data-table] .td-data-table-cell {
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0.010em;
+ line-height: 20px; }
+ table[td-data-table] .td-data-table-cell md-input-container .mat-input-underline {
+ display: none; }
+
+table[td-data-table] .td-data-table-column {
+ font-size: 12px;
+ color: rgba(0, 0, 0, 0.54); }
+ table[td-data-table] .td-data-table-column * {
+ vertical-align: middle; }
+ table[td-data-table] .td-data-table-column md-icon.td-data-table-sort-icon {
+ color: rgba(0, 0, 0, 0.38); }
+ table[td-data-table] .td-data-table-column.mat-active,
+ table[td-data-table] .td-data-table-column.mat-active md-icon {
+ color: black; }
+
+table[td-data-table].mat-selectable tbody > tr.td-data-table-row:not([disabled]):hover {
+ background-color: rgba(0, 0, 0, 0.04); }
+
+table[td-data-table].mat-selectable tbody > tr.td-data-table-row.mat-selected {
+ background-color: rgba(239, 108, 0, 0.12); }
+
+.mat-selected-title {
+ background-color: rgba(239, 108, 0, 0.12);
+ color: #ef6c00; }
+
+.td-notification-count {
+ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+ .td-notification-count.mat-warn {
+ background-color: #e53935;
+ color: white; }
+ .td-notification-count.mat-primary {
+ background-color: #1976d2;
+ color: white; }
+ .td-notification-count.mat-accent {
+ background-color: #ef6c00;
+ color: white; }
diff --git a/securis/src/main/webapp/assets/theming/platform.css b/securis/src/main/webapp/assets/theming/platform.css
new file mode 100644
index 0000000..5cb9d5f
--- /dev/null
+++ b/securis/src/main/webapp/assets/theming/platform.css
@@ -0,0 +1,11566 @@
+@font-face {
+ font-family: 'Material Icons';
+ font-style: normal;
+ font-weight: 400;
+ src: url("styles/font/MaterialIcons-Regular.eot");
+ /* For IE6-8 */
+ src: local("styles/font/Material Icons"), local("styles/font/MaterialIcons-Regular"), url("styles/font/MaterialIcons-Regular.woff2") format("woff2"), url("styles/font/MaterialIcons-Regular.woff") format("woff"), url("styles/font/MaterialIcons-Regular.ttf") format("truetype"); }
+
+.material-icons {
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px;
+ /* Preferred icon size */
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ direction: ltr;
+ /* Support for all WebKit browsers. */
+ -webkit-font-smoothing: antialiased;
+ /* Support for Safari and Chrome. */
+ text-rendering: optimizeLegibility;
+ /* Support for Firefox. */
+ -moz-osx-font-smoothing: grayscale;
+ /* Support for IE. */
+ font-feature-settings: 'liga'; }
+
+md-icon.material-icons, md-icon.material-icons.mat-icon {
+ width: 1em;
+ height: 1em; }
+
+.material-icons.md-18 {
+ font-size: 18px;
+ height: 18px;
+ width: 18px; }
+
+.material-icons.md-24 {
+ font-size: 24px;
+ height: 24px;
+ width: 24px; }
+
+.material-icons.md-36 {
+ font-size: 36px;
+ height: 36px;
+ width: 36px; }
+
+.material-icons.md-48 {
+ font-size: 48px;
+ height: 48px;
+ width: 48px; }
+
+.material-icons.md-dark {
+ color: rgba(0, 0, 0, 0.54); }
+
+.material-icons.md-dark.md-inactive {
+ color: rgba(0, 0, 0, 0.26); }
+
+.material-icons.md-light {
+ color: white; }
+
+.material-icons.md-light.md-inactive {
+ color: rgba(255, 255, 255, 0.3); }
+
+/**
+ * Mixin that creates a new stacking context.
+ * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+ */
+/** Mixin to create distinct classes for fab positions, e.g. ".md-fab-position-bottom-right". */
+[md-fab].md-fab-position-bottom-right,
+.mat-fab.mat-fab-position-bottom-right,
+[md-fab].md-fab-bottom-right,
+.mat-fab.mat-fab-bottom-right {
+ top: auto;
+ right: 20px;
+ left: auto;
+ bottom: 20px;
+ position: absolute; }
+ html[dir=rtl] [md-fab].md-fab-position-bottom-right, html[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-right, html[dir=rtl]
+ [md-fab].md-fab-bottom-right, html[dir=rtl]
+ .mat-fab.mat-fab-bottom-right {
+ right: auto;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-right, body[dir=rtl]
+ [md-fab].md-fab-bottom-right, body[dir=rtl]
+ .mat-fab.mat-fab-bottom-right {
+ right: auto;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl]
+ .mat-fab.mat-fab-position-bottom-right, [dir=rtl]
+ [md-fab].md-fab-bottom-right, [dir=rtl]
+ .mat-fab.mat-fab-bottom-right {
+ right: auto;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-bottom-right bdo[dir=rtl],
+ .mat-fab.mat-fab-position-bottom-right bdo[dir=rtl],
+ [md-fab].md-fab-bottom-right bdo[dir=rtl],
+ .mat-fab.mat-fab-bottom-right bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-bottom-right bdo[dir=ltr],
+ .mat-fab.mat-fab-position-bottom-right bdo[dir=ltr],
+ [md-fab].md-fab-bottom-right bdo[dir=ltr],
+ .mat-fab.mat-fab-bottom-right bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ html[dir=rtl] [md-fab].md-fab-position-bottom-right, html[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-right, html[dir=rtl]
+ [md-fab].md-fab-bottom-right, html[dir=rtl]
+ .mat-fab.mat-fab-bottom-right {
+ left: 20px;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-right, body[dir=rtl]
+ [md-fab].md-fab-bottom-right, body[dir=rtl]
+ .mat-fab.mat-fab-bottom-right {
+ left: 20px;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl]
+ .mat-fab.mat-fab-position-bottom-right, [dir=rtl]
+ [md-fab].md-fab-bottom-right, [dir=rtl]
+ .mat-fab.mat-fab-bottom-right {
+ left: 20px;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-bottom-right bdo[dir=rtl],
+ .mat-fab.mat-fab-position-bottom-right bdo[dir=rtl],
+ [md-fab].md-fab-bottom-right bdo[dir=rtl],
+ .mat-fab.mat-fab-bottom-right bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-bottom-right bdo[dir=ltr],
+ .mat-fab.mat-fab-position-bottom-right bdo[dir=ltr],
+ [md-fab].md-fab-bottom-right bdo[dir=ltr],
+ .mat-fab.mat-fab-bottom-right bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-bottom-right.fixed,
+ .mat-fab.mat-fab-position-bottom-right.fixed,
+ [md-fab].md-fab-bottom-right.fixed,
+ .mat-fab.mat-fab-bottom-right.fixed {
+ position: fixed; }
+
+[md-fab].md-fab-position-bottom-left,
+.mat-fab.mat-fab-position-bottom-left,
+[md-fab].md-fab-bottom-left,
+.mat-fab.mat-fab-bottom-left {
+ top: auto;
+ right: auto;
+ left: 20px;
+ bottom: 20px;
+ position: absolute; }
+ html[dir=rtl] [md-fab].md-fab-position-bottom-left, html[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-left, html[dir=rtl]
+ [md-fab].md-fab-bottom-left, html[dir=rtl]
+ .mat-fab.mat-fab-bottom-left {
+ right: 20px;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-left, body[dir=rtl]
+ [md-fab].md-fab-bottom-left, body[dir=rtl]
+ .mat-fab.mat-fab-bottom-left {
+ right: 20px;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl]
+ .mat-fab.mat-fab-position-bottom-left, [dir=rtl]
+ [md-fab].md-fab-bottom-left, [dir=rtl]
+ .mat-fab.mat-fab-bottom-left {
+ right: 20px;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-bottom-left bdo[dir=rtl],
+ .mat-fab.mat-fab-position-bottom-left bdo[dir=rtl],
+ [md-fab].md-fab-bottom-left bdo[dir=rtl],
+ .mat-fab.mat-fab-bottom-left bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-bottom-left bdo[dir=ltr],
+ .mat-fab.mat-fab-position-bottom-left bdo[dir=ltr],
+ [md-fab].md-fab-bottom-left bdo[dir=ltr],
+ .mat-fab.mat-fab-bottom-left bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ html[dir=rtl] [md-fab].md-fab-position-bottom-left, html[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-left, html[dir=rtl]
+ [md-fab].md-fab-bottom-left, html[dir=rtl]
+ .mat-fab.mat-fab-bottom-left {
+ left: auto;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl]
+ .mat-fab.mat-fab-position-bottom-left, body[dir=rtl]
+ [md-fab].md-fab-bottom-left, body[dir=rtl]
+ .mat-fab.mat-fab-bottom-left {
+ left: auto;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl]
+ .mat-fab.mat-fab-position-bottom-left, [dir=rtl]
+ [md-fab].md-fab-bottom-left, [dir=rtl]
+ .mat-fab.mat-fab-bottom-left {
+ left: auto;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-bottom-left bdo[dir=rtl],
+ .mat-fab.mat-fab-position-bottom-left bdo[dir=rtl],
+ [md-fab].md-fab-bottom-left bdo[dir=rtl],
+ .mat-fab.mat-fab-bottom-left bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-bottom-left bdo[dir=ltr],
+ .mat-fab.mat-fab-position-bottom-left bdo[dir=ltr],
+ [md-fab].md-fab-bottom-left bdo[dir=ltr],
+ .mat-fab.mat-fab-bottom-left bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-bottom-left.fixed,
+ .mat-fab.mat-fab-position-bottom-left.fixed,
+ [md-fab].md-fab-bottom-left.fixed,
+ .mat-fab.mat-fab-bottom-left.fixed {
+ position: fixed; }
+
+[md-fab].md-fab-position-top-right,
+.mat-fab.mat-fab-position-top-right,
+[md-fab].md-fab-top-right,
+.mat-fab.mat-fab-top-right {
+ top: 20px;
+ right: 20px;
+ left: auto;
+ bottom: auto;
+ position: absolute; }
+ html[dir=rtl] [md-fab].md-fab-position-top-right, html[dir=rtl]
+ .mat-fab.mat-fab-position-top-right, html[dir=rtl]
+ [md-fab].md-fab-top-right, html[dir=rtl]
+ .mat-fab.mat-fab-top-right {
+ right: auto;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl]
+ .mat-fab.mat-fab-position-top-right, body[dir=rtl]
+ [md-fab].md-fab-top-right, body[dir=rtl]
+ .mat-fab.mat-fab-top-right {
+ right: auto;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl]
+ .mat-fab.mat-fab-position-top-right, [dir=rtl]
+ [md-fab].md-fab-top-right, [dir=rtl]
+ .mat-fab.mat-fab-top-right {
+ right: auto;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-top-right bdo[dir=rtl],
+ .mat-fab.mat-fab-position-top-right bdo[dir=rtl],
+ [md-fab].md-fab-top-right bdo[dir=rtl],
+ .mat-fab.mat-fab-top-right bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-top-right bdo[dir=ltr],
+ .mat-fab.mat-fab-position-top-right bdo[dir=ltr],
+ [md-fab].md-fab-top-right bdo[dir=ltr],
+ .mat-fab.mat-fab-top-right bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ html[dir=rtl] [md-fab].md-fab-position-top-right, html[dir=rtl]
+ .mat-fab.mat-fab-position-top-right, html[dir=rtl]
+ [md-fab].md-fab-top-right, html[dir=rtl]
+ .mat-fab.mat-fab-top-right {
+ left: 20px;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl]
+ .mat-fab.mat-fab-position-top-right, body[dir=rtl]
+ [md-fab].md-fab-top-right, body[dir=rtl]
+ .mat-fab.mat-fab-top-right {
+ left: 20px;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl]
+ .mat-fab.mat-fab-position-top-right, [dir=rtl]
+ [md-fab].md-fab-top-right, [dir=rtl]
+ .mat-fab.mat-fab-top-right {
+ left: 20px;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-top-right bdo[dir=rtl],
+ .mat-fab.mat-fab-position-top-right bdo[dir=rtl],
+ [md-fab].md-fab-top-right bdo[dir=rtl],
+ .mat-fab.mat-fab-top-right bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-top-right bdo[dir=ltr],
+ .mat-fab.mat-fab-position-top-right bdo[dir=ltr],
+ [md-fab].md-fab-top-right bdo[dir=ltr],
+ .mat-fab.mat-fab-top-right bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-top-right.fixed,
+ .mat-fab.mat-fab-position-top-right.fixed,
+ [md-fab].md-fab-top-right.fixed,
+ .mat-fab.mat-fab-top-right.fixed {
+ position: fixed; }
+
+[md-fab].md-fab-position-top-left,
+.mat-fab.mat-fab-position-top-left,
+[md-fab].md-fab-top-left,
+.mat-fab.mat-fab-top-left {
+ top: 20px;
+ right: auto;
+ left: 20px;
+ bottom: auto;
+ position: absolute; }
+ html[dir=rtl] [md-fab].md-fab-position-top-left, html[dir=rtl]
+ .mat-fab.mat-fab-position-top-left, html[dir=rtl]
+ [md-fab].md-fab-top-left, html[dir=rtl]
+ .mat-fab.mat-fab-top-left {
+ right: 20px;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl]
+ .mat-fab.mat-fab-position-top-left, body[dir=rtl]
+ [md-fab].md-fab-top-left, body[dir=rtl]
+ .mat-fab.mat-fab-top-left {
+ right: 20px;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl]
+ .mat-fab.mat-fab-position-top-left, [dir=rtl]
+ [md-fab].md-fab-top-left, [dir=rtl]
+ .mat-fab.mat-fab-top-left {
+ right: 20px;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-top-left bdo[dir=rtl],
+ .mat-fab.mat-fab-position-top-left bdo[dir=rtl],
+ [md-fab].md-fab-top-left bdo[dir=rtl],
+ .mat-fab.mat-fab-top-left bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-top-left bdo[dir=ltr],
+ .mat-fab.mat-fab-position-top-left bdo[dir=ltr],
+ [md-fab].md-fab-top-left bdo[dir=ltr],
+ .mat-fab.mat-fab-top-left bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ html[dir=rtl] [md-fab].md-fab-position-top-left, html[dir=rtl]
+ .mat-fab.mat-fab-position-top-left, html[dir=rtl]
+ [md-fab].md-fab-top-left, html[dir=rtl]
+ .mat-fab.mat-fab-top-left {
+ left: auto;
+ unicode-bidi: embed; }
+ body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl]
+ .mat-fab.mat-fab-position-top-left, body[dir=rtl]
+ [md-fab].md-fab-top-left, body[dir=rtl]
+ .mat-fab.mat-fab-top-left {
+ left: auto;
+ unicode-bidi: embed; }
+ [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl]
+ .mat-fab.mat-fab-position-top-left, [dir=rtl]
+ [md-fab].md-fab-top-left, [dir=rtl]
+ .mat-fab.mat-fab-top-left {
+ left: auto;
+ unicode-bidi: embed; }
+ [md-fab].md-fab-position-top-left bdo[dir=rtl],
+ .mat-fab.mat-fab-position-top-left bdo[dir=rtl],
+ [md-fab].md-fab-top-left bdo[dir=rtl],
+ .mat-fab.mat-fab-top-left bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-top-left bdo[dir=ltr],
+ .mat-fab.mat-fab-position-top-left bdo[dir=ltr],
+ [md-fab].md-fab-top-left bdo[dir=ltr],
+ .mat-fab.mat-fab-top-left bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ [md-fab].md-fab-position-top-left.fixed,
+ .mat-fab.mat-fab-position-top-left.fixed,
+ [md-fab].md-fab-top-left.fixed,
+ .mat-fab.mat-fab-top-left.fixed {
+ position: fixed; }
+
+button[md-icon-button].md-icon-button-mini {
+ height: 24px;
+ line-height: 24px;
+ width: 24px; }
+
+body .mat-card {
+ padding: 0;
+ margin: 8px; }
+ body .mat-card md-card-header {
+ height: auto; }
+ body .mat-card [md-card-avatar] {
+ font-size: 40px;
+ line-height: 40px;
+ height: 40px;
+ width: 40px;
+ margin: 16px 0 0 15px;
+ border-radius: 50%; }
+ body .mat-card [md-card-image] {
+ width: 100%;
+ margin: 0; }
+ body .mat-card md-card-title {
+ padding-top: 16px;
+ padding-left: 16px;
+ padding-right: 16px; }
+ body .mat-card md-card-subtitle {
+ padding-left: 16px;
+ padding-right: 16px; }
+ body .mat-card md-card-content {
+ padding: 16px; }
+ body .mat-card .mat-card-actions:last-child, body .mat-card .mat-card .mat-card-actions:last-child {
+ padding: 8px;
+ margin: 0; }
+
+.md-card-colored[href]:hover, .md-card-colored[ng-reflect-href]:hover {
+ cursor: pointer;
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
+
+.md-card-colored[href]:active, .md-card-colored[ng-reflect-href]:active {
+ box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }
+ .md-card-colored[href]:active md-toolbar, .md-card-colored[ng-reflect-href]:active md-toolbar {
+ background-color: rgba(255, 255, 255, 0.2);
+ background-position: -100% 100%; }
+
+.md-card-colored[href] md-toolbar, .md-card-colored[ng-reflect-href] md-toolbar {
+ background-size: 200% 100%;
+ background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
+ transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease; }
+
+.md-card-colored md-toolbar {
+ height: 148px;
+ border-radius: 2px 2px 0 0;
+ overflow: hidden; }
+ .md-card-colored md-toolbar md-icon,
+ .md-card-colored md-toolbar .mat-icon {
+ opacity: 0.65;
+ color: white;
+ font-size: 8rem;
+ text-shadow: 0px 0px rgba(0, 0, 0, 0.01), 1px 1px rgba(0, 0, 0, 0.01), 2px 2px rgba(0, 0, 0, 0.01), 3px 3px rgba(0, 0, 0, 0.01), 4px 4px rgba(0, 0, 0, 0.01), 5px 5px rgba(0, 0, 0, 0.01), 6px 6px rgba(0, 0, 0, 0.01), 7px 7px rgba(0, 0, 0, 0.01), 8px 8px rgba(0, 0, 0, 0.01), 9px 9px rgba(0, 0, 0, 0.01), 10px 10px rgba(0, 0, 0, 0.01), 11px 11px rgba(0, 0, 0, 0.01), 12px 12px rgba(0, 0, 0, 0.01), 13px 13px rgba(0, 0, 0, 0.01), 14px 14px rgba(0, 0, 0, 0.01), 15px 15px rgba(0, 0, 0, 0.01), 16px 16px rgba(0, 0, 0, 0.01), 17px 17px rgba(0, 0, 0, 0.01), 18px 18px rgba(0, 0, 0, 0.01), 19px 19px rgba(0, 0, 0, 0.01), 20px 20px rgba(0, 0, 0, 0.01), 21px 21px rgba(0, 0, 0, 0.01), 22px 22px rgba(0, 0, 0, 0.01), 23px 23px rgba(0, 0, 0, 0.01), 24px 24px rgba(0, 0, 0, 0.01), 25px 25px rgba(0, 0, 0, 0.01), 26px 26px rgba(0, 0, 0, 0.01), 27px 27px rgba(0, 0, 0, 0.01), 28px 28px rgba(0, 0, 0, 0.01), 29px 29px rgba(0, 0, 0, 0.01), 30px 30px rgba(0, 0, 0, 0.01), 31px 31px rgba(0, 0, 0, 0.01), 32px 32px rgba(0, 0, 0, 0.01), 33px 33px rgba(0, 0, 0, 0.01), 34px 34px rgba(0, 0, 0, 0.01), 35px 35px rgba(0, 0, 0, 0.01), 36px 36px rgba(0, 0, 0, 0.01), 37px 37px rgba(0, 0, 0, 0.01), 38px 38px rgba(0, 0, 0, 0.01), 39px 39px rgba(0, 0, 0, 0.01), 40px 40px rgba(0, 0, 0, 0.01), 41px 41px rgba(0, 0, 0, 0.01), 42px 42px rgba(0, 0, 0, 0.01), 43px 43px rgba(0, 0, 0, 0.01), 44px 44px rgba(0, 0, 0, 0.01), 45px 45px rgba(0, 0, 0, 0.01), 46px 46px rgba(0, 0, 0, 0.01), 47px 47px rgba(0, 0, 0, 0.01), 48px 48px rgba(0, 0, 0, 0.01), 49px 49px rgba(0, 0, 0, 0.01), 50px 50px rgba(0, 0, 0, 0.01), 51px 51px rgba(0, 0, 0, 0.01), 52px 52px rgba(0, 0, 0, 0.01), 53px 53px rgba(0, 0, 0, 0.01), 54px 54px rgba(0, 0, 0, 0.01), 55px 55px rgba(0, 0, 0, 0.01), 56px 56px rgba(0, 0, 0, 0.01), 57px 57px rgba(0, 0, 0, 0.01), 58px 58px rgba(0, 0, 0, 0.01), 59px 59px rgba(0, 0, 0, 0.01), 60px 60px rgba(0, 0, 0, 0.01), 61px 61px rgba(0, 0, 0, 0.01), 62px 62px rgba(0, 0, 0, 0.01), 63px 63px rgba(0, 0, 0, 0.01), 64px 64px rgba(0, 0, 0, 0.01), 65px 65px rgba(0, 0, 0, 0.01), 66px 66px rgba(0, 0, 0, 0.01), 67px 67px rgba(0, 0, 0, 0.01), 68px 68px rgba(0, 0, 0, 0.01), 69px 69px rgba(0, 0, 0, 0.01), 70px 70px rgba(0, 0, 0, 0.01), 71px 71px rgba(0, 0, 0, 0.01), 72px 72px rgba(0, 0, 0, 0.01), 73px 73px rgba(0, 0, 0, 0.01), 74px 74px rgba(0, 0, 0, 0.01), 75px 75px rgba(0, 0, 0, 0.01), 76px 76px rgba(0, 0, 0, 0.01), 77px 77px rgba(0, 0, 0, 0.01), 78px 78px rgba(0, 0, 0, 0.01), 79px 79px rgba(0, 0, 0, 0.01), 80px 80px rgba(0, 0, 0, 0.01), 81px 81px rgba(0, 0, 0, 0.01), 82px 82px rgba(0, 0, 0, 0.01), 83px 83px rgba(0, 0, 0, 0.01), 84px 84px rgba(0, 0, 0, 0.01), 85px 85px rgba(0, 0, 0, 0.01), 86px 86px rgba(0, 0, 0, 0.01), 87px 87px rgba(0, 0, 0, 0.01), 88px 88px rgba(0, 0, 0, 0.01), 89px 89px rgba(0, 0, 0, 0.01), 90px 90px rgba(0, 0, 0, 0.01), 91px 91px rgba(0, 0, 0, 0.01), 92px 92px rgba(0, 0, 0, 0.01), 93px 93px rgba(0, 0, 0, 0.01), 94px 94px rgba(0, 0, 0, 0.01), 95px 95px rgba(0, 0, 0, 0.01), 96px 96px rgba(0, 0, 0, 0.01), 97px 97px rgba(0, 0, 0, 0.01), 98px 98px rgba(0, 0, 0, 0.01), 99px 99px rgba(0, 0, 0, 0.01), 100px 100px rgba(0, 0, 0, 0.01), 101px 101px rgba(0, 0, 0, 0.01), 102px 102px rgba(0, 0, 0, 0.01), 103px 103px rgba(0, 0, 0, 0.01), 104px 104px rgba(0, 0, 0, 0.01), 105px 105px rgba(0, 0, 0, 0.01), 106px 106px rgba(0, 0, 0, 0.01), 107px 107px rgba(0, 0, 0, 0.01), 108px 108px rgba(0, 0, 0, 0.01), 109px 109px rgba(0, 0, 0, 0.01), 110px 110px rgba(0, 0, 0, 0.01), 111px 111px rgba(0, 0, 0, 0.01), 112px 112px rgba(0, 0, 0, 0.01), 113px 113px rgba(0, 0, 0, 0.01), 114px 114px rgba(0, 0, 0, 0.01), 115px 115px rgba(0, 0, 0, 0.01), 116px 116px rgba(0, 0, 0, 0.01), 117px 117px rgba(0, 0, 0, 0.01), 118px 118px rgba(0, 0, 0, 0.01), 119px 119px rgba(0, 0, 0, 0.01), 120px 120px rgba(0, 0, 0, 0.01), 121px 121px rgba(0, 0, 0, 0.01), 122px 122px rgba(0, 0, 0, 0.01), 123px 123px rgba(0, 0, 0, 0.01), 124px 124px rgba(0, 0, 0, 0.01), 125px 125px rgba(0, 0, 0, 0.01), 126px 126px rgba(0, 0, 0, 0.01), 127px 127px rgba(0, 0, 0, 0.01), 128px 128px rgba(0, 0, 0, 0.01), 129px 129px rgba(0, 0, 0, 0.01), 130px 130px rgba(0, 0, 0, 0.01), 131px 131px rgba(0, 0, 0, 0.01), 132px 132px rgba(0, 0, 0, 0.01), 133px 133px rgba(0, 0, 0, 0.01), 134px 134px rgba(0, 0, 0, 0.01), 135px 135px rgba(0, 0, 0, 0.01), 136px 136px rgba(0, 0, 0, 0.01), 137px 137px rgba(0, 0, 0, 0.01), 138px 138px rgba(0, 0, 0, 0.01), 139px 139px rgba(0, 0, 0, 0.01), 140px 140px rgba(0, 0, 0, 0.01), 141px 141px rgba(0, 0, 0, 0.01), 142px 142px rgba(0, 0, 0, 0.01), 143px 143px rgba(0, 0, 0, 0.01), 144px 144px rgba(0, 0, 0, 0.01), 145px 145px rgba(0, 0, 0, 0.01), 146px 146px rgba(0, 0, 0, 0.01), 147px 147px rgba(0, 0, 0, 0.01), 148px 148px rgba(0, 0, 0, 0.01), 149px 149px rgba(0, 0, 0, 0.01), 150px 150px rgba(0, 0, 0, 0.01), 151px 151px rgba(0, 0, 0, 0.01), 152px 152px rgba(0, 0, 0, 0.01), 153px 153px rgba(0, 0, 0, 0.01), 154px 154px rgba(0, 0, 0, 0.01), 155px 155px rgba(0, 0, 0, 0.01), 156px 156px rgba(0, 0, 0, 0.01), 157px 157px rgba(0, 0, 0, 0.01), 158px 158px rgba(0, 0, 0, 0.01), 159px 159px rgba(0, 0, 0, 0.01), 160px 160px rgba(0, 0, 0, 0.01), 161px 161px rgba(0, 0, 0, 0.01), 162px 162px rgba(0, 0, 0, 0.01), 163px 163px rgba(0, 0, 0, 0.01), 164px 164px rgba(0, 0, 0, 0.01), 165px 165px rgba(0, 0, 0, 0.01), 166px 166px rgba(0, 0, 0, 0.01), 167px 167px rgba(0, 0, 0, 0.01), 168px 168px rgba(0, 0, 0, 0.01), 169px 169px rgba(0, 0, 0, 0.01), 170px 170px rgba(0, 0, 0, 0.01), 171px 171px rgba(0, 0, 0, 0.01), 172px 172px rgba(0, 0, 0, 0.01), 173px 173px rgba(0, 0, 0, 0.01), 174px 174px rgba(0, 0, 0, 0.01), 175px 175px rgba(0, 0, 0, 0.01), 176px 176px rgba(0, 0, 0, 0.01), 177px 177px rgba(0, 0, 0, 0.01), 178px 178px rgba(0, 0, 0, 0.01), 179px 179px rgba(0, 0, 0, 0.01), 180px 180px rgba(0, 0, 0, 0.01), 181px 181px rgba(0, 0, 0, 0.01), 182px 182px rgba(0, 0, 0, 0.01), 183px 183px rgba(0, 0, 0, 0.01), 184px 184px rgba(0, 0, 0, 0.01), 185px 185px rgba(0, 0, 0, 0.01), 186px 186px rgba(0, 0, 0, 0.01), 187px 187px rgba(0, 0, 0, 0.01), 188px 188px rgba(0, 0, 0, 0.01), 189px 189px rgba(0, 0, 0, 0.01), 190px 190px rgba(0, 0, 0, 0.01), 191px 191px rgba(0, 0, 0, 0.01), 192px 192px rgba(0, 0, 0, 0.01), 193px 193px rgba(0, 0, 0, 0.01), 194px 194px rgba(0, 0, 0, 0.01), 195px 195px rgba(0, 0, 0, 0.01), 196px 196px rgba(0, 0, 0, 0.01), 197px 197px rgba(0, 0, 0, 0.01), 198px 198px rgba(0, 0, 0, 0.01), 199px 199px rgba(0, 0, 0, 0.01), 200px 200px rgba(0, 0, 0, 0.01); }
+
+md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) {
+ margin: 0 3px 0 3px; }
+ md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):first-child {
+ margin-left: 0;
+ margin-right: 3px; }
+ [dir='rtl'] md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):first-child {
+ margin-left: 3px;
+ margin-right: 0; }
+
+md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper {
+ display: block; }
+ md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) {
+ display: block;
+ margin: 0;
+ margin-bottom: 8px; }
+ [dir='rtl'] md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) {
+ margin: 0;
+ margin-bottom: 8px; }
+ md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child, [dir='rtl'] md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child {
+ margin-bottom: 0; }
+
+md-sidenav-container > md-content,
+md-sidenav-container > [md-content],
+md-sidenav-container > .md-content {
+ height: 100%;
+ overflow: hidden; }
+
+md-content,
+[md-content],
+.md-content {
+ display: block;
+ position: relative;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch; }
+ md-content[md-scroll-y],
+ [md-content][md-scroll-y],
+ .md-content[md-scroll-y] {
+ overflow-y: auto;
+ overflow-x: hidden; }
+ md-content[md-scroll-x],
+ [md-content][md-scroll-x],
+ .md-content[md-scroll-x] {
+ overflow-x: auto;
+ overflow-y: hidden; }
+ md-content.autoScroll,
+ [md-content].autoScroll,
+ .md-content.autoScroll {
+ -webkit-overflow-scrolling: auto; }
+
+md-divider[md-inset] {
+ margin-left: 72px;
+ margin-right: 0; }
+ html[dir=rtl] md-divider[md-inset] {
+ margin-left: 0;
+ unicode-bidi: embed; }
+ body[dir=rtl] md-divider[md-inset] {
+ margin-left: 0;
+ unicode-bidi: embed; }
+ [dir=rtl] md-divider[md-inset] {
+ margin-left: 0;
+ unicode-bidi: embed; }
+ md-divider[md-inset] bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ md-divider[md-inset] bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ html[dir=rtl] md-divider[md-inset] {
+ margin-right: 72px;
+ unicode-bidi: embed; }
+ body[dir=rtl] md-divider[md-inset] {
+ margin-right: 72px;
+ unicode-bidi: embed; }
+ [dir=rtl] md-divider[md-inset] {
+ margin-right: 72px;
+ unicode-bidi: embed; }
+ md-divider[md-inset] bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ md-divider[md-inset] bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+
+md-divider[mat-inset] {
+ margin-left: 72px;
+ margin-right: 0; }
+ html[dir=rtl] md-divider[mat-inset] {
+ margin-left: 0;
+ unicode-bidi: embed; }
+ body[dir=rtl] md-divider[mat-inset] {
+ margin-left: 0;
+ unicode-bidi: embed; }
+ [dir=rtl] md-divider[mat-inset] {
+ margin-left: 0;
+ unicode-bidi: embed; }
+ md-divider[mat-inset] bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ md-divider[mat-inset] bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ html[dir=rtl] md-divider[mat-inset] {
+ margin-right: 72px;
+ unicode-bidi: embed; }
+ body[dir=rtl] md-divider[mat-inset] {
+ margin-right: 72px;
+ unicode-bidi: embed; }
+ [dir=rtl] md-divider[mat-inset] {
+ margin-right: 72px;
+ unicode-bidi: embed; }
+ md-divider[mat-inset] bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ md-divider[mat-inset] bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+
+md-list-item md-icon[md-list-avatar],
+.mat-list-item-content md-icon[md-list-avatar] {
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ display: flex; }
+
+.mat-icon.md-icon-logo {
+ height: auto;
+ width: 100px; }
+
+.mat-input-placeholder-wrapper {
+ font-size: 16px; }
+
+/**
+ * Mixin that creates a new stacking context.
+ * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+ */
+md-sidenav {
+ width: 320px; }
+ md-sidenav .mat-list-item-content md-icon {
+ margin-left: 0px;
+ margin-right: 16px;
+ color: #737373;
+ fill: #737373; }
+ html[dir=rtl] md-sidenav .mat-list-item-content md-icon {
+ margin-left: 16px;
+ unicode-bidi: embed; }
+ body[dir=rtl] md-sidenav .mat-list-item-content md-icon {
+ margin-left: 16px;
+ unicode-bidi: embed; }
+ [dir=rtl] md-sidenav .mat-list-item-content md-icon {
+ margin-left: 16px;
+ unicode-bidi: embed; }
+ md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+ html[dir=rtl] md-sidenav .mat-list-item-content md-icon {
+ margin-right: 0px;
+ unicode-bidi: embed; }
+ body[dir=rtl] md-sidenav .mat-list-item-content md-icon {
+ margin-right: 0px;
+ unicode-bidi: embed; }
+ [dir=rtl] md-sidenav .mat-list-item-content md-icon {
+ margin-right: 0px;
+ unicode-bidi: embed; }
+ md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+
+.tc-red-50 {
+ color: #ffebee !important; }
+
+.tc-pink-50 {
+ color: #fce4ec !important; }
+
+.tc-purple-50 {
+ color: #f3e5f5 !important; }
+
+.tc-deep-purple-50 {
+ color: #ede7f6 !important; }
+
+.tc-indigo-50 {
+ color: #e8eaf6 !important; }
+
+.tc-blue-50 {
+ color: #e3f2fd !important; }
+
+.tc-light-blue-50 {
+ color: #e1f5fe !important; }
+
+.tc-cyan-50 {
+ color: #e0f7fa !important; }
+
+.tc-teal-50 {
+ color: #e0f2f1 !important; }
+
+.tc-green-50 {
+ color: #e8f5e9 !important; }
+
+.tc-light-green-50 {
+ color: #f1f8e9 !important; }
+
+.tc-lime-50 {
+ color: #f9fbe7 !important; }
+
+.tc-yellow-50 {
+ color: #fffde7 !important; }
+
+.tc-amber-50 {
+ color: #fff8e1 !important; }
+
+.tc-orange-50 {
+ color: #fff3e0 !important; }
+
+.tc-deep-orange-50 {
+ color: #fbe9e7 !important; }
+
+.tc-brown-50 {
+ color: #efebe9 !important; }
+
+.tc-grey-50 {
+ color: #fafafa !important; }
+
+.tc-blue-grey-50 {
+ color: #eceff1 !important; }
+
+.tc-red-100 {
+ color: #ffcdd2 !important; }
+
+.tc-pink-100 {
+ color: #f8bbd0 !important; }
+
+.tc-purple-100 {
+ color: #e1bee7 !important; }
+
+.tc-deep-purple-100 {
+ color: #d1c4e9 !important; }
+
+.tc-indigo-100 {
+ color: #c5cae9 !important; }
+
+.tc-blue-100 {
+ color: #bbdefb !important; }
+
+.tc-light-blue-100 {
+ color: #b3e5fc !important; }
+
+.tc-cyan-100 {
+ color: #b2ebf2 !important; }
+
+.tc-teal-100 {
+ color: #b2dfdb !important; }
+
+.tc-green-100 {
+ color: #c8e6c9 !important; }
+
+.tc-light-green-100 {
+ color: #dcedc8 !important; }
+
+.tc-lime-100 {
+ color: #f0f4c3 !important; }
+
+.tc-yellow-100 {
+ color: #fff9c4 !important; }
+
+.tc-amber-100 {
+ color: #ffecb3 !important; }
+
+.tc-orange-100 {
+ color: #ffe0b2 !important; }
+
+.tc-deep-orange-100 {
+ color: #ffccbc !important; }
+
+.tc-brown-100 {
+ color: #d7ccc8 !important; }
+
+.tc-grey-100 {
+ color: whitesmoke !important; }
+
+.tc-blue-grey-100 {
+ color: #cfd8dc !important; }
+
+.tc-red-200 {
+ color: #ef9a9a !important; }
+
+.tc-pink-200 {
+ color: #f48fb1 !important; }
+
+.tc-purple-200 {
+ color: #ce93d8 !important; }
+
+.tc-deep-purple-200 {
+ color: #b39ddb !important; }
+
+.tc-indigo-200 {
+ color: #9fa8da !important; }
+
+.tc-blue-200 {
+ color: #90caf9 !important; }
+
+.tc-light-blue-200 {
+ color: #81d4fa !important; }
+
+.tc-cyan-200 {
+ color: #80deea !important; }
+
+.tc-teal-200 {
+ color: #80cbc4 !important; }
+
+.tc-green-200 {
+ color: #a5d6a7 !important; }
+
+.tc-light-green-200 {
+ color: #c5e1a5 !important; }
+
+.tc-lime-200 {
+ color: #e6ee9c !important; }
+
+.tc-yellow-200 {
+ color: #fff59d !important; }
+
+.tc-amber-200 {
+ color: #ffe082 !important; }
+
+.tc-orange-200 {
+ color: #ffcc80 !important; }
+
+.tc-deep-orange-200 {
+ color: #ffab91 !important; }
+
+.tc-brown-200 {
+ color: #bcaaa4 !important; }
+
+.tc-grey-200 {
+ color: #eeeeee !important; }
+
+.tc-blue-grey-200 {
+ color: #b0bec5 !important; }
+
+.tc-red-300 {
+ color: #e57373 !important; }
+
+.tc-pink-300 {
+ color: #f06292 !important; }
+
+.tc-purple-300 {
+ color: #ba68c8 !important; }
+
+.tc-deep-purple-300 {
+ color: #9575cd !important; }
+
+.tc-indigo-300 {
+ color: #7986cb !important; }
+
+.tc-blue-300 {
+ color: #64b5f6 !important; }
+
+.tc-light-blue-300 {
+ color: #4fc3f7 !important; }
+
+.tc-cyan-300 {
+ color: #4dd0e1 !important; }
+
+.tc-teal-300 {
+ color: #4db6ac !important; }
+
+.tc-green-300 {
+ color: #81c784 !important; }
+
+.tc-light-green-300 {
+ color: #aed581 !important; }
+
+.tc-lime-300 {
+ color: #dce775 !important; }
+
+.tc-yellow-300 {
+ color: #fff176 !important; }
+
+.tc-amber-300 {
+ color: #ffd54f !important; }
+
+.tc-orange-300 {
+ color: #ffb74d !important; }
+
+.tc-deep-orange-300 {
+ color: #ff8a65 !important; }
+
+.tc-brown-300 {
+ color: #a1887f !important; }
+
+.tc-grey-300 {
+ color: #e0e0e0 !important; }
+
+.tc-blue-grey-300 {
+ color: #90a4ae !important; }
+
+.tc-red-400 {
+ color: #ef5350 !important; }
+
+.tc-pink-400 {
+ color: #ec407a !important; }
+
+.tc-purple-400 {
+ color: #ab47bc !important; }
+
+.tc-deep-purple-400 {
+ color: #7e57c2 !important; }
+
+.tc-indigo-400 {
+ color: #5c6bc0 !important; }
+
+.tc-blue-400 {
+ color: #42a5f5 !important; }
+
+.tc-light-blue-400 {
+ color: #29b6f6 !important; }
+
+.tc-cyan-400 {
+ color: #26c6da !important; }
+
+.tc-teal-400 {
+ color: #26a69a !important; }
+
+.tc-green-400 {
+ color: #66bb6a !important; }
+
+.tc-light-green-400 {
+ color: #9ccc65 !important; }
+
+.tc-lime-400 {
+ color: #d4e157 !important; }
+
+.tc-yellow-400 {
+ color: #ffee58 !important; }
+
+.tc-amber-400 {
+ color: #ffca28 !important; }
+
+.tc-orange-400 {
+ color: #ffa726 !important; }
+
+.tc-deep-orange-400 {
+ color: #ff7043 !important; }
+
+.tc-brown-400 {
+ color: #8d6e63 !important; }
+
+.tc-grey-400 {
+ color: #bdbdbd !important; }
+
+.tc-blue-grey-400 {
+ color: #78909c !important; }
+
+.tc-red-500 {
+ color: #f44336 !important; }
+
+.tc-pink-500 {
+ color: #e91e63 !important; }
+
+.tc-purple-500 {
+ color: #9c27b0 !important; }
+
+.tc-deep-purple-500 {
+ color: #673ab7 !important; }
+
+.tc-indigo-500 {
+ color: #3f51b5 !important; }
+
+.tc-blue-500 {
+ color: #2196f3 !important; }
+
+.tc-light-blue-500 {
+ color: #03a9f4 !important; }
+
+.tc-cyan-500 {
+ color: #00bcd4 !important; }
+
+.tc-teal-500 {
+ color: #009688 !important; }
+
+.tc-green-500 {
+ color: #4caf50 !important; }
+
+.tc-light-green-500 {
+ color: #8bc34a !important; }
+
+.tc-lime-500 {
+ color: #cddc39 !important; }
+
+.tc-yellow-500 {
+ color: #ffeb3b !important; }
+
+.tc-amber-500 {
+ color: #ffc107 !important; }
+
+.tc-orange-500 {
+ color: #ff9800 !important; }
+
+.tc-deep-orange-500 {
+ color: #ff5722 !important; }
+
+.tc-brown-500 {
+ color: #795548 !important; }
+
+.tc-grey-500 {
+ color: #9e9e9e !important; }
+
+.tc-blue-grey-500 {
+ color: #607d8b !important; }
+
+.tc-red-600 {
+ color: #e53935 !important; }
+
+.tc-pink-600 {
+ color: #d81b60 !important; }
+
+.tc-purple-600 {
+ color: #8e24aa !important; }
+
+.tc-deep-purple-600 {
+ color: #5e35b1 !important; }
+
+.tc-indigo-600 {
+ color: #3949ab !important; }
+
+.tc-blue-600 {
+ color: #1e88e5 !important; }
+
+.tc-light-blue-600 {
+ color: #039be5 !important; }
+
+.tc-cyan-600 {
+ color: #00acc1 !important; }
+
+.tc-teal-600 {
+ color: #00897b !important; }
+
+.tc-green-600 {
+ color: #43a047 !important; }
+
+.tc-light-green-600 {
+ color: #7cb342 !important; }
+
+.tc-lime-600 {
+ color: #c0ca33 !important; }
+
+.tc-yellow-600 {
+ color: #fdd835 !important; }
+
+.tc-amber-600 {
+ color: #ffb300 !important; }
+
+.tc-orange-600 {
+ color: #fb8c00 !important; }
+
+.tc-deep-orange-600 {
+ color: #f4511e !important; }
+
+.tc-brown-600 {
+ color: #6d4c41 !important; }
+
+.tc-grey-600 {
+ color: #757575 !important; }
+
+.tc-blue-grey-600 {
+ color: #546e7a !important; }
+
+.tc-red-700 {
+ color: #d32f2f !important; }
+
+.tc-pink-700 {
+ color: #c2185b !important; }
+
+.tc-purple-700 {
+ color: #7b1fa2 !important; }
+
+.tc-deep-purple-700 {
+ color: #512da8 !important; }
+
+.tc-indigo-700 {
+ color: #303f9f !important; }
+
+.tc-blue-700 {
+ color: #1976d2 !important; }
+
+.tc-light-blue-700 {
+ color: #0288d1 !important; }
+
+.tc-cyan-700 {
+ color: #0097a7 !important; }
+
+.tc-teal-700 {
+ color: #00796b !important; }
+
+.tc-green-700 {
+ color: #388e3c !important; }
+
+.tc-light-green-700 {
+ color: #689f38 !important; }
+
+.tc-lime-700 {
+ color: #afb42b !important; }
+
+.tc-yellow-700 {
+ color: #fbc02d !important; }
+
+.tc-amber-700 {
+ color: #ffa000 !important; }
+
+.tc-orange-700 {
+ color: #f57c00 !important; }
+
+.tc-deep-orange-700 {
+ color: #e64a19 !important; }
+
+.tc-brown-700 {
+ color: #5d4037 !important; }
+
+.tc-grey-700 {
+ color: #616161 !important; }
+
+.tc-blue-grey-700 {
+ color: #455a64 !important; }
+
+.tc-red-800 {
+ color: #c62828 !important; }
+
+.tc-pink-800 {
+ color: #ad1457 !important; }
+
+.tc-purple-800 {
+ color: #6a1b9a !important; }
+
+.tc-deep-purple-800 {
+ color: #4527a0 !important; }
+
+.tc-indigo-800 {
+ color: #283593 !important; }
+
+.tc-blue-800 {
+ color: #1565c0 !important; }
+
+.tc-light-blue-800 {
+ color: #0277bd !important; }
+
+.tc-cyan-800 {
+ color: #00838f !important; }
+
+.tc-teal-800 {
+ color: #00695c !important; }
+
+.tc-green-800 {
+ color: #2e7d32 !important; }
+
+.tc-light-green-800 {
+ color: #558b2f !important; }
+
+.tc-lime-800 {
+ color: #9e9d24 !important; }
+
+.tc-yellow-800 {
+ color: #f9a825 !important; }
+
+.tc-amber-800 {
+ color: #ff8f00 !important; }
+
+.tc-orange-800 {
+ color: #ef6c00 !important; }
+
+.tc-deep-orange-800 {
+ color: #d84315 !important; }
+
+.tc-brown-800 {
+ color: #4e342e !important; }
+
+.tc-grey-800 {
+ color: #424242 !important; }
+
+.tc-blue-grey-800 {
+ color: #37474f !important; }
+
+.tc-red-900 {
+ color: #b71c1c !important; }
+
+.tc-pink-900 {
+ color: #880e4f !important; }
+
+.tc-purple-900 {
+ color: #4a148c !important; }
+
+.tc-deep-purple-900 {
+ color: #311b92 !important; }
+
+.tc-indigo-900 {
+ color: #1a237e !important; }
+
+.tc-blue-900 {
+ color: #0d47a1 !important; }
+
+.tc-light-blue-900 {
+ color: #01579b !important; }
+
+.tc-cyan-900 {
+ color: #006064 !important; }
+
+.tc-teal-900 {
+ color: #004d40 !important; }
+
+.tc-green-900 {
+ color: #1b5e20 !important; }
+
+.tc-light-green-900 {
+ color: #33691e !important; }
+
+.tc-lime-900 {
+ color: #827717 !important; }
+
+.tc-yellow-900 {
+ color: #f57f17 !important; }
+
+.tc-amber-900 {
+ color: #ff6f00 !important; }
+
+.tc-orange-900 {
+ color: #e65100 !important; }
+
+.tc-deep-orange-900 {
+ color: #bf360c !important; }
+
+.tc-brown-900 {
+ color: #3e2723 !important; }
+
+.tc-grey-900 {
+ color: #212121 !important; }
+
+.tc-blue-grey-900 {
+ color: #263238 !important; }
+
+.tc-red-A100 {
+ color: #ff8a80 !important; }
+
+.tc-pink-A100 {
+ color: #ff80ab !important; }
+
+.tc-purple-A100 {
+ color: #ea80fc !important; }
+
+.tc-deep-purple-A100 {
+ color: #b388ff !important; }
+
+.tc-indigo-A100 {
+ color: #8c9eff !important; }
+
+.tc-blue-A100 {
+ color: #82b1ff !important; }
+
+.tc-light-blue-A100 {
+ color: #80d8ff !important; }
+
+.tc-cyan-A100 {
+ color: #84ffff !important; }
+
+.tc-teal-A100 {
+ color: #a7ffeb !important; }
+
+.tc-green-A100 {
+ color: #b9f6ca !important; }
+
+.tc-light-green-A100 {
+ color: #ccff90 !important; }
+
+.tc-lime-A100 {
+ color: #f4ff81 !important; }
+
+.tc-yellow-A100 {
+ color: #ffff8d !important; }
+
+.tc-amber-A100 {
+ color: #ffe57f !important; }
+
+.tc-orange-A100 {
+ color: #ffd180 !important; }
+
+.tc-deep-orange-A100 {
+ color: #ff9e80 !important; }
+
+.tc-red-A200 {
+ color: #ff5252 !important; }
+
+.tc-pink-A200 {
+ color: #ff4081 !important; }
+
+.tc-purple-A200 {
+ color: #e040fb !important; }
+
+.tc-deep-purple-A200 {
+ color: #7c4dff !important; }
+
+.tc-indigo-A200 {
+ color: #536dfe !important; }
+
+.tc-blue-A200 {
+ color: #448aff !important; }
+
+.tc-light-blue-A200 {
+ color: #40c4ff !important; }
+
+.tc-cyan-A200 {
+ color: #18ffff !important; }
+
+.tc-teal-A200 {
+ color: #64ffda !important; }
+
+.tc-green-A200 {
+ color: #69f0ae !important; }
+
+.tc-light-green-A200 {
+ color: #b2ff59 !important; }
+
+.tc-lime-A200 {
+ color: #eeff41 !important; }
+
+.tc-yellow-A200 {
+ color: yellow !important; }
+
+.tc-amber-A200 {
+ color: #ffd740 !important; }
+
+.tc-orange-A200 {
+ color: #ffab40 !important; }
+
+.tc-deep-orange-A200 {
+ color: #ff6e40 !important; }
+
+.tc-red-A400 {
+ color: #ff1744 !important; }
+
+.tc-pink-A400 {
+ color: #f50057 !important; }
+
+.tc-purple-A400 {
+ color: #d500f9 !important; }
+
+.tc-deep-purple-A400 {
+ color: #651fff !important; }
+
+.tc-indigo-A400 {
+ color: #3d5afe !important; }
+
+.tc-blue-A400 {
+ color: #2979ff !important; }
+
+.tc-light-blue-A400 {
+ color: #00b0ff !important; }
+
+.tc-cyan-A400 {
+ color: #00e5ff !important; }
+
+.tc-teal-A400 {
+ color: #1de9b6 !important; }
+
+.tc-green-A400 {
+ color: #00e676 !important; }
+
+.tc-light-green-A400 {
+ color: #76ff03 !important; }
+
+.tc-lime-A400 {
+ color: #c6ff00 !important; }
+
+.tc-yellow-A400 {
+ color: #ffea00 !important; }
+
+.tc-amber-A400 {
+ color: #ffc400 !important; }
+
+.tc-orange-A400 {
+ color: #ff9100 !important; }
+
+.tc-deep-orange-A400 {
+ color: #ff3d00 !important; }
+
+.tc-red-A700 {
+ color: #d50000 !important; }
+
+.tc-pink-A700 {
+ color: #c51162 !important; }
+
+.tc-purple-A700 {
+ color: #aa00ff !important; }
+
+.tc-deep-purple-A700 {
+ color: #6200ea !important; }
+
+.tc-indigo-A700 {
+ color: #304ffe !important; }
+
+.tc-blue-A700 {
+ color: #2962ff !important; }
+
+.tc-light-blue-A700 {
+ color: #0091ea !important; }
+
+.tc-cyan-A700 {
+ color: #00b8d4 !important; }
+
+.tc-teal-A700 {
+ color: #00bfa5 !important; }
+
+.tc-green-A700 {
+ color: #00c853 !important; }
+
+.tc-light-green-A700 {
+ color: #64dd17 !important; }
+
+.tc-lime-A700 {
+ color: #aeea00 !important; }
+
+.tc-yellow-A700 {
+ color: #ffd600 !important; }
+
+.tc-amber-A700 {
+ color: #ffab00 !important; }
+
+.tc-orange-A700 {
+ color: #ff6d00 !important; }
+
+.tc-deep-orange-A700 {
+ color: #dd2c00 !important; }
+
+.tc-black {
+ color: black !important; }
+
+.tc-black-1 {
+ color: black !important; }
+
+.tc-black-2 {
+ color: black !important; }
+
+.tc-black-3 {
+ color: rgba(0, 0, 0, 0.12) !important; }
+
+.tc-black-4 {
+ color: black !important; }
+
+.tc-white {
+ color: rgba(255, 255, 255, 0.7) !important; }
+
+.tc-white-1 {
+ color: rgba(255, 255, 255, 0.3) !important; }
+
+.tc-white-2 {
+ color: rgba(255, 255, 255, 0.3) !important; }
+
+.tc-white-3 {
+ color: rgba(255, 255, 255, 0.12) !important; }
+
+.tc-white-4 {
+ color: white !important; }
+
+.bgc-red-50 {
+ background-color: #ffebee !important; }
+
+.bgc-pink-50 {
+ background-color: #fce4ec !important; }
+
+.bgc-purple-50 {
+ background-color: #f3e5f5 !important; }
+
+.bgc-deep-purple-50 {
+ background-color: #ede7f6 !important; }
+
+.bgc-indigo-50 {
+ background-color: #e8eaf6 !important; }
+
+.bgc-blue-50 {
+ background-color: #e3f2fd !important; }
+
+.bgc-light-blue-50 {
+ background-color: #e1f5fe !important; }
+
+.bgc-cyan-50 {
+ background-color: #e0f7fa !important; }
+
+.bgc-teal-50 {
+ background-color: #e0f2f1 !important; }
+
+.bgc-green-50 {
+ background-color: #e8f5e9 !important; }
+
+.bgc-light-green-50 {
+ background-color: #f1f8e9 !important; }
+
+.bgc-lime-50 {
+ background-color: #f9fbe7 !important; }
+
+.bgc-yellow-50 {
+ background-color: #fffde7 !important; }
+
+.bgc-amber-50 {
+ background-color: #fff8e1 !important; }
+
+.bgc-orange-50 {
+ background-color: #fff3e0 !important; }
+
+.bgc-deep-orange-50 {
+ background-color: #fbe9e7 !important; }
+
+.bgc-brown-50 {
+ background-color: #efebe9 !important; }
+
+.bgc-grey-50 {
+ background-color: #fafafa !important; }
+
+.bgc-blue-grey-50 {
+ background-color: #eceff1 !important; }
+
+.bgc-red-100 {
+ background-color: #ffcdd2 !important; }
+
+.bgc-pink-100 {
+ background-color: #f8bbd0 !important; }
+
+.bgc-purple-100 {
+ background-color: #e1bee7 !important; }
+
+.bgc-deep-purple-100 {
+ background-color: #d1c4e9 !important; }
+
+.bgc-indigo-100 {
+ background-color: #c5cae9 !important; }
+
+.bgc-blue-100 {
+ background-color: #bbdefb !important; }
+
+.bgc-light-blue-100 {
+ background-color: #b3e5fc !important; }
+
+.bgc-cyan-100 {
+ background-color: #b2ebf2 !important; }
+
+.bgc-teal-100 {
+ background-color: #b2dfdb !important; }
+
+.bgc-green-100 {
+ background-color: #c8e6c9 !important; }
+
+.bgc-light-green-100 {
+ background-color: #dcedc8 !important; }
+
+.bgc-lime-100 {
+ background-color: #f0f4c3 !important; }
+
+.bgc-yellow-100 {
+ background-color: #fff9c4 !important; }
+
+.bgc-amber-100 {
+ background-color: #ffecb3 !important; }
+
+.bgc-orange-100 {
+ background-color: #ffe0b2 !important; }
+
+.bgc-deep-orange-100 {
+ background-color: #ffccbc !important; }
+
+.bgc-brown-100 {
+ background-color: #d7ccc8 !important; }
+
+.bgc-grey-100 {
+ background-color: whitesmoke !important; }
+
+.bgc-blue-grey-100 {
+ background-color: #cfd8dc !important; }
+
+.bgc-red-200 {
+ background-color: #ef9a9a !important; }
+
+.bgc-pink-200 {
+ background-color: #f48fb1 !important; }
+
+.bgc-purple-200 {
+ background-color: #ce93d8 !important; }
+
+.bgc-deep-purple-200 {
+ background-color: #b39ddb !important; }
+
+.bgc-indigo-200 {
+ background-color: #9fa8da !important; }
+
+.bgc-blue-200 {
+ background-color: #90caf9 !important; }
+
+.bgc-light-blue-200 {
+ background-color: #81d4fa !important; }
+
+.bgc-cyan-200 {
+ background-color: #80deea !important; }
+
+.bgc-teal-200 {
+ background-color: #80cbc4 !important; }
+
+.bgc-green-200 {
+ background-color: #a5d6a7 !important; }
+
+.bgc-light-green-200 {
+ background-color: #c5e1a5 !important; }
+
+.bgc-lime-200 {
+ background-color: #e6ee9c !important; }
+
+.bgc-yellow-200 {
+ background-color: #fff59d !important; }
+
+.bgc-amber-200 {
+ background-color: #ffe082 !important; }
+
+.bgc-orange-200 {
+ background-color: #ffcc80 !important; }
+
+.bgc-deep-orange-200 {
+ background-color: #ffab91 !important; }
+
+.bgc-brown-200 {
+ background-color: #bcaaa4 !important; }
+
+.bgc-grey-200 {
+ background-color: #eeeeee !important; }
+
+.bgc-blue-grey-200 {
+ background-color: #b0bec5 !important; }
+
+.bgc-red-300 {
+ background-color: #e57373 !important; }
+
+.bgc-pink-300 {
+ background-color: #f06292 !important; }
+
+.bgc-purple-300 {
+ background-color: #ba68c8 !important; }
+
+.bgc-deep-purple-300 {
+ background-color: #9575cd !important; }
+
+.bgc-indigo-300 {
+ background-color: #7986cb !important; }
+
+.bgc-blue-300 {
+ background-color: #64b5f6 !important; }
+
+.bgc-light-blue-300 {
+ background-color: #4fc3f7 !important; }
+
+.bgc-cyan-300 {
+ background-color: #4dd0e1 !important; }
+
+.bgc-teal-300 {
+ background-color: #4db6ac !important; }
+
+.bgc-green-300 {
+ background-color: #81c784 !important; }
+
+.bgc-light-green-300 {
+ background-color: #aed581 !important; }
+
+.bgc-lime-300 {
+ background-color: #dce775 !important; }
+
+.bgc-yellow-300 {
+ background-color: #fff176 !important; }
+
+.bgc-amber-300 {
+ background-color: #ffd54f !important; }
+
+.bgc-orange-300 {
+ background-color: #ffb74d !important; }
+
+.bgc-deep-orange-300 {
+ background-color: #ff8a65 !important; }
+
+.bgc-brown-300 {
+ background-color: #a1887f !important; }
+
+.bgc-grey-300 {
+ background-color: #e0e0e0 !important; }
+
+.bgc-blue-grey-300 {
+ background-color: #90a4ae !important; }
+
+.bgc-red-400 {
+ background-color: #ef5350 !important; }
+
+.bgc-pink-400 {
+ background-color: #ec407a !important; }
+
+.bgc-purple-400 {
+ background-color: #ab47bc !important; }
+
+.bgc-deep-purple-400 {
+ background-color: #7e57c2 !important; }
+
+.bgc-indigo-400 {
+ background-color: #5c6bc0 !important; }
+
+.bgc-blue-400 {
+ background-color: #42a5f5 !important; }
+
+.bgc-light-blue-400 {
+ background-color: #29b6f6 !important; }
+
+.bgc-cyan-400 {
+ background-color: #26c6da !important; }
+
+.bgc-teal-400 {
+ background-color: #26a69a !important; }
+
+.bgc-green-400 {
+ background-color: #66bb6a !important; }
+
+.bgc-light-green-400 {
+ background-color: #9ccc65 !important; }
+
+.bgc-lime-400 {
+ background-color: #d4e157 !important; }
+
+.bgc-yellow-400 {
+ background-color: #ffee58 !important; }
+
+.bgc-amber-400 {
+ background-color: #ffca28 !important; }
+
+.bgc-orange-400 {
+ background-color: #ffa726 !important; }
+
+.bgc-deep-orange-400 {
+ background-color: #ff7043 !important; }
+
+.bgc-brown-400 {
+ background-color: #8d6e63 !important; }
+
+.bgc-grey-400 {
+ background-color: #bdbdbd !important; }
+
+.bgc-blue-grey-400 {
+ background-color: #78909c !important; }
+
+.bgc-red-500 {
+ background-color: #f44336 !important; }
+
+.bgc-pink-500 {
+ background-color: #e91e63 !important; }
+
+.bgc-purple-500 {
+ background-color: #9c27b0 !important; }
+
+.bgc-deep-purple-500 {
+ background-color: #673ab7 !important; }
+
+.bgc-indigo-500 {
+ background-color: #3f51b5 !important; }
+
+.bgc-blue-500 {
+ background-color: #2196f3 !important; }
+
+.bgc-light-blue-500 {
+ background-color: #03a9f4 !important; }
+
+.bgc-cyan-500 {
+ background-color: #00bcd4 !important; }
+
+.bgc-teal-500 {
+ background-color: #009688 !important; }
+
+.bgc-green-500 {
+ background-color: #4caf50 !important; }
+
+.bgc-light-green-500 {
+ background-color: #8bc34a !important; }
+
+.bgc-lime-500 {
+ background-color: #cddc39 !important; }
+
+.bgc-yellow-500 {
+ background-color: #ffeb3b !important; }
+
+.bgc-amber-500 {
+ background-color: #ffc107 !important; }
+
+.bgc-orange-500 {
+ background-color: #ff9800 !important; }
+
+.bgc-deep-orange-500 {
+ background-color: #ff5722 !important; }
+
+.bgc-brown-500 {
+ background-color: #795548 !important; }
+
+.bgc-grey-500 {
+ background-color: #9e9e9e !important; }
+
+.bgc-blue-grey-500 {
+ background-color: #607d8b !important; }
+
+.bgc-red-600 {
+ background-color: #e53935 !important; }
+
+.bgc-pink-600 {
+ background-color: #d81b60 !important; }
+
+.bgc-purple-600 {
+ background-color: #8e24aa !important; }
+
+.bgc-deep-purple-600 {
+ background-color: #5e35b1 !important; }
+
+.bgc-indigo-600 {
+ background-color: #3949ab !important; }
+
+.bgc-blue-600 {
+ background-color: #1e88e5 !important; }
+
+.bgc-light-blue-600 {
+ background-color: #039be5 !important; }
+
+.bgc-cyan-600 {
+ background-color: #00acc1 !important; }
+
+.bgc-teal-600 {
+ background-color: #00897b !important; }
+
+.bgc-green-600 {
+ background-color: #43a047 !important; }
+
+.bgc-light-green-600 {
+ background-color: #7cb342 !important; }
+
+.bgc-lime-600 {
+ background-color: #c0ca33 !important; }
+
+.bgc-yellow-600 {
+ background-color: #fdd835 !important; }
+
+.bgc-amber-600 {
+ background-color: #ffb300 !important; }
+
+.bgc-orange-600 {
+ background-color: #fb8c00 !important; }
+
+.bgc-deep-orange-600 {
+ background-color: #f4511e !important; }
+
+.bgc-brown-600 {
+ background-color: #6d4c41 !important; }
+
+.bgc-grey-600 {
+ background-color: #757575 !important; }
+
+.bgc-blue-grey-600 {
+ background-color: #546e7a !important; }
+
+.bgc-red-700 {
+ background-color: #d32f2f !important; }
+
+.bgc-pink-700 {
+ background-color: #c2185b !important; }
+
+.bgc-purple-700 {
+ background-color: #7b1fa2 !important; }
+
+.bgc-deep-purple-700 {
+ background-color: #512da8 !important; }
+
+.bgc-indigo-700 {
+ background-color: #303f9f !important; }
+
+.bgc-blue-700 {
+ background-color: #1976d2 !important; }
+
+.bgc-light-blue-700 {
+ background-color: #0288d1 !important; }
+
+.bgc-cyan-700 {
+ background-color: #0097a7 !important; }
+
+.bgc-teal-700 {
+ background-color: #00796b !important; }
+
+.bgc-green-700 {
+ background-color: #388e3c !important; }
+
+.bgc-light-green-700 {
+ background-color: #689f38 !important; }
+
+.bgc-lime-700 {
+ background-color: #afb42b !important; }
+
+.bgc-yellow-700 {
+ background-color: #fbc02d !important; }
+
+.bgc-amber-700 {
+ background-color: #ffa000 !important; }
+
+.bgc-orange-700 {
+ background-color: #f57c00 !important; }
+
+.bgc-deep-orange-700 {
+ background-color: #e64a19 !important; }
+
+.bgc-brown-700 {
+ background-color: #5d4037 !important; }
+
+.bgc-grey-700 {
+ background-color: #616161 !important; }
+
+.bgc-blue-grey-700 {
+ background-color: #455a64 !important; }
+
+.bgc-red-800 {
+ background-color: #c62828 !important; }
+
+.bgc-pink-800 {
+ background-color: #ad1457 !important; }
+
+.bgc-purple-800 {
+ background-color: #6a1b9a !important; }
+
+.bgc-deep-purple-800 {
+ background-color: #4527a0 !important; }
+
+.bgc-indigo-800 {
+ background-color: #283593 !important; }
+
+.bgc-blue-800 {
+ background-color: #1565c0 !important; }
+
+.bgc-light-blue-800 {
+ background-color: #0277bd !important; }
+
+.bgc-cyan-800 {
+ background-color: #00838f !important; }
+
+.bgc-teal-800 {
+ background-color: #00695c !important; }
+
+.bgc-green-800 {
+ background-color: #2e7d32 !important; }
+
+.bgc-light-green-800 {
+ background-color: #558b2f !important; }
+
+.bgc-lime-800 {
+ background-color: #9e9d24 !important; }
+
+.bgc-yellow-800 {
+ background-color: #f9a825 !important; }
+
+.bgc-amber-800 {
+ background-color: #ff8f00 !important; }
+
+.bgc-orange-800 {
+ background-color: #ef6c00 !important; }
+
+.bgc-deep-orange-800 {
+ background-color: #d84315 !important; }
+
+.bgc-brown-800 {
+ background-color: #4e342e !important; }
+
+.bgc-grey-800 {
+ background-color: #424242 !important; }
+
+.bgc-blue-grey-800 {
+ background-color: #37474f !important; }
+
+.bgc-red-900 {
+ background-color: #b71c1c !important; }
+
+.bgc-pink-900 {
+ background-color: #880e4f !important; }
+
+.bgc-purple-900 {
+ background-color: #4a148c !important; }
+
+.bgc-deep-purple-900 {
+ background-color: #311b92 !important; }
+
+.bgc-indigo-900 {
+ background-color: #1a237e !important; }
+
+.bgc-blue-900 {
+ background-color: #0d47a1 !important; }
+
+.bgc-light-blue-900 {
+ background-color: #01579b !important; }
+
+.bgc-cyan-900 {
+ background-color: #006064 !important; }
+
+.bgc-teal-900 {
+ background-color: #004d40 !important; }
+
+.bgc-green-900 {
+ background-color: #1b5e20 !important; }
+
+.bgc-light-green-900 {
+ background-color: #33691e !important; }
+
+.bgc-lime-900 {
+ background-color: #827717 !important; }
+
+.bgc-yellow-900 {
+ background-color: #f57f17 !important; }
+
+.bgc-amber-900 {
+ background-color: #ff6f00 !important; }
+
+.bgc-orange-900 {
+ background-color: #e65100 !important; }
+
+.bgc-deep-orange-900 {
+ background-color: #bf360c !important; }
+
+.bgc-brown-900 {
+ background-color: #3e2723 !important; }
+
+.bgc-grey-900 {
+ background-color: #212121 !important; }
+
+.bgc-blue-grey-900 {
+ background-color: #263238 !important; }
+
+.bgc-red-A100 {
+ background-color: #ff8a80 !important; }
+
+.bgc-pink-A100 {
+ background-color: #ff80ab !important; }
+
+.bgc-purple-A100 {
+ background-color: #ea80fc !important; }
+
+.bgc-deep-purple-A100 {
+ background-color: #b388ff !important; }
+
+.bgc-indigo-A100 {
+ background-color: #8c9eff !important; }
+
+.bgc-blue-A100 {
+ background-color: #82b1ff !important; }
+
+.bgc-light-blue-A100 {
+ background-color: #80d8ff !important; }
+
+.bgc-cyan-A100 {
+ background-color: #84ffff !important; }
+
+.bgc-teal-A100 {
+ background-color: #a7ffeb !important; }
+
+.bgc-green-A100 {
+ background-color: #b9f6ca !important; }
+
+.bgc-light-green-A100 {
+ background-color: #ccff90 !important; }
+
+.bgc-lime-A100 {
+ background-color: #f4ff81 !important; }
+
+.bgc-yellow-A100 {
+ background-color: #ffff8d !important; }
+
+.bgc-amber-A100 {
+ background-color: #ffe57f !important; }
+
+.bgc-orange-A100 {
+ background-color: #ffd180 !important; }
+
+.bgc-deep-orange-A100 {
+ background-color: #ff9e80 !important; }
+
+.bgc-red-A200 {
+ background-color: #ff5252 !important; }
+
+.bgc-pink-A200 {
+ background-color: #ff4081 !important; }
+
+.bgc-purple-A200 {
+ background-color: #e040fb !important; }
+
+.bgc-deep-purple-A200 {
+ background-color: #7c4dff !important; }
+
+.bgc-indigo-A200 {
+ background-color: #536dfe !important; }
+
+.bgc-blue-A200 {
+ background-color: #448aff !important; }
+
+.bgc-light-blue-A200 {
+ background-color: #40c4ff !important; }
+
+.bgc-cyan-A200 {
+ background-color: #18ffff !important; }
+
+.bgc-teal-A200 {
+ background-color: #64ffda !important; }
+
+.bgc-green-A200 {
+ background-color: #69f0ae !important; }
+
+.bgc-light-green-A200 {
+ background-color: #b2ff59 !important; }
+
+.bgc-lime-A200 {
+ background-color: #eeff41 !important; }
+
+.bgc-yellow-A200 {
+ background-color: yellow !important; }
+
+.bgc-amber-A200 {
+ background-color: #ffd740 !important; }
+
+.bgc-orange-A200 {
+ background-color: #ffab40 !important; }
+
+.bgc-deep-orange-A200 {
+ background-color: #ff6e40 !important; }
+
+.bgc-red-A400 {
+ background-color: #ff1744 !important; }
+
+.bgc-pink-A400 {
+ background-color: #f50057 !important; }
+
+.bgc-purple-A400 {
+ background-color: #d500f9 !important; }
+
+.bgc-deep-purple-A400 {
+ background-color: #651fff !important; }
+
+.bgc-indigo-A400 {
+ background-color: #3d5afe !important; }
+
+.bgc-blue-A400 {
+ background-color: #2979ff !important; }
+
+.bgc-light-blue-A400 {
+ background-color: #00b0ff !important; }
+
+.bgc-cyan-A400 {
+ background-color: #00e5ff !important; }
+
+.bgc-teal-A400 {
+ background-color: #1de9b6 !important; }
+
+.bgc-green-A400 {
+ background-color: #00e676 !important; }
+
+.bgc-light-green-A400 {
+ background-color: #76ff03 !important; }
+
+.bgc-lime-A400 {
+ background-color: #c6ff00 !important; }
+
+.bgc-yellow-A400 {
+ background-color: #ffea00 !important; }
+
+.bgc-amber-A400 {
+ background-color: #ffc400 !important; }
+
+.bgc-orange-A400 {
+ background-color: #ff9100 !important; }
+
+.bgc-deep-orange-A400 {
+ background-color: #ff3d00 !important; }
+
+.bgc-red-A700 {
+ background-color: #d50000 !important; }
+
+.bgc-pink-A700 {
+ background-color: #c51162 !important; }
+
+.bgc-purple-A700 {
+ background-color: #aa00ff !important; }
+
+.bgc-deep-purple-A700 {
+ background-color: #6200ea !important; }
+
+.bgc-indigo-A700 {
+ background-color: #304ffe !important; }
+
+.bgc-blue-A700 {
+ background-color: #2962ff !important; }
+
+.bgc-light-blue-A700 {
+ background-color: #0091ea !important; }
+
+.bgc-cyan-A700 {
+ background-color: #00b8d4 !important; }
+
+.bgc-teal-A700 {
+ background-color: #00bfa5 !important; }
+
+.bgc-green-A700 {
+ background-color: #00c853 !important; }
+
+.bgc-light-green-A700 {
+ background-color: #64dd17 !important; }
+
+.bgc-lime-A700 {
+ background-color: #aeea00 !important; }
+
+.bgc-yellow-A700 {
+ background-color: #ffd600 !important; }
+
+.bgc-amber-A700 {
+ background-color: #ffab00 !important; }
+
+.bgc-orange-A700 {
+ background-color: #ff6d00 !important; }
+
+.bgc-deep-orange-A700 {
+ background-color: #dd2c00 !important; }
+
+.bgc-black {
+ background-color: black !important; }
+
+.bgc-black-1 {
+ background-color: black !important; }
+
+.bgc-black-2 {
+ background-color: black !important; }
+
+.bgc-black-3 {
+ background-color: rgba(0, 0, 0, 0.12) !important; }
+
+.bgc-black-4 {
+ background-color: black !important; }
+
+.bgc-white {
+ background-color: rgba(255, 255, 255, 0.7) !important; }
+
+.bgc-white-1 {
+ background-color: rgba(255, 255, 255, 0.3) !important; }
+
+.bgc-white-2 {
+ background-color: rgba(255, 255, 255, 0.3) !important; }
+
+.bgc-white-3 {
+ background-color: rgba(255, 255, 255, 0.12) !important; }
+
+.bgc-white-4 {
+ background-color: white !important; }
+
+.fill-red-50 {
+ fill: #ffebee !important; }
+
+.fill-pink-50 {
+ fill: #fce4ec !important; }
+
+.fill-purple-50 {
+ fill: #f3e5f5 !important; }
+
+.fill-deep-purple-50 {
+ fill: #ede7f6 !important; }
+
+.fill-indigo-50 {
+ fill: #e8eaf6 !important; }
+
+.fill-blue-50 {
+ fill: #e3f2fd !important; }
+
+.fill-light-blue-50 {
+ fill: #e1f5fe !important; }
+
+.fill-cyan-50 {
+ fill: #e0f7fa !important; }
+
+.fill-teal-50 {
+ fill: #e0f2f1 !important; }
+
+.fill-green-50 {
+ fill: #e8f5e9 !important; }
+
+.fill-light-green-50 {
+ fill: #f1f8e9 !important; }
+
+.fill-lime-50 {
+ fill: #f9fbe7 !important; }
+
+.fill-yellow-50 {
+ fill: #fffde7 !important; }
+
+.fill-amber-50 {
+ fill: #fff8e1 !important; }
+
+.fill-orange-50 {
+ fill: #fff3e0 !important; }
+
+.fill-deep-orange-50 {
+ fill: #fbe9e7 !important; }
+
+.fill-brown-50 {
+ fill: #efebe9 !important; }
+
+.fill-grey-50 {
+ fill: #fafafa !important; }
+
+.fill-blue-grey-50 {
+ fill: #eceff1 !important; }
+
+.fill-red-100 {
+ fill: #ffcdd2 !important; }
+
+.fill-pink-100 {
+ fill: #f8bbd0 !important; }
+
+.fill-purple-100 {
+ fill: #e1bee7 !important; }
+
+.fill-deep-purple-100 {
+ fill: #d1c4e9 !important; }
+
+.fill-indigo-100 {
+ fill: #c5cae9 !important; }
+
+.fill-blue-100 {
+ fill: #bbdefb !important; }
+
+.fill-light-blue-100 {
+ fill: #b3e5fc !important; }
+
+.fill-cyan-100 {
+ fill: #b2ebf2 !important; }
+
+.fill-teal-100 {
+ fill: #b2dfdb !important; }
+
+.fill-green-100 {
+ fill: #c8e6c9 !important; }
+
+.fill-light-green-100 {
+ fill: #dcedc8 !important; }
+
+.fill-lime-100 {
+ fill: #f0f4c3 !important; }
+
+.fill-yellow-100 {
+ fill: #fff9c4 !important; }
+
+.fill-amber-100 {
+ fill: #ffecb3 !important; }
+
+.fill-orange-100 {
+ fill: #ffe0b2 !important; }
+
+.fill-deep-orange-100 {
+ fill: #ffccbc !important; }
+
+.fill-brown-100 {
+ fill: #d7ccc8 !important; }
+
+.fill-grey-100 {
+ fill: whitesmoke !important; }
+
+.fill-blue-grey-100 {
+ fill: #cfd8dc !important; }
+
+.fill-red-200 {
+ fill: #ef9a9a !important; }
+
+.fill-pink-200 {
+ fill: #f48fb1 !important; }
+
+.fill-purple-200 {
+ fill: #ce93d8 !important; }
+
+.fill-deep-purple-200 {
+ fill: #b39ddb !important; }
+
+.fill-indigo-200 {
+ fill: #9fa8da !important; }
+
+.fill-blue-200 {
+ fill: #90caf9 !important; }
+
+.fill-light-blue-200 {
+ fill: #81d4fa !important; }
+
+.fill-cyan-200 {
+ fill: #80deea !important; }
+
+.fill-teal-200 {
+ fill: #80cbc4 !important; }
+
+.fill-green-200 {
+ fill: #a5d6a7 !important; }
+
+.fill-light-green-200 {
+ fill: #c5e1a5 !important; }
+
+.fill-lime-200 {
+ fill: #e6ee9c !important; }
+
+.fill-yellow-200 {
+ fill: #fff59d !important; }
+
+.fill-amber-200 {
+ fill: #ffe082 !important; }
+
+.fill-orange-200 {
+ fill: #ffcc80 !important; }
+
+.fill-deep-orange-200 {
+ fill: #ffab91 !important; }
+
+.fill-brown-200 {
+ fill: #bcaaa4 !important; }
+
+.fill-grey-200 {
+ fill: #eeeeee !important; }
+
+.fill-blue-grey-200 {
+ fill: #b0bec5 !important; }
+
+.fill-red-300 {
+ fill: #e57373 !important; }
+
+.fill-pink-300 {
+ fill: #f06292 !important; }
+
+.fill-purple-300 {
+ fill: #ba68c8 !important; }
+
+.fill-deep-purple-300 {
+ fill: #9575cd !important; }
+
+.fill-indigo-300 {
+ fill: #7986cb !important; }
+
+.fill-blue-300 {
+ fill: #64b5f6 !important; }
+
+.fill-light-blue-300 {
+ fill: #4fc3f7 !important; }
+
+.fill-cyan-300 {
+ fill: #4dd0e1 !important; }
+
+.fill-teal-300 {
+ fill: #4db6ac !important; }
+
+.fill-green-300 {
+ fill: #81c784 !important; }
+
+.fill-light-green-300 {
+ fill: #aed581 !important; }
+
+.fill-lime-300 {
+ fill: #dce775 !important; }
+
+.fill-yellow-300 {
+ fill: #fff176 !important; }
+
+.fill-amber-300 {
+ fill: #ffd54f !important; }
+
+.fill-orange-300 {
+ fill: #ffb74d !important; }
+
+.fill-deep-orange-300 {
+ fill: #ff8a65 !important; }
+
+.fill-brown-300 {
+ fill: #a1887f !important; }
+
+.fill-grey-300 {
+ fill: #e0e0e0 !important; }
+
+.fill-blue-grey-300 {
+ fill: #90a4ae !important; }
+
+.fill-red-400 {
+ fill: #ef5350 !important; }
+
+.fill-pink-400 {
+ fill: #ec407a !important; }
+
+.fill-purple-400 {
+ fill: #ab47bc !important; }
+
+.fill-deep-purple-400 {
+ fill: #7e57c2 !important; }
+
+.fill-indigo-400 {
+ fill: #5c6bc0 !important; }
+
+.fill-blue-400 {
+ fill: #42a5f5 !important; }
+
+.fill-light-blue-400 {
+ fill: #29b6f6 !important; }
+
+.fill-cyan-400 {
+ fill: #26c6da !important; }
+
+.fill-teal-400 {
+ fill: #26a69a !important; }
+
+.fill-green-400 {
+ fill: #66bb6a !important; }
+
+.fill-light-green-400 {
+ fill: #9ccc65 !important; }
+
+.fill-lime-400 {
+ fill: #d4e157 !important; }
+
+.fill-yellow-400 {
+ fill: #ffee58 !important; }
+
+.fill-amber-400 {
+ fill: #ffca28 !important; }
+
+.fill-orange-400 {
+ fill: #ffa726 !important; }
+
+.fill-deep-orange-400 {
+ fill: #ff7043 !important; }
+
+.fill-brown-400 {
+ fill: #8d6e63 !important; }
+
+.fill-grey-400 {
+ fill: #bdbdbd !important; }
+
+.fill-blue-grey-400 {
+ fill: #78909c !important; }
+
+.fill-red-500 {
+ fill: #f44336 !important; }
+
+.fill-pink-500 {
+ fill: #e91e63 !important; }
+
+.fill-purple-500 {
+ fill: #9c27b0 !important; }
+
+.fill-deep-purple-500 {
+ fill: #673ab7 !important; }
+
+.fill-indigo-500 {
+ fill: #3f51b5 !important; }
+
+.fill-blue-500 {
+ fill: #2196f3 !important; }
+
+.fill-light-blue-500 {
+ fill: #03a9f4 !important; }
+
+.fill-cyan-500 {
+ fill: #00bcd4 !important; }
+
+.fill-teal-500 {
+ fill: #009688 !important; }
+
+.fill-green-500 {
+ fill: #4caf50 !important; }
+
+.fill-light-green-500 {
+ fill: #8bc34a !important; }
+
+.fill-lime-500 {
+ fill: #cddc39 !important; }
+
+.fill-yellow-500 {
+ fill: #ffeb3b !important; }
+
+.fill-amber-500 {
+ fill: #ffc107 !important; }
+
+.fill-orange-500 {
+ fill: #ff9800 !important; }
+
+.fill-deep-orange-500 {
+ fill: #ff5722 !important; }
+
+.fill-brown-500 {
+ fill: #795548 !important; }
+
+.fill-grey-500 {
+ fill: #9e9e9e !important; }
+
+.fill-blue-grey-500 {
+ fill: #607d8b !important; }
+
+.fill-red-600 {
+ fill: #e53935 !important; }
+
+.fill-pink-600 {
+ fill: #d81b60 !important; }
+
+.fill-purple-600 {
+ fill: #8e24aa !important; }
+
+.fill-deep-purple-600 {
+ fill: #5e35b1 !important; }
+
+.fill-indigo-600 {
+ fill: #3949ab !important; }
+
+.fill-blue-600 {
+ fill: #1e88e5 !important; }
+
+.fill-light-blue-600 {
+ fill: #039be5 !important; }
+
+.fill-cyan-600 {
+ fill: #00acc1 !important; }
+
+.fill-teal-600 {
+ fill: #00897b !important; }
+
+.fill-green-600 {
+ fill: #43a047 !important; }
+
+.fill-light-green-600 {
+ fill: #7cb342 !important; }
+
+.fill-lime-600 {
+ fill: #c0ca33 !important; }
+
+.fill-yellow-600 {
+ fill: #fdd835 !important; }
+
+.fill-amber-600 {
+ fill: #ffb300 !important; }
+
+.fill-orange-600 {
+ fill: #fb8c00 !important; }
+
+.fill-deep-orange-600 {
+ fill: #f4511e !important; }
+
+.fill-brown-600 {
+ fill: #6d4c41 !important; }
+
+.fill-grey-600 {
+ fill: #757575 !important; }
+
+.fill-blue-grey-600 {
+ fill: #546e7a !important; }
+
+.fill-red-700 {
+ fill: #d32f2f !important; }
+
+.fill-pink-700 {
+ fill: #c2185b !important; }
+
+.fill-purple-700 {
+ fill: #7b1fa2 !important; }
+
+.fill-deep-purple-700 {
+ fill: #512da8 !important; }
+
+.fill-indigo-700 {
+ fill: #303f9f !important; }
+
+.fill-blue-700 {
+ fill: #1976d2 !important; }
+
+.fill-light-blue-700 {
+ fill: #0288d1 !important; }
+
+.fill-cyan-700 {
+ fill: #0097a7 !important; }
+
+.fill-teal-700 {
+ fill: #00796b !important; }
+
+.fill-green-700 {
+ fill: #388e3c !important; }
+
+.fill-light-green-700 {
+ fill: #689f38 !important; }
+
+.fill-lime-700 {
+ fill: #afb42b !important; }
+
+.fill-yellow-700 {
+ fill: #fbc02d !important; }
+
+.fill-amber-700 {
+ fill: #ffa000 !important; }
+
+.fill-orange-700 {
+ fill: #f57c00 !important; }
+
+.fill-deep-orange-700 {
+ fill: #e64a19 !important; }
+
+.fill-brown-700 {
+ fill: #5d4037 !important; }
+
+.fill-grey-700 {
+ fill: #616161 !important; }
+
+.fill-blue-grey-700 {
+ fill: #455a64 !important; }
+
+.fill-red-800 {
+ fill: #c62828 !important; }
+
+.fill-pink-800 {
+ fill: #ad1457 !important; }
+
+.fill-purple-800 {
+ fill: #6a1b9a !important; }
+
+.fill-deep-purple-800 {
+ fill: #4527a0 !important; }
+
+.fill-indigo-800 {
+ fill: #283593 !important; }
+
+.fill-blue-800 {
+ fill: #1565c0 !important; }
+
+.fill-light-blue-800 {
+ fill: #0277bd !important; }
+
+.fill-cyan-800 {
+ fill: #00838f !important; }
+
+.fill-teal-800 {
+ fill: #00695c !important; }
+
+.fill-green-800 {
+ fill: #2e7d32 !important; }
+
+.fill-light-green-800 {
+ fill: #558b2f !important; }
+
+.fill-lime-800 {
+ fill: #9e9d24 !important; }
+
+.fill-yellow-800 {
+ fill: #f9a825 !important; }
+
+.fill-amber-800 {
+ fill: #ff8f00 !important; }
+
+.fill-orange-800 {
+ fill: #ef6c00 !important; }
+
+.fill-deep-orange-800 {
+ fill: #d84315 !important; }
+
+.fill-brown-800 {
+ fill: #4e342e !important; }
+
+.fill-grey-800 {
+ fill: #424242 !important; }
+
+.fill-blue-grey-800 {
+ fill: #37474f !important; }
+
+.fill-red-900 {
+ fill: #b71c1c !important; }
+
+.fill-pink-900 {
+ fill: #880e4f !important; }
+
+.fill-purple-900 {
+ fill: #4a148c !important; }
+
+.fill-deep-purple-900 {
+ fill: #311b92 !important; }
+
+.fill-indigo-900 {
+ fill: #1a237e !important; }
+
+.fill-blue-900 {
+ fill: #0d47a1 !important; }
+
+.fill-light-blue-900 {
+ fill: #01579b !important; }
+
+.fill-cyan-900 {
+ fill: #006064 !important; }
+
+.fill-teal-900 {
+ fill: #004d40 !important; }
+
+.fill-green-900 {
+ fill: #1b5e20 !important; }
+
+.fill-light-green-900 {
+ fill: #33691e !important; }
+
+.fill-lime-900 {
+ fill: #827717 !important; }
+
+.fill-yellow-900 {
+ fill: #f57f17 !important; }
+
+.fill-amber-900 {
+ fill: #ff6f00 !important; }
+
+.fill-orange-900 {
+ fill: #e65100 !important; }
+
+.fill-deep-orange-900 {
+ fill: #bf360c !important; }
+
+.fill-brown-900 {
+ fill: #3e2723 !important; }
+
+.fill-grey-900 {
+ fill: #212121 !important; }
+
+.fill-blue-grey-900 {
+ fill: #263238 !important; }
+
+.fill-red-A100 {
+ fill: #ff8a80 !important; }
+
+.fill-pink-A100 {
+ fill: #ff80ab !important; }
+
+.fill-purple-A100 {
+ fill: #ea80fc !important; }
+
+.fill-deep-purple-A100 {
+ fill: #b388ff !important; }
+
+.fill-indigo-A100 {
+ fill: #8c9eff !important; }
+
+.fill-blue-A100 {
+ fill: #82b1ff !important; }
+
+.fill-light-blue-A100 {
+ fill: #80d8ff !important; }
+
+.fill-cyan-A100 {
+ fill: #84ffff !important; }
+
+.fill-teal-A100 {
+ fill: #a7ffeb !important; }
+
+.fill-green-A100 {
+ fill: #b9f6ca !important; }
+
+.fill-light-green-A100 {
+ fill: #ccff90 !important; }
+
+.fill-lime-A100 {
+ fill: #f4ff81 !important; }
+
+.fill-yellow-A100 {
+ fill: #ffff8d !important; }
+
+.fill-amber-A100 {
+ fill: #ffe57f !important; }
+
+.fill-orange-A100 {
+ fill: #ffd180 !important; }
+
+.fill-deep-orange-A100 {
+ fill: #ff9e80 !important; }
+
+.fill-red-A200 {
+ fill: #ff5252 !important; }
+
+.fill-pink-A200 {
+ fill: #ff4081 !important; }
+
+.fill-purple-A200 {
+ fill: #e040fb !important; }
+
+.fill-deep-purple-A200 {
+ fill: #7c4dff !important; }
+
+.fill-indigo-A200 {
+ fill: #536dfe !important; }
+
+.fill-blue-A200 {
+ fill: #448aff !important; }
+
+.fill-light-blue-A200 {
+ fill: #40c4ff !important; }
+
+.fill-cyan-A200 {
+ fill: #18ffff !important; }
+
+.fill-teal-A200 {
+ fill: #64ffda !important; }
+
+.fill-green-A200 {
+ fill: #69f0ae !important; }
+
+.fill-light-green-A200 {
+ fill: #b2ff59 !important; }
+
+.fill-lime-A200 {
+ fill: #eeff41 !important; }
+
+.fill-yellow-A200 {
+ fill: yellow !important; }
+
+.fill-amber-A200 {
+ fill: #ffd740 !important; }
+
+.fill-orange-A200 {
+ fill: #ffab40 !important; }
+
+.fill-deep-orange-A200 {
+ fill: #ff6e40 !important; }
+
+.fill-red-A400 {
+ fill: #ff1744 !important; }
+
+.fill-pink-A400 {
+ fill: #f50057 !important; }
+
+.fill-purple-A400 {
+ fill: #d500f9 !important; }
+
+.fill-deep-purple-A400 {
+ fill: #651fff !important; }
+
+.fill-indigo-A400 {
+ fill: #3d5afe !important; }
+
+.fill-blue-A400 {
+ fill: #2979ff !important; }
+
+.fill-light-blue-A400 {
+ fill: #00b0ff !important; }
+
+.fill-cyan-A400 {
+ fill: #00e5ff !important; }
+
+.fill-teal-A400 {
+ fill: #1de9b6 !important; }
+
+.fill-green-A400 {
+ fill: #00e676 !important; }
+
+.fill-light-green-A400 {
+ fill: #76ff03 !important; }
+
+.fill-lime-A400 {
+ fill: #c6ff00 !important; }
+
+.fill-yellow-A400 {
+ fill: #ffea00 !important; }
+
+.fill-amber-A400 {
+ fill: #ffc400 !important; }
+
+.fill-orange-A400 {
+ fill: #ff9100 !important; }
+
+.fill-deep-orange-A400 {
+ fill: #ff3d00 !important; }
+
+.fill-red-A700 {
+ fill: #d50000 !important; }
+
+.fill-pink-A700 {
+ fill: #c51162 !important; }
+
+.fill-purple-A700 {
+ fill: #aa00ff !important; }
+
+.fill-deep-purple-A700 {
+ fill: #6200ea !important; }
+
+.fill-indigo-A700 {
+ fill: #304ffe !important; }
+
+.fill-blue-A700 {
+ fill: #2962ff !important; }
+
+.fill-light-blue-A700 {
+ fill: #0091ea !important; }
+
+.fill-cyan-A700 {
+ fill: #00b8d4 !important; }
+
+.fill-teal-A700 {
+ fill: #00bfa5 !important; }
+
+.fill-green-A700 {
+ fill: #00c853 !important; }
+
+.fill-light-green-A700 {
+ fill: #64dd17 !important; }
+
+.fill-lime-A700 {
+ fill: #aeea00 !important; }
+
+.fill-yellow-A700 {
+ fill: #ffd600 !important; }
+
+.fill-amber-A700 {
+ fill: #ffab00 !important; }
+
+.fill-orange-A700 {
+ fill: #ff6d00 !important; }
+
+.fill-deep-orange-A700 {
+ fill: #dd2c00 !important; }
+
+.fill-black {
+ fill: black !important; }
+
+.fill-black-1 {
+ fill: black !important; }
+
+.fill-black-2 {
+ fill: black !important; }
+
+.fill-black-3 {
+ fill: rgba(0, 0, 0, 0.12) !important; }
+
+.fill-black-4 {
+ fill: black !important; }
+
+.fill-white {
+ fill: rgba(255, 255, 255, 0.7) !important; }
+
+.fill-white-1 {
+ fill: rgba(255, 255, 255, 0.3) !important; }
+
+.fill-white-2 {
+ fill: rgba(255, 255, 255, 0.3) !important; }
+
+.fill-white-3 {
+ fill: rgba(255, 255, 255, 0.12) !important; }
+
+.fill-white-4 {
+ fill: white !important; }
+
+.tc-dark-red-500 {
+ color: #f44336 !important; }
+
+.tc-dark-pink-500 {
+ color: #e91e63 !important; }
+
+.tc-dark-purple-500 {
+ color: #9c27b0 !important; }
+
+.tc-dark-deep-purple-500 {
+ color: #673ab7 !important; }
+
+.tc-dark-indigo-500 {
+ color: #3f51b5 !important; }
+
+.tc-dark-blue-500 {
+ color: #2196f3 !important; }
+
+.tc-dark-light-blue-500 {
+ color: #03a9f4 !important; }
+
+.tc-dark-cyan-500 {
+ color: #00bcd4 !important; }
+
+.tc-dark-teal-500 {
+ color: #009688 !important; }
+
+.tc-dark-green-500 {
+ color: #4caf50 !important; }
+
+.tc-dark-light-green-500 {
+ color: #8bc34a !important; }
+
+.tc-dark-lime-500 {
+ color: #cddc39 !important; }
+
+.tc-dark-yellow-500 {
+ color: #ffeb3b !important; }
+
+.tc-dark-amber-500 {
+ color: #ffc107 !important; }
+
+.tc-dark-orange-500 {
+ color: #ff9800 !important; }
+
+.tc-dark-deep-orange-500 {
+ color: #ff5722 !important; }
+
+.tc-dark-brown-500 {
+ color: #795548 !important; }
+
+.tc-dark-grey-500 {
+ color: #9e9e9e !important; }
+
+.tc-dark-blue-grey-500 {
+ color: #607d8b !important; }
+
+.tc-dark-red-B100 {
+ color: #ff4336 !important; }
+
+.tc-dark-pink-B100 {
+ color: #ff216b !important; }
+
+.tc-dark-purple-B100 {
+ color: #ec80ff !important; }
+
+.tc-dark-deep-purple-B100 {
+ color: #ae80ff !important; }
+
+.tc-dark-indigo-B100 {
+ color: #8093ff !important; }
+
+.tc-dark-blue-B100 {
+ color: #80c6ff !important; }
+
+.tc-dark-light-blue-B100 {
+ color: #80d7ff !important; }
+
+.tc-dark-cyan-B100 {
+ color: #00e1ff !important; }
+
+.tc-dark-teal-B100 {
+ color: #00ffe5 !important; }
+
+.tc-dark-green-B100 {
+ color: #6eff72 !important; }
+
+.tc-dark-light-green-B100 {
+ color: #b5ff61 !important; }
+
+.tc-dark-lime-B100 {
+ color: #ecff42 !important; }
+
+.tc-dark-yellow-B100 {
+ color: #ffeb3b !important; }
+
+.tc-dark-amber-B100 {
+ color: #ffc107 !important; }
+
+.tc-dark-orange-B100 {
+ color: #ff9800 !important; }
+
+.tc-dark-deep-orange-B100 {
+ color: #ff5722 !important; }
+
+.tc-dark-brown-B100 {
+ color: #ffb499 !important; }
+
+.tc-dark-grey-B100 {
+ color: white !important; }
+
+.tc-dark-blue-grey-B100 {
+ color: #b0e5ff !important; }
+
+.tc-dark-red-B65 {
+ color: #a62c23 !important; }
+
+.tc-dark-pink-B65 {
+ color: #a41a47 !important; }
+
+.tc-dark-purple-B65 {
+ color: #9224a6 !important; }
+
+.tc-dark-deep-purple-B65 {
+ color: #5e35a6 !important; }
+
+.tc-dark-indigo-B65 {
+ color: #3a4aa6 !important; }
+
+.tc-dark-blue-B65 {
+ color: #1766a6 !important; }
+
+.tc-dark-light-blue-B65 {
+ color: #0272a6 !important; }
+
+.tc-dark-cyan-B65 {
+ color: #0092a6 !important; }
+
+.tc-dark-teal-B65 {
+ color: #00a695 !important; }
+
+.tc-dark-green-B65 {
+ color: #47a64a !important; }
+
+.tc-dark-light-green-B65 {
+ color: #76a63f !important; }
+
+.tc-dark-lime-B65 {
+ color: #99a62b !important; }
+
+.tc-dark-yellow-B65 {
+ color: #a69926 !important; }
+
+.tc-dark-amber-B65 {
+ color: #a67e05 !important; }
+
+.tc-dark-orange-B65 {
+ color: #a66300 !important; }
+
+.tc-dark-deep-orange-B65 {
+ color: #a63716 !important; }
+
+.tc-dark-brown-B65 {
+ color: #a67563 !important; }
+
+.tc-dark-grey-B65 {
+ color: #a6a6a6 !important; }
+
+.tc-dark-blue-grey-B65 {
+ color: #7295a6 !important; }
+
+.tc-dark-red-B40 {
+ color: #661b15 !important; }
+
+.tc-dark-pink-B40 {
+ color: #660d2b !important; }
+
+.tc-dark-purple-B40 {
+ color: #5a1666 !important; }
+
+.tc-dark-deep-purple-B40 {
+ color: #3a2166 !important; }
+
+.tc-dark-indigo-B40 {
+ color: #242e66 !important; }
+
+.tc-dark-blue-B40 {
+ color: #0e3f66 !important; }
+
+.tc-dark-light-blue-B40 {
+ color: #014666 !important; }
+
+.tc-dark-cyan-B40 {
+ color: #005a66 !important; }
+
+.tc-dark-teal-B40 {
+ color: #00665c !important; }
+
+.tc-dark-green-B40 {
+ color: #2c662e !important; }
+
+.tc-dark-light-green-B40 {
+ color: #486627 !important; }
+
+.tc-dark-lime-B40 {
+ color: #5e661b !important; }
+
+.tc-dark-yellow-B40 {
+ color: #665e17 !important; }
+
+.tc-dark-amber-B40 {
+ color: #664d03 !important; }
+
+.tc-dark-orange-B40 {
+ color: #663d00 !important; }
+
+.tc-dark-deep-orange-B40 {
+ color: #66220d !important; }
+
+.tc-dark-brown-B40 {
+ color: #66483d !important; }
+
+.tc-dark-grey-B40 {
+ color: #666666 !important; }
+
+.tc-dark-blue-grey-B40 {
+ color: #465b66 !important; }
+
+.tc-dark-red-B30 {
+ color: #4d1410 !important; }
+
+.tc-dark-pink-B30 {
+ color: #4d0a20 !important; }
+
+.tc-dark-purple-B30 {
+ color: #41004d !important; }
+
+.tc-dark-deep-purple-B30 {
+ color: #1c004d !important; }
+
+.tc-dark-indigo-B30 {
+ color: #000b4d !important; }
+
+.tc-dark-blue-B30 {
+ color: #002a4d !important; }
+
+.tc-dark-light-blue-B30 {
+ color: #00344d !important; }
+
+.tc-dark-cyan-B30 {
+ color: #00444d !important; }
+
+.tc-dark-teal-B30 {
+ color: #004d45 !important; }
+
+.tc-dark-green-B30 {
+ color: #214d22 !important; }
+
+.tc-dark-light-green-B30 {
+ color: #364d1d !important; }
+
+.tc-dark-lime-B30 {
+ color: #474d14 !important; }
+
+.tc-dark-yellow-B30 {
+ color: #4d4712 !important; }
+
+.tc-dark-amber-B30 {
+ color: #4d3a02 !important; }
+
+.tc-dark-orange-B30 {
+ color: #4d2e00 !important; }
+
+.tc-dark-deep-orange-B30 {
+ color: #4d190a !important; }
+
+.tc-dark-brown-B30 {
+ color: #4d362e !important; }
+
+.tc-dark-grey-B30 {
+ color: #4d4d4d !important; }
+
+.tc-dark-blue-grey-B30 {
+ color: #35454d !important; }
+
+.tc-dark-red-B15 {
+ color: #330d0b !important; }
+
+.tc-dark-pink-B15 {
+ color: #260510 !important; }
+
+.tc-dark-purple-B15 {
+ color: #210026 !important; }
+
+.tc-dark-deep-purple-B15 {
+ color: #0e0026 !important; }
+
+.tc-dark-indigo-B15 {
+ color: #000626 !important; }
+
+.tc-dark-blue-B15 {
+ color: #001526 !important; }
+
+.tc-dark-light-blue-B15 {
+ color: #001a26 !important; }
+
+.tc-dark-cyan-B15 {
+ color: #002226 !important; }
+
+.tc-dark-teal-B15 {
+ color: #002622 !important; }
+
+.tc-dark-green-B15 {
+ color: #102611 !important; }
+
+.tc-dark-light-green-B15 {
+ color: #1b260f !important; }
+
+.tc-dark-lime-B15 {
+ color: #172621 !important; }
+
+.tc-dark-yellow-B15 {
+ color: #26160c !important; }
+
+.tc-dark-amber-B15 {
+ color: #261c15 !important; }
+
+.tc-dark-orange-B15 {
+ color: #261700 !important; }
+
+.tc-dark-deep-orange-B15 {
+ color: #260d05 !important; }
+
+.tc-dark-brown-B15 {
+ color: #261b17 !important; }
+
+.tc-dark-grey-B15 {
+ color: #262626 !important; }
+
+.tc-dark-blue-grey-B15 {
+ color: #1a2226 !important; }
+
+.bgc-dark-red-500 {
+ background-color: #f44336 !important; }
+
+.bgc-dark-pink-500 {
+ background-color: #e91e63 !important; }
+
+.bgc-dark-purple-500 {
+ background-color: #9c27b0 !important; }
+
+.bgc-dark-deep-purple-500 {
+ background-color: #673ab7 !important; }
+
+.bgc-dark-indigo-500 {
+ background-color: #3f51b5 !important; }
+
+.bgc-dark-blue-500 {
+ background-color: #2196f3 !important; }
+
+.bgc-dark-light-blue-500 {
+ background-color: #03a9f4 !important; }
+
+.bgc-dark-cyan-500 {
+ background-color: #00bcd4 !important; }
+
+.bgc-dark-teal-500 {
+ background-color: #009688 !important; }
+
+.bgc-dark-green-500 {
+ background-color: #4caf50 !important; }
+
+.bgc-dark-light-green-500 {
+ background-color: #8bc34a !important; }
+
+.bgc-dark-lime-500 {
+ background-color: #cddc39 !important; }
+
+.bgc-dark-yellow-500 {
+ background-color: #ffeb3b !important; }
+
+.bgc-dark-amber-500 {
+ background-color: #ffc107 !important; }
+
+.bgc-dark-orange-500 {
+ background-color: #ff9800 !important; }
+
+.bgc-dark-deep-orange-500 {
+ background-color: #ff5722 !important; }
+
+.bgc-dark-brown-500 {
+ background-color: #795548 !important; }
+
+.bgc-dark-grey-500 {
+ background-color: #9e9e9e !important; }
+
+.bgc-dark-blue-grey-500 {
+ background-color: #607d8b !important; }
+
+.bgc-dark-red-B100 {
+ background-color: #ff4336 !important; }
+
+.bgc-dark-pink-B100 {
+ background-color: #ff216b !important; }
+
+.bgc-dark-purple-B100 {
+ background-color: #ec80ff !important; }
+
+.bgc-dark-deep-purple-B100 {
+ background-color: #ae80ff !important; }
+
+.bgc-dark-indigo-B100 {
+ background-color: #8093ff !important; }
+
+.bgc-dark-blue-B100 {
+ background-color: #80c6ff !important; }
+
+.bgc-dark-light-blue-B100 {
+ background-color: #80d7ff !important; }
+
+.bgc-dark-cyan-B100 {
+ background-color: #00e1ff !important; }
+
+.bgc-dark-teal-B100 {
+ background-color: #00ffe5 !important; }
+
+.bgc-dark-green-B100 {
+ background-color: #6eff72 !important; }
+
+.bgc-dark-light-green-B100 {
+ background-color: #b5ff61 !important; }
+
+.bgc-dark-lime-B100 {
+ background-color: #ecff42 !important; }
+
+.bgc-dark-yellow-B100 {
+ background-color: #ffeb3b !important; }
+
+.bgc-dark-amber-B100 {
+ background-color: #ffc107 !important; }
+
+.bgc-dark-orange-B100 {
+ background-color: #ff9800 !important; }
+
+.bgc-dark-deep-orange-B100 {
+ background-color: #ff5722 !important; }
+
+.bgc-dark-brown-B100 {
+ background-color: #ffb499 !important; }
+
+.bgc-dark-grey-B100 {
+ background-color: white !important; }
+
+.bgc-dark-blue-grey-B100 {
+ background-color: #b0e5ff !important; }
+
+.bgc-dark-red-B65 {
+ background-color: #a62c23 !important; }
+
+.bgc-dark-pink-B65 {
+ background-color: #a41a47 !important; }
+
+.bgc-dark-purple-B65 {
+ background-color: #9224a6 !important; }
+
+.bgc-dark-deep-purple-B65 {
+ background-color: #5e35a6 !important; }
+
+.bgc-dark-indigo-B65 {
+ background-color: #3a4aa6 !important; }
+
+.bgc-dark-blue-B65 {
+ background-color: #1766a6 !important; }
+
+.bgc-dark-light-blue-B65 {
+ background-color: #0272a6 !important; }
+
+.bgc-dark-cyan-B65 {
+ background-color: #0092a6 !important; }
+
+.bgc-dark-teal-B65 {
+ background-color: #00a695 !important; }
+
+.bgc-dark-green-B65 {
+ background-color: #47a64a !important; }
+
+.bgc-dark-light-green-B65 {
+ background-color: #76a63f !important; }
+
+.bgc-dark-lime-B65 {
+ background-color: #99a62b !important; }
+
+.bgc-dark-yellow-B65 {
+ background-color: #a69926 !important; }
+
+.bgc-dark-amber-B65 {
+ background-color: #a67e05 !important; }
+
+.bgc-dark-orange-B65 {
+ background-color: #a66300 !important; }
+
+.bgc-dark-deep-orange-B65 {
+ background-color: #a63716 !important; }
+
+.bgc-dark-brown-B65 {
+ background-color: #a67563 !important; }
+
+.bgc-dark-grey-B65 {
+ background-color: #a6a6a6 !important; }
+
+.bgc-dark-blue-grey-B65 {
+ background-color: #7295a6 !important; }
+
+.bgc-dark-red-B40 {
+ background-color: #661b15 !important; }
+
+.bgc-dark-pink-B40 {
+ background-color: #660d2b !important; }
+
+.bgc-dark-purple-B40 {
+ background-color: #5a1666 !important; }
+
+.bgc-dark-deep-purple-B40 {
+ background-color: #3a2166 !important; }
+
+.bgc-dark-indigo-B40 {
+ background-color: #242e66 !important; }
+
+.bgc-dark-blue-B40 {
+ background-color: #0e3f66 !important; }
+
+.bgc-dark-light-blue-B40 {
+ background-color: #014666 !important; }
+
+.bgc-dark-cyan-B40 {
+ background-color: #005a66 !important; }
+
+.bgc-dark-teal-B40 {
+ background-color: #00665c !important; }
+
+.bgc-dark-green-B40 {
+ background-color: #2c662e !important; }
+
+.bgc-dark-light-green-B40 {
+ background-color: #486627 !important; }
+
+.bgc-dark-lime-B40 {
+ background-color: #5e661b !important; }
+
+.bgc-dark-yellow-B40 {
+ background-color: #665e17 !important; }
+
+.bgc-dark-amber-B40 {
+ background-color: #664d03 !important; }
+
+.bgc-dark-orange-B40 {
+ background-color: #663d00 !important; }
+
+.bgc-dark-deep-orange-B40 {
+ background-color: #66220d !important; }
+
+.bgc-dark-brown-B40 {
+ background-color: #66483d !important; }
+
+.bgc-dark-grey-B40 {
+ background-color: #666666 !important; }
+
+.bgc-dark-blue-grey-B40 {
+ background-color: #465b66 !important; }
+
+.bgc-dark-red-B30 {
+ background-color: #4d1410 !important; }
+
+.bgc-dark-pink-B30 {
+ background-color: #4d0a20 !important; }
+
+.bgc-dark-purple-B30 {
+ background-color: #41004d !important; }
+
+.bgc-dark-deep-purple-B30 {
+ background-color: #1c004d !important; }
+
+.bgc-dark-indigo-B30 {
+ background-color: #000b4d !important; }
+
+.bgc-dark-blue-B30 {
+ background-color: #002a4d !important; }
+
+.bgc-dark-light-blue-B30 {
+ background-color: #00344d !important; }
+
+.bgc-dark-cyan-B30 {
+ background-color: #00444d !important; }
+
+.bgc-dark-teal-B30 {
+ background-color: #004d45 !important; }
+
+.bgc-dark-green-B30 {
+ background-color: #214d22 !important; }
+
+.bgc-dark-light-green-B30 {
+ background-color: #364d1d !important; }
+
+.bgc-dark-lime-B30 {
+ background-color: #474d14 !important; }
+
+.bgc-dark-yellow-B30 {
+ background-color: #4d4712 !important; }
+
+.bgc-dark-amber-B30 {
+ background-color: #4d3a02 !important; }
+
+.bgc-dark-orange-B30 {
+ background-color: #4d2e00 !important; }
+
+.bgc-dark-deep-orange-B30 {
+ background-color: #4d190a !important; }
+
+.bgc-dark-brown-B30 {
+ background-color: #4d362e !important; }
+
+.bgc-dark-grey-B30 {
+ background-color: #4d4d4d !important; }
+
+.bgc-dark-blue-grey-B30 {
+ background-color: #35454d !important; }
+
+.bgc-dark-red-B15 {
+ background-color: #330d0b !important; }
+
+.bgc-dark-pink-B15 {
+ background-color: #260510 !important; }
+
+.bgc-dark-purple-B15 {
+ background-color: #210026 !important; }
+
+.bgc-dark-deep-purple-B15 {
+ background-color: #0e0026 !important; }
+
+.bgc-dark-indigo-B15 {
+ background-color: #000626 !important; }
+
+.bgc-dark-blue-B15 {
+ background-color: #001526 !important; }
+
+.bgc-dark-light-blue-B15 {
+ background-color: #001a26 !important; }
+
+.bgc-dark-cyan-B15 {
+ background-color: #002226 !important; }
+
+.bgc-dark-teal-B15 {
+ background-color: #002622 !important; }
+
+.bgc-dark-green-B15 {
+ background-color: #102611 !important; }
+
+.bgc-dark-light-green-B15 {
+ background-color: #1b260f !important; }
+
+.bgc-dark-lime-B15 {
+ background-color: #172621 !important; }
+
+.bgc-dark-yellow-B15 {
+ background-color: #26160c !important; }
+
+.bgc-dark-amber-B15 {
+ background-color: #261c15 !important; }
+
+.bgc-dark-orange-B15 {
+ background-color: #261700 !important; }
+
+.bgc-dark-deep-orange-B15 {
+ background-color: #260d05 !important; }
+
+.bgc-dark-brown-B15 {
+ background-color: #261b17 !important; }
+
+.bgc-dark-grey-B15 {
+ background-color: #262626 !important; }
+
+.bgc-dark-blue-grey-B15 {
+ background-color: #1a2226 !important; }
+
+.fill-red-500 {
+ fill: #f44336 !important; }
+
+.fill-pink-500 {
+ fill: #e91e63 !important; }
+
+.fill-purple-500 {
+ fill: #9c27b0 !important; }
+
+.fill-deep-purple-500 {
+ fill: #673ab7 !important; }
+
+.fill-indigo-500 {
+ fill: #3f51b5 !important; }
+
+.fill-blue-500 {
+ fill: #2196f3 !important; }
+
+.fill-light-blue-500 {
+ fill: #03a9f4 !important; }
+
+.fill-cyan-500 {
+ fill: #00bcd4 !important; }
+
+.fill-teal-500 {
+ fill: #009688 !important; }
+
+.fill-green-500 {
+ fill: #4caf50 !important; }
+
+.fill-light-green-500 {
+ fill: #8bc34a !important; }
+
+.fill-lime-500 {
+ fill: #cddc39 !important; }
+
+.fill-yellow-500 {
+ fill: #ffeb3b !important; }
+
+.fill-amber-500 {
+ fill: #ffc107 !important; }
+
+.fill-orange-500 {
+ fill: #ff9800 !important; }
+
+.fill-deep-orange-500 {
+ fill: #ff5722 !important; }
+
+.fill-brown-500 {
+ fill: #795548 !important; }
+
+.fill-grey-500 {
+ fill: #9e9e9e !important; }
+
+.fill-blue-grey-500 {
+ fill: #607d8b !important; }
+
+.fill-red-B100 {
+ fill: #ff4336 !important; }
+
+.fill-pink-B100 {
+ fill: #ff216b !important; }
+
+.fill-purple-B100 {
+ fill: #ec80ff !important; }
+
+.fill-deep-purple-B100 {
+ fill: #ae80ff !important; }
+
+.fill-indigo-B100 {
+ fill: #8093ff !important; }
+
+.fill-blue-B100 {
+ fill: #80c6ff !important; }
+
+.fill-light-blue-B100 {
+ fill: #80d7ff !important; }
+
+.fill-cyan-B100 {
+ fill: #00e1ff !important; }
+
+.fill-teal-B100 {
+ fill: #00ffe5 !important; }
+
+.fill-green-B100 {
+ fill: #6eff72 !important; }
+
+.fill-light-green-B100 {
+ fill: #b5ff61 !important; }
+
+.fill-lime-B100 {
+ fill: #ecff42 !important; }
+
+.fill-yellow-B100 {
+ fill: #ffeb3b !important; }
+
+.fill-amber-B100 {
+ fill: #ffc107 !important; }
+
+.fill-orange-B100 {
+ fill: #ff9800 !important; }
+
+.fill-deep-orange-B100 {
+ fill: #ff5722 !important; }
+
+.fill-brown-B100 {
+ fill: #ffb499 !important; }
+
+.fill-grey-B100 {
+ fill: white !important; }
+
+.fill-blue-grey-B100 {
+ fill: #b0e5ff !important; }
+
+.fill-red-B65 {
+ fill: #a62c23 !important; }
+
+.fill-pink-B65 {
+ fill: #a41a47 !important; }
+
+.fill-purple-B65 {
+ fill: #9224a6 !important; }
+
+.fill-deep-purple-B65 {
+ fill: #5e35a6 !important; }
+
+.fill-indigo-B65 {
+ fill: #3a4aa6 !important; }
+
+.fill-blue-B65 {
+ fill: #1766a6 !important; }
+
+.fill-light-blue-B65 {
+ fill: #0272a6 !important; }
+
+.fill-cyan-B65 {
+ fill: #0092a6 !important; }
+
+.fill-teal-B65 {
+ fill: #00a695 !important; }
+
+.fill-green-B65 {
+ fill: #47a64a !important; }
+
+.fill-light-green-B65 {
+ fill: #76a63f !important; }
+
+.fill-lime-B65 {
+ fill: #99a62b !important; }
+
+.fill-yellow-B65 {
+ fill: #a69926 !important; }
+
+.fill-amber-B65 {
+ fill: #a67e05 !important; }
+
+.fill-orange-B65 {
+ fill: #a66300 !important; }
+
+.fill-deep-orange-B65 {
+ fill: #a63716 !important; }
+
+.fill-brown-B65 {
+ fill: #a67563 !important; }
+
+.fill-grey-B65 {
+ fill: #a6a6a6 !important; }
+
+.fill-blue-grey-B65 {
+ fill: #7295a6 !important; }
+
+.fill-red-B40 {
+ fill: #661b15 !important; }
+
+.fill-pink-B40 {
+ fill: #660d2b !important; }
+
+.fill-purple-B40 {
+ fill: #5a1666 !important; }
+
+.fill-deep-purple-B40 {
+ fill: #3a2166 !important; }
+
+.fill-indigo-B40 {
+ fill: #242e66 !important; }
+
+.fill-blue-B40 {
+ fill: #0e3f66 !important; }
+
+.fill-light-blue-B40 {
+ fill: #014666 !important; }
+
+.fill-cyan-B40 {
+ fill: #005a66 !important; }
+
+.fill-teal-B40 {
+ fill: #00665c !important; }
+
+.fill-green-B40 {
+ fill: #2c662e !important; }
+
+.fill-light-green-B40 {
+ fill: #486627 !important; }
+
+.fill-lime-B40 {
+ fill: #5e661b !important; }
+
+.fill-yellow-B40 {
+ fill: #665e17 !important; }
+
+.fill-amber-B40 {
+ fill: #664d03 !important; }
+
+.fill-orange-B40 {
+ fill: #663d00 !important; }
+
+.fill-deep-orange-B40 {
+ fill: #66220d !important; }
+
+.fill-brown-B40 {
+ fill: #66483d !important; }
+
+.fill-grey-B40 {
+ fill: #666666 !important; }
+
+.fill-blue-grey-B40 {
+ fill: #465b66 !important; }
+
+.fill-red-B30 {
+ fill: #4d1410 !important; }
+
+.fill-pink-B30 {
+ fill: #4d0a20 !important; }
+
+.fill-purple-B30 {
+ fill: #41004d !important; }
+
+.fill-deep-purple-B30 {
+ fill: #1c004d !important; }
+
+.fill-indigo-B30 {
+ fill: #000b4d !important; }
+
+.fill-blue-B30 {
+ fill: #002a4d !important; }
+
+.fill-light-blue-B30 {
+ fill: #00344d !important; }
+
+.fill-cyan-B30 {
+ fill: #00444d !important; }
+
+.fill-teal-B30 {
+ fill: #004d45 !important; }
+
+.fill-green-B30 {
+ fill: #214d22 !important; }
+
+.fill-light-green-B30 {
+ fill: #364d1d !important; }
+
+.fill-lime-B30 {
+ fill: #474d14 !important; }
+
+.fill-yellow-B30 {
+ fill: #4d4712 !important; }
+
+.fill-amber-B30 {
+ fill: #4d3a02 !important; }
+
+.fill-orange-B30 {
+ fill: #4d2e00 !important; }
+
+.fill-deep-orange-B30 {
+ fill: #4d190a !important; }
+
+.fill-brown-B30 {
+ fill: #4d362e !important; }
+
+.fill-grey-B30 {
+ fill: #4d4d4d !important; }
+
+.fill-blue-grey-B30 {
+ fill: #35454d !important; }
+
+.fill-red-B15 {
+ fill: #330d0b !important; }
+
+.fill-pink-B15 {
+ fill: #260510 !important; }
+
+.fill-purple-B15 {
+ fill: #210026 !important; }
+
+.fill-deep-purple-B15 {
+ fill: #0e0026 !important; }
+
+.fill-indigo-B15 {
+ fill: #000626 !important; }
+
+.fill-blue-B15 {
+ fill: #001526 !important; }
+
+.fill-light-blue-B15 {
+ fill: #001a26 !important; }
+
+.fill-cyan-B15 {
+ fill: #002226 !important; }
+
+.fill-teal-B15 {
+ fill: #002622 !important; }
+
+.fill-green-B15 {
+ fill: #102611 !important; }
+
+.fill-light-green-B15 {
+ fill: #1b260f !important; }
+
+.fill-lime-B15 {
+ fill: #172621 !important; }
+
+.fill-yellow-B15 {
+ fill: #26160c !important; }
+
+.fill-amber-B15 {
+ fill: #261c15 !important; }
+
+.fill-orange-B15 {
+ fill: #261700 !important; }
+
+.fill-deep-orange-B15 {
+ fill: #260d05 !important; }
+
+.fill-brown-B15 {
+ fill: #261b17 !important; }
+
+.fill-grey-B15 {
+ fill: #262626 !important; }
+
+.fill-blue-grey-B15 {
+ fill: #1a2226 !important; }
+
+/*
+*
+* Responsive attributes
+*
+* References:
+* 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
+* 2) https://css-tricks.com/almanac/properties/f/flex/
+* 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
+* 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
+* 5) http://godban.com.ua/projects/flexgrid
+*
+*/
+@-moz-document url-prefix() {
+ [layout-fill] {
+ margin: 0;
+ width: 100%;
+ min-height: 100%;
+ height: 100%; } }
+
+/*
+ * Apply Mixins to create Layout/Flexbox styles
+ *
+ */
+[flex-order] {
+ order: 0; }
+
+[flex-order="-20"] {
+ order: -20; }
+
+[flex-order="-19"] {
+ order: -19; }
+
+[flex-order="-18"] {
+ order: -18; }
+
+[flex-order="-17"] {
+ order: -17; }
+
+[flex-order="-16"] {
+ order: -16; }
+
+[flex-order="-15"] {
+ order: -15; }
+
+[flex-order="-14"] {
+ order: -14; }
+
+[flex-order="-13"] {
+ order: -13; }
+
+[flex-order="-12"] {
+ order: -12; }
+
+[flex-order="-11"] {
+ order: -11; }
+
+[flex-order="-10"] {
+ order: -10; }
+
+[flex-order="-9"] {
+ order: -9; }
+
+[flex-order="-8"] {
+ order: -8; }
+
+[flex-order="-7"] {
+ order: -7; }
+
+[flex-order="-6"] {
+ order: -6; }
+
+[flex-order="-5"] {
+ order: -5; }
+
+[flex-order="-4"] {
+ order: -4; }
+
+[flex-order="-3"] {
+ order: -3; }
+
+[flex-order="-2"] {
+ order: -2; }
+
+[flex-order="-1"] {
+ order: -1; }
+
+[flex-order="0"] {
+ order: 0; }
+
+[flex-order="1"] {
+ order: 1; }
+
+[flex-order="2"] {
+ order: 2; }
+
+[flex-order="3"] {
+ order: 3; }
+
+[flex-order="4"] {
+ order: 4; }
+
+[flex-order="5"] {
+ order: 5; }
+
+[flex-order="6"] {
+ order: 6; }
+
+[flex-order="7"] {
+ order: 7; }
+
+[flex-order="8"] {
+ order: 8; }
+
+[flex-order="9"] {
+ order: 9; }
+
+[flex-order="10"] {
+ order: 10; }
+
+[flex-order="11"] {
+ order: 11; }
+
+[flex-order="12"] {
+ order: 12; }
+
+[flex-order="13"] {
+ order: 13; }
+
+[flex-order="14"] {
+ order: 14; }
+
+[flex-order="15"] {
+ order: 15; }
+
+[flex-order="16"] {
+ order: 16; }
+
+[flex-order="17"] {
+ order: 17; }
+
+[flex-order="18"] {
+ order: 18; }
+
+[flex-order="19"] {
+ order: 19; }
+
+[flex-order="20"] {
+ order: 20; }
+
+[flex-offset="0"] {
+ margin-left: 0%; }
+
+[flex-offset="5"] {
+ margin-left: 5%; }
+
+[flex-offset="10"] {
+ margin-left: 10%; }
+
+[flex-offset="15"] {
+ margin-left: 15%; }
+
+[flex-offset="20"] {
+ margin-left: 20%; }
+
+[flex-offset="25"] {
+ margin-left: 25%; }
+
+[flex-offset="30"] {
+ margin-left: 30%; }
+
+[flex-offset="35"] {
+ margin-left: 35%; }
+
+[flex-offset="40"] {
+ margin-left: 40%; }
+
+[flex-offset="45"] {
+ margin-left: 45%; }
+
+[flex-offset="50"] {
+ margin-left: 50%; }
+
+[flex-offset="55"] {
+ margin-left: 55%; }
+
+[flex-offset="60"] {
+ margin-left: 60%; }
+
+[flex-offset="65"] {
+ margin-left: 65%; }
+
+[flex-offset="70"] {
+ margin-left: 70%; }
+
+[flex-offset="75"] {
+ margin-left: 75%; }
+
+[flex-offset="80"] {
+ margin-left: 80%; }
+
+[flex-offset="85"] {
+ margin-left: 85%; }
+
+[flex-offset="90"] {
+ margin-left: 90%; }
+
+[flex-offset="95"] {
+ margin-left: 95%; }
+
+[flex-offset="33"] {
+ margin-left: calc(100% / 3); }
+
+[flex-offset="66"] {
+ margin-left: calc(200% / 3); }
+
+[layout-align],
+[layout-align="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+
+[layout-align="start"],
+[layout-align="start start"],
+[layout-align="start center"],
+[layout-align="start end"],
+[layout-align="start stretch"] {
+ justify-content: start; }
+
+[layout-align="center"],
+[layout-align="center start"],
+[layout-align="center center"],
+[layout-align="center end"],
+[layout-align="center stretch"] {
+ justify-content: center; }
+
+[layout-align="end"],
+[layout-align="end center"],
+[layout-align="end start"],
+[layout-align="end end"],
+[layout-align="end stretch"] {
+ justify-content: flex-end; }
+
+[layout-align="space-around"],
+[layout-align="space-around center"],
+[layout-align="space-around start"],
+[layout-align="space-around end"],
+[layout-align="space-around stretch"] {
+ justify-content: space-around; }
+
+[layout-align="space-between"],
+[layout-align="space-between center"],
+[layout-align="space-between start"],
+[layout-align="space-between end"],
+[layout-align="space-between stretch"] {
+ justify-content: space-between; }
+
+[layout-align="start start"],
+[layout-align="center start"],
+[layout-align="end start"],
+[layout-align="space-between start"],
+[layout-align="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+
+[layout-align="start center"],
+[layout-align="center center"],
+[layout-align="end center"],
+[layout-align="space-between center"],
+[layout-align="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+
+[layout-align="start center"] > *,
+[layout-align="center center"] > *,
+[layout-align="end center"] > *,
+[layout-align="space-between center"] > *,
+[layout-align="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+
+[layout-align="start end"],
+[layout-align="center end"],
+[layout-align="end end"],
+[layout-align="space-between end"],
+[layout-align="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+
+[layout-align="start stretch"],
+[layout-align="center stretch"],
+[layout-align="end stretch"],
+[layout-align="space-between stretch"],
+[layout-align="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+
+[flex] {
+ flex: 1;
+ box-sizing: border-box; }
+
+@media screen\0 {
+ [flex] {
+ flex: 1 1 0%; } }
+
+[flex-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+
+[flex-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+
+[flex-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+
+[flex-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+
+[flex-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+
+[flex-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+
+[flex="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="0"],
+[layout="row"] > [flex="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="0"],
+[layout="column"] > [flex="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+
+[flex="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="5"],
+[layout="row"] > [flex="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="5"],
+[layout="column"] > [flex="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+
+[flex="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="10"],
+[layout="row"] > [flex="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="10"],
+[layout="column"] > [flex="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+
+[flex="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="15"],
+[layout="row"] > [flex="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="15"],
+[layout="column"] > [flex="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+
+[flex="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="20"],
+[layout="row"] > [flex="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="20"],
+[layout="column"] > [flex="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+
+[flex="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="25"],
+[layout="row"] > [flex="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="25"],
+[layout="column"] > [flex="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+
+[flex="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="30"],
+[layout="row"] > [flex="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="30"],
+[layout="column"] > [flex="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+
+[flex="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="35"],
+[layout="row"] > [flex="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="35"],
+[layout="column"] > [flex="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+
+[flex="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="40"],
+[layout="row"] > [flex="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="40"],
+[layout="column"] > [flex="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+
+[flex="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="45"],
+[layout="row"] > [flex="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="45"],
+[layout="column"] > [flex="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+
+[flex="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="50"],
+[layout="row"] > [flex="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="50"],
+[layout="column"] > [flex="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+
+[flex="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="55"],
+[layout="row"] > [flex="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="55"],
+[layout="column"] > [flex="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+
+[flex="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="60"],
+[layout="row"] > [flex="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="60"],
+[layout="column"] > [flex="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+
+[flex="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="65"],
+[layout="row"] > [flex="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="65"],
+[layout="column"] > [flex="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+
+[flex="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="70"],
+[layout="row"] > [flex="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="70"],
+[layout="column"] > [flex="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+
+[flex="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="75"],
+[layout="row"] > [flex="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="75"],
+[layout="column"] > [flex="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+
+[flex="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="80"],
+[layout="row"] > [flex="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="80"],
+[layout="column"] > [flex="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+
+[flex="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="85"],
+[layout="row"] > [flex="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="85"],
+[layout="column"] > [flex="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+
+[flex="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="90"],
+[layout="row"] > [flex="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="90"],
+[layout="column"] > [flex="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+
+[flex="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="95"],
+[layout="row"] > [flex="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="95"],
+[layout="column"] > [flex="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+
+[flex="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="100"],
+[layout="row"] > [flex="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="100"],
+[layout="column"] > [flex="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+
+[layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+
+[layout], [layout="column"], [layout="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+
+[layout="column"] {
+ flex-direction: column; }
+
+[layout="row"] {
+ flex-direction: row; }
+
+[layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
+ padding: 4px; }
+
+[layout-padding],
+[layout-padding] > [flex],
+[layout-padding] > [flex-gt-sm],
+[layout-padding] > [flex-md],
+[layout-padding] > [flex-lt-lg] {
+ padding: 8px; }
+
+[layout-padding] > [flex-gt-md],
+[layout-padding] > [flex-lg] {
+ padding: 16px; }
+
+[layout-margin] > [flex-sm],
+[layout-margin] > [flex-lt-md] {
+ margin: 4px; }
+
+[layout-margin],
+[layout-margin] > [flex],
+[layout-margin] > [flex-gt-sm],
+[layout-margin] > [flex-md],
+[layout-margin] > [flex-lt-lg] {
+ margin: 8px; }
+
+[layout-margin] > [flex-gt-md],
+[layout-margin] > [flex-lg] {
+ margin: 16px; }
+
+[layout-wrap] {
+ flex-wrap: wrap; }
+
+[layout-nowrap] {
+ flex-wrap: nowrap; }
+
+[layout-fill] {
+ margin: 0;
+ width: 100%;
+ min-height: 100%;
+ height: 100%; }
+
+/**
+ * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
+ * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
+ * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
+ *
+ * hide means hide everywhere
+ * Sizes:
+ * $layout-breakpoint-xs: 600px !default;
+ * $layout-breakpoint-sm: 960px !default;
+ * $layout-breakpoint-md: 1280px !default;
+ * $layout-breakpoint-lg: 1920px !default;
+ */
+@media (max-width: 599px) {
+ [hide-xs]:not([show-xs]):not([show]), [hide]:not([show-xs]):not([show]) {
+ display: none; }
+ [flex-order-xs="-20"] {
+ order: -20; }
+ [flex-order-xs="-19"] {
+ order: -19; }
+ [flex-order-xs="-18"] {
+ order: -18; }
+ [flex-order-xs="-17"] {
+ order: -17; }
+ [flex-order-xs="-16"] {
+ order: -16; }
+ [flex-order-xs="-15"] {
+ order: -15; }
+ [flex-order-xs="-14"] {
+ order: -14; }
+ [flex-order-xs="-13"] {
+ order: -13; }
+ [flex-order-xs="-12"] {
+ order: -12; }
+ [flex-order-xs="-11"] {
+ order: -11; }
+ [flex-order-xs="-10"] {
+ order: -10; }
+ [flex-order-xs="-9"] {
+ order: -9; }
+ [flex-order-xs="-8"] {
+ order: -8; }
+ [flex-order-xs="-7"] {
+ order: -7; }
+ [flex-order-xs="-6"] {
+ order: -6; }
+ [flex-order-xs="-5"] {
+ order: -5; }
+ [flex-order-xs="-4"] {
+ order: -4; }
+ [flex-order-xs="-3"] {
+ order: -3; }
+ [flex-order-xs="-2"] {
+ order: -2; }
+ [flex-order-xs="-1"] {
+ order: -1; }
+ [flex-order-xs="0"] {
+ order: 0; }
+ [flex-order-xs="1"] {
+ order: 1; }
+ [flex-order-xs="2"] {
+ order: 2; }
+ [flex-order-xs="3"] {
+ order: 3; }
+ [flex-order-xs="4"] {
+ order: 4; }
+ [flex-order-xs="5"] {
+ order: 5; }
+ [flex-order-xs="6"] {
+ order: 6; }
+ [flex-order-xs="7"] {
+ order: 7; }
+ [flex-order-xs="8"] {
+ order: 8; }
+ [flex-order-xs="9"] {
+ order: 9; }
+ [flex-order-xs="10"] {
+ order: 10; }
+ [flex-order-xs="11"] {
+ order: 11; }
+ [flex-order-xs="12"] {
+ order: 12; }
+ [flex-order-xs="13"] {
+ order: 13; }
+ [flex-order-xs="14"] {
+ order: 14; }
+ [flex-order-xs="15"] {
+ order: 15; }
+ [flex-order-xs="16"] {
+ order: 16; }
+ [flex-order-xs="17"] {
+ order: 17; }
+ [flex-order-xs="18"] {
+ order: 18; }
+ [flex-order-xs="19"] {
+ order: 19; }
+ [flex-order-xs="20"] {
+ order: 20; }
+ [flex-offset-xs="0"] {
+ margin-left: 0%; }
+ [flex-offset-xs="5"] {
+ margin-left: 5%; }
+ [flex-offset-xs="10"] {
+ margin-left: 10%; }
+ [flex-offset-xs="15"] {
+ margin-left: 15%; }
+ [flex-offset-xs="20"] {
+ margin-left: 20%; }
+ [flex-offset-xs="25"] {
+ margin-left: 25%; }
+ [flex-offset-xs="30"] {
+ margin-left: 30%; }
+ [flex-offset-xs="35"] {
+ margin-left: 35%; }
+ [flex-offset-xs="40"] {
+ margin-left: 40%; }
+ [flex-offset-xs="45"] {
+ margin-left: 45%; }
+ [flex-offset-xs="50"] {
+ margin-left: 50%; }
+ [flex-offset-xs="55"] {
+ margin-left: 55%; }
+ [flex-offset-xs="60"] {
+ margin-left: 60%; }
+ [flex-offset-xs="65"] {
+ margin-left: 65%; }
+ [flex-offset-xs="70"] {
+ margin-left: 70%; }
+ [flex-offset-xs="75"] {
+ margin-left: 75%; }
+ [flex-offset-xs="80"] {
+ margin-left: 80%; }
+ [flex-offset-xs="85"] {
+ margin-left: 85%; }
+ [flex-offset-xs="90"] {
+ margin-left: 90%; }
+ [flex-offset-xs="95"] {
+ margin-left: 95%; }
+ [flex-offset-xs="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-xs="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-xs],
+ [layout-align-xs="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-xs="start"],
+ [layout-align-xs="start start"],
+ [layout-align-xs="start center"],
+ [layout-align-xs="start end"],
+ [layout-align-xs="start stretch"] {
+ justify-content: start; }
+ [layout-align-xs="center"],
+ [layout-align-xs="center start"],
+ [layout-align-xs="center center"],
+ [layout-align-xs="center end"],
+ [layout-align-xs="center stretch"] {
+ justify-content: center; }
+ [layout-align-xs="end"],
+ [layout-align-xs="end center"],
+ [layout-align-xs="end start"],
+ [layout-align-xs="end end"],
+ [layout-align-xs="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-xs="space-around"],
+ [layout-align-xs="space-around center"],
+ [layout-align-xs="space-around start"],
+ [layout-align-xs="space-around end"],
+ [layout-align-xs="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-xs="space-between"],
+ [layout-align-xs="space-between center"],
+ [layout-align-xs="space-between start"],
+ [layout-align-xs="space-between end"],
+ [layout-align-xs="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-xs="start start"],
+ [layout-align-xs="center start"],
+ [layout-align-xs="end start"],
+ [layout-align-xs="space-between start"],
+ [layout-align-xs="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-xs="start center"],
+ [layout-align-xs="center center"],
+ [layout-align-xs="end center"],
+ [layout-align-xs="space-between center"],
+ [layout-align-xs="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-xs="start center"] > *,
+ [layout-align-xs="center center"] > *,
+ [layout-align-xs="end center"] > *,
+ [layout-align-xs="space-between center"] > *,
+ [layout-align-xs="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-xs="start end"],
+ [layout-align-xs="center end"],
+ [layout-align-xs="end end"],
+ [layout-align-xs="space-between end"],
+ [layout-align-xs="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-xs="start stretch"],
+ [layout-align-xs="center stretch"],
+ [layout-align-xs="end stretch"],
+ [layout-align-xs="space-between stretch"],
+ [layout-align-xs="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-xs] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (max-width: 599px) {
+ [flex-xs] {
+ flex: 1 1 0%; } }
+
+@media (max-width: 599px) {
+ [flex-xs-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-xs-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-xs-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-xs-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-xs-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-xs-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-xs="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="0"],
+ [layout-xs="row"] > [flex-xs="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="0"],
+ [layout-xs="column"] > [flex-xs="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-xs="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="5"],
+ [layout-xs="row"] > [flex-xs="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="5"],
+ [layout-xs="column"] > [flex-xs="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-xs="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="10"],
+ [layout-xs="row"] > [flex-xs="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="10"],
+ [layout-xs="column"] > [flex-xs="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-xs="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="15"],
+ [layout-xs="row"] > [flex-xs="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="15"],
+ [layout-xs="column"] > [flex-xs="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-xs="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="20"],
+ [layout-xs="row"] > [flex-xs="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="20"],
+ [layout-xs="column"] > [flex-xs="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-xs="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="25"],
+ [layout-xs="row"] > [flex-xs="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="25"],
+ [layout-xs="column"] > [flex-xs="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-xs="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="30"],
+ [layout-xs="row"] > [flex-xs="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="30"],
+ [layout-xs="column"] > [flex-xs="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-xs="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="35"],
+ [layout-xs="row"] > [flex-xs="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="35"],
+ [layout-xs="column"] > [flex-xs="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-xs="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="40"],
+ [layout-xs="row"] > [flex-xs="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="40"],
+ [layout-xs="column"] > [flex-xs="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-xs="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="45"],
+ [layout-xs="row"] > [flex-xs="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="45"],
+ [layout-xs="column"] > [flex-xs="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-xs="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="50"],
+ [layout-xs="row"] > [flex-xs="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="50"],
+ [layout-xs="column"] > [flex-xs="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-xs="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="55"],
+ [layout-xs="row"] > [flex-xs="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="55"],
+ [layout-xs="column"] > [flex-xs="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-xs="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="60"],
+ [layout-xs="row"] > [flex-xs="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="60"],
+ [layout-xs="column"] > [flex-xs="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-xs="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="65"],
+ [layout-xs="row"] > [flex-xs="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="65"],
+ [layout-xs="column"] > [flex-xs="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-xs="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="70"],
+ [layout-xs="row"] > [flex-xs="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="70"],
+ [layout-xs="column"] > [flex-xs="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-xs="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="75"],
+ [layout-xs="row"] > [flex-xs="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="75"],
+ [layout-xs="column"] > [flex-xs="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-xs="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="80"],
+ [layout-xs="row"] > [flex-xs="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="80"],
+ [layout-xs="column"] > [flex-xs="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-xs="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="85"],
+ [layout-xs="row"] > [flex-xs="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="85"],
+ [layout-xs="column"] > [flex-xs="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-xs="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="90"],
+ [layout-xs="row"] > [flex-xs="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="90"],
+ [layout-xs="column"] > [flex-xs="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-xs="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="95"],
+ [layout-xs="row"] > [flex-xs="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="95"],
+ [layout-xs="column"] > [flex-xs="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-xs="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="100"],
+ [layout-xs="row"] > [flex-xs="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="100"],
+ [layout-xs="column"] > [flex-xs="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="33"], [layout="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="34"], [layout="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="66"], [layout="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xs="67"], [layout="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="33"], [layout="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="34"], [layout="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="66"], [layout="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xs="67"], [layout="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-xs], [layout-xs="column"], [layout-xs="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-xs="column"] {
+ flex-direction: column; }
+ [layout-xs="row"] {
+ flex-direction: row; } }
+
+@media (min-width: 600px) {
+ [flex-order-gt-xs="-20"] {
+ order: -20; }
+ [flex-order-gt-xs="-19"] {
+ order: -19; }
+ [flex-order-gt-xs="-18"] {
+ order: -18; }
+ [flex-order-gt-xs="-17"] {
+ order: -17; }
+ [flex-order-gt-xs="-16"] {
+ order: -16; }
+ [flex-order-gt-xs="-15"] {
+ order: -15; }
+ [flex-order-gt-xs="-14"] {
+ order: -14; }
+ [flex-order-gt-xs="-13"] {
+ order: -13; }
+ [flex-order-gt-xs="-12"] {
+ order: -12; }
+ [flex-order-gt-xs="-11"] {
+ order: -11; }
+ [flex-order-gt-xs="-10"] {
+ order: -10; }
+ [flex-order-gt-xs="-9"] {
+ order: -9; }
+ [flex-order-gt-xs="-8"] {
+ order: -8; }
+ [flex-order-gt-xs="-7"] {
+ order: -7; }
+ [flex-order-gt-xs="-6"] {
+ order: -6; }
+ [flex-order-gt-xs="-5"] {
+ order: -5; }
+ [flex-order-gt-xs="-4"] {
+ order: -4; }
+ [flex-order-gt-xs="-3"] {
+ order: -3; }
+ [flex-order-gt-xs="-2"] {
+ order: -2; }
+ [flex-order-gt-xs="-1"] {
+ order: -1; }
+ [flex-order-gt-xs="0"] {
+ order: 0; }
+ [flex-order-gt-xs="1"] {
+ order: 1; }
+ [flex-order-gt-xs="2"] {
+ order: 2; }
+ [flex-order-gt-xs="3"] {
+ order: 3; }
+ [flex-order-gt-xs="4"] {
+ order: 4; }
+ [flex-order-gt-xs="5"] {
+ order: 5; }
+ [flex-order-gt-xs="6"] {
+ order: 6; }
+ [flex-order-gt-xs="7"] {
+ order: 7; }
+ [flex-order-gt-xs="8"] {
+ order: 8; }
+ [flex-order-gt-xs="9"] {
+ order: 9; }
+ [flex-order-gt-xs="10"] {
+ order: 10; }
+ [flex-order-gt-xs="11"] {
+ order: 11; }
+ [flex-order-gt-xs="12"] {
+ order: 12; }
+ [flex-order-gt-xs="13"] {
+ order: 13; }
+ [flex-order-gt-xs="14"] {
+ order: 14; }
+ [flex-order-gt-xs="15"] {
+ order: 15; }
+ [flex-order-gt-xs="16"] {
+ order: 16; }
+ [flex-order-gt-xs="17"] {
+ order: 17; }
+ [flex-order-gt-xs="18"] {
+ order: 18; }
+ [flex-order-gt-xs="19"] {
+ order: 19; }
+ [flex-order-gt-xs="20"] {
+ order: 20; }
+ [flex-offset-gt-xs="0"] {
+ margin-left: 0%; }
+ [flex-offset-gt-xs="5"] {
+ margin-left: 5%; }
+ [flex-offset-gt-xs="10"] {
+ margin-left: 10%; }
+ [flex-offset-gt-xs="15"] {
+ margin-left: 15%; }
+ [flex-offset-gt-xs="20"] {
+ margin-left: 20%; }
+ [flex-offset-gt-xs="25"] {
+ margin-left: 25%; }
+ [flex-offset-gt-xs="30"] {
+ margin-left: 30%; }
+ [flex-offset-gt-xs="35"] {
+ margin-left: 35%; }
+ [flex-offset-gt-xs="40"] {
+ margin-left: 40%; }
+ [flex-offset-gt-xs="45"] {
+ margin-left: 45%; }
+ [flex-offset-gt-xs="50"] {
+ margin-left: 50%; }
+ [flex-offset-gt-xs="55"] {
+ margin-left: 55%; }
+ [flex-offset-gt-xs="60"] {
+ margin-left: 60%; }
+ [flex-offset-gt-xs="65"] {
+ margin-left: 65%; }
+ [flex-offset-gt-xs="70"] {
+ margin-left: 70%; }
+ [flex-offset-gt-xs="75"] {
+ margin-left: 75%; }
+ [flex-offset-gt-xs="80"] {
+ margin-left: 80%; }
+ [flex-offset-gt-xs="85"] {
+ margin-left: 85%; }
+ [flex-offset-gt-xs="90"] {
+ margin-left: 90%; }
+ [flex-offset-gt-xs="95"] {
+ margin-left: 95%; }
+ [flex-offset-gt-xs="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-gt-xs="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-gt-xs],
+ [layout-align-gt-xs="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-gt-xs="start"],
+ [layout-align-gt-xs="start start"],
+ [layout-align-gt-xs="start center"],
+ [layout-align-gt-xs="start end"],
+ [layout-align-gt-xs="start stretch"] {
+ justify-content: start; }
+ [layout-align-gt-xs="center"],
+ [layout-align-gt-xs="center start"],
+ [layout-align-gt-xs="center center"],
+ [layout-align-gt-xs="center end"],
+ [layout-align-gt-xs="center stretch"] {
+ justify-content: center; }
+ [layout-align-gt-xs="end"],
+ [layout-align-gt-xs="end center"],
+ [layout-align-gt-xs="end start"],
+ [layout-align-gt-xs="end end"],
+ [layout-align-gt-xs="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-gt-xs="space-around"],
+ [layout-align-gt-xs="space-around center"],
+ [layout-align-gt-xs="space-around start"],
+ [layout-align-gt-xs="space-around end"],
+ [layout-align-gt-xs="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-gt-xs="space-between"],
+ [layout-align-gt-xs="space-between center"],
+ [layout-align-gt-xs="space-between start"],
+ [layout-align-gt-xs="space-between end"],
+ [layout-align-gt-xs="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-gt-xs="start start"],
+ [layout-align-gt-xs="center start"],
+ [layout-align-gt-xs="end start"],
+ [layout-align-gt-xs="space-between start"],
+ [layout-align-gt-xs="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-gt-xs="start center"],
+ [layout-align-gt-xs="center center"],
+ [layout-align-gt-xs="end center"],
+ [layout-align-gt-xs="space-between center"],
+ [layout-align-gt-xs="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-gt-xs="start center"] > *,
+ [layout-align-gt-xs="center center"] > *,
+ [layout-align-gt-xs="end center"] > *,
+ [layout-align-gt-xs="space-between center"] > *,
+ [layout-align-gt-xs="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-gt-xs="start end"],
+ [layout-align-gt-xs="center end"],
+ [layout-align-gt-xs="end end"],
+ [layout-align-gt-xs="space-between end"],
+ [layout-align-gt-xs="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-gt-xs="start stretch"],
+ [layout-align-gt-xs="center stretch"],
+ [layout-align-gt-xs="end stretch"],
+ [layout-align-gt-xs="space-between stretch"],
+ [layout-align-gt-xs="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-gt-xs] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 600px) {
+ [flex-gt-xs] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 600px) {
+ [flex-gt-xs-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-gt-xs-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-xs-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-xs-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-xs-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-xs-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-xs="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="0"],
+ [layout-gt-xs="row"] > [flex-gt-xs="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="0"],
+ [layout-gt-xs="column"] > [flex-gt-xs="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-gt-xs="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="5"],
+ [layout-gt-xs="row"] > [flex-gt-xs="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="5"],
+ [layout-gt-xs="column"] > [flex-gt-xs="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-gt-xs="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="10"],
+ [layout-gt-xs="row"] > [flex-gt-xs="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="10"],
+ [layout-gt-xs="column"] > [flex-gt-xs="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-gt-xs="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="15"],
+ [layout-gt-xs="row"] > [flex-gt-xs="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="15"],
+ [layout-gt-xs="column"] > [flex-gt-xs="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-gt-xs="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="20"],
+ [layout-gt-xs="row"] > [flex-gt-xs="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="20"],
+ [layout-gt-xs="column"] > [flex-gt-xs="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-gt-xs="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="25"],
+ [layout-gt-xs="row"] > [flex-gt-xs="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="25"],
+ [layout-gt-xs="column"] > [flex-gt-xs="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-gt-xs="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="30"],
+ [layout-gt-xs="row"] > [flex-gt-xs="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="30"],
+ [layout-gt-xs="column"] > [flex-gt-xs="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-gt-xs="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="35"],
+ [layout-gt-xs="row"] > [flex-gt-xs="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="35"],
+ [layout-gt-xs="column"] > [flex-gt-xs="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-gt-xs="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="40"],
+ [layout-gt-xs="row"] > [flex-gt-xs="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="40"],
+ [layout-gt-xs="column"] > [flex-gt-xs="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-gt-xs="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="45"],
+ [layout-gt-xs="row"] > [flex-gt-xs="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="45"],
+ [layout-gt-xs="column"] > [flex-gt-xs="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-gt-xs="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="50"],
+ [layout-gt-xs="row"] > [flex-gt-xs="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="50"],
+ [layout-gt-xs="column"] > [flex-gt-xs="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-gt-xs="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="55"],
+ [layout-gt-xs="row"] > [flex-gt-xs="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="55"],
+ [layout-gt-xs="column"] > [flex-gt-xs="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-gt-xs="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="60"],
+ [layout-gt-xs="row"] > [flex-gt-xs="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="60"],
+ [layout-gt-xs="column"] > [flex-gt-xs="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-gt-xs="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="65"],
+ [layout-gt-xs="row"] > [flex-gt-xs="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="65"],
+ [layout-gt-xs="column"] > [flex-gt-xs="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-gt-xs="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="70"],
+ [layout-gt-xs="row"] > [flex-gt-xs="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="70"],
+ [layout-gt-xs="column"] > [flex-gt-xs="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-gt-xs="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="75"],
+ [layout-gt-xs="row"] > [flex-gt-xs="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="75"],
+ [layout-gt-xs="column"] > [flex-gt-xs="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-gt-xs="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="80"],
+ [layout-gt-xs="row"] > [flex-gt-xs="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="80"],
+ [layout-gt-xs="column"] > [flex-gt-xs="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-gt-xs="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="85"],
+ [layout-gt-xs="row"] > [flex-gt-xs="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="85"],
+ [layout-gt-xs="column"] > [flex-gt-xs="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-gt-xs="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="90"],
+ [layout-gt-xs="row"] > [flex-gt-xs="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="90"],
+ [layout-gt-xs="column"] > [flex-gt-xs="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-gt-xs="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="95"],
+ [layout-gt-xs="row"] > [flex-gt-xs="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="95"],
+ [layout-gt-xs="column"] > [flex-gt-xs="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-gt-xs="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="100"],
+ [layout-gt-xs="row"] > [flex-gt-xs="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="100"],
+ [layout-gt-xs="column"] > [flex-gt-xs="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="33"], [layout="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="34"], [layout="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="66"], [layout="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-xs="67"], [layout="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="33"], [layout="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="34"], [layout="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="66"], [layout="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-xs="67"], [layout="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-gt-xs], [layout-gt-xs="column"], [layout-gt-xs="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-gt-xs="column"] {
+ flex-direction: column; }
+ [layout-gt-xs="row"] {
+ flex-direction: row; } }
+
+@media (min-width: 600px) and (max-width: 599px) {
+ [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) {
+ display: none; }
+ [hide-sm]:not([show-sm]):not([show]) {
+ display: none; }
+ [flex-order-sm="-20"] {
+ order: -20; }
+ [flex-order-sm="-19"] {
+ order: -19; }
+ [flex-order-sm="-18"] {
+ order: -18; }
+ [flex-order-sm="-17"] {
+ order: -17; }
+ [flex-order-sm="-16"] {
+ order: -16; }
+ [flex-order-sm="-15"] {
+ order: -15; }
+ [flex-order-sm="-14"] {
+ order: -14; }
+ [flex-order-sm="-13"] {
+ order: -13; }
+ [flex-order-sm="-12"] {
+ order: -12; }
+ [flex-order-sm="-11"] {
+ order: -11; }
+ [flex-order-sm="-10"] {
+ order: -10; }
+ [flex-order-sm="-9"] {
+ order: -9; }
+ [flex-order-sm="-8"] {
+ order: -8; }
+ [flex-order-sm="-7"] {
+ order: -7; }
+ [flex-order-sm="-6"] {
+ order: -6; }
+ [flex-order-sm="-5"] {
+ order: -5; }
+ [flex-order-sm="-4"] {
+ order: -4; }
+ [flex-order-sm="-3"] {
+ order: -3; }
+ [flex-order-sm="-2"] {
+ order: -2; }
+ [flex-order-sm="-1"] {
+ order: -1; }
+ [flex-order-sm="0"] {
+ order: 0; }
+ [flex-order-sm="1"] {
+ order: 1; }
+ [flex-order-sm="2"] {
+ order: 2; }
+ [flex-order-sm="3"] {
+ order: 3; }
+ [flex-order-sm="4"] {
+ order: 4; }
+ [flex-order-sm="5"] {
+ order: 5; }
+ [flex-order-sm="6"] {
+ order: 6; }
+ [flex-order-sm="7"] {
+ order: 7; }
+ [flex-order-sm="8"] {
+ order: 8; }
+ [flex-order-sm="9"] {
+ order: 9; }
+ [flex-order-sm="10"] {
+ order: 10; }
+ [flex-order-sm="11"] {
+ order: 11; }
+ [flex-order-sm="12"] {
+ order: 12; }
+ [flex-order-sm="13"] {
+ order: 13; }
+ [flex-order-sm="14"] {
+ order: 14; }
+ [flex-order-sm="15"] {
+ order: 15; }
+ [flex-order-sm="16"] {
+ order: 16; }
+ [flex-order-sm="17"] {
+ order: 17; }
+ [flex-order-sm="18"] {
+ order: 18; }
+ [flex-order-sm="19"] {
+ order: 19; }
+ [flex-order-sm="20"] {
+ order: 20; }
+ [flex-offset-sm="0"] {
+ margin-left: 0%; }
+ [flex-offset-sm="5"] {
+ margin-left: 5%; }
+ [flex-offset-sm="10"] {
+ margin-left: 10%; }
+ [flex-offset-sm="15"] {
+ margin-left: 15%; }
+ [flex-offset-sm="20"] {
+ margin-left: 20%; }
+ [flex-offset-sm="25"] {
+ margin-left: 25%; }
+ [flex-offset-sm="30"] {
+ margin-left: 30%; }
+ [flex-offset-sm="35"] {
+ margin-left: 35%; }
+ [flex-offset-sm="40"] {
+ margin-left: 40%; }
+ [flex-offset-sm="45"] {
+ margin-left: 45%; }
+ [flex-offset-sm="50"] {
+ margin-left: 50%; }
+ [flex-offset-sm="55"] {
+ margin-left: 55%; }
+ [flex-offset-sm="60"] {
+ margin-left: 60%; }
+ [flex-offset-sm="65"] {
+ margin-left: 65%; }
+ [flex-offset-sm="70"] {
+ margin-left: 70%; }
+ [flex-offset-sm="75"] {
+ margin-left: 75%; }
+ [flex-offset-sm="80"] {
+ margin-left: 80%; }
+ [flex-offset-sm="85"] {
+ margin-left: 85%; }
+ [flex-offset-sm="90"] {
+ margin-left: 90%; }
+ [flex-offset-sm="95"] {
+ margin-left: 95%; }
+ [flex-offset-sm="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-sm="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-sm],
+ [layout-align-sm="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-sm="start"],
+ [layout-align-sm="start start"],
+ [layout-align-sm="start center"],
+ [layout-align-sm="start end"],
+ [layout-align-sm="start stretch"] {
+ justify-content: start; }
+ [layout-align-sm="center"],
+ [layout-align-sm="center start"],
+ [layout-align-sm="center center"],
+ [layout-align-sm="center end"],
+ [layout-align-sm="center stretch"] {
+ justify-content: center; }
+ [layout-align-sm="end"],
+ [layout-align-sm="end center"],
+ [layout-align-sm="end start"],
+ [layout-align-sm="end end"],
+ [layout-align-sm="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-sm="space-around"],
+ [layout-align-sm="space-around center"],
+ [layout-align-sm="space-around start"],
+ [layout-align-sm="space-around end"],
+ [layout-align-sm="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-sm="space-between"],
+ [layout-align-sm="space-between center"],
+ [layout-align-sm="space-between start"],
+ [layout-align-sm="space-between end"],
+ [layout-align-sm="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-sm="start start"],
+ [layout-align-sm="center start"],
+ [layout-align-sm="end start"],
+ [layout-align-sm="space-between start"],
+ [layout-align-sm="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-sm="start center"],
+ [layout-align-sm="center center"],
+ [layout-align-sm="end center"],
+ [layout-align-sm="space-between center"],
+ [layout-align-sm="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-sm="start center"] > *,
+ [layout-align-sm="center center"] > *,
+ [layout-align-sm="end center"] > *,
+ [layout-align-sm="space-between center"] > *,
+ [layout-align-sm="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-sm="start end"],
+ [layout-align-sm="center end"],
+ [layout-align-sm="end end"],
+ [layout-align-sm="space-between end"],
+ [layout-align-sm="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-sm="start stretch"],
+ [layout-align-sm="center stretch"],
+ [layout-align-sm="end stretch"],
+ [layout-align-sm="space-between stretch"],
+ [layout-align-sm="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-sm] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 600px) and (max-width: 599px) {
+ [flex-sm] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 600px) and (max-width: 599px) {
+ [flex-sm-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-sm-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-sm-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-sm-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-sm-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-sm-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-sm="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="0"],
+ [layout-sm="row"] > [flex-sm="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="0"],
+ [layout-sm="column"] > [flex-sm="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-sm="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="5"],
+ [layout-sm="row"] > [flex-sm="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="5"],
+ [layout-sm="column"] > [flex-sm="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-sm="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="10"],
+ [layout-sm="row"] > [flex-sm="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="10"],
+ [layout-sm="column"] > [flex-sm="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-sm="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="15"],
+ [layout-sm="row"] > [flex-sm="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="15"],
+ [layout-sm="column"] > [flex-sm="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-sm="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="20"],
+ [layout-sm="row"] > [flex-sm="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="20"],
+ [layout-sm="column"] > [flex-sm="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-sm="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="25"],
+ [layout-sm="row"] > [flex-sm="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="25"],
+ [layout-sm="column"] > [flex-sm="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-sm="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="30"],
+ [layout-sm="row"] > [flex-sm="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="30"],
+ [layout-sm="column"] > [flex-sm="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-sm="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="35"],
+ [layout-sm="row"] > [flex-sm="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="35"],
+ [layout-sm="column"] > [flex-sm="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-sm="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="40"],
+ [layout-sm="row"] > [flex-sm="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="40"],
+ [layout-sm="column"] > [flex-sm="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-sm="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="45"],
+ [layout-sm="row"] > [flex-sm="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="45"],
+ [layout-sm="column"] > [flex-sm="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-sm="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="50"],
+ [layout-sm="row"] > [flex-sm="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="50"],
+ [layout-sm="column"] > [flex-sm="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-sm="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="55"],
+ [layout-sm="row"] > [flex-sm="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="55"],
+ [layout-sm="column"] > [flex-sm="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-sm="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="60"],
+ [layout-sm="row"] > [flex-sm="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="60"],
+ [layout-sm="column"] > [flex-sm="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-sm="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="65"],
+ [layout-sm="row"] > [flex-sm="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="65"],
+ [layout-sm="column"] > [flex-sm="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-sm="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="70"],
+ [layout-sm="row"] > [flex-sm="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="70"],
+ [layout-sm="column"] > [flex-sm="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-sm="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="75"],
+ [layout-sm="row"] > [flex-sm="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="75"],
+ [layout-sm="column"] > [flex-sm="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-sm="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="80"],
+ [layout-sm="row"] > [flex-sm="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="80"],
+ [layout-sm="column"] > [flex-sm="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-sm="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="85"],
+ [layout-sm="row"] > [flex-sm="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="85"],
+ [layout-sm="column"] > [flex-sm="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-sm="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="90"],
+ [layout-sm="row"] > [flex-sm="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="90"],
+ [layout-sm="column"] > [flex-sm="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-sm="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="95"],
+ [layout-sm="row"] > [flex-sm="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="95"],
+ [layout-sm="column"] > [flex-sm="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-sm="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="100"],
+ [layout-sm="row"] > [flex-sm="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="100"],
+ [layout-sm="column"] > [flex-sm="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="34"], [layout="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-sm="67"], [layout="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="34"], [layout="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-sm="67"], [layout="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-sm], [layout-sm="column"], [layout-sm="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-sm="column"] {
+ flex-direction: column; }
+ [layout-sm="row"] {
+ flex-direction: row; } }
+
+@media (min-width: 600px) {
+ [flex-order-gt-sm="-20"] {
+ order: -20; }
+ [flex-order-gt-sm="-19"] {
+ order: -19; }
+ [flex-order-gt-sm="-18"] {
+ order: -18; }
+ [flex-order-gt-sm="-17"] {
+ order: -17; }
+ [flex-order-gt-sm="-16"] {
+ order: -16; }
+ [flex-order-gt-sm="-15"] {
+ order: -15; }
+ [flex-order-gt-sm="-14"] {
+ order: -14; }
+ [flex-order-gt-sm="-13"] {
+ order: -13; }
+ [flex-order-gt-sm="-12"] {
+ order: -12; }
+ [flex-order-gt-sm="-11"] {
+ order: -11; }
+ [flex-order-gt-sm="-10"] {
+ order: -10; }
+ [flex-order-gt-sm="-9"] {
+ order: -9; }
+ [flex-order-gt-sm="-8"] {
+ order: -8; }
+ [flex-order-gt-sm="-7"] {
+ order: -7; }
+ [flex-order-gt-sm="-6"] {
+ order: -6; }
+ [flex-order-gt-sm="-5"] {
+ order: -5; }
+ [flex-order-gt-sm="-4"] {
+ order: -4; }
+ [flex-order-gt-sm="-3"] {
+ order: -3; }
+ [flex-order-gt-sm="-2"] {
+ order: -2; }
+ [flex-order-gt-sm="-1"] {
+ order: -1; }
+ [flex-order-gt-sm="0"] {
+ order: 0; }
+ [flex-order-gt-sm="1"] {
+ order: 1; }
+ [flex-order-gt-sm="2"] {
+ order: 2; }
+ [flex-order-gt-sm="3"] {
+ order: 3; }
+ [flex-order-gt-sm="4"] {
+ order: 4; }
+ [flex-order-gt-sm="5"] {
+ order: 5; }
+ [flex-order-gt-sm="6"] {
+ order: 6; }
+ [flex-order-gt-sm="7"] {
+ order: 7; }
+ [flex-order-gt-sm="8"] {
+ order: 8; }
+ [flex-order-gt-sm="9"] {
+ order: 9; }
+ [flex-order-gt-sm="10"] {
+ order: 10; }
+ [flex-order-gt-sm="11"] {
+ order: 11; }
+ [flex-order-gt-sm="12"] {
+ order: 12; }
+ [flex-order-gt-sm="13"] {
+ order: 13; }
+ [flex-order-gt-sm="14"] {
+ order: 14; }
+ [flex-order-gt-sm="15"] {
+ order: 15; }
+ [flex-order-gt-sm="16"] {
+ order: 16; }
+ [flex-order-gt-sm="17"] {
+ order: 17; }
+ [flex-order-gt-sm="18"] {
+ order: 18; }
+ [flex-order-gt-sm="19"] {
+ order: 19; }
+ [flex-order-gt-sm="20"] {
+ order: 20; }
+ [flex-offset-gt-sm="0"] {
+ margin-left: 0%; }
+ [flex-offset-gt-sm="5"] {
+ margin-left: 5%; }
+ [flex-offset-gt-sm="10"] {
+ margin-left: 10%; }
+ [flex-offset-gt-sm="15"] {
+ margin-left: 15%; }
+ [flex-offset-gt-sm="20"] {
+ margin-left: 20%; }
+ [flex-offset-gt-sm="25"] {
+ margin-left: 25%; }
+ [flex-offset-gt-sm="30"] {
+ margin-left: 30%; }
+ [flex-offset-gt-sm="35"] {
+ margin-left: 35%; }
+ [flex-offset-gt-sm="40"] {
+ margin-left: 40%; }
+ [flex-offset-gt-sm="45"] {
+ margin-left: 45%; }
+ [flex-offset-gt-sm="50"] {
+ margin-left: 50%; }
+ [flex-offset-gt-sm="55"] {
+ margin-left: 55%; }
+ [flex-offset-gt-sm="60"] {
+ margin-left: 60%; }
+ [flex-offset-gt-sm="65"] {
+ margin-left: 65%; }
+ [flex-offset-gt-sm="70"] {
+ margin-left: 70%; }
+ [flex-offset-gt-sm="75"] {
+ margin-left: 75%; }
+ [flex-offset-gt-sm="80"] {
+ margin-left: 80%; }
+ [flex-offset-gt-sm="85"] {
+ margin-left: 85%; }
+ [flex-offset-gt-sm="90"] {
+ margin-left: 90%; }
+ [flex-offset-gt-sm="95"] {
+ margin-left: 95%; }
+ [flex-offset-gt-sm="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-gt-sm="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-gt-sm],
+ [layout-align-gt-sm="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-gt-sm="start"],
+ [layout-align-gt-sm="start start"],
+ [layout-align-gt-sm="start center"],
+ [layout-align-gt-sm="start end"],
+ [layout-align-gt-sm="start stretch"] {
+ justify-content: start; }
+ [layout-align-gt-sm="center"],
+ [layout-align-gt-sm="center start"],
+ [layout-align-gt-sm="center center"],
+ [layout-align-gt-sm="center end"],
+ [layout-align-gt-sm="center stretch"] {
+ justify-content: center; }
+ [layout-align-gt-sm="end"],
+ [layout-align-gt-sm="end center"],
+ [layout-align-gt-sm="end start"],
+ [layout-align-gt-sm="end end"],
+ [layout-align-gt-sm="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-gt-sm="space-around"],
+ [layout-align-gt-sm="space-around center"],
+ [layout-align-gt-sm="space-around start"],
+ [layout-align-gt-sm="space-around end"],
+ [layout-align-gt-sm="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-gt-sm="space-between"],
+ [layout-align-gt-sm="space-between center"],
+ [layout-align-gt-sm="space-between start"],
+ [layout-align-gt-sm="space-between end"],
+ [layout-align-gt-sm="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-gt-sm="start start"],
+ [layout-align-gt-sm="center start"],
+ [layout-align-gt-sm="end start"],
+ [layout-align-gt-sm="space-between start"],
+ [layout-align-gt-sm="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-gt-sm="start center"],
+ [layout-align-gt-sm="center center"],
+ [layout-align-gt-sm="end center"],
+ [layout-align-gt-sm="space-between center"],
+ [layout-align-gt-sm="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-gt-sm="start center"] > *,
+ [layout-align-gt-sm="center center"] > *,
+ [layout-align-gt-sm="end center"] > *,
+ [layout-align-gt-sm="space-between center"] > *,
+ [layout-align-gt-sm="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-gt-sm="start end"],
+ [layout-align-gt-sm="center end"],
+ [layout-align-gt-sm="end end"],
+ [layout-align-gt-sm="space-between end"],
+ [layout-align-gt-sm="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-gt-sm="start stretch"],
+ [layout-align-gt-sm="center stretch"],
+ [layout-align-gt-sm="end stretch"],
+ [layout-align-gt-sm="space-between stretch"],
+ [layout-align-gt-sm="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-gt-sm] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 600px) {
+ [flex-gt-sm] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 600px) {
+ [flex-gt-sm-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-gt-sm-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-sm-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-sm-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-sm-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-sm-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-sm="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="0"],
+ [layout-gt-sm="row"] > [flex-gt-sm="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="0"],
+ [layout-gt-sm="column"] > [flex-gt-sm="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-gt-sm="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="5"],
+ [layout-gt-sm="row"] > [flex-gt-sm="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="5"],
+ [layout-gt-sm="column"] > [flex-gt-sm="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-gt-sm="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="10"],
+ [layout-gt-sm="row"] > [flex-gt-sm="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="10"],
+ [layout-gt-sm="column"] > [flex-gt-sm="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-gt-sm="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="15"],
+ [layout-gt-sm="row"] > [flex-gt-sm="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="15"],
+ [layout-gt-sm="column"] > [flex-gt-sm="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-gt-sm="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="20"],
+ [layout-gt-sm="row"] > [flex-gt-sm="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="20"],
+ [layout-gt-sm="column"] > [flex-gt-sm="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-gt-sm="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="25"],
+ [layout-gt-sm="row"] > [flex-gt-sm="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="25"],
+ [layout-gt-sm="column"] > [flex-gt-sm="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-gt-sm="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="30"],
+ [layout-gt-sm="row"] > [flex-gt-sm="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="30"],
+ [layout-gt-sm="column"] > [flex-gt-sm="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-gt-sm="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="35"],
+ [layout-gt-sm="row"] > [flex-gt-sm="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="35"],
+ [layout-gt-sm="column"] > [flex-gt-sm="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-gt-sm="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="40"],
+ [layout-gt-sm="row"] > [flex-gt-sm="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="40"],
+ [layout-gt-sm="column"] > [flex-gt-sm="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-gt-sm="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="45"],
+ [layout-gt-sm="row"] > [flex-gt-sm="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="45"],
+ [layout-gt-sm="column"] > [flex-gt-sm="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-gt-sm="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="50"],
+ [layout-gt-sm="row"] > [flex-gt-sm="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="50"],
+ [layout-gt-sm="column"] > [flex-gt-sm="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-gt-sm="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="55"],
+ [layout-gt-sm="row"] > [flex-gt-sm="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="55"],
+ [layout-gt-sm="column"] > [flex-gt-sm="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-gt-sm="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="60"],
+ [layout-gt-sm="row"] > [flex-gt-sm="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="60"],
+ [layout-gt-sm="column"] > [flex-gt-sm="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-gt-sm="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="65"],
+ [layout-gt-sm="row"] > [flex-gt-sm="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="65"],
+ [layout-gt-sm="column"] > [flex-gt-sm="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-gt-sm="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="70"],
+ [layout-gt-sm="row"] > [flex-gt-sm="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="70"],
+ [layout-gt-sm="column"] > [flex-gt-sm="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-gt-sm="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="75"],
+ [layout-gt-sm="row"] > [flex-gt-sm="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="75"],
+ [layout-gt-sm="column"] > [flex-gt-sm="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-gt-sm="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="80"],
+ [layout-gt-sm="row"] > [flex-gt-sm="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="80"],
+ [layout-gt-sm="column"] > [flex-gt-sm="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-gt-sm="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="85"],
+ [layout-gt-sm="row"] > [flex-gt-sm="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="85"],
+ [layout-gt-sm="column"] > [flex-gt-sm="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-gt-sm="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="90"],
+ [layout-gt-sm="row"] > [flex-gt-sm="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="90"],
+ [layout-gt-sm="column"] > [flex-gt-sm="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-gt-sm="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="95"],
+ [layout-gt-sm="row"] > [flex-gt-sm="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="95"],
+ [layout-gt-sm="column"] > [flex-gt-sm="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-gt-sm="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="100"],
+ [layout-gt-sm="row"] > [flex-gt-sm="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="100"],
+ [layout-gt-sm="column"] > [flex-gt-sm="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="34"], [layout="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-sm="67"], [layout="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="34"], [layout="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-sm="67"], [layout="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-gt-sm="column"] {
+ flex-direction: column; }
+ [layout-gt-sm="row"] {
+ flex-direction: row; } }
+
+@media (min-width: 600px) and (max-width: 959px) {
+ [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) {
+ display: none; }
+ [hide-md]:not([show-md]):not([show]) {
+ display: none; }
+ [flex-order-md="-20"] {
+ order: -20; }
+ [flex-order-md="-19"] {
+ order: -19; }
+ [flex-order-md="-18"] {
+ order: -18; }
+ [flex-order-md="-17"] {
+ order: -17; }
+ [flex-order-md="-16"] {
+ order: -16; }
+ [flex-order-md="-15"] {
+ order: -15; }
+ [flex-order-md="-14"] {
+ order: -14; }
+ [flex-order-md="-13"] {
+ order: -13; }
+ [flex-order-md="-12"] {
+ order: -12; }
+ [flex-order-md="-11"] {
+ order: -11; }
+ [flex-order-md="-10"] {
+ order: -10; }
+ [flex-order-md="-9"] {
+ order: -9; }
+ [flex-order-md="-8"] {
+ order: -8; }
+ [flex-order-md="-7"] {
+ order: -7; }
+ [flex-order-md="-6"] {
+ order: -6; }
+ [flex-order-md="-5"] {
+ order: -5; }
+ [flex-order-md="-4"] {
+ order: -4; }
+ [flex-order-md="-3"] {
+ order: -3; }
+ [flex-order-md="-2"] {
+ order: -2; }
+ [flex-order-md="-1"] {
+ order: -1; }
+ [flex-order-md="0"] {
+ order: 0; }
+ [flex-order-md="1"] {
+ order: 1; }
+ [flex-order-md="2"] {
+ order: 2; }
+ [flex-order-md="3"] {
+ order: 3; }
+ [flex-order-md="4"] {
+ order: 4; }
+ [flex-order-md="5"] {
+ order: 5; }
+ [flex-order-md="6"] {
+ order: 6; }
+ [flex-order-md="7"] {
+ order: 7; }
+ [flex-order-md="8"] {
+ order: 8; }
+ [flex-order-md="9"] {
+ order: 9; }
+ [flex-order-md="10"] {
+ order: 10; }
+ [flex-order-md="11"] {
+ order: 11; }
+ [flex-order-md="12"] {
+ order: 12; }
+ [flex-order-md="13"] {
+ order: 13; }
+ [flex-order-md="14"] {
+ order: 14; }
+ [flex-order-md="15"] {
+ order: 15; }
+ [flex-order-md="16"] {
+ order: 16; }
+ [flex-order-md="17"] {
+ order: 17; }
+ [flex-order-md="18"] {
+ order: 18; }
+ [flex-order-md="19"] {
+ order: 19; }
+ [flex-order-md="20"] {
+ order: 20; }
+ [flex-offset-md="0"] {
+ margin-left: 0%; }
+ [flex-offset-md="5"] {
+ margin-left: 5%; }
+ [flex-offset-md="10"] {
+ margin-left: 10%; }
+ [flex-offset-md="15"] {
+ margin-left: 15%; }
+ [flex-offset-md="20"] {
+ margin-left: 20%; }
+ [flex-offset-md="25"] {
+ margin-left: 25%; }
+ [flex-offset-md="30"] {
+ margin-left: 30%; }
+ [flex-offset-md="35"] {
+ margin-left: 35%; }
+ [flex-offset-md="40"] {
+ margin-left: 40%; }
+ [flex-offset-md="45"] {
+ margin-left: 45%; }
+ [flex-offset-md="50"] {
+ margin-left: 50%; }
+ [flex-offset-md="55"] {
+ margin-left: 55%; }
+ [flex-offset-md="60"] {
+ margin-left: 60%; }
+ [flex-offset-md="65"] {
+ margin-left: 65%; }
+ [flex-offset-md="70"] {
+ margin-left: 70%; }
+ [flex-offset-md="75"] {
+ margin-left: 75%; }
+ [flex-offset-md="80"] {
+ margin-left: 80%; }
+ [flex-offset-md="85"] {
+ margin-left: 85%; }
+ [flex-offset-md="90"] {
+ margin-left: 90%; }
+ [flex-offset-md="95"] {
+ margin-left: 95%; }
+ [flex-offset-md="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-md="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-md],
+ [layout-align-md="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-md="start"],
+ [layout-align-md="start start"],
+ [layout-align-md="start center"],
+ [layout-align-md="start end"],
+ [layout-align-md="start stretch"] {
+ justify-content: start; }
+ [layout-align-md="center"],
+ [layout-align-md="center start"],
+ [layout-align-md="center center"],
+ [layout-align-md="center end"],
+ [layout-align-md="center stretch"] {
+ justify-content: center; }
+ [layout-align-md="end"],
+ [layout-align-md="end center"],
+ [layout-align-md="end start"],
+ [layout-align-md="end end"],
+ [layout-align-md="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-md="space-around"],
+ [layout-align-md="space-around center"],
+ [layout-align-md="space-around start"],
+ [layout-align-md="space-around end"],
+ [layout-align-md="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-md="space-between"],
+ [layout-align-md="space-between center"],
+ [layout-align-md="space-between start"],
+ [layout-align-md="space-between end"],
+ [layout-align-md="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-md="start start"],
+ [layout-align-md="center start"],
+ [layout-align-md="end start"],
+ [layout-align-md="space-between start"],
+ [layout-align-md="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-md="start center"],
+ [layout-align-md="center center"],
+ [layout-align-md="end center"],
+ [layout-align-md="space-between center"],
+ [layout-align-md="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-md="start center"] > *,
+ [layout-align-md="center center"] > *,
+ [layout-align-md="end center"] > *,
+ [layout-align-md="space-between center"] > *,
+ [layout-align-md="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-md="start end"],
+ [layout-align-md="center end"],
+ [layout-align-md="end end"],
+ [layout-align-md="space-between end"],
+ [layout-align-md="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-md="start stretch"],
+ [layout-align-md="center stretch"],
+ [layout-align-md="end stretch"],
+ [layout-align-md="space-between stretch"],
+ [layout-align-md="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-md] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 600px) and (max-width: 959px) {
+ [flex-md] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 600px) and (max-width: 959px) {
+ [flex-md-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-md-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-md-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-md-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-md-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-md-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-md="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="0"],
+ [layout-md="row"] > [flex-md="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="0"],
+ [layout-md="column"] > [flex-md="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-md="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="5"],
+ [layout-md="row"] > [flex-md="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="5"],
+ [layout-md="column"] > [flex-md="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-md="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="10"],
+ [layout-md="row"] > [flex-md="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="10"],
+ [layout-md="column"] > [flex-md="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-md="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="15"],
+ [layout-md="row"] > [flex-md="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="15"],
+ [layout-md="column"] > [flex-md="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-md="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="20"],
+ [layout-md="row"] > [flex-md="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="20"],
+ [layout-md="column"] > [flex-md="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-md="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="25"],
+ [layout-md="row"] > [flex-md="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="25"],
+ [layout-md="column"] > [flex-md="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-md="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="30"],
+ [layout-md="row"] > [flex-md="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="30"],
+ [layout-md="column"] > [flex-md="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-md="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="35"],
+ [layout-md="row"] > [flex-md="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="35"],
+ [layout-md="column"] > [flex-md="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-md="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="40"],
+ [layout-md="row"] > [flex-md="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="40"],
+ [layout-md="column"] > [flex-md="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-md="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="45"],
+ [layout-md="row"] > [flex-md="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="45"],
+ [layout-md="column"] > [flex-md="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-md="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="50"],
+ [layout-md="row"] > [flex-md="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="50"],
+ [layout-md="column"] > [flex-md="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-md="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="55"],
+ [layout-md="row"] > [flex-md="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="55"],
+ [layout-md="column"] > [flex-md="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-md="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="60"],
+ [layout-md="row"] > [flex-md="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="60"],
+ [layout-md="column"] > [flex-md="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-md="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="65"],
+ [layout-md="row"] > [flex-md="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="65"],
+ [layout-md="column"] > [flex-md="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-md="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="70"],
+ [layout-md="row"] > [flex-md="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="70"],
+ [layout-md="column"] > [flex-md="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-md="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="75"],
+ [layout-md="row"] > [flex-md="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="75"],
+ [layout-md="column"] > [flex-md="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-md="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="80"],
+ [layout-md="row"] > [flex-md="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="80"],
+ [layout-md="column"] > [flex-md="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-md="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="85"],
+ [layout-md="row"] > [flex-md="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="85"],
+ [layout-md="column"] > [flex-md="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-md="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="90"],
+ [layout-md="row"] > [flex-md="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="90"],
+ [layout-md="column"] > [flex-md="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-md="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="95"],
+ [layout-md="row"] > [flex-md="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="95"],
+ [layout-md="column"] > [flex-md="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-md="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="100"],
+ [layout-md="row"] > [flex-md="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="100"],
+ [layout-md="column"] > [flex-md="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="34"], [layout="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-md="67"], [layout="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="34"], [layout="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-md="67"], [layout="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-md], [layout-md="column"], [layout-md="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-md="column"] {
+ flex-direction: column; }
+ [layout-md="row"] {
+ flex-direction: row; } }
+
+@media (min-width: 960px) {
+ [flex-order-gt-md="-20"] {
+ order: -20; }
+ [flex-order-gt-md="-19"] {
+ order: -19; }
+ [flex-order-gt-md="-18"] {
+ order: -18; }
+ [flex-order-gt-md="-17"] {
+ order: -17; }
+ [flex-order-gt-md="-16"] {
+ order: -16; }
+ [flex-order-gt-md="-15"] {
+ order: -15; }
+ [flex-order-gt-md="-14"] {
+ order: -14; }
+ [flex-order-gt-md="-13"] {
+ order: -13; }
+ [flex-order-gt-md="-12"] {
+ order: -12; }
+ [flex-order-gt-md="-11"] {
+ order: -11; }
+ [flex-order-gt-md="-10"] {
+ order: -10; }
+ [flex-order-gt-md="-9"] {
+ order: -9; }
+ [flex-order-gt-md="-8"] {
+ order: -8; }
+ [flex-order-gt-md="-7"] {
+ order: -7; }
+ [flex-order-gt-md="-6"] {
+ order: -6; }
+ [flex-order-gt-md="-5"] {
+ order: -5; }
+ [flex-order-gt-md="-4"] {
+ order: -4; }
+ [flex-order-gt-md="-3"] {
+ order: -3; }
+ [flex-order-gt-md="-2"] {
+ order: -2; }
+ [flex-order-gt-md="-1"] {
+ order: -1; }
+ [flex-order-gt-md="0"] {
+ order: 0; }
+ [flex-order-gt-md="1"] {
+ order: 1; }
+ [flex-order-gt-md="2"] {
+ order: 2; }
+ [flex-order-gt-md="3"] {
+ order: 3; }
+ [flex-order-gt-md="4"] {
+ order: 4; }
+ [flex-order-gt-md="5"] {
+ order: 5; }
+ [flex-order-gt-md="6"] {
+ order: 6; }
+ [flex-order-gt-md="7"] {
+ order: 7; }
+ [flex-order-gt-md="8"] {
+ order: 8; }
+ [flex-order-gt-md="9"] {
+ order: 9; }
+ [flex-order-gt-md="10"] {
+ order: 10; }
+ [flex-order-gt-md="11"] {
+ order: 11; }
+ [flex-order-gt-md="12"] {
+ order: 12; }
+ [flex-order-gt-md="13"] {
+ order: 13; }
+ [flex-order-gt-md="14"] {
+ order: 14; }
+ [flex-order-gt-md="15"] {
+ order: 15; }
+ [flex-order-gt-md="16"] {
+ order: 16; }
+ [flex-order-gt-md="17"] {
+ order: 17; }
+ [flex-order-gt-md="18"] {
+ order: 18; }
+ [flex-order-gt-md="19"] {
+ order: 19; }
+ [flex-order-gt-md="20"] {
+ order: 20; }
+ [flex-offset-gt-md="0"] {
+ margin-left: 0%; }
+ [flex-offset-gt-md="5"] {
+ margin-left: 5%; }
+ [flex-offset-gt-md="10"] {
+ margin-left: 10%; }
+ [flex-offset-gt-md="15"] {
+ margin-left: 15%; }
+ [flex-offset-gt-md="20"] {
+ margin-left: 20%; }
+ [flex-offset-gt-md="25"] {
+ margin-left: 25%; }
+ [flex-offset-gt-md="30"] {
+ margin-left: 30%; }
+ [flex-offset-gt-md="35"] {
+ margin-left: 35%; }
+ [flex-offset-gt-md="40"] {
+ margin-left: 40%; }
+ [flex-offset-gt-md="45"] {
+ margin-left: 45%; }
+ [flex-offset-gt-md="50"] {
+ margin-left: 50%; }
+ [flex-offset-gt-md="55"] {
+ margin-left: 55%; }
+ [flex-offset-gt-md="60"] {
+ margin-left: 60%; }
+ [flex-offset-gt-md="65"] {
+ margin-left: 65%; }
+ [flex-offset-gt-md="70"] {
+ margin-left: 70%; }
+ [flex-offset-gt-md="75"] {
+ margin-left: 75%; }
+ [flex-offset-gt-md="80"] {
+ margin-left: 80%; }
+ [flex-offset-gt-md="85"] {
+ margin-left: 85%; }
+ [flex-offset-gt-md="90"] {
+ margin-left: 90%; }
+ [flex-offset-gt-md="95"] {
+ margin-left: 95%; }
+ [flex-offset-gt-md="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-gt-md="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-gt-md],
+ [layout-align-gt-md="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-gt-md="start"],
+ [layout-align-gt-md="start start"],
+ [layout-align-gt-md="start center"],
+ [layout-align-gt-md="start end"],
+ [layout-align-gt-md="start stretch"] {
+ justify-content: start; }
+ [layout-align-gt-md="center"],
+ [layout-align-gt-md="center start"],
+ [layout-align-gt-md="center center"],
+ [layout-align-gt-md="center end"],
+ [layout-align-gt-md="center stretch"] {
+ justify-content: center; }
+ [layout-align-gt-md="end"],
+ [layout-align-gt-md="end center"],
+ [layout-align-gt-md="end start"],
+ [layout-align-gt-md="end end"],
+ [layout-align-gt-md="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-gt-md="space-around"],
+ [layout-align-gt-md="space-around center"],
+ [layout-align-gt-md="space-around start"],
+ [layout-align-gt-md="space-around end"],
+ [layout-align-gt-md="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-gt-md="space-between"],
+ [layout-align-gt-md="space-between center"],
+ [layout-align-gt-md="space-between start"],
+ [layout-align-gt-md="space-between end"],
+ [layout-align-gt-md="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-gt-md="start start"],
+ [layout-align-gt-md="center start"],
+ [layout-align-gt-md="end start"],
+ [layout-align-gt-md="space-between start"],
+ [layout-align-gt-md="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-gt-md="start center"],
+ [layout-align-gt-md="center center"],
+ [layout-align-gt-md="end center"],
+ [layout-align-gt-md="space-between center"],
+ [layout-align-gt-md="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-gt-md="start center"] > *,
+ [layout-align-gt-md="center center"] > *,
+ [layout-align-gt-md="end center"] > *,
+ [layout-align-gt-md="space-between center"] > *,
+ [layout-align-gt-md="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-gt-md="start end"],
+ [layout-align-gt-md="center end"],
+ [layout-align-gt-md="end end"],
+ [layout-align-gt-md="space-between end"],
+ [layout-align-gt-md="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-gt-md="start stretch"],
+ [layout-align-gt-md="center stretch"],
+ [layout-align-gt-md="end stretch"],
+ [layout-align-gt-md="space-between stretch"],
+ [layout-align-gt-md="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-gt-md] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 960px) {
+ [flex-gt-md] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 960px) {
+ [flex-gt-md-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-gt-md-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-md-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-md-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-md-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-md-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-md="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="0"],
+ [layout-gt-md="row"] > [flex-gt-md="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="0"],
+ [layout-gt-md="column"] > [flex-gt-md="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-gt-md="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="5"],
+ [layout-gt-md="row"] > [flex-gt-md="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="5"],
+ [layout-gt-md="column"] > [flex-gt-md="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-gt-md="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="10"],
+ [layout-gt-md="row"] > [flex-gt-md="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="10"],
+ [layout-gt-md="column"] > [flex-gt-md="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-gt-md="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="15"],
+ [layout-gt-md="row"] > [flex-gt-md="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="15"],
+ [layout-gt-md="column"] > [flex-gt-md="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-gt-md="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="20"],
+ [layout-gt-md="row"] > [flex-gt-md="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="20"],
+ [layout-gt-md="column"] > [flex-gt-md="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-gt-md="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="25"],
+ [layout-gt-md="row"] > [flex-gt-md="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="25"],
+ [layout-gt-md="column"] > [flex-gt-md="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-gt-md="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="30"],
+ [layout-gt-md="row"] > [flex-gt-md="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="30"],
+ [layout-gt-md="column"] > [flex-gt-md="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-gt-md="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="35"],
+ [layout-gt-md="row"] > [flex-gt-md="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="35"],
+ [layout-gt-md="column"] > [flex-gt-md="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-gt-md="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="40"],
+ [layout-gt-md="row"] > [flex-gt-md="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="40"],
+ [layout-gt-md="column"] > [flex-gt-md="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-gt-md="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="45"],
+ [layout-gt-md="row"] > [flex-gt-md="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="45"],
+ [layout-gt-md="column"] > [flex-gt-md="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-gt-md="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="50"],
+ [layout-gt-md="row"] > [flex-gt-md="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="50"],
+ [layout-gt-md="column"] > [flex-gt-md="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-gt-md="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="55"],
+ [layout-gt-md="row"] > [flex-gt-md="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="55"],
+ [layout-gt-md="column"] > [flex-gt-md="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-gt-md="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="60"],
+ [layout-gt-md="row"] > [flex-gt-md="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="60"],
+ [layout-gt-md="column"] > [flex-gt-md="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-gt-md="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="65"],
+ [layout-gt-md="row"] > [flex-gt-md="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="65"],
+ [layout-gt-md="column"] > [flex-gt-md="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-gt-md="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="70"],
+ [layout-gt-md="row"] > [flex-gt-md="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="70"],
+ [layout-gt-md="column"] > [flex-gt-md="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-gt-md="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="75"],
+ [layout-gt-md="row"] > [flex-gt-md="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="75"],
+ [layout-gt-md="column"] > [flex-gt-md="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-gt-md="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="80"],
+ [layout-gt-md="row"] > [flex-gt-md="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="80"],
+ [layout-gt-md="column"] > [flex-gt-md="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-gt-md="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="85"],
+ [layout-gt-md="row"] > [flex-gt-md="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="85"],
+ [layout-gt-md="column"] > [flex-gt-md="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-gt-md="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="90"],
+ [layout-gt-md="row"] > [flex-gt-md="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="90"],
+ [layout-gt-md="column"] > [flex-gt-md="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-gt-md="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="95"],
+ [layout-gt-md="row"] > [flex-gt-md="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="95"],
+ [layout-gt-md="column"] > [flex-gt-md="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-gt-md="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="100"],
+ [layout-gt-md="row"] > [flex-gt-md="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="100"],
+ [layout-gt-md="column"] > [flex-gt-md="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="34"], [layout="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-md="67"], [layout="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="34"], [layout="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-md="67"], [layout="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-gt-md="column"] {
+ flex-direction: column; }
+ [layout-gt-md="row"] {
+ flex-direction: row; } }
+
+@media (min-width: 960px) and (max-width: 1279px) {
+ [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
+ display: none; }
+ [hide-lg]:not([show-lg]):not([show]) {
+ display: none; }
+ [flex-order-lg="-20"] {
+ order: -20; }
+ [flex-order-lg="-19"] {
+ order: -19; }
+ [flex-order-lg="-18"] {
+ order: -18; }
+ [flex-order-lg="-17"] {
+ order: -17; }
+ [flex-order-lg="-16"] {
+ order: -16; }
+ [flex-order-lg="-15"] {
+ order: -15; }
+ [flex-order-lg="-14"] {
+ order: -14; }
+ [flex-order-lg="-13"] {
+ order: -13; }
+ [flex-order-lg="-12"] {
+ order: -12; }
+ [flex-order-lg="-11"] {
+ order: -11; }
+ [flex-order-lg="-10"] {
+ order: -10; }
+ [flex-order-lg="-9"] {
+ order: -9; }
+ [flex-order-lg="-8"] {
+ order: -8; }
+ [flex-order-lg="-7"] {
+ order: -7; }
+ [flex-order-lg="-6"] {
+ order: -6; }
+ [flex-order-lg="-5"] {
+ order: -5; }
+ [flex-order-lg="-4"] {
+ order: -4; }
+ [flex-order-lg="-3"] {
+ order: -3; }
+ [flex-order-lg="-2"] {
+ order: -2; }
+ [flex-order-lg="-1"] {
+ order: -1; }
+ [flex-order-lg="0"] {
+ order: 0; }
+ [flex-order-lg="1"] {
+ order: 1; }
+ [flex-order-lg="2"] {
+ order: 2; }
+ [flex-order-lg="3"] {
+ order: 3; }
+ [flex-order-lg="4"] {
+ order: 4; }
+ [flex-order-lg="5"] {
+ order: 5; }
+ [flex-order-lg="6"] {
+ order: 6; }
+ [flex-order-lg="7"] {
+ order: 7; }
+ [flex-order-lg="8"] {
+ order: 8; }
+ [flex-order-lg="9"] {
+ order: 9; }
+ [flex-order-lg="10"] {
+ order: 10; }
+ [flex-order-lg="11"] {
+ order: 11; }
+ [flex-order-lg="12"] {
+ order: 12; }
+ [flex-order-lg="13"] {
+ order: 13; }
+ [flex-order-lg="14"] {
+ order: 14; }
+ [flex-order-lg="15"] {
+ order: 15; }
+ [flex-order-lg="16"] {
+ order: 16; }
+ [flex-order-lg="17"] {
+ order: 17; }
+ [flex-order-lg="18"] {
+ order: 18; }
+ [flex-order-lg="19"] {
+ order: 19; }
+ [flex-order-lg="20"] {
+ order: 20; }
+ [flex-offset-lg="0"] {
+ margin-left: 0%; }
+ [flex-offset-lg="5"] {
+ margin-left: 5%; }
+ [flex-offset-lg="10"] {
+ margin-left: 10%; }
+ [flex-offset-lg="15"] {
+ margin-left: 15%; }
+ [flex-offset-lg="20"] {
+ margin-left: 20%; }
+ [flex-offset-lg="25"] {
+ margin-left: 25%; }
+ [flex-offset-lg="30"] {
+ margin-left: 30%; }
+ [flex-offset-lg="35"] {
+ margin-left: 35%; }
+ [flex-offset-lg="40"] {
+ margin-left: 40%; }
+ [flex-offset-lg="45"] {
+ margin-left: 45%; }
+ [flex-offset-lg="50"] {
+ margin-left: 50%; }
+ [flex-offset-lg="55"] {
+ margin-left: 55%; }
+ [flex-offset-lg="60"] {
+ margin-left: 60%; }
+ [flex-offset-lg="65"] {
+ margin-left: 65%; }
+ [flex-offset-lg="70"] {
+ margin-left: 70%; }
+ [flex-offset-lg="75"] {
+ margin-left: 75%; }
+ [flex-offset-lg="80"] {
+ margin-left: 80%; }
+ [flex-offset-lg="85"] {
+ margin-left: 85%; }
+ [flex-offset-lg="90"] {
+ margin-left: 90%; }
+ [flex-offset-lg="95"] {
+ margin-left: 95%; }
+ [flex-offset-lg="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-lg="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-lg],
+ [layout-align-lg="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-lg="start"],
+ [layout-align-lg="start start"],
+ [layout-align-lg="start center"],
+ [layout-align-lg="start end"],
+ [layout-align-lg="start stretch"] {
+ justify-content: start; }
+ [layout-align-lg="center"],
+ [layout-align-lg="center start"],
+ [layout-align-lg="center center"],
+ [layout-align-lg="center end"],
+ [layout-align-lg="center stretch"] {
+ justify-content: center; }
+ [layout-align-lg="end"],
+ [layout-align-lg="end center"],
+ [layout-align-lg="end start"],
+ [layout-align-lg="end end"],
+ [layout-align-lg="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-lg="space-around"],
+ [layout-align-lg="space-around center"],
+ [layout-align-lg="space-around start"],
+ [layout-align-lg="space-around end"],
+ [layout-align-lg="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-lg="space-between"],
+ [layout-align-lg="space-between center"],
+ [layout-align-lg="space-between start"],
+ [layout-align-lg="space-between end"],
+ [layout-align-lg="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-lg="start start"],
+ [layout-align-lg="center start"],
+ [layout-align-lg="end start"],
+ [layout-align-lg="space-between start"],
+ [layout-align-lg="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-lg="start center"],
+ [layout-align-lg="center center"],
+ [layout-align-lg="end center"],
+ [layout-align-lg="space-between center"],
+ [layout-align-lg="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-lg="start center"] > *,
+ [layout-align-lg="center center"] > *,
+ [layout-align-lg="end center"] > *,
+ [layout-align-lg="space-between center"] > *,
+ [layout-align-lg="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-lg="start end"],
+ [layout-align-lg="center end"],
+ [layout-align-lg="end end"],
+ [layout-align-lg="space-between end"],
+ [layout-align-lg="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-lg="start stretch"],
+ [layout-align-lg="center stretch"],
+ [layout-align-lg="end stretch"],
+ [layout-align-lg="space-between stretch"],
+ [layout-align-lg="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-lg] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 960px) and (max-width: 1279px) {
+ [flex-lg] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 960px) and (max-width: 1279px) {
+ [flex-lg-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-lg-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-lg-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-lg-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-lg-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-lg-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-lg="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="0"],
+ [layout-lg="row"] > [flex-lg="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="0"],
+ [layout-lg="column"] > [flex-lg="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-lg="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="5"],
+ [layout-lg="row"] > [flex-lg="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="5"],
+ [layout-lg="column"] > [flex-lg="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-lg="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="10"],
+ [layout-lg="row"] > [flex-lg="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="10"],
+ [layout-lg="column"] > [flex-lg="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-lg="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="15"],
+ [layout-lg="row"] > [flex-lg="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="15"],
+ [layout-lg="column"] > [flex-lg="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-lg="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="20"],
+ [layout-lg="row"] > [flex-lg="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="20"],
+ [layout-lg="column"] > [flex-lg="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-lg="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="25"],
+ [layout-lg="row"] > [flex-lg="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="25"],
+ [layout-lg="column"] > [flex-lg="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-lg="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="30"],
+ [layout-lg="row"] > [flex-lg="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="30"],
+ [layout-lg="column"] > [flex-lg="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-lg="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="35"],
+ [layout-lg="row"] > [flex-lg="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="35"],
+ [layout-lg="column"] > [flex-lg="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-lg="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="40"],
+ [layout-lg="row"] > [flex-lg="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="40"],
+ [layout-lg="column"] > [flex-lg="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-lg="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="45"],
+ [layout-lg="row"] > [flex-lg="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="45"],
+ [layout-lg="column"] > [flex-lg="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-lg="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="50"],
+ [layout-lg="row"] > [flex-lg="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="50"],
+ [layout-lg="column"] > [flex-lg="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-lg="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="55"],
+ [layout-lg="row"] > [flex-lg="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="55"],
+ [layout-lg="column"] > [flex-lg="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-lg="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="60"],
+ [layout-lg="row"] > [flex-lg="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="60"],
+ [layout-lg="column"] > [flex-lg="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-lg="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="65"],
+ [layout-lg="row"] > [flex-lg="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="65"],
+ [layout-lg="column"] > [flex-lg="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-lg="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="70"],
+ [layout-lg="row"] > [flex-lg="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="70"],
+ [layout-lg="column"] > [flex-lg="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-lg="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="75"],
+ [layout-lg="row"] > [flex-lg="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="75"],
+ [layout-lg="column"] > [flex-lg="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-lg="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="80"],
+ [layout-lg="row"] > [flex-lg="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="80"],
+ [layout-lg="column"] > [flex-lg="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-lg="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="85"],
+ [layout-lg="row"] > [flex-lg="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="85"],
+ [layout-lg="column"] > [flex-lg="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-lg="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="90"],
+ [layout-lg="row"] > [flex-lg="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="90"],
+ [layout-lg="column"] > [flex-lg="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-lg="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="95"],
+ [layout-lg="row"] > [flex-lg="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="95"],
+ [layout-lg="column"] > [flex-lg="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-lg="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="100"],
+ [layout-lg="row"] > [flex-lg="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="100"],
+ [layout-lg="column"] > [flex-lg="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="34"], [layout="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-lg="67"], [layout="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="34"], [layout="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-lg="67"], [layout="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-lg], [layout-lg="column"], [layout-lg="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-lg="column"] {
+ flex-direction: column; }
+ [layout-lg="row"] {
+ flex-direction: row; } }
+
+@media (min-width: 1280px) {
+ [flex-order-gt-lg="-20"] {
+ order: -20; }
+ [flex-order-gt-lg="-19"] {
+ order: -19; }
+ [flex-order-gt-lg="-18"] {
+ order: -18; }
+ [flex-order-gt-lg="-17"] {
+ order: -17; }
+ [flex-order-gt-lg="-16"] {
+ order: -16; }
+ [flex-order-gt-lg="-15"] {
+ order: -15; }
+ [flex-order-gt-lg="-14"] {
+ order: -14; }
+ [flex-order-gt-lg="-13"] {
+ order: -13; }
+ [flex-order-gt-lg="-12"] {
+ order: -12; }
+ [flex-order-gt-lg="-11"] {
+ order: -11; }
+ [flex-order-gt-lg="-10"] {
+ order: -10; }
+ [flex-order-gt-lg="-9"] {
+ order: -9; }
+ [flex-order-gt-lg="-8"] {
+ order: -8; }
+ [flex-order-gt-lg="-7"] {
+ order: -7; }
+ [flex-order-gt-lg="-6"] {
+ order: -6; }
+ [flex-order-gt-lg="-5"] {
+ order: -5; }
+ [flex-order-gt-lg="-4"] {
+ order: -4; }
+ [flex-order-gt-lg="-3"] {
+ order: -3; }
+ [flex-order-gt-lg="-2"] {
+ order: -2; }
+ [flex-order-gt-lg="-1"] {
+ order: -1; }
+ [flex-order-gt-lg="0"] {
+ order: 0; }
+ [flex-order-gt-lg="1"] {
+ order: 1; }
+ [flex-order-gt-lg="2"] {
+ order: 2; }
+ [flex-order-gt-lg="3"] {
+ order: 3; }
+ [flex-order-gt-lg="4"] {
+ order: 4; }
+ [flex-order-gt-lg="5"] {
+ order: 5; }
+ [flex-order-gt-lg="6"] {
+ order: 6; }
+ [flex-order-gt-lg="7"] {
+ order: 7; }
+ [flex-order-gt-lg="8"] {
+ order: 8; }
+ [flex-order-gt-lg="9"] {
+ order: 9; }
+ [flex-order-gt-lg="10"] {
+ order: 10; }
+ [flex-order-gt-lg="11"] {
+ order: 11; }
+ [flex-order-gt-lg="12"] {
+ order: 12; }
+ [flex-order-gt-lg="13"] {
+ order: 13; }
+ [flex-order-gt-lg="14"] {
+ order: 14; }
+ [flex-order-gt-lg="15"] {
+ order: 15; }
+ [flex-order-gt-lg="16"] {
+ order: 16; }
+ [flex-order-gt-lg="17"] {
+ order: 17; }
+ [flex-order-gt-lg="18"] {
+ order: 18; }
+ [flex-order-gt-lg="19"] {
+ order: 19; }
+ [flex-order-gt-lg="20"] {
+ order: 20; }
+ [flex-offset-gt-lg="0"] {
+ margin-left: 0%; }
+ [flex-offset-gt-lg="5"] {
+ margin-left: 5%; }
+ [flex-offset-gt-lg="10"] {
+ margin-left: 10%; }
+ [flex-offset-gt-lg="15"] {
+ margin-left: 15%; }
+ [flex-offset-gt-lg="20"] {
+ margin-left: 20%; }
+ [flex-offset-gt-lg="25"] {
+ margin-left: 25%; }
+ [flex-offset-gt-lg="30"] {
+ margin-left: 30%; }
+ [flex-offset-gt-lg="35"] {
+ margin-left: 35%; }
+ [flex-offset-gt-lg="40"] {
+ margin-left: 40%; }
+ [flex-offset-gt-lg="45"] {
+ margin-left: 45%; }
+ [flex-offset-gt-lg="50"] {
+ margin-left: 50%; }
+ [flex-offset-gt-lg="55"] {
+ margin-left: 55%; }
+ [flex-offset-gt-lg="60"] {
+ margin-left: 60%; }
+ [flex-offset-gt-lg="65"] {
+ margin-left: 65%; }
+ [flex-offset-gt-lg="70"] {
+ margin-left: 70%; }
+ [flex-offset-gt-lg="75"] {
+ margin-left: 75%; }
+ [flex-offset-gt-lg="80"] {
+ margin-left: 80%; }
+ [flex-offset-gt-lg="85"] {
+ margin-left: 85%; }
+ [flex-offset-gt-lg="90"] {
+ margin-left: 90%; }
+ [flex-offset-gt-lg="95"] {
+ margin-left: 95%; }
+ [flex-offset-gt-lg="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-gt-lg="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-gt-lg],
+ [layout-align-gt-lg="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-gt-lg="start"],
+ [layout-align-gt-lg="start start"],
+ [layout-align-gt-lg="start center"],
+ [layout-align-gt-lg="start end"],
+ [layout-align-gt-lg="start stretch"] {
+ justify-content: start; }
+ [layout-align-gt-lg="center"],
+ [layout-align-gt-lg="center start"],
+ [layout-align-gt-lg="center center"],
+ [layout-align-gt-lg="center end"],
+ [layout-align-gt-lg="center stretch"] {
+ justify-content: center; }
+ [layout-align-gt-lg="end"],
+ [layout-align-gt-lg="end center"],
+ [layout-align-gt-lg="end start"],
+ [layout-align-gt-lg="end end"],
+ [layout-align-gt-lg="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-gt-lg="space-around"],
+ [layout-align-gt-lg="space-around center"],
+ [layout-align-gt-lg="space-around start"],
+ [layout-align-gt-lg="space-around end"],
+ [layout-align-gt-lg="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-gt-lg="space-between"],
+ [layout-align-gt-lg="space-between center"],
+ [layout-align-gt-lg="space-between start"],
+ [layout-align-gt-lg="space-between end"],
+ [layout-align-gt-lg="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-gt-lg="start start"],
+ [layout-align-gt-lg="center start"],
+ [layout-align-gt-lg="end start"],
+ [layout-align-gt-lg="space-between start"],
+ [layout-align-gt-lg="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-gt-lg="start center"],
+ [layout-align-gt-lg="center center"],
+ [layout-align-gt-lg="end center"],
+ [layout-align-gt-lg="space-between center"],
+ [layout-align-gt-lg="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-gt-lg="start center"] > *,
+ [layout-align-gt-lg="center center"] > *,
+ [layout-align-gt-lg="end center"] > *,
+ [layout-align-gt-lg="space-between center"] > *,
+ [layout-align-gt-lg="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-gt-lg="start end"],
+ [layout-align-gt-lg="center end"],
+ [layout-align-gt-lg="end end"],
+ [layout-align-gt-lg="space-between end"],
+ [layout-align-gt-lg="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-gt-lg="start stretch"],
+ [layout-align-gt-lg="center stretch"],
+ [layout-align-gt-lg="end stretch"],
+ [layout-align-gt-lg="space-between stretch"],
+ [layout-align-gt-lg="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-gt-lg] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 1280px) {
+ [flex-gt-lg] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 1280px) {
+ [flex-gt-lg-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-gt-lg-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-lg-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-lg-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-lg-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-gt-lg-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-gt-lg="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="0"],
+ [layout-gt-lg="row"] > [flex-gt-lg="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="0"],
+ [layout-gt-lg="column"] > [flex-gt-lg="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-gt-lg="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="5"],
+ [layout-gt-lg="row"] > [flex-gt-lg="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="5"],
+ [layout-gt-lg="column"] > [flex-gt-lg="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-gt-lg="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="10"],
+ [layout-gt-lg="row"] > [flex-gt-lg="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="10"],
+ [layout-gt-lg="column"] > [flex-gt-lg="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-gt-lg="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="15"],
+ [layout-gt-lg="row"] > [flex-gt-lg="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="15"],
+ [layout-gt-lg="column"] > [flex-gt-lg="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-gt-lg="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="20"],
+ [layout-gt-lg="row"] > [flex-gt-lg="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="20"],
+ [layout-gt-lg="column"] > [flex-gt-lg="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-gt-lg="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="25"],
+ [layout-gt-lg="row"] > [flex-gt-lg="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="25"],
+ [layout-gt-lg="column"] > [flex-gt-lg="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-gt-lg="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="30"],
+ [layout-gt-lg="row"] > [flex-gt-lg="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="30"],
+ [layout-gt-lg="column"] > [flex-gt-lg="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-gt-lg="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="35"],
+ [layout-gt-lg="row"] > [flex-gt-lg="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="35"],
+ [layout-gt-lg="column"] > [flex-gt-lg="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-gt-lg="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="40"],
+ [layout-gt-lg="row"] > [flex-gt-lg="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="40"],
+ [layout-gt-lg="column"] > [flex-gt-lg="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-gt-lg="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="45"],
+ [layout-gt-lg="row"] > [flex-gt-lg="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="45"],
+ [layout-gt-lg="column"] > [flex-gt-lg="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-gt-lg="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="50"],
+ [layout-gt-lg="row"] > [flex-gt-lg="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="50"],
+ [layout-gt-lg="column"] > [flex-gt-lg="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-gt-lg="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="55"],
+ [layout-gt-lg="row"] > [flex-gt-lg="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="55"],
+ [layout-gt-lg="column"] > [flex-gt-lg="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-gt-lg="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="60"],
+ [layout-gt-lg="row"] > [flex-gt-lg="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="60"],
+ [layout-gt-lg="column"] > [flex-gt-lg="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-gt-lg="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="65"],
+ [layout-gt-lg="row"] > [flex-gt-lg="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="65"],
+ [layout-gt-lg="column"] > [flex-gt-lg="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-gt-lg="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="70"],
+ [layout-gt-lg="row"] > [flex-gt-lg="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="70"],
+ [layout-gt-lg="column"] > [flex-gt-lg="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-gt-lg="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="75"],
+ [layout-gt-lg="row"] > [flex-gt-lg="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="75"],
+ [layout-gt-lg="column"] > [flex-gt-lg="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-gt-lg="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="80"],
+ [layout-gt-lg="row"] > [flex-gt-lg="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="80"],
+ [layout-gt-lg="column"] > [flex-gt-lg="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-gt-lg="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="85"],
+ [layout-gt-lg="row"] > [flex-gt-lg="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="85"],
+ [layout-gt-lg="column"] > [flex-gt-lg="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-gt-lg="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="90"],
+ [layout-gt-lg="row"] > [flex-gt-lg="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="90"],
+ [layout-gt-lg="column"] > [flex-gt-lg="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-gt-lg="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="95"],
+ [layout-gt-lg="row"] > [flex-gt-lg="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="95"],
+ [layout-gt-lg="column"] > [flex-gt-lg="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-gt-lg="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="100"],
+ [layout-gt-lg="row"] > [flex-gt-lg="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="100"],
+ [layout-gt-lg="column"] > [flex-gt-lg="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="34"], [layout="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-gt-lg="67"], [layout="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="34"], [layout="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-gt-lg="67"], [layout="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-gt-lg="column"] {
+ flex-direction: column; }
+ [layout-gt-lg="row"] {
+ flex-direction: row; }
+ [flex-order-xl="-20"] {
+ order: -20; }
+ [flex-order-xl="-19"] {
+ order: -19; }
+ [flex-order-xl="-18"] {
+ order: -18; }
+ [flex-order-xl="-17"] {
+ order: -17; }
+ [flex-order-xl="-16"] {
+ order: -16; }
+ [flex-order-xl="-15"] {
+ order: -15; }
+ [flex-order-xl="-14"] {
+ order: -14; }
+ [flex-order-xl="-13"] {
+ order: -13; }
+ [flex-order-xl="-12"] {
+ order: -12; }
+ [flex-order-xl="-11"] {
+ order: -11; }
+ [flex-order-xl="-10"] {
+ order: -10; }
+ [flex-order-xl="-9"] {
+ order: -9; }
+ [flex-order-xl="-8"] {
+ order: -8; }
+ [flex-order-xl="-7"] {
+ order: -7; }
+ [flex-order-xl="-6"] {
+ order: -6; }
+ [flex-order-xl="-5"] {
+ order: -5; }
+ [flex-order-xl="-4"] {
+ order: -4; }
+ [flex-order-xl="-3"] {
+ order: -3; }
+ [flex-order-xl="-2"] {
+ order: -2; }
+ [flex-order-xl="-1"] {
+ order: -1; }
+ [flex-order-xl="0"] {
+ order: 0; }
+ [flex-order-xl="1"] {
+ order: 1; }
+ [flex-order-xl="2"] {
+ order: 2; }
+ [flex-order-xl="3"] {
+ order: 3; }
+ [flex-order-xl="4"] {
+ order: 4; }
+ [flex-order-xl="5"] {
+ order: 5; }
+ [flex-order-xl="6"] {
+ order: 6; }
+ [flex-order-xl="7"] {
+ order: 7; }
+ [flex-order-xl="8"] {
+ order: 8; }
+ [flex-order-xl="9"] {
+ order: 9; }
+ [flex-order-xl="10"] {
+ order: 10; }
+ [flex-order-xl="11"] {
+ order: 11; }
+ [flex-order-xl="12"] {
+ order: 12; }
+ [flex-order-xl="13"] {
+ order: 13; }
+ [flex-order-xl="14"] {
+ order: 14; }
+ [flex-order-xl="15"] {
+ order: 15; }
+ [flex-order-xl="16"] {
+ order: 16; }
+ [flex-order-xl="17"] {
+ order: 17; }
+ [flex-order-xl="18"] {
+ order: 18; }
+ [flex-order-xl="19"] {
+ order: 19; }
+ [flex-order-xl="20"] {
+ order: 20; }
+ [flex-offset-xl="0"] {
+ margin-left: 0%; }
+ [flex-offset-xl="5"] {
+ margin-left: 5%; }
+ [flex-offset-xl="10"] {
+ margin-left: 10%; }
+ [flex-offset-xl="15"] {
+ margin-left: 15%; }
+ [flex-offset-xl="20"] {
+ margin-left: 20%; }
+ [flex-offset-xl="25"] {
+ margin-left: 25%; }
+ [flex-offset-xl="30"] {
+ margin-left: 30%; }
+ [flex-offset-xl="35"] {
+ margin-left: 35%; }
+ [flex-offset-xl="40"] {
+ margin-left: 40%; }
+ [flex-offset-xl="45"] {
+ margin-left: 45%; }
+ [flex-offset-xl="50"] {
+ margin-left: 50%; }
+ [flex-offset-xl="55"] {
+ margin-left: 55%; }
+ [flex-offset-xl="60"] {
+ margin-left: 60%; }
+ [flex-offset-xl="65"] {
+ margin-left: 65%; }
+ [flex-offset-xl="70"] {
+ margin-left: 70%; }
+ [flex-offset-xl="75"] {
+ margin-left: 75%; }
+ [flex-offset-xl="80"] {
+ margin-left: 80%; }
+ [flex-offset-xl="85"] {
+ margin-left: 85%; }
+ [flex-offset-xl="90"] {
+ margin-left: 90%; }
+ [flex-offset-xl="95"] {
+ margin-left: 95%; }
+ [flex-offset-xl="33"] {
+ margin-left: calc(100% / 3); }
+ [flex-offset-xl="66"] {
+ margin-left: calc(200% / 3); }
+ [layout-align-xl],
+ [layout-align-xl="start stretch"] {
+ justify-content: flex-start;
+ align-content: stretch;
+ align-items: stretch; }
+ [layout-align-xl="start"],
+ [layout-align-xl="start start"],
+ [layout-align-xl="start center"],
+ [layout-align-xl="start end"],
+ [layout-align-xl="start stretch"] {
+ justify-content: start; }
+ [layout-align-xl="center"],
+ [layout-align-xl="center start"],
+ [layout-align-xl="center center"],
+ [layout-align-xl="center end"],
+ [layout-align-xl="center stretch"] {
+ justify-content: center; }
+ [layout-align-xl="end"],
+ [layout-align-xl="end center"],
+ [layout-align-xl="end start"],
+ [layout-align-xl="end end"],
+ [layout-align-xl="end stretch"] {
+ justify-content: flex-end; }
+ [layout-align-xl="space-around"],
+ [layout-align-xl="space-around center"],
+ [layout-align-xl="space-around start"],
+ [layout-align-xl="space-around end"],
+ [layout-align-xl="space-around stretch"] {
+ justify-content: space-around; }
+ [layout-align-xl="space-between"],
+ [layout-align-xl="space-between center"],
+ [layout-align-xl="space-between start"],
+ [layout-align-xl="space-between end"],
+ [layout-align-xl="space-between stretch"] {
+ justify-content: space-between; }
+ [layout-align-xl="start start"],
+ [layout-align-xl="center start"],
+ [layout-align-xl="end start"],
+ [layout-align-xl="space-between start"],
+ [layout-align-xl="space-around start"] {
+ align-items: flex-start;
+ align-content: flex-start; }
+ [layout-align-xl="start center"],
+ [layout-align-xl="center center"],
+ [layout-align-xl="end center"],
+ [layout-align-xl="space-between center"],
+ [layout-align-xl="space-around center"] {
+ align-items: center;
+ align-content: center;
+ max-width: 100%; }
+ [layout-align-xl="start center"] > *,
+ [layout-align-xl="center center"] > *,
+ [layout-align-xl="end center"] > *,
+ [layout-align-xl="space-between center"] > *,
+ [layout-align-xl="space-around center"] > * {
+ max-width: 100%;
+ box-sizing: border-box; }
+ [layout-align-xl="start end"],
+ [layout-align-xl="center end"],
+ [layout-align-xl="end end"],
+ [layout-align-xl="space-between end"],
+ [layout-align-xl="space-around end"] {
+ align-items: flex-end;
+ align-content: flex-end; }
+ [layout-align-xl="start stretch"],
+ [layout-align-xl="center stretch"],
+ [layout-align-xl="end stretch"],
+ [layout-align-xl="space-between stretch"],
+ [layout-align-xl="space-around stretch"] {
+ align-items: stretch;
+ align-content: stretch; }
+ [flex-xl] {
+ flex: 1;
+ box-sizing: border-box; } }
+
+@media screen\0 and (min-width: 1280px) {
+ [flex-xl] {
+ flex: 1 1 0%; } }
+
+@media (min-width: 1280px) {
+ [flex-xl-grow] {
+ flex: 1 1 100%;
+ box-sizing: border-box; }
+ [flex-xl-initial] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-xl-auto] {
+ flex: 1 1 auto;
+ box-sizing: border-box; }
+ [flex-xl-none] {
+ flex: 0 0 auto;
+ box-sizing: border-box; }
+ [flex-xl-noshrink] {
+ flex: 1 0 auto;
+ box-sizing: border-box; }
+ [flex-xl-nogrow] {
+ flex: 0 1 auto;
+ box-sizing: border-box; }
+ [flex-xl="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="0"],
+ [layout-xl="row"] > [flex-xl="0"] {
+ flex: 1 1 0%;
+ max-width: 0%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="0"],
+ [layout-xl="column"] > [flex-xl="0"] {
+ flex: 1 1 0%;
+ max-width: 100%;
+ max-height: 0%;
+ box-sizing: border-box; }
+ [flex-xl="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="5"],
+ [layout-xl="row"] > [flex-xl="5"] {
+ flex: 1 1 5%;
+ max-width: 5%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="5"],
+ [layout-xl="column"] > [flex-xl="5"] {
+ flex: 1 1 5%;
+ max-width: 100%;
+ max-height: 5%;
+ box-sizing: border-box; }
+ [flex-xl="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="10"],
+ [layout-xl="row"] > [flex-xl="10"] {
+ flex: 1 1 10%;
+ max-width: 10%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="10"],
+ [layout-xl="column"] > [flex-xl="10"] {
+ flex: 1 1 10%;
+ max-width: 100%;
+ max-height: 10%;
+ box-sizing: border-box; }
+ [flex-xl="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="15"],
+ [layout-xl="row"] > [flex-xl="15"] {
+ flex: 1 1 15%;
+ max-width: 15%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="15"],
+ [layout-xl="column"] > [flex-xl="15"] {
+ flex: 1 1 15%;
+ max-width: 100%;
+ max-height: 15%;
+ box-sizing: border-box; }
+ [flex-xl="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="20"],
+ [layout-xl="row"] > [flex-xl="20"] {
+ flex: 1 1 20%;
+ max-width: 20%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="20"],
+ [layout-xl="column"] > [flex-xl="20"] {
+ flex: 1 1 20%;
+ max-width: 100%;
+ max-height: 20%;
+ box-sizing: border-box; }
+ [flex-xl="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="25"],
+ [layout-xl="row"] > [flex-xl="25"] {
+ flex: 1 1 25%;
+ max-width: 25%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="25"],
+ [layout-xl="column"] > [flex-xl="25"] {
+ flex: 1 1 25%;
+ max-width: 100%;
+ max-height: 25%;
+ box-sizing: border-box; }
+ [flex-xl="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="30"],
+ [layout-xl="row"] > [flex-xl="30"] {
+ flex: 1 1 30%;
+ max-width: 30%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="30"],
+ [layout-xl="column"] > [flex-xl="30"] {
+ flex: 1 1 30%;
+ max-width: 100%;
+ max-height: 30%;
+ box-sizing: border-box; }
+ [flex-xl="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="35"],
+ [layout-xl="row"] > [flex-xl="35"] {
+ flex: 1 1 35%;
+ max-width: 35%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="35"],
+ [layout-xl="column"] > [flex-xl="35"] {
+ flex: 1 1 35%;
+ max-width: 100%;
+ max-height: 35%;
+ box-sizing: border-box; }
+ [flex-xl="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="40"],
+ [layout-xl="row"] > [flex-xl="40"] {
+ flex: 1 1 40%;
+ max-width: 40%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="40"],
+ [layout-xl="column"] > [flex-xl="40"] {
+ flex: 1 1 40%;
+ max-width: 100%;
+ max-height: 40%;
+ box-sizing: border-box; }
+ [flex-xl="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="45"],
+ [layout-xl="row"] > [flex-xl="45"] {
+ flex: 1 1 45%;
+ max-width: 45%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="45"],
+ [layout-xl="column"] > [flex-xl="45"] {
+ flex: 1 1 45%;
+ max-width: 100%;
+ max-height: 45%;
+ box-sizing: border-box; }
+ [flex-xl="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="50"],
+ [layout-xl="row"] > [flex-xl="50"] {
+ flex: 1 1 50%;
+ max-width: 50%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="50"],
+ [layout-xl="column"] > [flex-xl="50"] {
+ flex: 1 1 50%;
+ max-width: 100%;
+ max-height: 50%;
+ box-sizing: border-box; }
+ [flex-xl="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="55"],
+ [layout-xl="row"] > [flex-xl="55"] {
+ flex: 1 1 55%;
+ max-width: 55%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="55"],
+ [layout-xl="column"] > [flex-xl="55"] {
+ flex: 1 1 55%;
+ max-width: 100%;
+ max-height: 55%;
+ box-sizing: border-box; }
+ [flex-xl="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="60"],
+ [layout-xl="row"] > [flex-xl="60"] {
+ flex: 1 1 60%;
+ max-width: 60%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="60"],
+ [layout-xl="column"] > [flex-xl="60"] {
+ flex: 1 1 60%;
+ max-width: 100%;
+ max-height: 60%;
+ box-sizing: border-box; }
+ [flex-xl="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="65"],
+ [layout-xl="row"] > [flex-xl="65"] {
+ flex: 1 1 65%;
+ max-width: 65%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="65"],
+ [layout-xl="column"] > [flex-xl="65"] {
+ flex: 1 1 65%;
+ max-width: 100%;
+ max-height: 65%;
+ box-sizing: border-box; }
+ [flex-xl="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="70"],
+ [layout-xl="row"] > [flex-xl="70"] {
+ flex: 1 1 70%;
+ max-width: 70%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="70"],
+ [layout-xl="column"] > [flex-xl="70"] {
+ flex: 1 1 70%;
+ max-width: 100%;
+ max-height: 70%;
+ box-sizing: border-box; }
+ [flex-xl="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="75"],
+ [layout-xl="row"] > [flex-xl="75"] {
+ flex: 1 1 75%;
+ max-width: 75%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="75"],
+ [layout-xl="column"] > [flex-xl="75"] {
+ flex: 1 1 75%;
+ max-width: 100%;
+ max-height: 75%;
+ box-sizing: border-box; }
+ [flex-xl="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="80"],
+ [layout-xl="row"] > [flex-xl="80"] {
+ flex: 1 1 80%;
+ max-width: 80%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="80"],
+ [layout-xl="column"] > [flex-xl="80"] {
+ flex: 1 1 80%;
+ max-width: 100%;
+ max-height: 80%;
+ box-sizing: border-box; }
+ [flex-xl="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="85"],
+ [layout-xl="row"] > [flex-xl="85"] {
+ flex: 1 1 85%;
+ max-width: 85%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="85"],
+ [layout-xl="column"] > [flex-xl="85"] {
+ flex: 1 1 85%;
+ max-width: 100%;
+ max-height: 85%;
+ box-sizing: border-box; }
+ [flex-xl="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="90"],
+ [layout-xl="row"] > [flex-xl="90"] {
+ flex: 1 1 90%;
+ max-width: 90%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="90"],
+ [layout-xl="column"] > [flex-xl="90"] {
+ flex: 1 1 90%;
+ max-width: 100%;
+ max-height: 90%;
+ box-sizing: border-box; }
+ [flex-xl="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="95"],
+ [layout-xl="row"] > [flex-xl="95"] {
+ flex: 1 1 95%;
+ max-width: 95%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="95"],
+ [layout-xl="column"] > [flex-xl="95"] {
+ flex: 1 1 95%;
+ max-width: 100%;
+ max-height: 95%;
+ box-sizing: border-box; }
+ [flex-xl="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="100"],
+ [layout-xl="row"] > [flex-xl="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="100"],
+ [layout-xl="column"] > [flex-xl="100"] {
+ flex: 1 1 100%;
+ max-width: 100%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="33"], [layout="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"] {
+ flex: 1 1 33%;
+ max-width: calc(100% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="34"], [layout="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"] {
+ flex: 1 1 34%;
+ max-width: 34%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="66"], [layout="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"] {
+ flex: 1 1 66%;
+ max-width: calc(200% / 3);
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="row"] > [flex-xl="67"], [layout="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"] {
+ flex: 1 1 67%;
+ max-width: 67%;
+ max-height: 100%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="33"], [layout="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"] {
+ flex: 1 1 33%;
+ max-width: 100%;
+ max-height: calc(100% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="34"], [layout="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"] {
+ flex: 1 1 34%;
+ max-width: 100%;
+ max-height: 34%;
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="66"], [layout="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"] {
+ flex: 1 1 66%;
+ max-width: 100%;
+ max-height: calc(200% / 3);
+ box-sizing: border-box; }
+ [layout="column"] > [flex-xl="67"], [layout="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"] {
+ flex: 1 1 67%;
+ max-width: 100%;
+ max-height: 67%;
+ box-sizing: border-box; }
+ [layout-xl], [layout-xl="column"], [layout-xl="row"] {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex; }
+ [layout-xl="column"] {
+ flex-direction: column; }
+ [layout-xl="row"] {
+ flex-direction: row; }
+ [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) {
+ display: none; }
+ [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
+ display: none; } }
+
+[flex="none"] {
+ flex: none; }
+
+md-list md-list-item [md-list-avatar],
+md-list a[md-list-item] [md-list-avatar],
+md-nav-list md-list-item [md-list-avatar],
+md-nav-list a[md-list-item] [md-list-avatar] {
+ min-width: 40px; }
+
+html, body {
+ height: 100%;
+ color: rgba(0, 0, 0, 0.87);
+ background: white;
+ position: relative; }
+
+body {
+ margin: 0;
+ padding: 0; }
+
+[tabindex='-1']:focus {
+ outline: none; }
+
+.inset {
+ padding: 10px; }
+
+button.md-no-style {
+ font-weight: normal;
+ background-color: inherit;
+ text-align: left;
+ border: none;
+ padding: 0;
+ margin: 0; }
+ html[dir=rtl] button.md-no-style {
+ text-align: right;
+ unicode-bidi: embed; }
+ body[dir=rtl] button.md-no-style {
+ text-align: right;
+ unicode-bidi: embed; }
+ [dir=rtl] button.md-no-style {
+ text-align: right;
+ unicode-bidi: embed; }
+ button.md-no-style bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override; }
+ button.md-no-style bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override; }
+
+select,
+button,
+textarea,
+input {
+ vertical-align: baseline; }
+
+input[type="reset"],
+input[type="submit"],
+html input[type="button"],
+button {
+ cursor: pointer;
+ -webkit-appearance: button; }
+ input[type="reset"][disabled],
+ input[type="submit"][disabled],
+ html input[type="button"][disabled],
+ button[disabled] {
+ cursor: default; }
+
+textarea {
+ vertical-align: top;
+ overflow: auto; }
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+ box-sizing: content-box;
+ -webkit-box-sizing: content-box; }
+ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none; }
+
+.md-visually-hidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ text-transform: none;
+ width: 1px; }
+
+.md-shadow {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ border-radius: inherit;
+ pointer-events: none; }
+
+.md-shadow-bottom-z-1 {
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
+
+.md-shadow-bottom-z-2 {
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
+
+.md-shadow-animated.md-shadow {
+ transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
+
+/*
+ * A container inside of a rippling element (eg a button),
+ * which contains all of the individual ripples
+ */
+.md-ripple-container {
+ pointer-events: none;
+ position: absolute;
+ overflow: hidden;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%; }
+ [dir='rtl'] .md-ripple-container {
+ right: 0;
+ left: auto; }
+
+/*
+ * A container inside of a rippling element (eg a button),
+ * which contains all of the individual ripples
+ */
+.md-ripple-container {
+ pointer-events: none;
+ position: absolute;
+ overflow: hidden;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }
+ [dir='rtl'] .md-ripple-container {
+ right: 0;
+ left: auto; }
+
+.md-ripple {
+ position: absolute;
+ transform: translate(-50%, -50%) scale(0);
+ transform-origin: 50% 50%;
+ opacity: 0;
+ border-radius: 50%; }
+ .md-ripple.md-ripple-placed {
+ 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); }
+ .md-ripple.md-ripple-scaled {
+ transform: translate(-50%, -50%) scale(1); }
+ .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
+ opacity: 0.20; }
+
+.md-padding {
+ padding: 8px; }
+
+.md-margin {
+ margin: 8px; }
+
+.md-scroll-mask {
+ position: absolute;
+ background-color: transparent;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0; }
+ .md-scroll-mask > .md-scroll-mask-bar {
+ display: block;
+ position: absolute;
+ background-color: #fafafa;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 65;
+ box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }
+ [dir='rtl'] .md-scroll-mask > .md-scroll-mask-bar {
+ left: 0;
+ right: auto; }
+
+.md-no-select {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+
+@media (min-width: 600px) {
+ .md-padding {
+ padding: 16px; } }
+
+md-sidenav [md-list-item], md-sidenav [md-list-item]:active, md-sidenav [md-list-item]:focus {
+ outline: none; }
+
+md-toolbar [md-button]:first-of-type:not(:last-child) {
+ margin-left: -6px; }
+ [dir='rtl'] md-toolbar [md-button]:first-of-type:not(:last-child) {
+ margin-right: -6px;
+ margin-left: 0; }
+
+md-toolbar [md-button]:last-of-type:not(:first-child) {
+ margin-right: -6px; }
+ [dir='rtl'] md-toolbar [md-button]:last-of-type:not(:first-child) {
+ margin-left: -6px;
+ margin-right: 0; }
+
+md-toolbar .md-icon-logo {
+ margin-right: 10px; }
+ [dir='rtl'] md-toolbar .md-icon-logo {
+ margin-left: 10px;
+ margin-right: 0; }
+
+md-toolbar [md-icon-button] {
+ margin: 0 6px; }
+
+/**
+ * Mixin that creates a new stacking context.
+ * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+ */
+html, body {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ min-height: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+/************
+* Defaults
+************/
+html {
+ font-family: RobotoDraft, Roboto, "Helvetica Neue", sans-serif; }
+
+body {
+ /************
+ * Headings
+ ************/
+ /************
+ * Body Copy
+ ************/ }
+ body select,
+ body button,
+ body textarea,
+ body input {
+ font-family: RobotoDraft, Roboto, "Helvetica Neue", sans-serif;
+ font-size: 100%; }
+ body .md-display-4 {
+ font-size: 112px;
+ font-weight: 300;
+ letter-spacing: -0.010em;
+ line-height: 112px; }
+ body .md-display-3 {
+ font-size: 56px;
+ font-weight: 400;
+ letter-spacing: -0.005em;
+ line-height: 56px; }
+ body .md-display-2 {
+ font-size: 45px;
+ font-weight: 400;
+ line-height: 64px; }
+ body .md-display-1 {
+ font-size: 34px;
+ font-weight: 400;
+ line-height: 40px; }
+ body .md-headline {
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 32px; }
+ body .md-title {
+ font-size: 20px;
+ font-weight: 500;
+ letter-spacing: 0.005em; }
+ body .md-subhead {
+ font-size: 16px;
+ font-weight: 400;
+ letter-spacing: 0.010em;
+ line-height: 24px; }
+ body .md-body-1 {
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0.010em;
+ line-height: 20px; }
+ body .md-body-2 {
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: 0.010em;
+ line-height: 24px; }
+ body .md-caption {
+ font-size: 12px;
+ letter-spacing: 0.020em; }
+ body .md-button {
+ letter-spacing: 0.010em; }
+
+.md-whiteframe-1dp, .md-whiteframe-z1 {
+ 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); }
+
+.md-whiteframe-2dp {
+ box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-3dp {
+ box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-4dp, .md-whiteframe-z2 {
+ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-5dp {
+ box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-6dp {
+ box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-7dp, .md-whiteframe-z3 {
+ box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-8dp {
+ box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-9dp {
+ box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-10dp, .md-whiteframe-z4 {
+ box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-11dp {
+ box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-12dp {
+ box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-13dp, .md-whiteframe-z5 {
+ 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); }
+
+.md-whiteframe-14dp {
+ box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-15dp {
+ box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-16dp {
+ box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-17dp {
+ box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-18dp {
+ box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-19dp {
+ box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-20dp {
+ box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-21dp {
+ box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-22dp {
+ box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-23dp {
+ box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.md-whiteframe-24dp {
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+@media screen and (-ms-high-contrast: active) {
+ md-whiteframe {
+ border: 1px solid #fff; } }
+
+body [tabindex]:focus {
+ outline: none; }
+
+body .radius-none {
+ border-radius: 0; }
+
+body .overflow-hidden {
+ overflow: hidden; }
+
+body .overflow-auto {
+ overflow: auto; }
+
+body .block {
+ display: block; }
+
+body .inline-block {
+ display: inline-block; }
+
+body .relative {
+ position: relative; }
+
+body .fixed {
+ position: fixed; }
+
+body .height-auto {
+ min-height: 0; }
+
+body .z-3 {
+ z-index: 3; }
+
+body .z-2 {
+ z-index: 2; }
+
+body .z-1 {
+ z-index: 1; }
+
+body .focus-weight:focus {
+ outline: 0;
+ font-weight: 700; }
+
+body .cursor-pointer:hover {
+ cursor: pointer; }
+
+body .pad {
+ padding: 20px; }
+
+body .pad-xxl {
+ padding: 60px; }
+
+body .pad-xl {
+ padding: 50px; }
+
+body .pad-lg {
+ padding: 40px; }
+
+body .pad-md {
+ padding: 30px; }
+
+body .pad-sm {
+ padding: 10px; }
+
+body .pad-xs {
+ padding: 5px; }
+
+body .pad-none {
+ padding: 0px; }
+
+body .pad-top {
+ padding-top: 20px; }
+
+body .pad-top-xxl {
+ padding-top: 60px; }
+
+body .pad-top-xl {
+ padding-top: 50px; }
+
+body .pad-top-lg {
+ padding-top: 40px; }
+
+body .pad-top-md {
+ padding-top: 30px; }
+
+body .pad-top-sm {
+ padding-top: 10px; }
+
+body .pad-top-xs {
+ padding-top: 5px; }
+
+body .pad-top-none {
+ padding-top: 0px; }
+
+body .pad-right {
+ padding-right: 20px; }
+
+body .pad-right-xxl {
+ padding-right: 60px; }
+
+body .pad-right-xl {
+ padding-right: 50px; }
+
+body .pad-right-lg {
+ padding-right: 40px; }
+
+body .pad-right-md {
+ padding-right: 30px; }
+
+body .pad-right-sm {
+ padding-right: 10px; }
+
+body .pad-right-xs {
+ padding-right: 5px; }
+
+body .pad-right-none {
+ padding-right: 0px; }
+
+body .pad-bottom {
+ padding-bottom: 20px; }
+
+body .pad-bottom-button {
+ padding-bottom: 100px; }
+
+body .pad-bottom-xxl {
+ padding-bottom: 60px; }
+
+body .pad-bottom-xl {
+ padding-bottom: 50px; }
+
+body .pad-bottom-lg {
+ padding-bottom: 40px; }
+
+body .pad-bottom-md {
+ padding-bottom: 30px; }
+
+body .pad-bottom-sm {
+ padding-bottom: 10px; }
+
+body .pad-bottom-xs {
+ padding-bottom: 5px; }
+
+body .pad-bottom-none {
+ padding-bottom: 0px; }
+
+body .pad-left {
+ padding-left: 20px; }
+
+body .pad-left-xxl {
+ padding-left: 60px; }
+
+body .pad-left-xl {
+ padding-left: 50px; }
+
+body .pad-left-lg {
+ padding-left: 40px; }
+
+body .pad-left-md {
+ padding-left: 30px; }
+
+body .pad-left-sm {
+ padding-left: 10px; }
+
+body .pad-left-xs {
+ padding-left: 5px; }
+
+body .pad-left-none {
+ padding-left: 0px; }
+
+body .pull {
+ margin: -20px; }
+
+body .pull-xxl {
+ margin: -40px; }
+
+body .pull-xl {
+ margin: -30px; }
+
+body .pull-lg {
+ margin: -20px; }
+
+body .pull-md {
+ margin: -15px; }
+
+body .pull-sm {
+ margin: -10px; }
+
+body .pull-xs {
+ margin: -5px; }
+
+body .pull-none {
+ margin: -0px; }
+
+body .pull-top {
+ margin-top: -20px; }
+
+body .pull-top-xxl {
+ margin-top: -40px; }
+
+body .pull-top-xl {
+ margin-top: -30px; }
+
+body .pull-top-lg {
+ margin-top: -20px; }
+
+body .pull-top-md {
+ margin-top: -15px; }
+
+body .pull-top-sm {
+ margin-top: -10px; }
+
+body .pull-top-xs {
+ margin-top: -5px; }
+
+body .pull-top-none {
+ margin-top: -0px; }
+
+body .pull-right-xxl {
+ margin-right: -40px; }
+
+body .pull-right-xl {
+ margin-right: -30px; }
+
+body .pull-right-lg {
+ margin-right: -20px; }
+
+body .pull-right-md {
+ margin-right: -15px; }
+
+body .pull-right-sm {
+ margin-right: -10px; }
+
+body .pull-right-xs {
+ margin-right: -5px; }
+
+body .pull-right-none {
+ margin-right: -0px; }
+
+body .pull-bottom {
+ margin-bottom: -20px; }
+
+body .pull-bottom-xxxl {
+ margin-bottom: -100px; }
+
+body .pull-bottom-xxl {
+ margin-bottom: -40px; }
+
+body .pull-bottom-xl {
+ margin-bottom: -30px; }
+
+body .pull-bottom-lg {
+ margin-bottom: -20px; }
+
+body .pull-bottom-md {
+ margin-bottom: -15px; }
+
+body .pull-bottom-sm {
+ margin-bottom: -10px; }
+
+body .pull-bottom-xs {
+ margin-bottom: -5px; }
+
+body .pull-bottom-none {
+ margin-bottom: -0px; }
+
+body .pull-left-xxl {
+ margin-left: -40px; }
+
+body .pull-left-xl {
+ margin-left: -30px; }
+
+body .pull-left-lg {
+ margin-left: -20px; }
+
+body .pull-left-md {
+ margin-left: -15px; }
+
+body .pull-left-sm {
+ margin-left: -10px; }
+
+body .pull-left-xs {
+ margin-left: -5px; }
+
+body .pull-left-none {
+ margin-left: -0px; }
+
+body .push {
+ margin: 20px; }
+
+body .push-xxl {
+ margin: 60px; }
+
+body .push-xl {
+ margin: 50px; }
+
+body .push-lg {
+ margin: 40px; }
+
+body .push-md {
+ margin: 30px; }
+
+body .push-sm {
+ margin: 10px; }
+
+body .push-xs {
+ margin: 5px; }
+
+body .push-none {
+ margin: 0px; }
+
+body .push-top {
+ margin-top: 20px; }
+
+body .push-top-xxl {
+ margin-top: 60px; }
+
+body .push-top-xl {
+ margin-top: 50px; }
+
+body .push-top-lg {
+ margin-top: 40px; }
+
+body .push-top-md {
+ margin-top: 30px; }
+
+body .push-top-sm {
+ margin-top: 10px; }
+
+body .push-top-xs {
+ margin-top: 5px; }
+
+body .push-top-none {
+ margin-top: 0px; }
+
+body .push-right {
+ margin-right: 20px; }
+
+body .push-right-xxl {
+ margin-right: 60px; }
+
+body .push-right-xl {
+ margin-right: 50px; }
+
+body .push-right-lg {
+ margin-right: 40px; }
+
+body .push-right-md {
+ margin-right: 30px; }
+
+body .push-right-sm {
+ margin-right: 10px; }
+
+body .push-right-xs {
+ margin-right: 5px; }
+
+body .push-right-none {
+ margin-right: 0px; }
+
+body .push-bottom {
+ margin-bottom: 20px; }
+
+body .push-bottom-button {
+ margin-bottom: 100px; }
+
+body .push-bottom-xxl {
+ margin-bottom: 60px; }
+
+body .push-bottom-xl {
+ margin-bottom: 50px; }
+
+body .push-bottom-lg {
+ margin-bottom: 40px; }
+
+body .push-bottom-md {
+ margin-bottom: 30px; }
+
+body .push-bottom-sm {
+ margin-bottom: 10px; }
+
+body .push-bottom-xs {
+ margin-bottom: 5px; }
+
+body .push-bottom-none {
+ margin-bottom: 0px; }
+
+body .push-left {
+ margin-left: 20px; }
+
+body .push-left-xxl {
+ margin-left: 60px; }
+
+body .push-left-xl {
+ margin-left: 50px; }
+
+body .push-left-lg {
+ margin-left: 40px; }
+
+body .push-left-md {
+ margin-left: 30px; }
+
+body .push-left-sm {
+ margin-left: 10px; }
+
+body .push-left-xs {
+ margin-left: 5px; }
+
+body .push-left-none {
+ margin-left: 0px; }
+
+.size-12 {
+ height: 12px;
+ width: 12px; }
+
+.size-16 {
+ height: 16px;
+ width: 16px; }
+
+.size-24 {
+ height: 24px;
+ width: 24px; }
+
+.size-32 {
+ height: 32px;
+ width: 32px; }
+
+.size-50 {
+ height: 50px;
+ width: 50px; }
+
+.size-64 {
+ height: 64px;
+ width: 64px; }
+
+.size-72 {
+ height: 72px;
+ width: 72px; }
+
+.size-100 {
+ height: 100px;
+ width: 100px; }
+
+.size-128 {
+ height: 128px;
+ width: 128px; }
+
+.size-256 {
+ height: 256px;
+ width: 256px; }
+
+.size-height-12 {
+ height: 12px;
+ width: auto; }
+
+.size-height-16 {
+ height: 16px;
+ width: auto; }
+
+.size-height-24 {
+ height: 24px;
+ width: auto; }
+
+.size-height-32 {
+ height: 32px;
+ width: auto; }
+
+.size-height-50 {
+ height: 50px;
+ width: auto; }
+
+.size-height-64 {
+ height: 64px;
+ width: auto; }
+
+.size-height-72 {
+ height: 72px;
+ width: auto; }
+
+.size-height-100 {
+ height: 100px;
+ width: auto; }
+
+.size-height-128 {
+ height: 128px;
+ width: auto; }
+
+.size-height-256 {
+ height: 256px;
+ width: auto; }
+
+.size-width-12 {
+ width: 12px;
+ height: auto; }
+
+.size-width-16 {
+ width: 16px;
+ height: auto; }
+
+.size-width-24 {
+ width: 24px;
+ height: auto; }
+
+.size-width-32 {
+ width: 32px;
+ height: auto; }
+
+.size-width-50 {
+ width: 50px;
+ height: auto; }
+
+.size-width-64 {
+ width: 64px;
+ height: auto; }
+
+.size-width-72 {
+ width: 72px;
+ height: auto; }
+
+.size-width-100 {
+ width: 100px;
+ height: auto; }
+
+.size-width-128 {
+ width: 128px;
+ height: auto; }
+
+.size-width-256 {
+ width: 256px;
+ height: auto; }
+
+body h1 > small, body h2 > small, body h3 > small, body h4 > small, body h5 > small, body h6 > small {
+ font-size: 60%; }
+
+body .text-normal {
+ font-style: normal; }
+
+body .text-center {
+ text-align: center; }
+
+body .text-left {
+ text-align: left; }
+
+body .text-right {
+ text-align: right; }
+
+body .text-normal {
+ font-style: normal; }
+
+body .text-xs,
+body .text-sm,
+body .text-md,
+body .text-lg {
+ text-rendering: optimizeLegibility; }
+
+body .text-micro {
+ font-size: 10px;
+ font-weight: normal;
+ letter-spacing: 1px; }
+
+body .text-xs {
+ font-size: 50%; }
+
+body .text-sm {
+ font-size: 70%; }
+
+body .text-md {
+ font-size: 80%; }
+
+body .text-lg {
+ font-size: 110%; }
+
+body .text-xl {
+ font-size: 120%; }
+
+body .text-xxl {
+ font-size: 130%; }
+
+body .text-30 {
+ font-size: 30px; }
+
+body .text-super {
+ font-size: 60px; }
+
+body .text-wrap {
+ white-space: normal; }
+
+body .text-break {
+ word-break: break-word; }
+
+body .text-upper {
+ text-transform: uppercase; }
+
+body .text-lower {
+ text-transform: lowercase; }
+
+body .text-caps {
+ text-transform: capitalize; }
+
+body .text-truncate {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis; }
diff --git a/securis/src/main/webapp/assets/theming/styles/font/MaterialIcons-Regular.woff2 b/securis/src/main/webapp/assets/theming/styles/font/MaterialIcons-Regular.woff2
new file mode 100644
index 0000000..9fa2112
--- /dev/null
+++ b/securis/src/main/webapp/assets/theming/styles/font/MaterialIcons-Regular.woff2
Binary files differ
diff --git a/securis/src/main/webapp/index.html b/securis/src/main/webapp/index.html
index 15087e7..de1fb05 100644
--- a/securis/src/main/webapp/index.html
+++ b/securis/src/main/webapp/index.html
@@ -10,26 +10,32 @@
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.min.js"></script> -->
<!-- Polyfill(s) for older browsers -->
+<!--
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/hammerjs/hammer.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
+ -->
+
+ <script src="jspm_packages/system.js"></script>
- <script src="systemjs.config.js"></script>
+ <script src="jspm.browser.js"></script>
+ <script src="jspm.config.js"></script>
+ <!-- <script src="systemjs.config.js"></script> -->
<script>
System.import('main').catch(function(err){ console.error(err); });
</script>
<!-- Load the Covalent platform stylesheet -->
<link href="assets/securis.css" rel="stylesheet">
- <link href="node_modules/@covalent/core/common/platform.css" rel="stylesheet">
+ <link href="assets/theming/platform.css" rel="stylesheet">
<!-- Load the Covalent/Material prebuilt theme -->
- <link href="node_modules/@covalent/core/theming/prebuilt/blue-orange.css" rel="stylesheet">
+ <link href="assets/theming/blue-orange.css" rel="stylesheet">
- <link href="node_modules/ng2-toastr/bundles/ng2-toastr.min.css" rel="stylesheet" />
+ <link href="assets/ng2-toastr.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
@@ -37,7 +43,7 @@
<app-home>
<div style="padding: 20%;text-align:center;">
<img src="assets/securis_logo.svg" width="100">
- <div style="font-size: 0.8em;color: darkgrey;">SeCuris Loading...</div>
+ <div style="font-size: 0.8em;color: darkgrey;">SeCuris Loading2...</div>
</div>
</app-home>
</body>
diff --git a/securis/src/main/webapp/index_new.html b/securis/src/main/webapp/index_new.html
new file mode 100644
index 0000000..84bd81a
--- /dev/null
+++ b/securis/src/main/webapp/index_new.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>SeCuris server</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <base href="/">
+ <link rel="icon" href="assets/favicon.png" sizes="32x29" type="image/png">
+
+<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.min.js"></script> -->
+
+ <!-- Polyfill(s) for older browsers -->
+<!--
+ <script src="node_modules/core-js/client/shim.min.js"></script>
+ <script src="node_modules/hammerjs/hammer.min.js"></script>
+
+ <script src="node_modules/zone.js/dist/zone.js"></script>
+ <script src="node_modules/systemjs/dist/system.src.js"></script>
+ -->
+
+ <script src="jspm_packages/system.js"></script>
+ <script src="jspm.browser.js"></script>
+ <script src="jspm.config.js"></script>
+<!-- <script src="systemjs.config.js"></script> -->
+ <script>
+ System.import('securis').catch(function(err){ console.error(err); });
+ </script>
+
+ <!-- Load the Covalent platform stylesheet -->
+ <link href="assets/securis.css" rel="stylesheet">
+ <link href="assets/theming/platform.css" rel="stylesheet">
+
+ <!-- Load the Covalent/Material prebuilt theme -->
+ <link href="assets/theming/blue-orange.css" rel="stylesheet">
+
+ <link href="assets/ng2-toastr.min.css" rel="stylesheet" />
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ </head>
+
+ <body>
+ <app-home>
+ <div style="padding: 20%;text-align:center;">
+ <img src="assets/securis_logo.svg" width="100">
+ <div style="font-size: 0.8em;color: darkgrey;">SeCuris Loading2...</div>
+ </div>
+ </app-home>
+ </body>
+</html>
diff --git a/securis/src/main/webapp/jspm.browser.js b/securis/src/main/webapp/jspm.browser.js
new file mode 100644
index 0000000..a2e5e09
--- /dev/null
+++ b/securis/src/main/webapp/jspm.browser.js
@@ -0,0 +1,7 @@
+SystemJS.config({
+ paths: {
+ "github:": "./jspm_packages/github/",
+ "npm:": "./jspm_packages/npm/",
+ "securis/": "./src/"
+ }
+});
diff --git a/securis/src/main/webapp/jspm.config.OK.js b/securis/src/main/webapp/jspm.config.OK.js
new file mode 100644
index 0000000..059029b
--- /dev/null
+++ b/securis/src/main/webapp/jspm.config.OK.js
@@ -0,0 +1,337 @@
+SystemJS.config({
+ nodeConfig: {
+ "paths": {
+ "github:": "jspm_packages/github/",
+ "npm:": "jspm_packages/npm/",
+ "app/": "src/app/"
+ }
+ },
+ devConfig: {
+ "map": {
+ "plugin-typescript": "github:frankwallis/plugin-typescript@7.0.6",
+ "typescript": "npm:typescript@2.2.2",
+ "child_process": "npm:jspm-nodelibs-child_process@0.2.1",
+ "module": "npm:jspm-nodelibs-module@0.2.1",
+ "net": "npm:jspm-nodelibs-net@0.2.1"
+ },
+ "packages": {
+ "npm:source-map-support@0.4.14": {
+ "map": {
+ "source-map": "npm:source-map@0.5.6"
+ }
+ },
+ "npm:typescript@2.2.2": {
+ "map": {
+ "source-map-support": "npm:source-map-support@0.4.14"
+ }
+ }
+ }
+ },
+ packages: {
+ 'environments': {
+ defaultExtension: 'js'
+ },
+ 'app': {
+ defaultExtension: 'js'
+ },
+ 'main': {
+ main: 'main.js',
+ defaultExtension: 'js'
+ }
+ },
+ map: {
+ "@angular/animations/browser": "npm:@angular/animations@4.0.2/bundles/animations-browser.umd.min.js",
+ "@angular/platform-browser/animations": "npm:@angular/platform-browser@4.0.2/bundles/platform-browser-animations.umd.min.js",
+ 'main': 'src',
+ 'app': 'src/app'
+ }
+});
+
+SystemJS.config({
+ packageConfigPaths: [
+ "github:*/*.json",
+ "npm:@*/*.json",
+ "npm:*.json"
+ ],
+ map: {
+ "@angular/animations": "npm:@angular/animations@4.0.2",
+ "@angular/common": "npm:@angular/common@4.0.2",
+ "@angular/compiler": "npm:@angular/compiler@4.0.2",
+ "@angular/core": "npm:@angular/core@4.0.2",
+ "@angular/forms": "npm:@angular/forms@4.0.2",
+ "@angular/http": "npm:@angular/http@4.0.2",
+ "@angular/material": "npm:@angular/material@2.0.0-beta.3",
+ "@angular/platform-browser": "npm:@angular/platform-browser@4.0.2",
+ "@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic@4.0.2",
+ "@angular/router": "npm:@angular/router@4.0.2",
+ "@covalent/core": "npm:@covalent/core@1.0.0-beta.3-1",
+ "@covalent/dynamic-forms": "npm:@covalent/dynamic-forms@1.0.0-beta.3-1",
+ "@covalent/http": "npm:@covalent/http@1.0.0-beta.3-1",
+ "angular-in-memory-web-api": "npm:angular-in-memory-web-api@0.3.1",
+ "angular-safeguard": "npm:angular-safeguard@1.0.1",
+ "assert": "npm:jspm-nodelibs-assert@0.2.1",
+ "buffer": "npm:jspm-nodelibs-buffer@0.2.2",
+ "constants": "npm:jspm-nodelibs-constants@0.2.1",
+ "core-js": "npm:core-js@2.4.1",
+ "crypto": "npm:jspm-nodelibs-crypto@0.2.1",
+ "events": "npm:jspm-nodelibs-events@0.2.2",
+ "file-saver": "npm:file-saver@1.3.3",
+ "fs": "npm:jspm-nodelibs-fs@0.2.1",
+ "hammerjs": "npm:hammerjs@2.0.8",
+ "ng2-toastr": "npm:ng2-toastr@4.0.1",
+ "os": "npm:jspm-nodelibs-os@0.2.1",
+ "path": "npm:jspm-nodelibs-path@0.2.3",
+ "process": "npm:jspm-nodelibs-process@0.2.1",
+ "rxjs": "npm:rxjs@5.3.0",
+ "stream": "npm:jspm-nodelibs-stream@0.2.1",
+ "string_decoder": "npm:jspm-nodelibs-string_decoder@0.2.1",
+ "timers": "npm:jspm-nodelibs-timers@0.2.1",
+ "util": "npm:jspm-nodelibs-util@0.2.2",
+ "vm": "npm:jspm-nodelibs-vm@0.2.1",
+ "web-animations-js": "npm:web-animations-js@2.2.2",
+ "zone.js": "npm:zone.js@0.8.5"
+ },
+ packages: {
+ "npm:jspm-nodelibs-buffer@0.2.2": {
+ "map": {
+ "buffer": "npm:buffer@4.9.1"
+ }
+ },
+ "npm:buffer@4.9.1": {
+ "map": {
+ "isarray": "npm:isarray@1.0.0",
+ "ieee754": "npm:ieee754@1.1.8",
+ "base64-js": "npm:base64-js@1.2.0"
+ }
+ },
+ "npm:jspm-nodelibs-os@0.2.1": {
+ "map": {
+ "os-browserify": "npm:os-browserify@0.2.1"
+ }
+ },
+ "npm:jspm-nodelibs-crypto@0.2.1": {
+ "map": {
+ "crypto-browserify": "npm:crypto-browserify@3.11.0"
+ }
+ },
+ "npm:crypto-browserify@3.11.0": {
+ "map": {
+ "browserify-cipher": "npm:browserify-cipher@1.0.0",
+ "create-hash": "npm:create-hash@1.1.2",
+ "create-ecdh": "npm:create-ecdh@4.0.0",
+ "diffie-hellman": "npm:diffie-hellman@5.0.2",
+ "browserify-sign": "npm:browserify-sign@4.0.4",
+ "randombytes": "npm:randombytes@2.0.3",
+ "inherits": "npm:inherits@2.0.3",
+ "create-hmac": "npm:create-hmac@1.1.4",
+ "pbkdf2": "npm:pbkdf2@3.0.9",
+ "public-encrypt": "npm:public-encrypt@4.0.0"
+ }
+ },
+ "npm:browserify-sign@4.0.4": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2",
+ "inherits": "npm:inherits@2.0.3",
+ "create-hmac": "npm:create-hmac@1.1.4",
+ "bn.js": "npm:bn.js@4.11.6",
+ "elliptic": "npm:elliptic@6.4.0",
+ "parse-asn1": "npm:parse-asn1@5.1.0",
+ "browserify-rsa": "npm:browserify-rsa@4.0.1"
+ }
+ },
+ "npm:create-hash@1.1.2": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "sha.js": "npm:sha.js@2.4.8",
+ "cipher-base": "npm:cipher-base@1.0.3",
+ "ripemd160": "npm:ripemd160@1.0.1"
+ }
+ },
+ "npm:diffie-hellman@5.0.2": {
+ "map": {
+ "randombytes": "npm:randombytes@2.0.3",
+ "bn.js": "npm:bn.js@4.11.6",
+ "miller-rabin": "npm:miller-rabin@4.0.0"
+ }
+ },
+ "npm:browserify-cipher@1.0.0": {
+ "map": {
+ "browserify-des": "npm:browserify-des@1.0.0",
+ "browserify-aes": "npm:browserify-aes@1.0.6",
+ "evp_bytestokey": "npm:evp_bytestokey@1.0.0"
+ }
+ },
+ "npm:browserify-des@1.0.0": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "des.js": "npm:des.js@1.0.0",
+ "cipher-base": "npm:cipher-base@1.0.3"
+ }
+ },
+ "npm:create-hmac@1.1.4": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2",
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:browserify-aes@1.0.6": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2",
+ "inherits": "npm:inherits@2.0.3",
+ "evp_bytestokey": "npm:evp_bytestokey@1.0.0",
+ "cipher-base": "npm:cipher-base@1.0.3",
+ "buffer-xor": "npm:buffer-xor@1.0.3"
+ }
+ },
+ "npm:pbkdf2@3.0.9": {
+ "map": {
+ "create-hmac": "npm:create-hmac@1.1.4"
+ }
+ },
+ "npm:evp_bytestokey@1.0.0": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2"
+ }
+ },
+ "npm:create-ecdh@4.0.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "elliptic": "npm:elliptic@6.4.0"
+ }
+ },
+ "npm:des.js@1.0.0": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0"
+ }
+ },
+ "npm:sha.js@2.4.8": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:cipher-base@1.0.3": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:parse-asn1@5.1.0": {
+ "map": {
+ "browserify-aes": "npm:browserify-aes@1.0.6",
+ "create-hash": "npm:create-hash@1.1.2",
+ "evp_bytestokey": "npm:evp_bytestokey@1.0.0",
+ "pbkdf2": "npm:pbkdf2@3.0.9",
+ "asn1.js": "npm:asn1.js@4.9.1"
+ }
+ },
+ "npm:elliptic@6.4.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "inherits": "npm:inherits@2.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0",
+ "minimalistic-crypto-utils": "npm:minimalistic-crypto-utils@1.0.1",
+ "brorand": "npm:brorand@1.1.0",
+ "hash.js": "npm:hash.js@1.0.3",
+ "hmac-drbg": "npm:hmac-drbg@1.0.1"
+ }
+ },
+ "npm:jspm-nodelibs-stream@0.2.1": {
+ "map": {
+ "stream-browserify": "npm:stream-browserify@2.0.1"
+ }
+ },
+ "npm:asn1.js@4.9.1": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "inherits": "npm:inherits@2.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0"
+ }
+ },
+ "npm:browserify-rsa@4.0.1": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "randombytes": "npm:randombytes@2.0.3"
+ }
+ },
+ "npm:stream-browserify@2.0.1": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "readable-stream": "npm:readable-stream@2.2.9"
+ }
+ },
+ "npm:hash.js@1.0.3": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:jspm-nodelibs-string_decoder@0.2.1": {
+ "map": {
+ "string_decoder": "npm:string_decoder@0.10.31"
+ }
+ },
+ "npm:readable-stream@2.2.9": {
+ "map": {
+ "string_decoder": "npm:string_decoder@1.0.0",
+ "isarray": "npm:isarray@1.0.0",
+ "inherits": "npm:inherits@2.0.3",
+ "buffer-shims": "npm:buffer-shims@1.0.0",
+ "process-nextick-args": "npm:process-nextick-args@1.0.7",
+ "util-deprecate": "npm:util-deprecate@1.0.2",
+ "core-util-is": "npm:core-util-is@1.0.2"
+ }
+ },
+ "npm:hmac-drbg@1.0.1": {
+ "map": {
+ "hash.js": "npm:hash.js@1.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0",
+ "minimalistic-crypto-utils": "npm:minimalistic-crypto-utils@1.0.1"
+ }
+ },
+ "npm:string_decoder@1.0.0": {
+ "map": {
+ "buffer-shims": "npm:buffer-shims@1.0.0"
+ }
+ },
+ "npm:miller-rabin@4.0.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "brorand": "npm:brorand@1.1.0"
+ }
+ },
+ "npm:public-encrypt@4.0.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "browserify-rsa": "npm:browserify-rsa@4.0.1",
+ "create-hash": "npm:create-hash@1.1.2",
+ "parse-asn1": "npm:parse-asn1@5.1.0",
+ "randombytes": "npm:randombytes@2.0.3"
+ }
+ },
+ "npm:rxjs@5.3.0": {
+ "map": {
+ "symbol-observable": "npm:symbol-observable@1.0.4"
+ }
+ },
+ "npm:jspm-nodelibs-timers@0.2.1": {
+ "map": {
+ "timers-browserify": "npm:timers-browserify@1.4.2"
+ }
+ },
+ "npm:timers-browserify@1.4.2": {
+ "map": {
+ "process": "npm:process@0.11.9"
+ }
+ },
+ "npm:@covalent/core@1.0.0-beta.3-1": {
+ "map": {
+ "@angular/flex-layout": "npm:@angular/flex-layout@2.0.0-beta.7",
+ "@angular/material": "npm:@angular/material@2.0.0-beta.3"
+ }
+ },
+ "npm:@covalent/dynamic-forms@1.0.0-beta.3-1": {
+ "map": {
+ "@covalent/core": "npm:@covalent/core@1.0.0-beta.3-1"
+ }
+ }
+ }
+});
diff --git a/securis/src/main/webapp/jspm.config.js b/securis/src/main/webapp/jspm.config.js
new file mode 100644
index 0000000..059029b
--- /dev/null
+++ b/securis/src/main/webapp/jspm.config.js
@@ -0,0 +1,337 @@
+SystemJS.config({
+ nodeConfig: {
+ "paths": {
+ "github:": "jspm_packages/github/",
+ "npm:": "jspm_packages/npm/",
+ "app/": "src/app/"
+ }
+ },
+ devConfig: {
+ "map": {
+ "plugin-typescript": "github:frankwallis/plugin-typescript@7.0.6",
+ "typescript": "npm:typescript@2.2.2",
+ "child_process": "npm:jspm-nodelibs-child_process@0.2.1",
+ "module": "npm:jspm-nodelibs-module@0.2.1",
+ "net": "npm:jspm-nodelibs-net@0.2.1"
+ },
+ "packages": {
+ "npm:source-map-support@0.4.14": {
+ "map": {
+ "source-map": "npm:source-map@0.5.6"
+ }
+ },
+ "npm:typescript@2.2.2": {
+ "map": {
+ "source-map-support": "npm:source-map-support@0.4.14"
+ }
+ }
+ }
+ },
+ packages: {
+ 'environments': {
+ defaultExtension: 'js'
+ },
+ 'app': {
+ defaultExtension: 'js'
+ },
+ 'main': {
+ main: 'main.js',
+ defaultExtension: 'js'
+ }
+ },
+ map: {
+ "@angular/animations/browser": "npm:@angular/animations@4.0.2/bundles/animations-browser.umd.min.js",
+ "@angular/platform-browser/animations": "npm:@angular/platform-browser@4.0.2/bundles/platform-browser-animations.umd.min.js",
+ 'main': 'src',
+ 'app': 'src/app'
+ }
+});
+
+SystemJS.config({
+ packageConfigPaths: [
+ "github:*/*.json",
+ "npm:@*/*.json",
+ "npm:*.json"
+ ],
+ map: {
+ "@angular/animations": "npm:@angular/animations@4.0.2",
+ "@angular/common": "npm:@angular/common@4.0.2",
+ "@angular/compiler": "npm:@angular/compiler@4.0.2",
+ "@angular/core": "npm:@angular/core@4.0.2",
+ "@angular/forms": "npm:@angular/forms@4.0.2",
+ "@angular/http": "npm:@angular/http@4.0.2",
+ "@angular/material": "npm:@angular/material@2.0.0-beta.3",
+ "@angular/platform-browser": "npm:@angular/platform-browser@4.0.2",
+ "@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic@4.0.2",
+ "@angular/router": "npm:@angular/router@4.0.2",
+ "@covalent/core": "npm:@covalent/core@1.0.0-beta.3-1",
+ "@covalent/dynamic-forms": "npm:@covalent/dynamic-forms@1.0.0-beta.3-1",
+ "@covalent/http": "npm:@covalent/http@1.0.0-beta.3-1",
+ "angular-in-memory-web-api": "npm:angular-in-memory-web-api@0.3.1",
+ "angular-safeguard": "npm:angular-safeguard@1.0.1",
+ "assert": "npm:jspm-nodelibs-assert@0.2.1",
+ "buffer": "npm:jspm-nodelibs-buffer@0.2.2",
+ "constants": "npm:jspm-nodelibs-constants@0.2.1",
+ "core-js": "npm:core-js@2.4.1",
+ "crypto": "npm:jspm-nodelibs-crypto@0.2.1",
+ "events": "npm:jspm-nodelibs-events@0.2.2",
+ "file-saver": "npm:file-saver@1.3.3",
+ "fs": "npm:jspm-nodelibs-fs@0.2.1",
+ "hammerjs": "npm:hammerjs@2.0.8",
+ "ng2-toastr": "npm:ng2-toastr@4.0.1",
+ "os": "npm:jspm-nodelibs-os@0.2.1",
+ "path": "npm:jspm-nodelibs-path@0.2.3",
+ "process": "npm:jspm-nodelibs-process@0.2.1",
+ "rxjs": "npm:rxjs@5.3.0",
+ "stream": "npm:jspm-nodelibs-stream@0.2.1",
+ "string_decoder": "npm:jspm-nodelibs-string_decoder@0.2.1",
+ "timers": "npm:jspm-nodelibs-timers@0.2.1",
+ "util": "npm:jspm-nodelibs-util@0.2.2",
+ "vm": "npm:jspm-nodelibs-vm@0.2.1",
+ "web-animations-js": "npm:web-animations-js@2.2.2",
+ "zone.js": "npm:zone.js@0.8.5"
+ },
+ packages: {
+ "npm:jspm-nodelibs-buffer@0.2.2": {
+ "map": {
+ "buffer": "npm:buffer@4.9.1"
+ }
+ },
+ "npm:buffer@4.9.1": {
+ "map": {
+ "isarray": "npm:isarray@1.0.0",
+ "ieee754": "npm:ieee754@1.1.8",
+ "base64-js": "npm:base64-js@1.2.0"
+ }
+ },
+ "npm:jspm-nodelibs-os@0.2.1": {
+ "map": {
+ "os-browserify": "npm:os-browserify@0.2.1"
+ }
+ },
+ "npm:jspm-nodelibs-crypto@0.2.1": {
+ "map": {
+ "crypto-browserify": "npm:crypto-browserify@3.11.0"
+ }
+ },
+ "npm:crypto-browserify@3.11.0": {
+ "map": {
+ "browserify-cipher": "npm:browserify-cipher@1.0.0",
+ "create-hash": "npm:create-hash@1.1.2",
+ "create-ecdh": "npm:create-ecdh@4.0.0",
+ "diffie-hellman": "npm:diffie-hellman@5.0.2",
+ "browserify-sign": "npm:browserify-sign@4.0.4",
+ "randombytes": "npm:randombytes@2.0.3",
+ "inherits": "npm:inherits@2.0.3",
+ "create-hmac": "npm:create-hmac@1.1.4",
+ "pbkdf2": "npm:pbkdf2@3.0.9",
+ "public-encrypt": "npm:public-encrypt@4.0.0"
+ }
+ },
+ "npm:browserify-sign@4.0.4": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2",
+ "inherits": "npm:inherits@2.0.3",
+ "create-hmac": "npm:create-hmac@1.1.4",
+ "bn.js": "npm:bn.js@4.11.6",
+ "elliptic": "npm:elliptic@6.4.0",
+ "parse-asn1": "npm:parse-asn1@5.1.0",
+ "browserify-rsa": "npm:browserify-rsa@4.0.1"
+ }
+ },
+ "npm:create-hash@1.1.2": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "sha.js": "npm:sha.js@2.4.8",
+ "cipher-base": "npm:cipher-base@1.0.3",
+ "ripemd160": "npm:ripemd160@1.0.1"
+ }
+ },
+ "npm:diffie-hellman@5.0.2": {
+ "map": {
+ "randombytes": "npm:randombytes@2.0.3",
+ "bn.js": "npm:bn.js@4.11.6",
+ "miller-rabin": "npm:miller-rabin@4.0.0"
+ }
+ },
+ "npm:browserify-cipher@1.0.0": {
+ "map": {
+ "browserify-des": "npm:browserify-des@1.0.0",
+ "browserify-aes": "npm:browserify-aes@1.0.6",
+ "evp_bytestokey": "npm:evp_bytestokey@1.0.0"
+ }
+ },
+ "npm:browserify-des@1.0.0": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "des.js": "npm:des.js@1.0.0",
+ "cipher-base": "npm:cipher-base@1.0.3"
+ }
+ },
+ "npm:create-hmac@1.1.4": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2",
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:browserify-aes@1.0.6": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2",
+ "inherits": "npm:inherits@2.0.3",
+ "evp_bytestokey": "npm:evp_bytestokey@1.0.0",
+ "cipher-base": "npm:cipher-base@1.0.3",
+ "buffer-xor": "npm:buffer-xor@1.0.3"
+ }
+ },
+ "npm:pbkdf2@3.0.9": {
+ "map": {
+ "create-hmac": "npm:create-hmac@1.1.4"
+ }
+ },
+ "npm:evp_bytestokey@1.0.0": {
+ "map": {
+ "create-hash": "npm:create-hash@1.1.2"
+ }
+ },
+ "npm:create-ecdh@4.0.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "elliptic": "npm:elliptic@6.4.0"
+ }
+ },
+ "npm:des.js@1.0.0": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0"
+ }
+ },
+ "npm:sha.js@2.4.8": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:cipher-base@1.0.3": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:parse-asn1@5.1.0": {
+ "map": {
+ "browserify-aes": "npm:browserify-aes@1.0.6",
+ "create-hash": "npm:create-hash@1.1.2",
+ "evp_bytestokey": "npm:evp_bytestokey@1.0.0",
+ "pbkdf2": "npm:pbkdf2@3.0.9",
+ "asn1.js": "npm:asn1.js@4.9.1"
+ }
+ },
+ "npm:elliptic@6.4.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "inherits": "npm:inherits@2.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0",
+ "minimalistic-crypto-utils": "npm:minimalistic-crypto-utils@1.0.1",
+ "brorand": "npm:brorand@1.1.0",
+ "hash.js": "npm:hash.js@1.0.3",
+ "hmac-drbg": "npm:hmac-drbg@1.0.1"
+ }
+ },
+ "npm:jspm-nodelibs-stream@0.2.1": {
+ "map": {
+ "stream-browserify": "npm:stream-browserify@2.0.1"
+ }
+ },
+ "npm:asn1.js@4.9.1": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "inherits": "npm:inherits@2.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0"
+ }
+ },
+ "npm:browserify-rsa@4.0.1": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "randombytes": "npm:randombytes@2.0.3"
+ }
+ },
+ "npm:stream-browserify@2.0.1": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3",
+ "readable-stream": "npm:readable-stream@2.2.9"
+ }
+ },
+ "npm:hash.js@1.0.3": {
+ "map": {
+ "inherits": "npm:inherits@2.0.3"
+ }
+ },
+ "npm:jspm-nodelibs-string_decoder@0.2.1": {
+ "map": {
+ "string_decoder": "npm:string_decoder@0.10.31"
+ }
+ },
+ "npm:readable-stream@2.2.9": {
+ "map": {
+ "string_decoder": "npm:string_decoder@1.0.0",
+ "isarray": "npm:isarray@1.0.0",
+ "inherits": "npm:inherits@2.0.3",
+ "buffer-shims": "npm:buffer-shims@1.0.0",
+ "process-nextick-args": "npm:process-nextick-args@1.0.7",
+ "util-deprecate": "npm:util-deprecate@1.0.2",
+ "core-util-is": "npm:core-util-is@1.0.2"
+ }
+ },
+ "npm:hmac-drbg@1.0.1": {
+ "map": {
+ "hash.js": "npm:hash.js@1.0.3",
+ "minimalistic-assert": "npm:minimalistic-assert@1.0.0",
+ "minimalistic-crypto-utils": "npm:minimalistic-crypto-utils@1.0.1"
+ }
+ },
+ "npm:string_decoder@1.0.0": {
+ "map": {
+ "buffer-shims": "npm:buffer-shims@1.0.0"
+ }
+ },
+ "npm:miller-rabin@4.0.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "brorand": "npm:brorand@1.1.0"
+ }
+ },
+ "npm:public-encrypt@4.0.0": {
+ "map": {
+ "bn.js": "npm:bn.js@4.11.6",
+ "browserify-rsa": "npm:browserify-rsa@4.0.1",
+ "create-hash": "npm:create-hash@1.1.2",
+ "parse-asn1": "npm:parse-asn1@5.1.0",
+ "randombytes": "npm:randombytes@2.0.3"
+ }
+ },
+ "npm:rxjs@5.3.0": {
+ "map": {
+ "symbol-observable": "npm:symbol-observable@1.0.4"
+ }
+ },
+ "npm:jspm-nodelibs-timers@0.2.1": {
+ "map": {
+ "timers-browserify": "npm:timers-browserify@1.4.2"
+ }
+ },
+ "npm:timers-browserify@1.4.2": {
+ "map": {
+ "process": "npm:process@0.11.9"
+ }
+ },
+ "npm:@covalent/core@1.0.0-beta.3-1": {
+ "map": {
+ "@angular/flex-layout": "npm:@angular/flex-layout@2.0.0-beta.7",
+ "@angular/material": "npm:@angular/material@2.0.0-beta.3"
+ }
+ },
+ "npm:@covalent/dynamic-forms@1.0.0-beta.3-1": {
+ "map": {
+ "@covalent/core": "npm:@covalent/core@1.0.0-beta.3-1"
+ }
+ }
+ }
+});
diff --git a/securis/src/main/webapp/package.json b/securis/src/main/webapp/package.json
index 470b421..fe09b41 100644
--- a/securis/src/main/webapp/package.json
+++ b/securis/src/main/webapp/package.json
@@ -24,28 +24,29 @@
"author": "",
"license": "MIT",
"dependencies": {
- "@angular/common": "^4.0.1",
- "@angular/compiler": "~4.0.1",
- "@angular/core": "~4.0.1",
- "@angular/forms": "~4.0.1",
- "@angular/http": "~4.0.1",
- "@angular/animations": "~4.0.1",
+ "@angular/animations": "~4.0.2",
+ "@angular/common": "^4.0.2",
+ "@angular/compiler": "~4.0.2",
+ "@angular/core": "~4.0.2",
+ "@angular/forms": "~4.0.2",
+ "@angular/http": "~4.0.2",
"@angular/material": "^2.0.0-beta.3",
- "@angular/platform-browser": "~4.0.1",
- "@angular/platform-browser-dynamic": "~4.0.1",
- "@angular/router": "^4.0.1",
+ "@angular/platform-browser": "~4.0.2",
+ "@angular/platform-browser-dynamic": "~4.0.2",
+ "@angular/router": "^4.0.2",
"@covalent/core": "^1.0.0-beta.3",
"@covalent/dynamic-forms": "^1.0.0-beta.3",
"@covalent/http": "^1.0.0-beta.3",
- "angular-2-local-storage": "^1.0.1",
"angular-in-memory-web-api": "~0.2.4",
+ "angular-safeguard": "^1.0.1",
"core-js": "^2.4.1",
"file-saver": "^1.3.3",
"hammerjs": "^2.0.8",
- "ng2-toastr": "^1.5.1",
- "rxjs": "^5.0.1",
- "systemjs": "0.19.40",
- "zone.js": "^0.7.4"
+ "ng2-toastr": "^4.0.1",
+ "rxjs": "^5.3.0",
+ "web-animations-js": "^2.2.2",
+ "zone": "^0.3.4",
+ "zone.js": "^0.8.5"
},
"devDependencies": {
"@types/file-saver": "0.0.0",
@@ -66,5 +67,86 @@
"tslint": "^3.15.1",
"typescript": "^2.2.1"
},
+ "jspm": {
+ "name": "securis",
+ "main": "main.ts",
+ "dependencies": {
+ "@angular/animations": "npm:@angular/animations@^4.0.2",
+ "@angular/material": "npm:@angular/material@^2.0.0-beta.3",
+ "@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic@^4.0.2",
+ "@covalent/core": "npm:@covalent/core@^1.0.0-beta.3-1",
+ "@covalent/dynamic-forms": "npm:@covalent/dynamic-forms@^1.0.0-beta.3-1",
+ "@covalent/http": "npm:@covalent/http@^1.0.0-beta.3-1",
+ "angular-in-memory-web-api": "npm:angular-in-memory-web-api@^0.3.1",
+ "angular-safeguard": "npm:angular-safeguard@^1.0.1",
+ "core-js": "npm:core-js@^2.4.1",
+ "file-saver": "npm:file-saver@^1.3.3",
+ "hammerjs": "npm:hammerjs@^2.0.8",
+ "ng2-toastr": "npm:ng2-toastr@^4.0.1",
+ "web-animations-js": "npm:web-animations-js@^2.2.2"
+ },
+ "devDependencies": {
+ "child_process": "npm:jspm-nodelibs-child_process@^0.2.0",
+ "module": "npm:jspm-nodelibs-module@^0.2.0",
+ "net": "npm:jspm-nodelibs-net@^0.2.0",
+ "plugin-typescript": "github:frankwallis/plugin-typescript@^7.0.6",
+ "typescript": "npm:typescript@^2.2.2"
+ },
+ "peerDependencies": {
+ "@angular/common": "npm:@angular/common@4.0.2",
+ "@angular/compiler": "npm:@angular/compiler@^4.0.2",
+ "@angular/core": "npm:@angular/core@4.0.2",
+ "@angular/forms": "npm:@angular/forms@^4.0.0",
+ "@angular/http": "npm:@angular/http@^4.0.0",
+ "@angular/platform-browser": "npm:@angular/platform-browser@4.0.2",
+ "@angular/router": "npm:@angular/router@^4.0.0",
+ "assert": "npm:jspm-nodelibs-assert@^0.2.0",
+ "buffer": "npm:jspm-nodelibs-buffer@^0.2.0",
+ "constants": "npm:jspm-nodelibs-constants@^0.2.0",
+ "crypto": "npm:jspm-nodelibs-crypto@^0.2.0",
+ "events": "npm:jspm-nodelibs-events@^0.2.0",
+ "fs": "npm:jspm-nodelibs-fs@^0.2.0",
+ "os": "npm:jspm-nodelibs-os@^0.2.0",
+ "path": "npm:jspm-nodelibs-path@^0.2.0",
+ "process": "npm:jspm-nodelibs-process@^0.2.0",
+ "rxjs": "npm:rxjs@^5.0.1",
+ "stream": "npm:jspm-nodelibs-stream@^0.2.0",
+ "string_decoder": "npm:jspm-nodelibs-string_decoder@^0.2.0",
+ "timers": "npm:jspm-nodelibs-timers@^0.2.0",
+ "util": "npm:jspm-nodelibs-util@^0.2.0",
+ "vm": "npm:jspm-nodelibs-vm@^0.2.0",
+ "zone.js": "npm:zone.js@^0.8.4"
+ },
+ "overrides": {
+ "npm:inherits@2.0.3": {
+ "ignore": [
+ "test.js"
+ ]
+ },
+ "npm:reflect-metadata@0.1.10": {
+ "jspmNodeConversion": false,
+ "map": {
+ "crypto": {
+ "node": "@node/crypto",
+ "default": "@empty"
+ }
+ }
+ },
+ "npm:typescript@2.2.2": {
+ "browser": {},
+ "map": {
+ "buffer": "@empty",
+ "child_process": "@empty",
+ "fs": "@empty",
+ "path": "@empty",
+ "process": "@empty",
+ "readline": "@empty"
+ },
+ "dependencies": {
+ "source-map-support": "*"
+ }
+ }
+ }
+ },
"repository": {}
}
diff --git a/securis/src/main/webapp/src/app/app.module.ts b/securis/src/main/webapp/src/app/app.module.ts
index 512e9ca..66a8a52 100644
--- a/securis/src/main/webapp/src/app/app.module.ts
+++ b/securis/src/main/webapp/src/app/app.module.ts
@@ -1,21 +1,24 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { CommonModule } from '@angular/common';
+import { NgModule, TypeProvider } from '@angular/core';
+import { HttpModule } from '@angular/http';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule } from '@angular/forms';
-import {MaterialModule} from '@angular/material';
-import {CovalentCoreModule} from '@covalent/core';
-import {CovalentHttpModule} from '@covalent/http';
-import {CovalentDynamicFormsModule} from '@covalent/dynamic-forms';
+import { MaterialModule } from '@angular/material';
+import { CovalentCoreModule } from '@covalent/core';
+import { CovalentHttpModule } from '@covalent/http';
+import { CovalentDynamicFormsModule } from '@covalent/dynamic-forms';
-import { LocalStorageModule } from 'angular-2-local-storage';
+import { LockerModule, DRIVERS } from 'angular-safeguard';
+
import { ToastModule } from 'ng2-toastr/ng2-toastr';
import { HomeComponent } from './home.component';
-import { I18nDirective } from './common/i18n';
import { MetadataManagerComponent } from './forms/base';
import { FieldReadonlyComponent } from './forms/base';
import { ErrorCheckerComponent } from './forms/base';
+
+import { LocaleServiceModule, I18nDirective, LocaleService } from './common/i18n';
import { UserService } from './user.service';
import { PacksService } from './resources/packs';
@@ -42,30 +45,33 @@
import { OrganizationFormComponent } from './forms/organization.form.component';
import { UserFormComponent } from './forms/user.form.component';
-
import { appRoutes, appRoutingProviders } from './app.routes';
import { requestOptionsProvider, requestBackendProvider } from './common/default.requests.options';
-import { LocaleServiceModule } from './common/i18n';
import { SeCurisSession } from './common/session';
+
+
@NgModule({
imports: [
- LocalStorageModule.withConfig({
- prefix: 'securis',
- storageType: 'localStorage'
+ LocaleServiceModule.withConfig('en'),
+ LockerModule.withConfig({
+ driverNamespace: 'securis',
+ defaultDriverType: DRIVERS.LOCAL,
+ namespaceSeparator: '-'
}),
BrowserModule,
BrowserAnimationsModule,
+ HttpModule,
FormsModule,
MaterialModule,
CovalentCoreModule.forRoot(),
CovalentHttpModule.forRoot(),
CovalentDynamicFormsModule.forRoot(),
ToastModule.forRoot(),
- LocaleServiceModule.withConfig('en'),
appRoutes,
],
declarations: [
+ HomeComponent,
ApplicationListComponent,
ApplicationFormComponent,
PackListComponent,
@@ -81,7 +87,6 @@
OrganizationFormComponent,
UserFormComponent,
I18nDirective,
- HomeComponent,
MenuComponent,
NoMenuComponent,
FieldReadonlyComponent,
@@ -91,7 +96,7 @@
bootstrap: [ HomeComponent ],
entryComponents: [ ],
providers: [
- SeCurisSession,
+ SeCurisSession,
UserService,
PacksService,
LicensesService,
diff --git a/securis/src/main/webapp/src/app/app.module2.ts b/securis/src/main/webapp/src/app/app.module2.ts
new file mode 100644
index 0000000..83d8195
--- /dev/null
+++ b/securis/src/main/webapp/src/app/app.module2.ts
@@ -0,0 +1,28 @@
+import { NgModule, Injectable, Component } from '@angular/core';
+import { HttpModule, Http } from '@angular/http';
+import { BrowserModule } from '@angular/platform-browser';
+
+@Component({
+ selector: 'app-home',
+ template: `<h2>Hola</h2>`
+
+})
+export class HomeComponent {
+ constructor(private http : Http) {
+ console.log('Http is injected ok: ' + http)
+ }
+}
+
+@NgModule({
+ imports: [
+ BrowserModule, HttpModule
+ ],
+ declarations: [
+ HomeComponent
+ ],
+ bootstrap: [ HomeComponent ],
+ entryComponents: [ ],
+ providers: [
+ ]
+})
+export class AppModule2 { }
diff --git a/securis/src/main/webapp/src/app/common/default.requests.options.ts b/securis/src/main/webapp/src/app/common/default.requests.options.ts
index ce35fb0..768468e 100644
--- a/securis/src/main/webapp/src/app/common/default.requests.options.ts
+++ b/securis/src/main/webapp/src/app/common/default.requests.options.ts
@@ -1,4 +1,4 @@
-import { LocalStorageService } from 'angular-2-local-storage';
+import { Locker } from 'angular-safeguard';
import { Injectable } from '@angular/core';
import {
BaseRequestOptions,
@@ -8,7 +8,7 @@
ResponseOptions,
XHRBackend,
XHRConnection,
- XSRFStrategy
+ XSRFStrategy
} from '@angular/http';
@@ -18,7 +18,7 @@
@Injectable()
export class DefaultRequestOptions extends BaseRequestOptions {
- constructor(private store: LocalStorageService) {
+ constructor(private store: Locker) {
super();
// Set the default 'Content-Type' header
@@ -30,12 +30,12 @@
@Injectable()
export class ApiXHRBackend extends XHRBackend {
- constructor(_browserXHR: BrowserXhr, _baseResponseOptions: ResponseOptions, _xsrfStrategy: XSRFStrategy, private store: LocalStorageService) {
+ constructor(_browserXHR: BrowserXhr, _baseResponseOptions: ResponseOptions, _xsrfStrategy: XSRFStrategy, private store: Locker) {
super(_browserXHR, _baseResponseOptions, _xsrfStrategy);
}
createConnection(request: Request): XHRConnection {
- let token = this.store.get<string>('token');
+ let token = this.store.get('token');
if (token) {
request.headers.set('X-SECURIS-TOKEN', token);
}
diff --git a/securis/src/main/webapp/src/app/common/i18n.ts b/securis/src/main/webapp/src/app/common/i18n.ts
index 1d81d6f..0c9a87d 100644
--- a/securis/src/main/webapp/src/app/common/i18n.ts
+++ b/securis/src/main/webapp/src/app/common/i18n.ts
@@ -1,20 +1,10 @@
-import { Http } from '@angular/http';
-import { ModuleWithProviders, NgModule, Inject, Injectable, Directive, ElementRef, HostListener, Input, Renderer } from '@angular/core';
+import { Http, HttpModule } from '@angular/http';
+import { ModuleWithProviders, NgModule, Inject, TypeProvider, Injectable, Directive, ElementRef, Renderer } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
declare var navigator:any;
-declare global {
- interface String {
- capitalize(): string;
- cap(): string;
- }
-}
-
-String.prototype.capitalize = function() {
- return this[0].toUpperCase() + this.slice(1);
-}
-String.prototype.cap = String.prototype.capitalize;
-
// Use as reference: https://github.com/ngx-translate/core/tree/master/src
+
@Injectable()
export class LocaleService {
get URL_TPL() {return 'src/lang/messages_{0}.json'};
@@ -23,7 +13,8 @@
private _currentLang : string = null;
private _messages : any = null;
private _elements = new Array<ElementRef>();
- private constructor(private http: Http, @Inject('INITIAL_LANG') initLang: string) {
+ constructor(private http: Http, @Inject('INITIAL_LANG') initLang: string) {
+ var initLang = 'en';
this.lang = initLang || this.getBrowserLang();
}
@@ -115,10 +106,8 @@
if (params.length === 0) return trans_msg;
return this._format(trans_msg, ...params);
}
-
}
-
@Directive({ selector: '[i18n]' })
export class I18nDirective {
@@ -134,15 +123,30 @@
}
}
+
+
+declare global {
+ interface String {
+ capitalize(): string;
+ cap(): string;
+ }
+}
+String.prototype.capitalize = function() {
+ return this[0].toUpperCase() + this.slice(1);
+}
+String.prototype.cap = String.prototype.capitalize;
+
+
@NgModule({
- providers: [ <any>LocaleService ]
+ providers: [ ]
})
export class LocaleServiceModule {
static withConfig(initLang?: string): ModuleWithProviders {
return {
ngModule: LocaleServiceModule,
- providers: [
- { provide: 'INITIAL_LANG', useValue: initLang }
+ providers: [
+ { provide: 'INITIAL_LANG', useValue: initLang },
+ LocaleService
]
}
}
diff --git a/securis/src/main/webapp/src/app/common/session.ts b/securis/src/main/webapp/src/app/common/session.ts
index e6e9402..6bbcfca 100644
--- a/securis/src/main/webapp/src/app/common/session.ts
+++ b/securis/src/main/webapp/src/app/common/session.ts
@@ -1,4 +1,4 @@
-import { LocalStorageService } from 'angular-2-local-storage';
+import { Locker } from 'angular-safeguard';
import { Injectable } from '@angular/core';
@@ -7,7 +7,7 @@
sessionData: any = {}
- constructor(private store: LocalStorageService) {
+ constructor(private store: Locker) {
}
diff --git a/securis/src/main/webapp/src/app/home.component.ts b/securis/src/main/webapp/src/app/home.component.ts
index 984e1ae..73257d4 100644
--- a/securis/src/main/webapp/src/app/home.component.ts
+++ b/securis/src/main/webapp/src/app/home.component.ts
@@ -5,7 +5,7 @@
import { DomSanitizer } from '@angular/platform-browser';
import { MdIconRegistry } from '@angular/material';
import { UserService } from './user.service';
-import { LocalStorageService } from 'angular-2-local-storage';
+import { Locker } from 'angular-safeguard';
import { TdMediaService } from '@covalent/core';
import { Router } from '@angular/router';
import { TdNavigationDrawerComponent } from '@covalent/core'
@@ -31,7 +31,7 @@
private media: TdMediaService,
private _iconRegistry: MdIconRegistry,
private _domSanitizer: DomSanitizer,
- private store: LocalStorageService) {
+ private store: Locker) {
this.registerIcons();
toaster.setRootViewContainerRef(vRef);
}
diff --git a/securis/src/main/webapp/src/app/listing/application.list.component.html b/securis/src/main/webapp/src/app/listing/application.list.component.html
index 522e7b7..60d6f0b 100644
--- a/securis/src/main/webapp/src/app/listing/application.list.component.html
+++ b/securis/src/main/webapp/src/app/listing/application.list.component.html
@@ -20,14 +20,14 @@
[sortBy]="sortBy"
(sortChange)="sort($event)"
style="width: 100%">
- <template tdDataTableTemplate="creation_timestamp" let-row="row" let-value="value">
+ <ng-template tdDataTableTemplate="creation_timestamp" let-row="row" let-value="value">
<span>{{value | date: 'medium'}}</span>
- </template>
- <template tdDataTableTemplate="menu" let-row="row" let-index="index">
+ </ng-template>
+ <ng-template tdDataTableTemplate="menu" let-row="row" let-index="index">
<div layout="row" layout-align="end center">
<button md-icon-button (click)="edit(row.id)" color="primary"><md-icon>edit</md-icon></button>
</div>
- </template>
+ </ng-template>
</td-data-table>
<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)" [hidden]="pagingBar.total <= 10">
<span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
diff --git a/securis/src/main/webapp/src/app/listing/license.list.component.html b/securis/src/main/webapp/src/app/listing/license.list.component.html
index 0271bfc..ec20631 100644
--- a/securis/src/main/webapp/src/app/listing/license.list.component.html
+++ b/securis/src/main/webapp/src/app/listing/license.list.component.html
@@ -35,31 +35,31 @@
[sortBy]="sortBy"
(sortChange)="sort($event)"
style="width: 100%">
- <template tdDataTableTemplate="code" let-row="row" let-value="value">
+ <ng-template tdDataTableTemplate="code" let-row="row" let-value="value">
<div layout="row" layout-align="start center">
<span style="white-space: nowrap">{{value}}</span>
</div>
- </template>
- <template tdDataTableTemplate="status" let-row="row" let-value="value">
+ </ng-template>
+ <ng-template tdDataTableTemplate="status" let-row="row" let-value="value">
<div layout="row" layout-align="start center">
<md-chip selected [mdTooltip]="licenses.getStatusName(value)" [style.background-color]="licenses.getStatusColor(value)" >{{value}}</md-chip>
</div>
- </template>
- <template tdDataTableTemplate="email" let-row="row" let-value="value">
+ </ng-template>
+ <ng-template tdDataTableTemplate="email" let-row="row" let-value="value">
<div layout="row" *ngIf="value">
<a md-button color="primary" [href]="'mailto:' + value + '?subject=SeCuris'">{{value}}</a>
</div>
- </template>
- <template tdDataTableTemplate="metadata_obsolete" let-row="row" let-value="value">
+ </ng-template>
+ <ng-template tdDataTableTemplate="metadata_obsolete" let-row="row" let-value="value">
<md-icon *ngIf="value" color="warn" [mdTooltip]="$L.get('License metadata is obsolete')">warning</md-icon>
- </template>
- <template tdDataTableTemplate="expiration_date" let-row="row">
+ </ng-template>
+ <ng-template tdDataTableTemplate="expiration_date" let-row="row">
<div layout="row">
<span [class.expired]="isLicenseExpired(row)" >{{row.expiration_date | date: 'mediumDate'}}</span>
</div>
- </template>
+ </ng-template>
- <template tdDataTableTemplate="menu" let-row="row" let-index="index">
+ <ng-template tdDataTableTemplate="menu" let-row="row" let-index="index">
<div layout="row" layout-align="end center">
<button md-icon-button (click)="edit(row.id)" color="primary"><md-icon>edit</md-icon></button>
<button md-icon-button [mdMenuTriggerFor]="licenseMenu" aria-label="License menu">
@@ -71,7 +71,7 @@
</button>
</md-menu>
</div>
- </template>
+ </ng-template>
</td-data-table>
<td-paging-bar #pagingBar [pageSizes]="[10, 25, 50, 100]" [total]="filteredTotal" (change)="page($event)" [hidden]="pagingBar.total <= 10" >
<span i18n td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
diff --git a/securis/src/main/webapp/src/app/listing/licensetype.list.component.html b/securis/src/main/webapp/src/app/listing/licensetype.list.component.html
index 76d960d..76d6695 100644
--- a/securis/src/main/webapp/src/app/listing/licensetype.list.component.html
+++ b/securis/src/main/webapp/src/app/listing/licensetype.list.component.html
@@ -20,14 +20,14 @@
[sortBy]="sortBy"
(sortChange)="sort($event)"
style="width: 100%">
- <template tdDataTableTemplate="creation_timestamp" let-row="row" let-value="value">
+ <ng-template tdDataTableTemplate="creation_timestamp" let-row="row" let-value="value">
<span>{{value | date: 'medium'}}</span>
- </template>
- <template tdDataTableTemplate="menu" let-row="row" let-index="index">
+ </ng-template>
+ <ng-template tdDataTableTemplate="menu" let-row="row" let-index="index">
<div layout="row" layout-align="end center">
<button md-icon-button (click)="edit(row.id)" color="primary"><md-icon>edit</md-icon></button>
</div>
- </template>
+ </ng-template>
</td-data-table>
<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)" [hidden]="pagingBar.total <= 10">
<span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
diff --git a/securis/src/main/webapp/src/app/listing/organization.list.component.html b/securis/src/main/webapp/src/app/listing/organization.list.component.html
index 56c4147..ea2d0aa 100644
--- a/securis/src/main/webapp/src/app/listing/organization.list.component.html
+++ b/securis/src/main/webapp/src/app/listing/organization.list.component.html
@@ -20,14 +20,14 @@
[sortBy]="sortBy"
(sortChange)="sort($event)"
style="width: 100%">
- <template tdDataTableTemplate="creation_timestamp" let-row="row" let-value="value">
+ <ng-template tdDataTableTemplate="creation_timestamp" let-row="row" let-value="value">
<span>{{value | date: 'medium'}}</span>
- </template>
- <template tdDataTableTemplate="menu" let-row="row" let-index="index">
+ </ng-template>
+ <ng-template tdDataTableTemplate="menu" let-row="row" let-index="index">
<div layout="row" layout-align="end center">
<button md-icon-button (click)="edit(row.id)" color="primary"><md-icon>edit</md-icon></button>
</div>
- </template>
+ </ng-template>
</td-data-table>
<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)" [hidden]="pagingBar.total <= 10">
<span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
diff --git a/securis/src/main/webapp/src/app/listing/pack.list.component.html b/securis/src/main/webapp/src/app/listing/pack.list.component.html
index f08c574..f826ab5 100644
--- a/securis/src/main/webapp/src/app/listing/pack.list.component.html
+++ b/securis/src/main/webapp/src/app/listing/pack.list.component.html
@@ -20,25 +20,25 @@
[sortBy]="sortBy"
(sortChange)="sort($event)"
style="width: 100%">
- <template tdDataTableTemplate="used_licenses" let-row="row">
+ <ng-template tdDataTableTemplate="used_licenses" let-row="row">
<div layout="row">
<md-chip-list flex>
<md-chip selected [mdTooltip]="$L.get('field.num_licenses')" color="secondary" >{{row['num_licenses']}}</md-chip>
<md-chip selected [mdTooltip]="$L.get('field.num_available')" [color]="row['num_available'] > 0 ? 'primary': 'warn'">{{row['num_available']}}</md-chip>
</md-chip-list>
</div>
- </template>
- <template tdDataTableTemplate="code" let-row="row" let-value="value">
+ </ng-template>
+ <ng-template tdDataTableTemplate="code" let-row="row" let-value="value">
<div layout="row" layout-align="start center">
<span style="white-space: nowrap">{{value}}</span>
</div>
- </template>
- <template tdDataTableTemplate="status" let-row="row" let-value="value">
+ </ng-template>
+ <ng-template tdDataTableTemplate="status" let-row="row" let-value="value">
<div layout="row" layout-align="start center">
<md-chip selected [mdTooltip]="$L.get('pack.status.' +value)" [style.background-color]="packs.getStatusColor(value)" >{{value}}</md-chip>
</div>
- </template>
- <template tdDataTableTemplate="menu" let-row="row" let-index="index">
+ </ng-template>
+ <ng-template tdDataTableTemplate="menu" let-row="row" let-index="index">
<div layout="row" layout-align="end center">
<button md-icon-button (click)="edit(row.id)" color="primary"><md-icon>edit</md-icon></button>
<button md-icon-button [mdMenuTriggerFor]="packMenu" aria-label="Pack menu">
@@ -52,7 +52,7 @@
</md-menu>
<button md-icon-button (click)="showLicenses(row)" color="accent"><md-icon>arrow_forward</md-icon></button>
</div>
- </template>
+ </ng-template>
</td-data-table>
<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)" [hidden]="pagingBar.total <= 10">
<span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
diff --git a/securis/src/main/webapp/src/app/listing/user.list.component.html b/securis/src/main/webapp/src/app/listing/user.list.component.html
index 766da66..07dbd97 100644
--- a/securis/src/main/webapp/src/app/listing/user.list.component.html
+++ b/securis/src/main/webapp/src/app/listing/user.list.component.html
@@ -20,22 +20,22 @@
[sortBy]="sortBy"
(sortChange)="sort($event)"
style="width: 100%">
- <template tdDataTableTemplate="fullname" let-row="row" let-value="value">
+ <ng-template tdDataTableTemplate="fullname" let-row="row" let-value="value">
<span>{{row.first_name}} {{row.last_name || ''}}</span>
- </template>
- <template tdDataTableTemplate="email" let-row="row" let-value="value">
+ </ng-template>
+ <ng-template tdDataTableTemplate="email" let-row="row" let-value="value">
<div layout="row" *ngIf="value">
<a md-button color="primary" [href]="'mailto:' + value + '?subject=SeCuris'">{{value}}</a>
</div>
- </template>
- <template tdDataTableTemplate="lastLogin" let-row="row" let-value="value">
+ </ng-template>
+ <ng-template tdDataTableTemplate="lastLogin" let-row="row" let-value="value">
<span *ngIf="value">{{value | timeAgo }}</span>
- </template>
- <template tdDataTableTemplate="menu" let-row="row" let-index="index">
+ </ng-template>
+ <ng-template tdDataTableTemplate="menu" let-row="row" let-index="index">
<div layout="row" layout-align="end center">
<button md-icon-button (click)="edit(row.username)" color="primary"><md-icon>edit</md-icon></button>
</div>
- </template>
+ </ng-template>
</td-data-table>
<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)" [hidden]="pagingBar.total <= 10">
<span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
diff --git a/securis/src/main/webapp/src/app/menu.component.ts b/securis/src/main/webapp/src/app/menu.component.ts
index 8866068..55a0178 100644
--- a/securis/src/main/webapp/src/app/menu.component.ts
+++ b/securis/src/main/webapp/src/app/menu.component.ts
@@ -1,5 +1,5 @@
import { LocaleService } from './common/i18n';
-import { LocalStorageService } from 'angular-2-local-storage';
+import { Locker } from 'angular-safeguard';
import { Observable } from 'rxjs/Observable';
import { BaseRequestOptions, Http } from '@angular/http';
import { Component, ViewChild } from '@angular/core';
@@ -18,7 +18,7 @@
userFullName: string;
constructor(private userService: UserService,
- private store: LocalStorageService,
+ private store: Locker,
private $L: LocaleService,
private route: ActivatedRoute,
private router: Router) {
@@ -34,7 +34,7 @@
if (this.route.firstChild == null) {
this.router.navigate(['packs']);
}
- this.userFullName = this.store.get<string>("user_full_name");
+ this.userFullName = this.store.get("user_full_name");
}
} ,
err => /* Show message */ this.router.navigateByUrl('public/login'));
diff --git a/securis/src/main/webapp/src/app/nomenu.component.ts b/securis/src/main/webapp/src/app/nomenu.component.ts
index 0cfe7a3..047e569 100644
--- a/securis/src/main/webapp/src/app/nomenu.component.ts
+++ b/securis/src/main/webapp/src/app/nomenu.component.ts
@@ -5,7 +5,6 @@
import { DomSanitizer } from '@angular/platform-browser';
import { MdIconRegistry } from '@angular/material';
import { UserService } from './user.service';
-import { LocalStorageService } from 'angular-2-local-storage';
import { TdMediaService } from '@covalent/core';
import { Router } from '@angular/router';
import { TdNavigationDrawerComponent } from '@covalent/core'
diff --git a/securis/src/main/webapp/src/app/user.service.ts b/securis/src/main/webapp/src/app/user.service.ts
index ee0c0b1..45bb541 100644
--- a/securis/src/main/webapp/src/app/user.service.ts
+++ b/securis/src/main/webapp/src/app/user.service.ts
@@ -6,7 +6,7 @@
import { Http, RequestOptions, Response, Headers } from '@angular/http';
import { Observable } from 'rxjs/Observable';
-import { LocalStorageService } from 'angular-2-local-storage';
+import { Locker } from 'angular-safeguard';
const SECURIS_TOKEN = "X-SECURIS-TOKEN";
@@ -17,7 +17,7 @@
constructor($L: LocaleService,
private router: Router,
- private store: LocalStorageService,
+ private store: Locker,
private http: Http) {
super($L);
}
@@ -65,7 +65,8 @@
}
logout() : void {
- this.store.remove('user', 'token');
+ this.store.remove('user');
+ this.store.remove('token');
this.router.navigate(['public/login']);
}
diff --git a/securis/src/main/webapp/src/polifills.ts b/securis/src/main/webapp/src/polifills.ts
index 0e24a95..937dffe 100644
--- a/securis/src/main/webapp/src/polifills.ts
+++ b/securis/src/main/webapp/src/polifills.ts
@@ -42,12 +42,15 @@
/** Evergreen browsers require these. **/
+// import "core-js/es6";
import 'core-js/es6/reflect';
import 'core-js/es7/reflect';
-
+import 'core-js/client/shim';
+// import "rxjs/Rx"
+// import 'rxjs/add/observable/throw';
/** ALL Firefox browsers require the following to support `@angular/animation`. **/
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
+import 'web-animations-js'; // Run `npm install --save web-animations-js`.
@@ -68,3 +71,5 @@
*/
// import 'intl'; // Run `npm install --save intl`.
import 'hammerjs/hammer.min';
+
+import 'rxjs/add/observable/throw'
\ No newline at end of file
diff --git a/securis/src/main/webapp/systemjs.config.js b/securis/src/main/webapp/systemjs.config.js
index 4cb7dfc..5f89148 100644
--- a/securis/src/main/webapp/systemjs.config.js
+++ b/securis/src/main/webapp/systemjs.config.js
@@ -17,6 +17,8 @@
// other libraries
'rxjs': 'npm:rxjs',
+ 'core-js': 'npm:core-js',
+ 'zone.js': 'npm:zone.js',
'ng2-toastr': 'npm:ng2-toastr',
'file-saver': 'npm:file-saver/FileSaver.js',
'angular-2-local-storage': 'npm:angular-2-local-storage/dist',
@@ -45,7 +47,8 @@
defaultExtension: 'js'
},
'rxjs': { main: 'index' },
- 'angular-2-local-storage': { main: 'index', defaultExtension: 'js' },
+ "core-js": { "defaultExtension": "js" },
+ "zone.js": { "defaultExtension": "js" },
'ng2-toastr': { defaultExtension: 'js' }
}
});
diff --git a/securis/src/main/webapp/tsconfig.json b/securis/src/main/webapp/tsconfig.json
index 88ccffe..2c7260d 100644
--- a/securis/src/main/webapp/tsconfig.json
+++ b/securis/src/main/webapp/tsconfig.json
@@ -1,4 +1,13 @@
{
"compilerOptions": {
+ "target": "es5",
+ "module": "commonjs",
+ "moduleResolution": "node",
+ "sourceMap": true,
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "lib": [ "es2015", "dom" ],
+ "noImplicitAny": true,
+ "suppressImplicitAnyIndexErrors": true
}
}
--
Gitblit v1.3.2