diff --git a/src/@fuse/scss/core.scss b/src/@fuse/scss/core.scss
index fc6f1675..6894fc07 100644
--- a/src/@fuse/scss/core.scss
+++ b/src/@fuse/scss/core.scss
@@ -17,11 +17,10 @@
@include mat-core();
// Partials
-@import "partials/reset";
@import "partials/normalize";
@import "partials/scrollbars";
@import "partials/helpers";
-@import "partials/global";
+@import "partials/general";
@import "partials/icons";
@import "partials/colors";
@import "partials/material";
@@ -32,7 +31,6 @@
@import "partials/cards";
@import "partials/navigation";
@import "partials/forms";
-@import "partials/toolbar";
@import "partials/print";
// Plugins
diff --git a/src/@fuse/scss/partials/_general.scss b/src/@fuse/scss/partials/_general.scss
new file mode 100644
index 00000000..a3598600
--- /dev/null
+++ b/src/@fuse/scss/partials/_general.scss
@@ -0,0 +1,62 @@
+// -----------------------------------------------------------------------------------------------------
+// @ Body scroll lock
+// -----------------------------------------------------------------------------------------------------
+html,
+body {
+ display: flex;
+ flex: 1 0 auto;
+ width: 100%;
+ height: 100%;
+ max-height: 100%;
+ min-height: 100%;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+// -----------------------------------------------------------------------------------------------------
+// @ Boxed body
+// -----------------------------------------------------------------------------------------------------
+body {
+
+ // Boxed
+ &.boxed {
+ max-width: 1200px;
+ margin: 0 auto;
+
+ @include mat-elevation(8);
+ }
+}
+
+/*----------------------------------------------------------------*/
+/* @ Text rendering & box sizing
+/*----------------------------------------------------------------*/
+* {
+ text-rendering: optimizeLegibility;
+ -o-text-rendering: optimizeLegibility;
+ -ms-text-rendering: optimizeLegibility;
+ -moz-text-rendering: optimizeLegibility;
+ -webkit-text-rendering: optimizeLegibility;
+ -webkit-tap-highlight-color: transparent;
+ box-sizing: border-box;
+
+ &:before, &:after {
+ box-sizing: border-box;
+ }
+
+ // Remove focus outline
+ &:focus {
+ outline: none;
+ }
+}
+
+// -----------------------------------------------------------------------------------------------------
+// @ Responsive images
+// -----------------------------------------------------------------------------------------------------
+
+img {
+ max-width: 100%;
+ height: auto;
+ vertical-align: top;
+ border: none;
+}
\ No newline at end of file
diff --git a/src/@fuse/scss/partials/_global.scss b/src/@fuse/scss/partials/_global.scss
deleted file mode 100644
index c8ab03b1..00000000
--- a/src/@fuse/scss/partials/_global.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-html,
-body {
- display: flex;
- flex: 1 0 auto;
- width: 100%;
- height: 100%;
- max-height: 100%;
- min-height: 100%;
- margin: 0;
- padding: 0;
- overflow: hidden;
-}
-
-body {
-
- // Boxed
- &.boxed {
- max-width: 1200px;
- margin: 0 auto;
-
- @include mat-elevation(8);
- }
-}
\ No newline at end of file
diff --git a/src/@fuse/scss/partials/_icons.scss b/src/@fuse/scss/partials/_icons.scss
index cb0b961e..91774833 100644
--- a/src/@fuse/scss/partials/_icons.scss
+++ b/src/@fuse/scss/partials/_icons.scss
@@ -1,3 +1,10 @@
+// Modify the default Material Icons so that we can use the outline icons
+.material-icons {
+ font-family: 'material-outline-icons' !important;
+ -webkit-font-smoothing: antialiased !important;
+ -moz-osx-font-smoothing: grayscale !important;
+}
+
i,
mat-icon {
font-size: 24px;
diff --git a/src/@fuse/scss/partials/_reset.scss b/src/@fuse/scss/partials/_reset.scss
deleted file mode 100644
index 38655ee6..00000000
--- a/src/@fuse/scss/partials/_reset.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-/*----------------------------------------------------------------*/
-/* Reset
-/*----------------------------------------------------------------*/
-* {
- text-rendering: optimizeLegibility;
- -o-text-rendering: optimizeLegibility;
- -ms-text-rendering: optimizeLegibility;
- -moz-text-rendering: optimizeLegibility;
- -webkit-text-rendering: optimizeLegibility;
- -webkit-tap-highlight-color: transparent;
- box-sizing: border-box;
-
- &:before, &:after {
- box-sizing: border-box;
- }
-
- // Remove focus outline
- &:focus {
- outline: none;
- }
-}
-
-// Reset non angular-material input's default browser/os styles
-*:not(mat-form-field) {
-
- > input {
- border: none;
- border-radius: 0;
- padding: 0;
- margin: 0;
- }
-
- > input[type="text"],
- > input[type="tel"],
- > input[type="email"],
- > input[type="search"],
- > input[type="password"],
- > input[type="button"],
- > button,
- > input[type="submit"],
- > input[type="image"],
- > textarea {
- appearance: none;
- border: none;
- border-radius: 0;
- padding: 0;
- margin: 0;
- }
-}
-
-*:not(mat-form-field) {
-
- > input[type="button"],
- > button,
- > input[type="submit"] {
- background: none;
- }
-}
-
-button {
- border-radius: 0;
- font-family: inherit;
- font-size: inherit;
- padding: 0;
- margin: 0;
- appearance: none;
- -moz-appearance: none;
- -webkit-appearance: none;
-}
-
-img {
- max-width: 100%;
- height: auto;
- vertical-align: top;
- border: none;
-}
\ No newline at end of file
diff --git a/src/@fuse/scss/partials/_scrollbars.scss b/src/@fuse/scss/partials/_scrollbars.scss
index 8c7b785c..97d1e637 100644
--- a/src/@fuse/scss/partials/_scrollbars.scss
+++ b/src/@fuse/scss/partials/_scrollbars.scss
@@ -12,12 +12,12 @@ body:not(.is-mobile) {
::-webkit-scrollbar-thumb {
border: 2px solid transparent;
- box-shadow: inset 0 0 0 24px rgba(0, 0, 0, 0.37);
- border-radius: 24px;
+ box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.37);
+ border-radius: 12px;
}
::-webkit-scrollbar-thumb:active {
- box-shadow: inset 0 0 0 24px rgba(0, 0, 0, 0.54);
- border-radius: 24px;
+ box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.54);
+ border-radius: 12px;
}
}
\ No newline at end of file
diff --git a/src/@fuse/scss/partials/_toolbar.scss b/src/@fuse/scss/partials/_toolbar.scss
deleted file mode 100644
index dc717d01..00000000
--- a/src/@fuse/scss/partials/_toolbar.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.toolbar {
-
- .toolbar-separator {
- height: 48px;
- width: 1px;
- border-right: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0 12px;
- }
-}
\ No newline at end of file
diff --git a/src/@fuse/scss/partials/_typography.scss b/src/@fuse/scss/partials/_typography.scss
index f6c2d184..0ec1ffca 100644
--- a/src/@fuse/scss/partials/_typography.scss
+++ b/src/@fuse/scss/partials/_typography.scss
@@ -41,7 +41,7 @@
// -----------------------------------------------------------------------------------------------------
html {
font-size: 62.5%;
- font-family: 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
+ font-family: 'Nunito', 'Helvetica Neue', 'Arial', sans-serif;
line-height: 1.4 !important;
letter-spacing: -0.1px !important;
}
diff --git a/src/app/layout/components/toolbar/toolbar.theme.scss b/src/app/layout/components/toolbar/toolbar.theme.scss
index 148ed3ef..b68d521f 100644
--- a/src/app/layout/components/toolbar/toolbar.theme.scss
+++ b/src/app/layout/components/toolbar/toolbar.theme.scss
@@ -2,7 +2,10 @@
$foreground: map-get($theme, foreground);
- .toolbar-separator {
- background: map-get($foreground, divider);
+ toolbar {
+
+ .toolbar-separator {
+ background: map-get($foreground, divider);
+ }
}
}
\ No newline at end of file
diff --git a/src/app/main/apps/academy/courses/courses.component.scss b/src/app/main/apps/academy/courses/courses.component.scss
index 2c533eda..05a95def 100644
--- a/src/app/main/apps/academy/courses/courses.component.scss
+++ b/src/app/main/apps/academy/courses/courses.component.scss
@@ -135,7 +135,7 @@
.category {
text-transform: capitalize;
text-align: left;
- font-weight: 500;
+ font-weight: 600;
}
.length {
@@ -160,7 +160,7 @@
.updated {
font-size: 13px;
- font-weight: 500;
+ font-weight: 600;
margin-top: 4px;
}
}
diff --git a/src/app/main/apps/calendar/calendar.component.scss b/src/app/main/apps/calendar/calendar.component.scss
index 016c1e35..f1ba6f0f 100644
--- a/src/app/main/apps/calendar/calendar.component.scss
+++ b/src/app/main/apps/calendar/calendar.component.scss
@@ -6,7 +6,7 @@
.cal-header {
.cal-cell {
- font-weight: 500;
+ font-weight: 600;
}
}
@@ -91,7 +91,7 @@
.cal-week-view {
.cal-header > b {
- font-weight: 500;
+ font-weight: 600;
}
.cal-event {
@@ -135,7 +135,7 @@
.cal-day-view {
.cal-time {
- font-weight: 500;
+ font-weight: 600;
}
.cal-event {
@@ -290,7 +290,7 @@
font-size: 20px;
min-width: 160px;
text-align: center;
- font-weight: 500;
+ font-weight: 600;
}
}
}
diff --git a/src/app/main/apps/chat/chat-start/chat-start.component.scss b/src/app/main/apps/chat/chat-start/chat-start.component.scss
index 69e8826e..e8fb05ef 100644
--- a/src/app/main/apps/chat/chat-start/chat-start.component.scss
+++ b/src/app/main/apps/chat/chat-start/chat-start.component.scss
@@ -19,7 +19,7 @@ chat-start {
}
.app-title {
- font-weight: 500;
+ font-weight: 600;
font-size: 32px;
}
diff --git a/src/app/main/apps/e-commerce/order/order.component.scss b/src/app/main/apps/e-commerce/order/order.component.scss
index c437a929..c7ae6a8e 100644
--- a/src/app/main/apps/e-commerce/order/order.component.scss
+++ b/src/app/main/apps/e-commerce/order/order.component.scss
@@ -168,7 +168,7 @@
td {
text-align: right;
font-size: 16px;
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, 0.54);
border-bottom: none;
padding: 4px 8px;
@@ -203,7 +203,7 @@
.note {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
margin-bottom: 24px;
}
@@ -220,7 +220,7 @@
.small-note {
font-size: 12px;
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, 0.54);
line-height: 18px;
}
diff --git a/src/app/main/apps/file-manager/sidebars/details/details.component.scss b/src/app/main/apps/file-manager/sidebars/details/details.component.scss
index 9641f6bf..fe627ff1 100644
--- a/src/app/main/apps/file-manager/sidebars/details/details.component.scss
+++ b/src/app/main/apps/file-manager/sidebars/details/details.component.scss
@@ -22,7 +22,7 @@
.offline-switch {
padding-bottom: 16px;
- font-weight: 500;
+ font-weight: 600;
}
.title {
diff --git a/src/app/main/apps/mail-ngrx/dialogs/compose/compose.component.scss b/src/app/main/apps/mail-ngrx/dialogs/compose/compose.component.scss
index 4614e96b..274c4f57 100644
--- a/src/app/main/apps/mail-ngrx/dialogs/compose/compose.component.scss
+++ b/src/app/main/apps/mail-ngrx/dialogs/compose/compose.component.scss
@@ -22,7 +22,7 @@
border-radius: 2px;
.filename {
- font-weight: 500;
+ font-weight: 600;
}
&:last-child {
diff --git a/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.scss b/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.scss
index 81725fd9..8a2d9397 100644
--- a/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.scss
+++ b/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.scss
@@ -23,7 +23,7 @@ mail-ngrx-details {
.subject {
font-size: 17px;
- font-weight: 500;
+ font-weight: 600;
}
.label {
@@ -61,7 +61,7 @@ mail-ngrx-details {
.name {
margin-right: 8px;
- font-weight: 500;
+ font-weight: 600;
}
.toggle-details {
@@ -69,14 +69,14 @@ mail-ngrx-details {
text-decoration: underline;
padding-top: 16px;
cursor: pointer;
- font-weight: 500;
+ font-weight: 600;
}
.details {
padding-top: 8px;
.title {
- font-weight: 500;
+ font-weight: 600;
margin-right: 6px;
}
}
@@ -90,7 +90,7 @@ mail-ngrx-details {
.title {
margin-bottom: 16px;
- font-weight: 500;
+ font-weight: 600;
}
.attachment {
diff --git a/src/app/main/apps/mail-ngrx/mail-list/mail-list-item/mail-list-item.component.scss b/src/app/main/apps/mail-ngrx/mail-list/mail-list-item/mail-list-item.component.scss
index e1f6b684..03514db7 100644
--- a/src/app/main/apps/mail-ngrx/mail-list/mail-list-item/mail-list-item.component.scss
+++ b/src/app/main/apps/mail-ngrx/mail-list/mail-list-item/mail-list-item.component.scss
@@ -35,7 +35,7 @@ mail-ngrx-list-item {
.name {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
.avatar {
min-width: 32px;
diff --git a/src/app/main/apps/mail-ngrx/mail.component.scss b/src/app/main/apps/mail-ngrx/mail.component.scss
index f32948d6..cdca521a 100644
--- a/src/app/main/apps/mail-ngrx/mail.component.scss
+++ b/src/app/main/apps/mail-ngrx/mail.component.scss
@@ -36,6 +36,15 @@ mail-ngrx {
.content-card {
+ .toolbar {
+
+ .toolbar-separator {
+ height: 32px;
+ width: 1px;
+ margin: 0 12px;
+ }
+ }
+
@include media-breakpoint(xs) {
mail-list {
diff --git a/src/app/main/apps/mail-ngrx/mail.theme.scss b/src/app/main/apps/mail-ngrx/mail.theme.scss
index 9dba5726..8a453542 100644
--- a/src/app/main/apps/mail-ngrx/mail.theme.scss
+++ b/src/app/main/apps/mail-ngrx/mail.theme.scss
@@ -28,6 +28,16 @@
}
}
}
+
+ .content-card {
+
+ .toolbar {
+
+ .toolbar-separator {
+ background: map-get($foreground, divider);
+ }
+ }
+ }
}
}
diff --git a/src/app/main/apps/mail/dialogs/compose/compose.component.scss b/src/app/main/apps/mail/dialogs/compose/compose.component.scss
index 2338f619..f201562f 100644
--- a/src/app/main/apps/mail/dialogs/compose/compose.component.scss
+++ b/src/app/main/apps/mail/dialogs/compose/compose.component.scss
@@ -37,7 +37,7 @@
border-radius: 2px;
.filename {
- font-weight: 500;
+ font-weight: 600;
}
&:last-child {
diff --git a/src/app/main/apps/mail/mail-details/mail-details.component.scss b/src/app/main/apps/mail/mail-details/mail-details.component.scss
index 9b6dbed2..3432f8d2 100644
--- a/src/app/main/apps/mail/mail-details/mail-details.component.scss
+++ b/src/app/main/apps/mail/mail-details/mail-details.component.scss
@@ -23,7 +23,7 @@ mail-details {
.subject {
font-size: 17px;
- font-weight: 500;
+ font-weight: 600;
}
.label {
@@ -61,7 +61,7 @@ mail-details {
.name {
margin-right: 8px;
- font-weight: 500;
+ font-weight: 600;
}
.toggle-details {
@@ -69,14 +69,14 @@ mail-details {
text-decoration: underline;
padding-top: 16px;
cursor: pointer;
- font-weight: 500;
+ font-weight: 600;
}
.details {
padding-top: 8px;
.title {
- font-weight: 500;
+ font-weight: 600;
margin-right: 6px;
}
}
@@ -90,7 +90,7 @@ mail-details {
.title {
margin-bottom: 16px;
- font-weight: 500;
+ font-weight: 600;
}
.attachment {
diff --git a/src/app/main/apps/mail/mail-list/mail-list-item/mail-list-item.component.scss b/src/app/main/apps/mail/mail-list/mail-list-item/mail-list-item.component.scss
index 135ed929..ea42fea6 100644
--- a/src/app/main/apps/mail/mail-list/mail-list-item/mail-list-item.component.scss
+++ b/src/app/main/apps/mail/mail-list/mail-list-item/mail-list-item.component.scss
@@ -35,7 +35,7 @@ mail-list-item {
.name {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
.avatar {
min-width: 32px;
diff --git a/src/app/main/apps/mail/mail.component.scss b/src/app/main/apps/mail/mail.component.scss
index 71ec5a80..53964a9f 100644
--- a/src/app/main/apps/mail/mail.component.scss
+++ b/src/app/main/apps/mail/mail.component.scss
@@ -36,6 +36,15 @@ mail {
.content-card {
+ .toolbar {
+
+ .toolbar-separator {
+ height: 32px;
+ width: 1px;
+ margin: 0 12px;
+ }
+ }
+
@include media-breakpoint(xs) {
mail-list {
diff --git a/src/app/main/apps/mail/mail.theme.scss b/src/app/main/apps/mail/mail.theme.scss
index 0f119ced..2567ab51 100644
--- a/src/app/main/apps/mail/mail.theme.scss
+++ b/src/app/main/apps/mail/mail.theme.scss
@@ -28,6 +28,16 @@
}
}
}
+
+ .content-card {
+
+ .toolbar {
+
+ .toolbar-separator {
+ background: map-get($foreground, divider);
+ }
+ }
+ }
}
}
diff --git a/src/app/main/apps/scrumboard/board/dialogs/card/card.component.scss b/src/app/main/apps/scrumboard/board/dialogs/card/card.component.scss
index 14a17006..e86d9153 100644
--- a/src/app/main/apps/scrumboard/board/dialogs/card/card.component.scss
+++ b/src/app/main/apps/scrumboard/board/dialogs/card/card.component.scss
@@ -49,7 +49,7 @@
position: relative;
.card-breadcrumb {
- font-weight: 500;
+ font-weight: 600;
font-size: 14px;
}
@@ -104,7 +104,7 @@
}
.section-title {
- font-weight: 500;
+ font-weight: 600;
}
}
@@ -168,7 +168,7 @@
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
- font-weight: 500;
+ font-weight: 600;
@include media-breakpoint('xs') {
margin-bottom: 24px;
@@ -183,7 +183,7 @@
.attachment-url,
.attachment-name {
- font-weight: 500;
+ font-weight: 600;
font-size: 16px;
}
@@ -211,7 +211,7 @@
}
span {
- font-weight: 500;
+ font-weight: 600;
text-transform: capitalize;
}
}
@@ -224,7 +224,7 @@
.checklist-progress-value {
margin-right: 12px;
- font-weight: 500;
+ font-weight: 600;
white-space: nowrap;
font-size: 14px;
}
@@ -285,7 +285,7 @@
.comment-member-name {
font-size: 14px;
- font-weight: 500;
+ font-weight: 600;
}
.comment-time {
@@ -347,7 +347,7 @@
.activity-member-name {
font-size: 14px;
- font-weight: 500;
+ font-weight: 600;
margin-right: 8px;
}
diff --git a/src/app/main/apps/scrumboard/board/edit-board-name/edit-board-name.component.scss b/src/app/main/apps/scrumboard/board/edit-board-name/edit-board-name.component.scss
index 7b9e49b3..d74b26d3 100644
--- a/src/app/main/apps/scrumboard/board/edit-board-name/edit-board-name.component.scss
+++ b/src/app/main/apps/scrumboard/board/edit-board-name/edit-board-name.component.scss
@@ -5,6 +5,6 @@ scrumboard-edit-board-name {
text-overflow: ellipsis;
overflow: hidden;
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
}
}
diff --git a/src/app/main/apps/scrumboard/board/list/add-card/add-card.component.scss b/src/app/main/apps/scrumboard/board/list/add-card/add-card.component.scss
index 8e028964..184ff38a 100644
--- a/src/app/main/apps/scrumboard/board/list/add-card/add-card.component.scss
+++ b/src/app/main/apps/scrumboard/board/list/add-card/add-card.component.scss
@@ -7,7 +7,7 @@ scrumboard-board-add-card {
padding: 0 16px;
text-align: left;
text-transform: none;
- font-weight: 500;
+ font-weight: 600;
font-size: 14px;
cursor: pointer;
border-radius: 2px;
diff --git a/src/app/main/apps/scrumboard/board/list/card/card.component.scss b/src/app/main/apps/scrumboard/board/list/card/card.component.scss
index 6e51ed07..0022f9b9 100644
--- a/src/app/main/apps/scrumboard/board/list/card/card.component.scss
+++ b/src/app/main/apps/scrumboard/board/list/card/card.component.scss
@@ -34,7 +34,7 @@ scrumboard-board-card {
.list-card-name {
font-size: 14px;
- font-weight: 500;
+ font-weight: 600;
margin-bottom: 12px;
}
diff --git a/src/app/main/apps/scrumboard/board/list/edit-list-name/edit-list-name.component.scss b/src/app/main/apps/scrumboard/board/list/edit-list-name/edit-list-name.component.scss
index 9f84d587..d68035fa 100644
--- a/src/app/main/apps/scrumboard/board/list/edit-list-name/edit-list-name.component.scss
+++ b/src/app/main/apps/scrumboard/board/list/edit-list-name/edit-list-name.component.scss
@@ -4,7 +4,7 @@ scrumboard-board-edit-list-name {
text-overflow: ellipsis;
overflow: hidden;
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
cursor: pointer;
}
}
diff --git a/src/app/main/apps/todo/todo-details/todo-details.component.scss b/src/app/main/apps/todo/todo-details/todo-details.component.scss
index 62745a10..2fb05e53 100644
--- a/src/app/main/apps/todo/todo-details/todo-details.component.scss
+++ b/src/app/main/apps/todo/todo-details/todo-details.component.scss
@@ -21,7 +21,7 @@ todo-details {
.title {
font-size: 17px;
- font-weight: 500;
+ font-weight: 600;
}
.tag {
diff --git a/src/app/main/apps/todo/todo-list/todo-list-item/todo-list-item.component.scss b/src/app/main/apps/todo/todo-list/todo-list-item/todo-list-item.component.scss
index b7944be6..1ce82021 100644
--- a/src/app/main/apps/todo/todo-list/todo-list-item/todo-list-item.component.scss
+++ b/src/app/main/apps/todo/todo-list/todo-list-item/todo-list-item.component.scss
@@ -53,7 +53,7 @@ todo-list-item {
.title {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
}
.notes {
diff --git a/src/app/main/apps/todo/todo.component.scss b/src/app/main/apps/todo/todo.component.scss
index d044fcee..162b80c0 100644
--- a/src/app/main/apps/todo/todo.component.scss
+++ b/src/app/main/apps/todo/todo.component.scss
@@ -36,6 +36,15 @@ todo {
.content-card {
+ .toolbar {
+
+ .toolbar-separator {
+ height: 32px;
+ width: 1px;
+ margin: 0 12px;
+ }
+ }
+
@include media-breakpoint-down(lg) {
todo-list {
diff --git a/src/app/main/apps/todo/todo.theme.scss b/src/app/main/apps/todo/todo.theme.scss
index f7656abb..8987ce7d 100644
--- a/src/app/main/apps/todo/todo.theme.scss
+++ b/src/app/main/apps/todo/todo.theme.scss
@@ -8,20 +8,33 @@
// Todo
todo {
- .header {
+ .center {
- .search-wrapper {
- background: map-get($background, background);
+ .header {
- .sidebar-toggle {
- border-right-color: map-get($foreground, divider);
+ .search-wrapper {
+ background: map-get($background, background);
+
+ .sidebar-toggle {
+ border-right-color: map-get($foreground, divider);
+ }
+
+ .search {
+
+ input {
+ background: map-get($background, background);
+ color: map-get($foreground, text);
+ }
+ }
}
+ }
- .search {
+ .content-card {
- input {
- background: map-get($background, background);
- color: map-get($foreground, text);
+ .toolbar {
+
+ .toolbar-separator {
+ background: map-get($foreground, divider);
}
}
}
diff --git a/src/app/main/pages/authentication/forgot-password-2/forgot-password-2.component.scss b/src/app/main/pages/authentication/forgot-password-2/forgot-password-2.component.scss
index f803010e..0ebc4dde 100644
--- a/src/app/main/pages/authentication/forgot-password-2/forgot-password-2.component.scss
+++ b/src/app/main/pages/authentication/forgot-password-2/forgot-password-2.component.scss
@@ -101,7 +101,7 @@ forgot-password-2 {
.login {
margin: 32px auto 24px auto;
width: 250px;
- font-weight: 500;
+ font-weight: 600;
.text {
margin-right: 8px;
diff --git a/src/app/main/pages/authentication/forgot-password/forgot-password.component.scss b/src/app/main/pages/authentication/forgot-password/forgot-password.component.scss
index 48d280b5..56982633 100644
--- a/src/app/main/pages/authentication/forgot-password/forgot-password.component.scss
+++ b/src/app/main/pages/authentication/forgot-password/forgot-password.component.scss
@@ -59,7 +59,7 @@ forgot-password {
.login {
margin: 32px auto 24px auto;
width: 250px;
- font-weight: 500;
+ font-weight: 600;
.text {
margin-right: 8px;
diff --git a/src/app/main/pages/authentication/lock/lock.component.scss b/src/app/main/pages/authentication/lock/lock.component.scss
index 941003b2..6386fddf 100644
--- a/src/app/main/pages/authentication/lock/lock.component.scss
+++ b/src/app/main/pages/authentication/lock/lock.component.scss
@@ -89,7 +89,7 @@ lock {
}
.message {
- font-weight: 500;
+ font-weight: 600;
text-align: center;
}
}
diff --git a/src/app/main/pages/authentication/login-2/login-2.component.scss b/src/app/main/pages/authentication/login-2/login-2.component.scss
index 6a296d7f..88ef7065 100644
--- a/src/app/main/pages/authentication/login-2/login-2.component.scss
+++ b/src/app/main/pages/authentication/login-2/login-2.component.scss
@@ -101,7 +101,7 @@ login-2 {
.forgot-password {
font-size: 13px;
- font-weight: 500;
+ font-weight: 600;
margin-bottom: 16px
}
}
@@ -184,7 +184,7 @@ login-2 {
.register {
margin: 32px auto 24px auto;
width: 250px;
- font-weight: 500;
+ font-weight: 600;
.text {
margin-right: 8px;
diff --git a/src/app/main/pages/authentication/login/login.component.scss b/src/app/main/pages/authentication/login/login.component.scss
index ad71221b..7d0c0324 100644
--- a/src/app/main/pages/authentication/login/login.component.scss
+++ b/src/app/main/pages/authentication/login/login.component.scss
@@ -59,7 +59,7 @@ login {
.forgot-password {
font-size: 13px;
- font-weight: 500;
+ font-weight: 600;
margin-bottom: 16px
}
}
@@ -77,7 +77,7 @@ login {
.register {
margin: 32px auto 24px auto;
- font-weight: 500;
+ font-weight: 600;
.text {
margin-right: 8px;
diff --git a/src/app/main/pages/authentication/mail-confirm/mail-confirm.component.scss b/src/app/main/pages/authentication/mail-confirm/mail-confirm.component.scss
index 3b1e5a33..d2a4f394 100644
--- a/src/app/main/pages/authentication/mail-confirm/mail-confirm.component.scss
+++ b/src/app/main/pages/authentication/mail-confirm/mail-confirm.component.scss
@@ -42,7 +42,7 @@ mail-confirm {
}
.message {
- font-weight: 500;
+ font-weight: 600;
text-align: center;
margin-top: 40px;
}
diff --git a/src/app/main/pages/authentication/register/register.component.scss b/src/app/main/pages/authentication/register/register.component.scss
index 73e22e7c..27f17c63 100644
--- a/src/app/main/pages/authentication/register/register.component.scss
+++ b/src/app/main/pages/authentication/register/register.component.scss
@@ -71,7 +71,7 @@ register {
.register {
margin: 32px auto 24px auto;
- font-weight: 500;
+ font-weight: 600;
.text {
margin-right: 8px;
diff --git a/src/app/main/pages/authentication/reset-password-2/reset-password-2.component.scss b/src/app/main/pages/authentication/reset-password-2/reset-password-2.component.scss
index 91ea5977..4e2c5f65 100644
--- a/src/app/main/pages/authentication/reset-password-2/reset-password-2.component.scss
+++ b/src/app/main/pages/authentication/reset-password-2/reset-password-2.component.scss
@@ -101,7 +101,7 @@ reset-password-2 {
.login {
margin: 32px auto 24px auto;
width: 250px;
- font-weight: 500;
+ font-weight: 600;
.text {
margin-right: 8px;
diff --git a/src/app/main/pages/authentication/reset-password/reset-password.component.scss b/src/app/main/pages/authentication/reset-password/reset-password.component.scss
index d5823bba..6c7bccd5 100644
--- a/src/app/main/pages/authentication/reset-password/reset-password.component.scss
+++ b/src/app/main/pages/authentication/reset-password/reset-password.component.scss
@@ -59,7 +59,7 @@ reset-password {
.login {
margin: 32px auto 24px auto;
width: 250px;
- font-weight: 500;
+ font-weight: 600;
.text {
margin-right: 8px;
diff --git a/src/app/main/pages/coming-soon/coming-soon.component.scss b/src/app/main/pages/coming-soon/coming-soon.component.scss
index caa1d04e..d17f451b 100644
--- a/src/app/main/pages/coming-soon/coming-soon.component.scss
+++ b/src/app/main/pages/coming-soon/coming-soon.component.scss
@@ -61,7 +61,7 @@ coming-soon {
text-align: center;
.message {
- font-weight: 500;
+ font-weight: 600;
margin: 8px auto 32px auto;
}
diff --git a/src/app/main/pages/errors/404/error-404.component.scss b/src/app/main/pages/errors/404/error-404.component.scss
index e4449a7c..071dc9bd 100644
--- a/src/app/main/pages/errors/404/error-404.component.scss
+++ b/src/app/main/pages/errors/404/error-404.component.scss
@@ -14,7 +14,7 @@ error-404 {
text-align: center;
line-height: 1;
margin-bottom: 16px;
- font-weight: 500;
+ font-weight: 600;
}
.message {
diff --git a/src/app/main/pages/errors/500/error-500.component.scss b/src/app/main/pages/errors/500/error-500.component.scss
index 95d16403..30c23be7 100644
--- a/src/app/main/pages/errors/500/error-500.component.scss
+++ b/src/app/main/pages/errors/500/error-500.component.scss
@@ -14,7 +14,7 @@ error-500 {
line-height: 1;
text-align: center;
margin-bottom: 16px;
- font-weight: 500;
+ font-weight: 600;
}
.message {
diff --git a/src/app/main/pages/invoices/compact/compact.component.scss b/src/app/main/pages/invoices/compact/compact.component.scss
index 05d91095..9badaac5 100644
--- a/src/app/main/pages/invoices/compact/compact.component.scss
+++ b/src/app/main/pages/invoices/compact/compact.component.scss
@@ -143,7 +143,7 @@ invoice-compact {
td {
text-align: right;
font-size: 16px;
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, 0.54);
border-bottom: none;
padding: 4px 8px;
@@ -178,7 +178,7 @@ invoice-compact {
.note {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
margin-bottom: 24px;
}
@@ -195,7 +195,7 @@ invoice-compact {
.small-note {
font-size: 12px;
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, 0.54);
line-height: 18px;
}
diff --git a/src/app/main/pages/invoices/modern/modern.component.scss b/src/app/main/pages/invoices/modern/modern.component.scss
index 0e9ecfcf..2583475b 100644
--- a/src/app/main/pages/invoices/modern/modern.component.scss
+++ b/src/app/main/pages/invoices/modern/modern.component.scss
@@ -127,7 +127,7 @@ invoice-modern {
td {
text-align: right;
font-size: 17px;
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, 0.54);
border-bottom: none;
padding: 8px 8px;
@@ -162,7 +162,7 @@ invoice-modern {
.note {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
margin-bottom: 24px;
}
@@ -179,7 +179,7 @@ invoice-modern {
.small-note {
font-size: 12px;
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, 0.54);
line-height: 18px;
}
diff --git a/src/app/main/pages/profile/tabs/about/about.component.scss b/src/app/main/pages/profile/tabs/about/about.component.scss
index 99c3f383..c6df937a 100644
--- a/src/app/main/pages/profile/tabs/about/about.component.scss
+++ b/src/app/main/pages/profile/tabs/about/about.component.scss
@@ -23,7 +23,7 @@ profile-about {
.company {
padding: 0 16px 0 0;
- font-weight: 500;
+ font-weight: 600;
}
}
}
@@ -63,7 +63,7 @@ profile-about {
}
.name {
- font-weight: 500;
+ font-weight: 600;
font-size: 15px;
}
@@ -109,7 +109,7 @@ profile-about {
.title {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
padding-bottom: 4px;
}
diff --git a/src/app/main/pages/profile/tabs/timeline/timeline.component.scss b/src/app/main/pages/profile/tabs/timeline/timeline.component.scss
index e9048885..e19589f7 100644
--- a/src/app/main/pages/profile/tabs/timeline/timeline.component.scss
+++ b/src/app/main/pages/profile/tabs/timeline/timeline.component.scss
@@ -57,7 +57,7 @@ profile-timeline {
padding: 16px 0 8px 16px;
.title {
- font-weight: 500;
+ font-weight: 600;
.username {
margin-right: 2px;
@@ -148,7 +148,7 @@ profile-timeline {
margin-bottom: 24px !important;
.username {
- font-weight: 500;
+ font-weight: 600;
margin-right: 4px;
}
@@ -216,11 +216,11 @@ profile-timeline {
}
.username {
- font-weight: 500;
+ font-weight: 600;
}
.message {
- font-weight: 500;
+ font-weight: 600;
}
}
}
@@ -262,7 +262,7 @@ profile-timeline {
.title {
font-size: 15px;
- font-weight: 500;
+ font-weight: 600;
padding-bottom: 4px;
}
diff --git a/src/app/main/pages/search/search.component.scss b/src/app/main/pages/search/search.component.scss
index 71649a46..4caf1ea9 100644
--- a/src/app/main/pages/search/search.component.scss
+++ b/src/app/main/pages/search/search.component.scss
@@ -56,7 +56,7 @@
}
.page-info {
- font-weight: 500;
+ font-weight: 600;
margin: 0 8px 0 0;
}
}
diff --git a/src/app/main/pages/search/tabs/classic/classic.component.scss b/src/app/main/pages/search/tabs/classic/classic.component.scss
index 6280eda4..b17dcb9c 100644
--- a/src/app/main/pages/search/tabs/classic/classic.component.scss
+++ b/src/app/main/pages/search/tabs/classic/classic.component.scss
@@ -11,7 +11,7 @@
.pager {
.page-info {
- font-weight: 500;
+ font-weight: 600;
margin: 0 8px 0 0;
}
}
@@ -25,7 +25,7 @@
.title {
font-size: 17px;
- font-weight: 500;
+ font-weight: 600;
cursor: pointer;
}
diff --git a/src/assets/icons/material-icons/outline/fonts/material-outline-icons.svg b/src/assets/icons/material-icons/outline/fonts/material-outline-icons.svg
new file mode 100755
index 00000000..946f5481
--- /dev/null
+++ b/src/assets/icons/material-icons/outline/fonts/material-outline-icons.svg
@@ -0,0 +1,2037 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/icons/material-icons/outline/fonts/material-outline-icons.ttf b/src/assets/icons/material-icons/outline/fonts/material-outline-icons.ttf
new file mode 100755
index 00000000..b59d861b
Binary files /dev/null and b/src/assets/icons/material-icons/outline/fonts/material-outline-icons.ttf differ
diff --git a/src/assets/icons/material-icons/outline/fonts/material-outline-icons.woff b/src/assets/icons/material-icons/outline/fonts/material-outline-icons.woff
new file mode 100755
index 00000000..36d55262
Binary files /dev/null and b/src/assets/icons/material-icons/outline/fonts/material-outline-icons.woff differ
diff --git a/src/assets/icons/material-icons/outline/style.css b/src/assets/icons/material-icons/outline/style.css
new file mode 100755
index 00000000..99388b4e
--- /dev/null
+++ b/src/assets/icons/material-icons/outline/style.css
@@ -0,0 +1,3074 @@
+@font-face {
+ font-family: 'material-outline-icons';
+ src:
+ url('fonts/material-outline-icons.ttf?8ot508') format('truetype'),
+ url('fonts/material-outline-icons.woff?8ot508') format('woff'),
+ url('fonts/material-outline-icons.svg?8ot508#material-outline-icons') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+i, .icomoon-liga {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'material-outline-icons' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Enable Ligatures ================ */
+ letter-spacing: 0;
+ -webkit-font-feature-settings: "liga";
+ -moz-font-feature-settings: "liga=1";
+ -moz-font-feature-settings: "liga";
+ -ms-font-feature-settings: "liga" 1;
+ font-feature-settings: "liga";
+ -webkit-font-variant-ligatures: discretionary-ligatures;
+ font-variant-ligatures: discretionary-ligatures;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-3d_rotation:before {
+ content: "\e900";
+}
+.icon-4k:before {
+ content: "\e901";
+}
+.icon-360:before {
+ content: "\e902";
+}
+.icon-ac_unit:before {
+ content: "\e903";
+}
+.icon-access_alarm:before {
+ content: "\e904";
+}
+.icon-access_alarms:before {
+ content: "\e905";
+}
+.icon-access_time:before {
+ content: "\e906";
+}
+.icon-accessibility_new:before {
+ content: "\e907";
+}
+.icon-accessibility:before {
+ content: "\e908";
+}
+.icon-accessible_forward:before {
+ content: "\e909";
+}
+.icon-accessible:before {
+ content: "\e90a";
+}
+.icon-account_balance_wallet:before {
+ content: "\e90b";
+}
+.icon-account_balance:before {
+ content: "\e90c";
+}
+.icon-account_box:before {
+ content: "\e90d";
+}
+.icon-account_circle:before {
+ content: "\e90e";
+}
+.icon-adb:before {
+ content: "\e90f";
+}
+.icon-add_a_photo:before {
+ content: "\e910";
+}
+.icon-add_alarm:before {
+ content: "\e911";
+}
+.icon-add_alert:before {
+ content: "\e912";
+}
+.icon-add_box:before {
+ content: "\e913";
+}
+.icon-add_circle_outline:before {
+ content: "\e914";
+}
+.icon-add_circle:before {
+ content: "\e915";
+}
+.icon-add_comment:before {
+ content: "\e916";
+}
+.icon-add_location:before {
+ content: "\e917";
+}
+.icon-add_photo_alternate:before {
+ content: "\e918";
+}
+.icon-add_shopping_cart:before {
+ content: "\e919";
+}
+.icon-add_to_home_screen:before {
+ content: "\e91a";
+}
+.icon-add_to_photos:before {
+ content: "\e91b";
+}
+.icon-add_to_queue:before {
+ content: "\e91c";
+}
+.icon-add:before {
+ content: "\e91d";
+}
+.icon-adjust:before {
+ content: "\e91e";
+}
+.icon-airline_seat_flat_angled:before {
+ content: "\e91f";
+}
+.icon-airline_seat_flat:before {
+ content: "\e920";
+}
+.icon-airline_seat_individual_suite:before {
+ content: "\e921";
+}
+.icon-airline_seat_legroom_extra:before {
+ content: "\e922";
+}
+.icon-airline_seat_legroom_normal:before {
+ content: "\e923";
+}
+.icon-airline_seat_legroom_reduced:before {
+ content: "\e924";
+}
+.icon-airline_seat_recline_extra:before {
+ content: "\e925";
+}
+.icon-airline_seat_recline_normal:before {
+ content: "\e926";
+}
+.icon-airplanemode_active:before {
+ content: "\e927";
+}
+.icon-airplanemode_inactive:before {
+ content: "\e928";
+}
+.icon-airplay:before {
+ content: "\e929";
+}
+.icon-airport_shuttle:before {
+ content: "\e92a";
+}
+.icon-alarm_add:before {
+ content: "\e92b";
+}
+.icon-alarm_off:before {
+ content: "\e92c";
+}
+.icon-alarm_on:before {
+ content: "\e92d";
+}
+.icon-alarm:before {
+ content: "\e92e";
+}
+.icon-album:before {
+ content: "\e92f";
+}
+.icon-all_inbox:before {
+ content: "\e930";
+}
+.icon-all_inclusive:before {
+ content: "\e931";
+}
+.icon-all_out:before {
+ content: "\e932";
+}
+.icon-alternate_email:before {
+ content: "\e933";
+}
+.icon-android:before {
+ content: "\e934";
+}
+.icon-announcement:before {
+ content: "\e935";
+}
+.icon-apps:before {
+ content: "\e936";
+}
+.icon-archive:before {
+ content: "\e937";
+}
+.icon-arrow_back_ios:before {
+ content: "\e938";
+}
+.icon-arrow_back:before {
+ content: "\e939";
+}
+.icon-arrow_downward:before {
+ content: "\e93a";
+}
+.icon-arrow_drop_down_circle:before {
+ content: "\e93b";
+}
+.icon-arrow_drop_down:before {
+ content: "\e93c";
+}
+.icon-arrow_drop_up:before {
+ content: "\e93d";
+}
+.icon-arrow_forward_ios:before {
+ content: "\e93e";
+}
+.icon-arrow_forward:before {
+ content: "\e93f";
+}
+.icon-arrow_left:before {
+ content: "\e940";
+}
+.icon-arrow_right_alt:before {
+ content: "\e941";
+}
+.icon-arrow_right:before {
+ content: "\e942";
+}
+.icon-arrow_upward:before {
+ content: "\e943";
+}
+.icon-art_track:before {
+ content: "\e944";
+}
+.icon-aspect_ratio:before {
+ content: "\e945";
+}
+.icon-assessment:before {
+ content: "\e946";
+}
+.icon-assignment_ind:before {
+ content: "\e947";
+}
+.icon-assignment_late:before {
+ content: "\e948";
+}
+.icon-assignment_return:before {
+ content: "\e949";
+}
+.icon-assignment_returned:before {
+ content: "\e94a";
+}
+.icon-assignment_turned_in:before {
+ content: "\e94b";
+}
+.icon-assignment:before {
+ content: "\e94c";
+}
+.icon-assistant_photo:before {
+ content: "\e94d";
+}
+.icon-assistant:before {
+ content: "\e94e";
+}
+.icon-atm:before {
+ content: "\e94f";
+}
+.icon-attach_file:before {
+ content: "\e950";
+}
+.icon-attach_money:before {
+ content: "\e951";
+}
+.icon-attachment:before {
+ content: "\e952";
+}
+.icon-audiotrack:before {
+ content: "\e953";
+}
+.icon-autorenew:before {
+ content: "\e954";
+}
+.icon-av_timer:before {
+ content: "\e955";
+}
+.icon-backspace:before {
+ content: "\e956";
+}
+.icon-backup:before {
+ content: "\e957";
+}
+.icon-ballot:before {
+ content: "\e958";
+}
+.icon-bar_chart:before {
+ content: "\e959";
+}
+.icon-battery_alert:before {
+ content: "\e95a";
+}
+.icon-battery_charging_full:before {
+ content: "\e95b";
+}
+.icon-battery_full:before {
+ content: "\e95c";
+}
+.icon-battery_std:before {
+ content: "\e95d";
+}
+.icon-battery_unknown:before {
+ content: "\e95e";
+}
+.icon-beach_access:before {
+ content: "\e95f";
+}
+.icon-beenhere:before {
+ content: "\e960";
+}
+.icon-block:before {
+ content: "\e961";
+}
+.icon-bluetooth_audio:before {
+ content: "\e962";
+}
+.icon-bluetooth_connected:before {
+ content: "\e963";
+}
+.icon-bluetooth_disabled:before {
+ content: "\e964";
+}
+.icon-bluetooth_searching:before {
+ content: "\e965";
+}
+.icon-bluetooth:before {
+ content: "\e966";
+}
+.icon-blur_circular:before {
+ content: "\e967";
+}
+.icon-blur_linear:before {
+ content: "\e968";
+}
+.icon-blur_off:before {
+ content: "\e969";
+}
+.icon-blur_on:before {
+ content: "\e96a";
+}
+.icon-book:before {
+ content: "\e96b";
+}
+.icon-bookmark_border:before {
+ content: "\e96c";
+}
+.icon-bookmark:before {
+ content: "\e96d";
+}
+.icon-bookmarks:before {
+ content: "\e96e";
+}
+.icon-border_all:before {
+ content: "\e96f";
+}
+.icon-border_bottom:before {
+ content: "\e970";
+}
+.icon-border_clear:before {
+ content: "\e971";
+}
+.icon-border_horizontal:before {
+ content: "\e972";
+}
+.icon-border_inner:before {
+ content: "\e973";
+}
+.icon-border_left:before {
+ content: "\e974";
+}
+.icon-border_outer:before {
+ content: "\e975";
+}
+.icon-border_right:before {
+ content: "\e976";
+}
+.icon-border_style:before {
+ content: "\e977";
+}
+.icon-border_top:before {
+ content: "\e978";
+}
+.icon-border_vertical:before {
+ content: "\e979";
+}
+.icon-branding_watermark:before {
+ content: "\e97a";
+}
+.icon-brightness_1:before {
+ content: "\e97b";
+}
+.icon-brightness_2:before {
+ content: "\e97c";
+}
+.icon-brightness_3:before {
+ content: "\e97d";
+}
+.icon-brightness_4:before {
+ content: "\e97e";
+}
+.icon-brightness_5:before {
+ content: "\e97f";
+}
+.icon-brightness_6:before {
+ content: "\e980";
+}
+.icon-brightness_7:before {
+ content: "\e981";
+}
+.icon-brightness_auto:before {
+ content: "\e982";
+}
+.icon-brightness_high:before {
+ content: "\e983";
+}
+.icon-brightness_low:before {
+ content: "\e984";
+}
+.icon-brightness_medium:before {
+ content: "\e985";
+}
+.icon-broken_image:before {
+ content: "\e986";
+}
+.icon-brush:before {
+ content: "\e987";
+}
+.icon-bubble_chart:before {
+ content: "\e988";
+}
+.icon-bug_report:before {
+ content: "\e989";
+}
+.icon-build:before {
+ content: "\e98a";
+}
+.icon-burst_mode:before {
+ content: "\e98b";
+}
+.icon-business_center:before {
+ content: "\e98c";
+}
+.icon-business:before {
+ content: "\e98d";
+}
+.icon-cached:before {
+ content: "\e98e";
+}
+.icon-cake:before {
+ content: "\e98f";
+}
+.icon-calendar_today:before {
+ content: "\e990";
+}
+.icon-calendar_view_day:before {
+ content: "\e991";
+}
+.icon-call_end:before {
+ content: "\e992";
+}
+.icon-call_made:before {
+ content: "\e993";
+}
+.icon-call_merge:before {
+ content: "\e994";
+}
+.icon-call_missed_outgoing:before {
+ content: "\e995";
+}
+.icon-call_missed:before {
+ content: "\e996";
+}
+.icon-call_received:before {
+ content: "\e997";
+}
+.icon-call_split:before {
+ content: "\e998";
+}
+.icon-call_to_action:before {
+ content: "\e999";
+}
+.icon-call:before {
+ content: "\e99a";
+}
+.icon-camera_alt:before {
+ content: "\e99b";
+}
+.icon-camera_enhance:before {
+ content: "\e99c";
+}
+.icon-camera_front:before {
+ content: "\e99d";
+}
+.icon-camera_rear:before {
+ content: "\e99e";
+}
+.icon-camera_roll:before {
+ content: "\e99f";
+}
+.icon-camera:before {
+ content: "\e9a0";
+}
+.icon-cancel_presentation:before {
+ content: "\e9a1";
+}
+.icon-cancel:before {
+ content: "\e9a2";
+}
+.icon-card_giftcard:before {
+ content: "\e9a3";
+}
+.icon-card_membership:before {
+ content: "\e9a4";
+}
+.icon-card_travel:before {
+ content: "\e9a5";
+}
+.icon-casino:before {
+ content: "\e9a6";
+}
+.icon-cast_connected:before {
+ content: "\e9a7";
+}
+.icon-cast_for_education:before {
+ content: "\e9a8";
+}
+.icon-cast:before {
+ content: "\e9a9";
+}
+.icon-category:before {
+ content: "\e9aa";
+}
+.icon-center_focus_strong:before {
+ content: "\e9ab";
+}
+.icon-center_focus_weak:before {
+ content: "\e9ac";
+}
+.icon-change_history:before {
+ content: "\e9ad";
+}
+.icon-chat_bubble_outline:before {
+ content: "\e9ae";
+}
+.icon-chat_bubble:before {
+ content: "\e9af";
+}
+.icon-chat:before {
+ content: "\e9b0";
+}
+.icon-check_box_outline_blank:before {
+ content: "\e9b1";
+}
+.icon-check_box:before {
+ content: "\e9b2";
+}
+.icon-check_circle_outline:before {
+ content: "\e9b3";
+}
+.icon-check_circle:before {
+ content: "\e9b4";
+}
+.icon-check:before {
+ content: "\e9b5";
+}
+.icon-chevron_left:before {
+ content: "\e9b6";
+}
+.icon-chevron_right:before {
+ content: "\e9b7";
+}
+.icon-child_care:before {
+ content: "\e9b8";
+}
+.icon-child_friendly:before {
+ content: "\e9b9";
+}
+.icon-chrome_reader_mode:before {
+ content: "\e9ba";
+}
+.icon-class:before {
+ content: "\e9bb";
+}
+.icon-clear_all:before {
+ content: "\e9bc";
+}
+.icon-clear:before {
+ content: "\e9bd";
+}
+.icon-close:before {
+ content: "\e9be";
+}
+.icon-closed_caption:before {
+ content: "\e9bf";
+}
+.icon-cloud_circle:before {
+ content: "\e9c0";
+}
+.icon-cloud_done:before {
+ content: "\e9c1";
+}
+.icon-cloud_download:before {
+ content: "\e9c2";
+}
+.icon-cloud_off:before {
+ content: "\e9c3";
+}
+.icon-cloud_queue:before {
+ content: "\e9c4";
+}
+.icon-cloud_upload:before {
+ content: "\e9c5";
+}
+.icon-cloud:before {
+ content: "\e9c6";
+}
+.icon-code:before {
+ content: "\e9c7";
+}
+.icon-collections_bookmark:before {
+ content: "\e9c8";
+}
+.icon-collections:before {
+ content: "\e9c9";
+}
+.icon-color_lens:before {
+ content: "\e9ca";
+}
+.icon-colorize:before {
+ content: "\e9cb";
+}
+.icon-comment:before {
+ content: "\e9cc";
+}
+.icon-commute:before {
+ content: "\e9cd";
+}
+.icon-compare_arrows:before {
+ content: "\e9ce";
+}
+.icon-compare:before {
+ content: "\e9cf";
+}
+.icon-compass_calibration:before {
+ content: "\e9d0";
+}
+.icon-computer:before {
+ content: "\e9d1";
+}
+.icon-confirmation_number:before {
+ content: "\e9d2";
+}
+.icon-contact_mail:before {
+ content: "\e9d3";
+}
+.icon-contact_phone:before {
+ content: "\e9d4";
+}
+.icon-contact_support:before {
+ content: "\e9d5";
+}
+.icon-contacts:before {
+ content: "\e9d6";
+}
+.icon-control_camera:before {
+ content: "\e9d7";
+}
+.icon-control_point_duplicate:before {
+ content: "\e9d8";
+}
+.icon-control_point:before {
+ content: "\e9d9";
+}
+.icon-copyright:before {
+ content: "\e9da";
+}
+.icon-create_new_folder:before {
+ content: "\e9db";
+}
+.icon-create:before {
+ content: "\e9dc";
+}
+.icon-credit_card:before {
+ content: "\e9dd";
+}
+.icon-crop_3_2:before {
+ content: "\e9de";
+}
+.icon-crop_5_4:before {
+ content: "\e9df";
+}
+.icon-crop_7_5:before {
+ content: "\e9e0";
+}
+.icon-crop_16_9:before {
+ content: "\e9e1";
+}
+.icon-crop_din:before {
+ content: "\e9e2";
+}
+.icon-crop_free:before {
+ content: "\e9e3";
+}
+.icon-crop_landscape:before {
+ content: "\e9e4";
+}
+.icon-crop_original:before {
+ content: "\e9e5";
+}
+.icon-crop_portrait:before {
+ content: "\e9e6";
+}
+.icon-crop_rotate:before {
+ content: "\e9e7";
+}
+.icon-crop_square:before {
+ content: "\e9e8";
+}
+.icon-crop:before {
+ content: "\e9e9";
+}
+.icon-dashboard:before {
+ content: "\e9ea";
+}
+.icon-data_usage:before {
+ content: "\e9eb";
+}
+.icon-date_range:before {
+ content: "\e9ec";
+}
+.icon-dehaze:before {
+ content: "\e9ed";
+}
+.icon-delete_forever:before {
+ content: "\e9ee";
+}
+.icon-delete_outline:before {
+ content: "\e9ef";
+}
+.icon-delete_sweep:before {
+ content: "\e9f0";
+}
+.icon-delete:before {
+ content: "\e9f1";
+}
+.icon-departure_board:before {
+ content: "\e9f2";
+}
+.icon-description:before {
+ content: "\e9f3";
+}
+.icon-desktop_access_disabled:before {
+ content: "\e9f4";
+}
+.icon-desktop_mac:before {
+ content: "\e9f5";
+}
+.icon-desktop_windows:before {
+ content: "\e9f6";
+}
+.icon-details:before {
+ content: "\e9f7";
+}
+.icon-developer_board:before {
+ content: "\e9f8";
+}
+.icon-developer_mode:before {
+ content: "\e9f9";
+}
+.icon-device_hub:before {
+ content: "\e9fa";
+}
+.icon-device_unknown:before {
+ content: "\e9fb";
+}
+.icon-devices_other:before {
+ content: "\e9fc";
+}
+.icon-devices:before {
+ content: "\e9fd";
+}
+.icon-dialer_sip:before {
+ content: "\e9fe";
+}
+.icon-dialpad:before {
+ content: "\e9ff";
+}
+.icon-directions_bike:before {
+ content: "\ea00";
+}
+.icon-directions_boat:before {
+ content: "\ea01";
+}
+.icon-directions_bus:before {
+ content: "\ea02";
+}
+.icon-directions_car:before {
+ content: "\ea03";
+}
+.icon-directions_railway:before {
+ content: "\ea04";
+}
+.icon-directions_run:before {
+ content: "\ea05";
+}
+.icon-directions_subway:before {
+ content: "\ea06";
+}
+.icon-directions_transit:before {
+ content: "\ea07";
+}
+.icon-directions_walk:before {
+ content: "\ea08";
+}
+.icon-directions:before {
+ content: "\ea09";
+}
+.icon-disc_full:before {
+ content: "\ea0a";
+}
+.icon-dns:before {
+ content: "\ea0b";
+}
+.icon-dock:before {
+ content: "\ea0c";
+}
+.icon-domain_disabled:before {
+ content: "\ea0d";
+}
+.icon-domain:before {
+ content: "\ea0e";
+}
+.icon-done_all:before {
+ content: "\ea0f";
+}
+.icon-done_outline:before {
+ content: "\ea10";
+}
+.icon-done:before {
+ content: "\ea11";
+}
+.icon-donut_large:before {
+ content: "\ea12";
+}
+.icon-donut_small:before {
+ content: "\ea13";
+}
+.icon-drafts:before {
+ content: "\ea14";
+}
+.icon-drag_handle:before {
+ content: "\ea15";
+}
+.icon-drag_indicator:before {
+ content: "\ea16";
+}
+.icon-drive_eta:before {
+ content: "\ea17";
+}
+.icon-duo:before {
+ content: "\ea18";
+}
+.icon-dvr:before {
+ content: "\ea19";
+}
+.icon-edit_attributes:before {
+ content: "\ea1a";
+}
+.icon-edit_location:before {
+ content: "\ea1b";
+}
+.icon-edit:before {
+ content: "\ea1c";
+}
+.icon-eject:before {
+ content: "\ea1d";
+}
+.icon-email:before {
+ content: "\ea1e";
+}
+.icon-enhanced_encryption:before {
+ content: "\ea1f";
+}
+.icon-equalizer:before {
+ content: "\ea20";
+}
+.icon-error_outline:before {
+ content: "\ea21";
+}
+.icon-error:before {
+ content: "\ea22";
+}
+.icon-euro_symbol:before {
+ content: "\ea23";
+}
+.icon-ev_station:before {
+ content: "\ea24";
+}
+.icon-event_available:before {
+ content: "\ea25";
+}
+.icon-event_busy:before {
+ content: "\ea26";
+}
+.icon-event_note:before {
+ content: "\ea27";
+}
+.icon-event_seat:before {
+ content: "\ea28";
+}
+.icon-event:before {
+ content: "\ea29";
+}
+.icon-exit_to_app:before {
+ content: "\ea2a";
+}
+.icon-expand_less:before {
+ content: "\ea2b";
+}
+.icon-expand_more:before {
+ content: "\ea2c";
+}
+.icon-explicit:before {
+ content: "\ea2d";
+}
+.icon-explore_off:before {
+ content: "\ea2e";
+}
+.icon-explore:before {
+ content: "\ea2f";
+}
+.icon-exposure_neg_1:before {
+ content: "\ea30";
+}
+.icon-exposure_neg_2:before {
+ content: "\ea31";
+}
+.icon-exposure_plus_1:before {
+ content: "\ea32";
+}
+.icon-exposure_plus_2:before {
+ content: "\ea33";
+}
+.icon-exposure_zero:before {
+ content: "\ea34";
+}
+.icon-exposure:before {
+ content: "\ea35";
+}
+.icon-extension:before {
+ content: "\ea36";
+}
+.icon-face:before {
+ content: "\ea37";
+}
+.icon-fast_forward:before {
+ content: "\ea38";
+}
+.icon-fast_rewind:before {
+ content: "\ea39";
+}
+.icon-fastfood:before {
+ content: "\ea3a";
+}
+.icon-favorite_border:before {
+ content: "\ea3b";
+}
+.icon-favorite:before {
+ content: "\ea3c";
+}
+.icon-featured_play_list:before {
+ content: "\ea3d";
+}
+.icon-featured_video:before {
+ content: "\ea3e";
+}
+.icon-feedback:before {
+ content: "\ea3f";
+}
+.icon-fiber_dvr:before {
+ content: "\ea40";
+}
+.icon-fiber_manual_record:before {
+ content: "\ea41";
+}
+.icon-fiber_new:before {
+ content: "\ea42";
+}
+.icon-fiber_pin:before {
+ content: "\ea43";
+}
+.icon-fiber_smart_record:before {
+ content: "\ea44";
+}
+.icon-file_copy:before {
+ content: "\ea45";
+}
+.icon-filter_1:before {
+ content: "\ea46";
+}
+.icon-filter_2:before {
+ content: "\ea47";
+}
+.icon-filter_3:before {
+ content: "\ea48";
+}
+.icon-filter_4:before {
+ content: "\ea49";
+}
+.icon-filter_5:before {
+ content: "\ea4a";
+}
+.icon-filter_6:before {
+ content: "\ea4b";
+}
+.icon-filter_7:before {
+ content: "\ea4c";
+}
+.icon-filter_8:before {
+ content: "\ea4d";
+}
+.icon-filter_9_plus:before {
+ content: "\ea4e";
+}
+.icon-filter_9:before {
+ content: "\ea4f";
+}
+.icon-filter_b_and_w:before {
+ content: "\ea50";
+}
+.icon-filter_center_focus:before {
+ content: "\ea51";
+}
+.icon-filter_drama:before {
+ content: "\ea52";
+}
+.icon-filter_frames:before {
+ content: "\ea53";
+}
+.icon-filter_hdr:before {
+ content: "\ea54";
+}
+.icon-filter_list:before {
+ content: "\ea55";
+}
+.icon-filter_none:before {
+ content: "\ea56";
+}
+.icon-filter_tilt_shift:before {
+ content: "\ea57";
+}
+.icon-filter_vintage:before {
+ content: "\ea58";
+}
+.icon-filter:before {
+ content: "\ea59";
+}
+.icon-find_in_page:before {
+ content: "\ea5a";
+}
+.icon-find_replace:before {
+ content: "\ea5b";
+}
+.icon-fingerprint:before {
+ content: "\ea5c";
+}
+.icon-first_page:before {
+ content: "\ea5d";
+}
+.icon-fitness_center:before {
+ content: "\ea5e";
+}
+.icon-flag:before {
+ content: "\ea5f";
+}
+.icon-flare:before {
+ content: "\ea60";
+}
+.icon-flash_auto:before {
+ content: "\ea61";
+}
+.icon-flash_off:before {
+ content: "\ea62";
+}
+.icon-flash_on:before {
+ content: "\ea63";
+}
+.icon-flight_land:before {
+ content: "\ea64";
+}
+.icon-flight_takeoff:before {
+ content: "\ea65";
+}
+.icon-flight:before {
+ content: "\ea66";
+}
+.icon-flip_to_back:before {
+ content: "\ea67";
+}
+.icon-flip_to_front:before {
+ content: "\ea68";
+}
+.icon-flip:before {
+ content: "\ea69";
+}
+.icon-folder_open:before {
+ content: "\ea6a";
+}
+.icon-folder_shared:before {
+ content: "\ea6b";
+}
+.icon-folder_special:before {
+ content: "\ea6c";
+}
+.icon-folder:before {
+ content: "\ea6d";
+}
+.icon-font_download:before {
+ content: "\ea6e";
+}
+.icon-format_align_center:before {
+ content: "\ea6f";
+}
+.icon-format_align_justify:before {
+ content: "\ea70";
+}
+.icon-format_align_left:before {
+ content: "\ea71";
+}
+.icon-format_align_right:before {
+ content: "\ea72";
+}
+.icon-format_bold:before {
+ content: "\ea73";
+}
+.icon-format_clear:before {
+ content: "\ea74";
+}
+.icon-format_color_reset:before {
+ content: "\ea75";
+}
+.icon-format_indent_decrease:before {
+ content: "\ea76";
+}
+.icon-format_indent_increase:before {
+ content: "\ea77";
+}
+.icon-format_italic:before {
+ content: "\ea78";
+}
+.icon-format_line_spacing:before {
+ content: "\ea79";
+}
+.icon-format_list_bulleted:before {
+ content: "\ea7a";
+}
+.icon-format_list_numbered_rtl:before {
+ content: "\ea7b";
+}
+.icon-format_list_numbered:before {
+ content: "\ea7c";
+}
+.icon-format_paint:before {
+ content: "\ea7d";
+}
+.icon-format_quote:before {
+ content: "\ea7e";
+}
+.icon-format_shapes:before {
+ content: "\ea7f";
+}
+.icon-format_size:before {
+ content: "\ea80";
+}
+.icon-format_strikethrough:before {
+ content: "\ea81";
+}
+.icon-format_textdirection_l_to_r:before {
+ content: "\ea82";
+}
+.icon-format_textdirection_r_to_l:before {
+ content: "\ea83";
+}
+.icon-format_underlined:before {
+ content: "\ea84";
+}
+.icon-forum:before {
+ content: "\ea85";
+}
+.icon-forward_5:before {
+ content: "\ea86";
+}
+.icon-forward_10:before {
+ content: "\ea87";
+}
+.icon-forward_30:before {
+ content: "\ea88";
+}
+.icon-forward:before {
+ content: "\ea89";
+}
+.icon-free_breakfast:before {
+ content: "\ea8a";
+}
+.icon-fullscreen_exit:before {
+ content: "\ea8b";
+}
+.icon-fullscreen:before {
+ content: "\ea8c";
+}
+.icon-functions:before {
+ content: "\ea8d";
+}
+.icon-g_translate:before {
+ content: "\ea8e";
+}
+.icon-gamepad:before {
+ content: "\ea8f";
+}
+.icon-games:before {
+ content: "\ea90";
+}
+.icon-gavel:before {
+ content: "\ea91";
+}
+.icon-gesture:before {
+ content: "\ea92";
+}
+.icon-get_app:before {
+ content: "\ea93";
+}
+.icon-gif:before {
+ content: "\ea94";
+}
+.icon-golf_course:before {
+ content: "\ea95";
+}
+.icon-gps_fixed:before {
+ content: "\ea96";
+}
+.icon-gps_not_fixed:before {
+ content: "\ea97";
+}
+.icon-gps_off:before {
+ content: "\ea98";
+}
+.icon-grade:before {
+ content: "\ea99";
+}
+.icon-gradient:before {
+ content: "\ea9a";
+}
+.icon-grain:before {
+ content: "\ea9b";
+}
+.icon-graphic_eq:before {
+ content: "\ea9c";
+}
+.icon-grid_off:before {
+ content: "\ea9d";
+}
+.icon-grid_on:before {
+ content: "\ea9e";
+}
+.icon-group_add:before {
+ content: "\ea9f";
+}
+.icon-group_work:before {
+ content: "\eaa0";
+}
+.icon-group:before {
+ content: "\eaa1";
+}
+.icon-hd:before {
+ content: "\eaa2";
+}
+.icon-hdr_off:before {
+ content: "\eaa3";
+}
+.icon-hdr_on:before {
+ content: "\eaa4";
+}
+.icon-hdr_strong:before {
+ content: "\eaa5";
+}
+.icon-hdr_weak:before {
+ content: "\eaa6";
+}
+.icon-headset_mic:before {
+ content: "\eaa7";
+}
+.icon-headset:before {
+ content: "\eaa8";
+}
+.icon-healing:before {
+ content: "\eaa9";
+}
+.icon-hearing:before {
+ content: "\eaaa";
+}
+.icon-help_outline:before {
+ content: "\eaab";
+}
+.icon-help:before {
+ content: "\eaac";
+}
+.icon-high_quality:before {
+ content: "\eaad";
+}
+.icon-highlight_off:before {
+ content: "\eaae";
+}
+.icon-highlight:before {
+ content: "\eaaf";
+}
+.icon-history:before {
+ content: "\eab0";
+}
+.icon-home:before {
+ content: "\eab1";
+}
+.icon-horizontal_split:before {
+ content: "\eab2";
+}
+.icon-hot_tub:before {
+ content: "\eab3";
+}
+.icon-hotel:before {
+ content: "\eab4";
+}
+.icon-hourglass_empty:before {
+ content: "\eab5";
+}
+.icon-hourglass_full:before {
+ content: "\eab6";
+}
+.icon-how_to_reg:before {
+ content: "\eab7";
+}
+.icon-how_to_vote:before {
+ content: "\eab8";
+}
+.icon-http:before {
+ content: "\eab9";
+}
+.icon-https:before {
+ content: "\eaba";
+}
+.icon-image_aspect_ratio:before {
+ content: "\eabb";
+}
+.icon-image_search:before {
+ content: "\eabc";
+}
+.icon-image:before {
+ content: "\eabd";
+}
+.icon-import_contacts:before {
+ content: "\eabe";
+}
+.icon-import_export:before {
+ content: "\eabf";
+}
+.icon-important_devices:before {
+ content: "\eac0";
+}
+.icon-inbox:before {
+ content: "\eac1";
+}
+.icon-indeterminate_check_box:before {
+ content: "\eac2";
+}
+.icon-info:before {
+ content: "\eac3";
+}
+.icon-input:before {
+ content: "\eac4";
+}
+.icon-insert_chart_outlined:before {
+ content: "\eac5";
+}
+.icon-insert_chart:before {
+ content: "\eac6";
+}
+.icon-insert_comment:before {
+ content: "\eac7";
+}
+.icon-insert_drive_file:before {
+ content: "\eac8";
+}
+.icon-insert_emoticon:before {
+ content: "\eac9";
+}
+.icon-insert_invitation:before {
+ content: "\eaca";
+}
+.icon-insert_link:before {
+ content: "\eacb";
+}
+.icon-insert_photo:before {
+ content: "\eacc";
+}
+.icon-invert_colors_off:before {
+ content: "\eacd";
+}
+.icon-invert_colors:before {
+ content: "\eace";
+}
+.icon-iso:before {
+ content: "\eacf";
+}
+.icon-keyboard_arrow_down:before {
+ content: "\ead0";
+}
+.icon-keyboard_arrow_left:before {
+ content: "\ead1";
+}
+.icon-keyboard_arrow_right:before {
+ content: "\ead2";
+}
+.icon-keyboard_arrow_up:before {
+ content: "\ead3";
+}
+.icon-keyboard_backspace:before {
+ content: "\ead4";
+}
+.icon-keyboard_capslock:before {
+ content: "\ead5";
+}
+.icon-keyboard_hide:before {
+ content: "\ead6";
+}
+.icon-keyboard_return:before {
+ content: "\ead7";
+}
+.icon-keyboard_tab:before {
+ content: "\ead8";
+}
+.icon-keyboard_voice:before {
+ content: "\ead9";
+}
+.icon-keyboard:before {
+ content: "\eada";
+}
+.icon-kitchen:before {
+ content: "\eadb";
+}
+.icon-label_important:before {
+ content: "\eadc";
+}
+.icon-label_off:before {
+ content: "\eadd";
+}
+.icon-label:before {
+ content: "\eade";
+}
+.icon-landscape:before {
+ content: "\eadf";
+}
+.icon-language:before {
+ content: "\eae0";
+}
+.icon-laptop_chromebook:before {
+ content: "\eae1";
+}
+.icon-laptop_mac:before {
+ content: "\eae2";
+}
+.icon-laptop_windows:before {
+ content: "\eae3";
+}
+.icon-laptop:before {
+ content: "\eae4";
+}
+.icon-last_page:before {
+ content: "\eae5";
+}
+.icon-launch:before {
+ content: "\eae6";
+}
+.icon-layers_clear:before {
+ content: "\eae7";
+}
+.icon-layers:before {
+ content: "\eae8";
+}
+.icon-leak_add:before {
+ content: "\eae9";
+}
+.icon-leak_remove:before {
+ content: "\eaea";
+}
+.icon-lens:before {
+ content: "\eaeb";
+}
+.icon-library_add:before {
+ content: "\eaec";
+}
+.icon-library_books:before {
+ content: "\eaed";
+}
+.icon-library_music:before {
+ content: "\eaee";
+}
+.icon-line_style:before {
+ content: "\eaef";
+}
+.icon-line_weight:before {
+ content: "\eaf0";
+}
+.icon-linear_scale:before {
+ content: "\eaf1";
+}
+.icon-link_off:before {
+ content: "\eaf2";
+}
+.icon-link:before {
+ content: "\eaf3";
+}
+.icon-linked_camera:before {
+ content: "\eaf4";
+}
+.icon-list_alt:before {
+ content: "\eaf5";
+}
+.icon-list:before {
+ content: "\eaf6";
+}
+.icon-live_help:before {
+ content: "\eaf7";
+}
+.icon-live_tv:before {
+ content: "\eaf8";
+}
+.icon-local_activity:before {
+ content: "\eaf9";
+}
+.icon-local_airport:before {
+ content: "\eafa";
+}
+.icon-local_atm:before {
+ content: "\eafb";
+}
+.icon-local_bar:before {
+ content: "\eafc";
+}
+.icon-local_cafe:before {
+ content: "\eafd";
+}
+.icon-local_car_wash:before {
+ content: "\eafe";
+}
+.icon-local_convenience_store:before {
+ content: "\eaff";
+}
+.icon-local_dining:before {
+ content: "\eb00";
+}
+.icon-local_drink:before {
+ content: "\eb01";
+}
+.icon-local_florist:before {
+ content: "\eb02";
+}
+.icon-local_gas_station:before {
+ content: "\eb03";
+}
+.icon-local_grocery_store:before {
+ content: "\eb04";
+}
+.icon-local_hospital:before {
+ content: "\eb05";
+}
+.icon-local_hotel:before {
+ content: "\eb06";
+}
+.icon-local_laundry_service:before {
+ content: "\eb07";
+}
+.icon-local_library:before {
+ content: "\eb08";
+}
+.icon-local_mall:before {
+ content: "\eb09";
+}
+.icon-local_movies:before {
+ content: "\eb0a";
+}
+.icon-local_offer:before {
+ content: "\eb0b";
+}
+.icon-local_parking:before {
+ content: "\eb0c";
+}
+.icon-local_pharmacy:before {
+ content: "\eb0d";
+}
+.icon-local_phone:before {
+ content: "\eb0e";
+}
+.icon-local_pizza:before {
+ content: "\eb0f";
+}
+.icon-local_play:before {
+ content: "\eb10";
+}
+.icon-local_post_office:before {
+ content: "\eb11";
+}
+.icon-local_printshop:before {
+ content: "\eb12";
+}
+.icon-local_see:before {
+ content: "\eb13";
+}
+.icon-local_shipping:before {
+ content: "\eb14";
+}
+.icon-local_taxi:before {
+ content: "\eb15";
+}
+.icon-location_city:before {
+ content: "\eb16";
+}
+.icon-location_disabled:before {
+ content: "\eb17";
+}
+.icon-location_off:before {
+ content: "\eb18";
+}
+.icon-location_on:before {
+ content: "\eb19";
+}
+.icon-location_searching:before {
+ content: "\eb1a";
+}
+.icon-lock_open:before {
+ content: "\eb1b";
+}
+.icon-lock:before {
+ content: "\eb1c";
+}
+.icon-looks_3:before {
+ content: "\eb1d";
+}
+.icon-looks_4:before {
+ content: "\eb1e";
+}
+.icon-looks_5:before {
+ content: "\eb1f";
+}
+.icon-looks_6:before {
+ content: "\eb20";
+}
+.icon-looks_one:before {
+ content: "\eb21";
+}
+.icon-looks_two:before {
+ content: "\eb22";
+}
+.icon-looks:before {
+ content: "\eb23";
+}
+.icon-loop:before {
+ content: "\eb24";
+}
+.icon-loupe:before {
+ content: "\eb25";
+}
+.icon-low_priority:before {
+ content: "\eb26";
+}
+.icon-loyalty:before {
+ content: "\eb27";
+}
+.icon-mail_outline:before {
+ content: "\eb28";
+}
+.icon-mail:before {
+ content: "\eb29";
+}
+.icon-map:before {
+ content: "\eb2a";
+}
+.icon-markunread_mailbox:before {
+ content: "\eb2b";
+}
+.icon-markunread:before {
+ content: "\eb2c";
+}
+.icon-maximize:before {
+ content: "\eb2d";
+}
+.icon-meeting_room:before {
+ content: "\eb2e";
+}
+.icon-memory:before {
+ content: "\eb2f";
+}
+.icon-menu:before {
+ content: "\eb30";
+}
+.icon-merge_type:before {
+ content: "\eb31";
+}
+.icon-message:before {
+ content: "\eb32";
+}
+.icon-mic_none:before {
+ content: "\eb33";
+}
+.icon-mic_off:before {
+ content: "\eb34";
+}
+.icon-mic:before {
+ content: "\eb35";
+}
+.icon-minimize:before {
+ content: "\eb36";
+}
+.icon-missed_video_call:before {
+ content: "\eb37";
+}
+.icon-mms:before {
+ content: "\eb38";
+}
+.icon-mobile_friendly:before {
+ content: "\eb39";
+}
+.icon-mobile_off:before {
+ content: "\eb3a";
+}
+.icon-mobile_screen_share:before {
+ content: "\eb3b";
+}
+.icon-mode_comment:before {
+ content: "\eb3c";
+}
+.icon-monetization_on:before {
+ content: "\eb3d";
+}
+.icon-money_off:before {
+ content: "\eb3e";
+}
+.icon-money:before {
+ content: "\eb3f";
+}
+.icon-monochrome_photos:before {
+ content: "\eb40";
+}
+.icon-mood_bad:before {
+ content: "\eb41";
+}
+.icon-mood:before {
+ content: "\eb42";
+}
+.icon-more_horiz:before {
+ content: "\eb43";
+}
+.icon-more_vert:before {
+ content: "\eb44";
+}
+.icon-more:before {
+ content: "\eb45";
+}
+.icon-motorcycle:before {
+ content: "\eb46";
+}
+.icon-mouse:before {
+ content: "\eb47";
+}
+.icon-move_to_inbox:before {
+ content: "\eb48";
+}
+.icon-movie_creation:before {
+ content: "\eb49";
+}
+.icon-movie_filter:before {
+ content: "\eb4a";
+}
+.icon-movie:before {
+ content: "\eb4b";
+}
+.icon-multiline_chart:before {
+ content: "\eb4c";
+}
+.icon-music_note:before {
+ content: "\eb4d";
+}
+.icon-music_off:before {
+ content: "\eb4e";
+}
+.icon-music_video:before {
+ content: "\eb4f";
+}
+.icon-my_location:before {
+ content: "\eb50";
+}
+.icon-nature_people:before {
+ content: "\eb51";
+}
+.icon-nature:before {
+ content: "\eb52";
+}
+.icon-navigate_before:before {
+ content: "\eb53";
+}
+.icon-navigate_next:before {
+ content: "\eb54";
+}
+.icon-navigation:before {
+ content: "\eb55";
+}
+.icon-near_me:before {
+ content: "\eb56";
+}
+.icon-network_check:before {
+ content: "\eb57";
+}
+.icon-network_locked:before {
+ content: "\eb58";
+}
+.icon-new_releases:before {
+ content: "\eb59";
+}
+.icon-next_week:before {
+ content: "\eb5a";
+}
+.icon-nfc:before {
+ content: "\eb5b";
+}
+.icon-no_encryption:before {
+ content: "\eb5c";
+}
+.icon-no_meeting_room:before {
+ content: "\eb5d";
+}
+.icon-no_sim:before {
+ content: "\eb5e";
+}
+.icon-not_interested:before {
+ content: "\eb5f";
+}
+.icon-not_listed_location:before {
+ content: "\eb60";
+}
+.icon-note_add:before {
+ content: "\eb61";
+}
+.icon-note:before {
+ content: "\eb62";
+}
+.icon-notes:before {
+ content: "\eb63";
+}
+.icon-notification_important:before {
+ content: "\eb64";
+}
+.icon-notifications_active:before {
+ content: "\eb65";
+}
+.icon-notifications_none:before {
+ content: "\eb66";
+}
+.icon-notifications_off:before {
+ content: "\eb67";
+}
+.icon-notifications_paused:before {
+ content: "\eb68";
+}
+.icon-notifications:before {
+ content: "\eb69";
+}
+.icon-offline_bolt:before {
+ content: "\eb6a";
+}
+.icon-offline_pin:before {
+ content: "\eb6b";
+}
+.icon-ondemand_video:before {
+ content: "\eb6c";
+}
+.icon-opacity:before {
+ content: "\eb6d";
+}
+.icon-open_in_browser:before {
+ content: "\eb6e";
+}
+.icon-open_in_new:before {
+ content: "\eb6f";
+}
+.icon-open_with:before {
+ content: "\eb70";
+}
+.icon-outlined_flag:before {
+ content: "\eb71";
+}
+.icon-pages:before {
+ content: "\eb72";
+}
+.icon-pageview:before {
+ content: "\eb73";
+}
+.icon-palette:before {
+ content: "\eb74";
+}
+.icon-pan_tool:before {
+ content: "\eb75";
+}
+.icon-panorama_fish_eye:before {
+ content: "\eb76";
+}
+.icon-panorama_horizontal:before {
+ content: "\eb77";
+}
+.icon-panorama_vertical:before {
+ content: "\eb78";
+}
+.icon-panorama_wide_angle:before {
+ content: "\eb79";
+}
+.icon-panorama:before {
+ content: "\eb7a";
+}
+.icon-party_mode:before {
+ content: "\eb7b";
+}
+.icon-pause_circle_filled:before {
+ content: "\eb7c";
+}
+.icon-pause_circle_outline:before {
+ content: "\eb7d";
+}
+.icon-pause_presentation:before {
+ content: "\eb7e";
+}
+.icon-pause:before {
+ content: "\eb7f";
+}
+.icon-payment:before {
+ content: "\eb80";
+}
+.icon-people_outline:before {
+ content: "\eb81";
+}
+.icon-people:before {
+ content: "\eb82";
+}
+.icon-perm_camera_mic:before {
+ content: "\eb83";
+}
+.icon-perm_contact_calendar:before {
+ content: "\eb84";
+}
+.icon-perm_data_setting:before {
+ content: "\eb85";
+}
+.icon-perm_device_information:before {
+ content: "\eb86";
+}
+.icon-perm_identity:before {
+ content: "\eb87";
+}
+.icon-perm_media:before {
+ content: "\eb88";
+}
+.icon-perm_phone_msg:before {
+ content: "\eb89";
+}
+.icon-perm_scan_wifi:before {
+ content: "\eb8a";
+}
+.icon-person_add_disabled:before {
+ content: "\eb8b";
+}
+.icon-person_add:before {
+ content: "\eb8c";
+}
+.icon-person_outline:before {
+ content: "\eb8d";
+}
+.icon-person_pin_circle:before {
+ content: "\eb8e";
+}
+.icon-person_pin:before {
+ content: "\eb8f";
+}
+.icon-person:before {
+ content: "\eb90";
+}
+.icon-personal_video:before {
+ content: "\eb91";
+}
+.icon-pets:before {
+ content: "\eb92";
+}
+.icon-phone_android:before {
+ content: "\eb93";
+}
+.icon-phone_bluetooth_speaker:before {
+ content: "\eb94";
+}
+.icon-phone_callback:before {
+ content: "\eb95";
+}
+.icon-phone_forwarded:before {
+ content: "\eb96";
+}
+.icon-phone_in_talk:before {
+ content: "\eb97";
+}
+.icon-phone_iphone:before {
+ content: "\eb98";
+}
+.icon-phone_locked:before {
+ content: "\eb99";
+}
+.icon-phone_missed:before {
+ content: "\eb9a";
+}
+.icon-phone_paused:before {
+ content: "\eb9b";
+}
+.icon-phone:before {
+ content: "\eb9c";
+}
+.icon-phonelink_erase:before {
+ content: "\eb9d";
+}
+.icon-phonelink_lock:before {
+ content: "\eb9e";
+}
+.icon-phonelink_off:before {
+ content: "\eb9f";
+}
+.icon-phonelink_ring:before {
+ content: "\eba0";
+}
+.icon-phonelink_setup:before {
+ content: "\eba1";
+}
+.icon-phonelink:before {
+ content: "\eba2";
+}
+.icon-photo_album:before {
+ content: "\eba3";
+}
+.icon-photo_camera:before {
+ content: "\eba4";
+}
+.icon-photo_filter:before {
+ content: "\eba5";
+}
+.icon-photo_library:before {
+ content: "\eba6";
+}
+.icon-photo_size_select_actual:before {
+ content: "\eba7";
+}
+.icon-photo_size_select_large:before {
+ content: "\eba8";
+}
+.icon-photo_size_select_small:before {
+ content: "\eba9";
+}
+.icon-photo:before {
+ content: "\ebaa";
+}
+.icon-picture_as_pdf:before {
+ content: "\ebab";
+}
+.icon-picture_in_picture_alt:before {
+ content: "\ebac";
+}
+.icon-picture_in_picture:before {
+ content: "\ebad";
+}
+.icon-pie_chart:before {
+ content: "\ebae";
+}
+.icon-pin_drop:before {
+ content: "\ebaf";
+}
+.icon-place:before {
+ content: "\ebb0";
+}
+.icon-play_arrow:before {
+ content: "\ebb1";
+}
+.icon-play_circle_filled_white:before {
+ content: "\ebb2";
+}
+.icon-play_circle_filled:before {
+ content: "\ebb3";
+}
+.icon-play_circle_outline:before {
+ content: "\ebb4";
+}
+.icon-play_for_work:before {
+ content: "\ebb5";
+}
+.icon-playlist_add_check:before {
+ content: "\ebb6";
+}
+.icon-playlist_add:before {
+ content: "\ebb7";
+}
+.icon-playlist_play:before {
+ content: "\ebb8";
+}
+.icon-plus_one:before {
+ content: "\ebb9";
+}
+.icon-poll:before {
+ content: "\ebba";
+}
+.icon-polymer:before {
+ content: "\ebbb";
+}
+.icon-pool:before {
+ content: "\ebbc";
+}
+.icon-portable_wifi_off:before {
+ content: "\ebbd";
+}
+.icon-portrait:before {
+ content: "\ebbe";
+}
+.icon-power_input:before {
+ content: "\ebbf";
+}
+.icon-power_off:before {
+ content: "\ebc0";
+}
+.icon-power_settings_new:before {
+ content: "\ebc1";
+}
+.icon-power:before {
+ content: "\ebc2";
+}
+.icon-pregnant_woman:before {
+ content: "\ebc3";
+}
+.icon-present_to_all:before {
+ content: "\ebc4";
+}
+.icon-print_disabled:before {
+ content: "\ebc5";
+}
+.icon-print:before {
+ content: "\ebc6";
+}
+.icon-priority_high:before {
+ content: "\ebc7";
+}
+.icon-public:before {
+ content: "\ebc8";
+}
+.icon-publish:before {
+ content: "\ebc9";
+}
+.icon-query_builder:before {
+ content: "\ebca";
+}
+.icon-question_answer:before {
+ content: "\ebcb";
+}
+.icon-queue_music:before {
+ content: "\ebcc";
+}
+.icon-queue_play_next:before {
+ content: "\ebcd";
+}
+.icon-queue:before {
+ content: "\ebce";
+}
+.icon-radio_button_checked:before {
+ content: "\ebcf";
+}
+.icon-radio_button_unchecked:before {
+ content: "\ebd0";
+}
+.icon-radio:before {
+ content: "\ebd1";
+}
+.icon-rate_review:before {
+ content: "\ebd2";
+}
+.icon-receipt:before {
+ content: "\ebd3";
+}
+.icon-recent_actors:before {
+ content: "\ebd4";
+}
+.icon-record_voice_over:before {
+ content: "\ebd5";
+}
+.icon-redeem:before {
+ content: "\ebd6";
+}
+.icon-redo:before {
+ content: "\ebd7";
+}
+.icon-refresh:before {
+ content: "\ebd8";
+}
+.icon-remove_circle_outline:before {
+ content: "\ebd9";
+}
+.icon-remove_circle:before {
+ content: "\ebda";
+}
+.icon-remove_from_queue:before {
+ content: "\ebdb";
+}
+.icon-remove_red_eye:before {
+ content: "\ebdc";
+}
+.icon-remove_shopping_cart:before {
+ content: "\ebdd";
+}
+.icon-remove:before {
+ content: "\ebde";
+}
+.icon-reorder:before {
+ content: "\ebdf";
+}
+.icon-repeat_one:before {
+ content: "\ebe0";
+}
+.icon-repeat:before {
+ content: "\ebe1";
+}
+.icon-replay_5:before {
+ content: "\ebe2";
+}
+.icon-replay_10:before {
+ content: "\ebe3";
+}
+.icon-replay_30:before {
+ content: "\ebe4";
+}
+.icon-replay:before {
+ content: "\ebe5";
+}
+.icon-reply_all:before {
+ content: "\ebe6";
+}
+.icon-reply:before {
+ content: "\ebe7";
+}
+.icon-report_off:before {
+ content: "\ebe8";
+}
+.icon-report_problem:before {
+ content: "\ebe9";
+}
+.icon-report:before {
+ content: "\ebea";
+}
+.icon-restaurant_menu:before {
+ content: "\ebeb";
+}
+.icon-restaurant:before {
+ content: "\ebec";
+}
+.icon-restore_from_trash:before {
+ content: "\ebed";
+}
+.icon-restore_page:before {
+ content: "\ebee";
+}
+.icon-restore:before {
+ content: "\ebef";
+}
+.icon-ring_volume:before {
+ content: "\ebf0";
+}
+.icon-room_service:before {
+ content: "\ebf1";
+}
+.icon-room:before {
+ content: "\ebf2";
+}
+.icon-rotate_90_degrees_ccw:before {
+ content: "\ebf3";
+}
+.icon-rotate_left:before {
+ content: "\ebf4";
+}
+.icon-rotate_right:before {
+ content: "\ebf5";
+}
+.icon-rounded_corner:before {
+ content: "\ebf6";
+}
+.icon-router:before {
+ content: "\ebf7";
+}
+.icon-rowing:before {
+ content: "\ebf8";
+}
+.icon-rss_feed:before {
+ content: "\ebf9";
+}
+.icon-rv_hookup:before {
+ content: "\ebfa";
+}
+.icon-satellite:before {
+ content: "\ebfb";
+}
+.icon-save_alt:before {
+ content: "\ebfc";
+}
+.icon-save:before {
+ content: "\ebfd";
+}
+.icon-scanner:before {
+ content: "\ebfe";
+}
+.icon-scatter_plot:before {
+ content: "\ebff";
+}
+.icon-schedule:before {
+ content: "\ec00";
+}
+.icon-school:before {
+ content: "\ec01";
+}
+.icon-score:before {
+ content: "\ec02";
+}
+.icon-screen_lock_landscape:before {
+ content: "\ec03";
+}
+.icon-screen_lock_portrait:before {
+ content: "\ec04";
+}
+.icon-screen_lock_rotation:before {
+ content: "\ec05";
+}
+.icon-screen_rotation:before {
+ content: "\ec06";
+}
+.icon-screen_share:before {
+ content: "\ec07";
+}
+.icon-sd_card:before {
+ content: "\ec08";
+}
+.icon-sd_storage:before {
+ content: "\ec09";
+}
+.icon-search:before {
+ content: "\ec0a";
+}
+.icon-security:before {
+ content: "\ec0b";
+}
+.icon-select_all:before {
+ content: "\ec0c";
+}
+.icon-send:before {
+ content: "\ec0d";
+}
+.icon-sentiment_dissatisfied:before {
+ content: "\ec0e";
+}
+.icon-sentiment_satisfied_alt:before {
+ content: "\ec0f";
+}
+.icon-sentiment_satisfied:before {
+ content: "\ec10";
+}
+.icon-sentiment_very_dissatisfied:before {
+ content: "\ec11";
+}
+.icon-sentiment_very_satisfied:before {
+ content: "\ec12";
+}
+.icon-settings_applications:before {
+ content: "\ec13";
+}
+.icon-settings_backup_restore:before {
+ content: "\ec14";
+}
+.icon-settings_bluetooth:before {
+ content: "\ec15";
+}
+.icon-settings_brightness:before {
+ content: "\ec16";
+}
+.icon-settings_cell:before {
+ content: "\ec17";
+}
+.icon-settings_ethernet:before {
+ content: "\ec18";
+}
+.icon-settings_input_antenna:before {
+ content: "\ec19";
+}
+.icon-settings_input_component:before {
+ content: "\ec1a";
+}
+.icon-settings_input_composite:before {
+ content: "\ec1b";
+}
+.icon-settings_input_hdmi:before {
+ content: "\ec1c";
+}
+.icon-settings_input_svideo:before {
+ content: "\ec1d";
+}
+.icon-settings_overscan:before {
+ content: "\ec1e";
+}
+.icon-settings_phone:before {
+ content: "\ec1f";
+}
+.icon-settings_power:before {
+ content: "\ec20";
+}
+.icon-settings_remote:before {
+ content: "\ec21";
+}
+.icon-settings_system_daydream:before {
+ content: "\ec22";
+}
+.icon-settings_voice:before {
+ content: "\ec23";
+}
+.icon-settings:before {
+ content: "\ec24";
+}
+.icon-share:before {
+ content: "\ec25";
+}
+.icon-shop_two:before {
+ content: "\ec26";
+}
+.icon-shop:before {
+ content: "\ec27";
+}
+.icon-shopping_basket:before {
+ content: "\ec28";
+}
+.icon-shopping_cart:before {
+ content: "\ec29";
+}
+.icon-short_text:before {
+ content: "\ec2a";
+}
+.icon-show_chart:before {
+ content: "\ec2b";
+}
+.icon-shuffle:before {
+ content: "\ec2c";
+}
+.icon-shutter_speed:before {
+ content: "\ec2d";
+}
+.icon-signal_cellular_0_bar:before {
+ content: "\ec2e";
+}
+.icon-signal_cellular_4_bar:before {
+ content: "\ec2f";
+}
+.icon-signal_cellular_alt:before {
+ content: "\ec30";
+}
+.icon-signal_cellular_connected_no_internet_4_bar:before {
+ content: "\ec31";
+}
+.icon-signal_cellular_no_sim:before {
+ content: "\ec32";
+}
+.icon-signal_cellular_null:before {
+ content: "\ec33";
+}
+.icon-signal_cellular_off:before {
+ content: "\ec34";
+}
+.icon-signal_wifi_0_bar:before {
+ content: "\ec35";
+}
+.icon-signal_wifi_4_bar_lock:before {
+ content: "\ec36";
+}
+.icon-signal_wifi_4_bar:before {
+ content: "\ec37";
+}
+.icon-signal_wifi_off:before {
+ content: "\ec38";
+}
+.icon-sim_card:before {
+ content: "\ec39";
+}
+.icon-skip_next:before {
+ content: "\ec3a";
+}
+.icon-skip_previous:before {
+ content: "\ec3b";
+}
+.icon-slideshow:before {
+ content: "\ec3c";
+}
+.icon-slow_motion_video:before {
+ content: "\ec3d";
+}
+.icon-smartphone:before {
+ content: "\ec3e";
+}
+.icon-smoke_free:before {
+ content: "\ec3f";
+}
+.icon-smoking_rooms:before {
+ content: "\ec40";
+}
+.icon-sms_failed:before {
+ content: "\ec41";
+}
+.icon-sms:before {
+ content: "\ec42";
+}
+.icon-snooze:before {
+ content: "\ec43";
+}
+.icon-sort_by_alpha:before {
+ content: "\ec44";
+}
+.icon-sort:before {
+ content: "\ec45";
+}
+.icon-spa:before {
+ content: "\ec46";
+}
+.icon-space_bar:before {
+ content: "\ec47";
+}
+.icon-speaker_group:before {
+ content: "\ec48";
+}
+.icon-speaker_notes_off:before {
+ content: "\ec49";
+}
+.icon-speaker_notes:before {
+ content: "\ec4a";
+}
+.icon-speaker_phone:before {
+ content: "\ec4b";
+}
+.icon-speaker:before {
+ content: "\ec4c";
+}
+.icon-spellcheck:before {
+ content: "\ec4d";
+}
+.icon-star_border:before {
+ content: "\ec4e";
+}
+.icon-star_half:before {
+ content: "\ec4f";
+}
+.icon-star_rate:before {
+ content: "\ec50";
+}
+.icon-star:before {
+ content: "\ec51";
+}
+.icon-stars:before {
+ content: "\ec52";
+}
+.icon-stay_current_landscape:before {
+ content: "\ec53";
+}
+.icon-stay_current_portrait:before {
+ content: "\ec54";
+}
+.icon-stay_primary_landscape:before {
+ content: "\ec55";
+}
+.icon-stay_primary_portrait:before {
+ content: "\ec56";
+}
+.icon-stop_screen_share:before {
+ content: "\ec57";
+}
+.icon-stop:before {
+ content: "\ec58";
+}
+.icon-storage:before {
+ content: "\ec59";
+}
+.icon-store_mall_directory:before {
+ content: "\ec5a";
+}
+.icon-store:before {
+ content: "\ec5b";
+}
+.icon-straighten:before {
+ content: "\ec5c";
+}
+.icon-streetview:before {
+ content: "\ec5d";
+}
+.icon-strikethrough_s:before {
+ content: "\ec5e";
+}
+.icon-style:before {
+ content: "\ec5f";
+}
+.icon-subdirectory_arrow_left:before {
+ content: "\ec60";
+}
+.icon-subdirectory_arrow_right:before {
+ content: "\ec61";
+}
+.icon-subject:before {
+ content: "\ec62";
+}
+.icon-subscriptions:before {
+ content: "\ec63";
+}
+.icon-subtitles:before {
+ content: "\ec64";
+}
+.icon-subway:before {
+ content: "\ec65";
+}
+.icon-supervised_user_circle:before {
+ content: "\ec66";
+}
+.icon-supervisor_account:before {
+ content: "\ec67";
+}
+.icon-surround_sound:before {
+ content: "\ec68";
+}
+.icon-swap_calls:before {
+ content: "\ec69";
+}
+.icon-swap_horiz:before {
+ content: "\ec6a";
+}
+.icon-swap_horizontal_circle:before {
+ content: "\ec6b";
+}
+.icon-swap_vert:before {
+ content: "\ec6c";
+}
+.icon-swap_vertical_circle:before {
+ content: "\ec6d";
+}
+.icon-switch_camera:before {
+ content: "\ec6e";
+}
+.icon-switch_video:before {
+ content: "\ec6f";
+}
+.icon-sync_disabled:before {
+ content: "\ec70";
+}
+.icon-sync_problem:before {
+ content: "\ec71";
+}
+.icon-sync:before {
+ content: "\ec72";
+}
+.icon-system_update:before {
+ content: "\ec73";
+}
+.icon-tab_unselected:before {
+ content: "\ec74";
+}
+.icon-tab:before {
+ content: "\ec75";
+}
+.icon-table_chart:before {
+ content: "\ec76";
+}
+.icon-tablet_android:before {
+ content: "\ec77";
+}
+.icon-tablet_mac:before {
+ content: "\ec78";
+}
+.icon-tablet:before {
+ content: "\ec79";
+}
+.icon-tag_faces:before {
+ content: "\ec7a";
+}
+.icon-tap_and_play:before {
+ content: "\ec7b";
+}
+.icon-terrain:before {
+ content: "\ec7c";
+}
+.icon-text_fields:before {
+ content: "\ec7d";
+}
+.icon-text_format:before {
+ content: "\ec7e";
+}
+.icon-text_rotate_up:before {
+ content: "\ec7f";
+}
+.icon-text_rotate_vertical:before {
+ content: "\ec80";
+}
+.icon-text_rotation_down:before {
+ content: "\ec81";
+}
+.icon-text_rotation_none:before {
+ content: "\ec82";
+}
+.icon-textsms:before {
+ content: "\ec83";
+}
+.icon-texture:before {
+ content: "\ec84";
+}
+.icon-theaters:before {
+ content: "\ec85";
+}
+.icon-thumb_down_alt:before {
+ content: "\ec86";
+}
+.icon-thumb_down:before {
+ content: "\ec87";
+}
+.icon-thumb_up_alt:before {
+ content: "\ec88";
+}
+.icon-thumb_up:before {
+ content: "\ec89";
+}
+.icon-thumbs_up_down:before {
+ content: "\ec8a";
+}
+.icon-time_to_leave:before {
+ content: "\ec8b";
+}
+.icon-timelapse:before {
+ content: "\ec8c";
+}
+.icon-timeline:before {
+ content: "\ec8d";
+}
+.icon-timer_3:before {
+ content: "\ec8e";
+}
+.icon-timer_10:before {
+ content: "\ec8f";
+}
+.icon-timer_off:before {
+ content: "\ec90";
+}
+.icon-timer:before {
+ content: "\ec91";
+}
+.icon-title:before {
+ content: "\ec92";
+}
+.icon-toc:before {
+ content: "\ec93";
+}
+.icon-today:before {
+ content: "\ec94";
+}
+.icon-toggle_off:before {
+ content: "\ec95";
+}
+.icon-toggle_on:before {
+ content: "\ec96";
+}
+.icon-toll:before {
+ content: "\ec97";
+}
+.icon-tonality:before {
+ content: "\ec98";
+}
+.icon-touch_app:before {
+ content: "\ec99";
+}
+.icon-toys:before {
+ content: "\ec9a";
+}
+.icon-track_changes:before {
+ content: "\ec9b";
+}
+.icon-traffic:before {
+ content: "\ec9c";
+}
+.icon-train:before {
+ content: "\ec9d";
+}
+.icon-tram:before {
+ content: "\ec9e";
+}
+.icon-transfer_within_a_station:before {
+ content: "\ec9f";
+}
+.icon-transform:before {
+ content: "\eca0";
+}
+.icon-transit_enterexit:before {
+ content: "\eca1";
+}
+.icon-translate:before {
+ content: "\eca2";
+}
+.icon-trending_down:before {
+ content: "\eca3";
+}
+.icon-trending_flat:before {
+ content: "\eca4";
+}
+.icon-trending_up:before {
+ content: "\eca5";
+}
+.icon-trip_origin:before {
+ content: "\eca6";
+}
+.icon-tune:before {
+ content: "\eca7";
+}
+.icon-turned_in_not:before {
+ content: "\eca8";
+}
+.icon-turned_in:before {
+ content: "\eca9";
+}
+.icon-tv_off:before {
+ content: "\ecaa";
+}
+.icon-tv:before {
+ content: "\ecab";
+}
+.icon-unarchive:before {
+ content: "\ecac";
+}
+.icon-undo:before {
+ content: "\ecad";
+}
+.icon-unfold_less:before {
+ content: "\ecae";
+}
+.icon-unfold_more:before {
+ content: "\ecaf";
+}
+.icon-unsubscribe:before {
+ content: "\ecb0";
+}
+.icon-update:before {
+ content: "\ecb1";
+}
+.icon-usb:before {
+ content: "\ecb2";
+}
+.icon-verified_user:before {
+ content: "\ecb3";
+}
+.icon-vertical_align_bottom:before {
+ content: "\ecb4";
+}
+.icon-vertical_align_center:before {
+ content: "\ecb5";
+}
+.icon-vertical_align_top:before {
+ content: "\ecb6";
+}
+.icon-vertical_split:before {
+ content: "\ecb7";
+}
+.icon-vibration:before {
+ content: "\ecb8";
+}
+.icon-video_call:before {
+ content: "\ecb9";
+}
+.icon-video_label:before {
+ content: "\ecba";
+}
+.icon-video_library:before {
+ content: "\ecbb";
+}
+.icon-videocam_off:before {
+ content: "\ecbc";
+}
+.icon-videocam:before {
+ content: "\ecbd";
+}
+.icon-videogame_asset:before {
+ content: "\ecbe";
+}
+.icon-view_agenda:before {
+ content: "\ecbf";
+}
+.icon-view_array:before {
+ content: "\ecc0";
+}
+.icon-view_carousel:before {
+ content: "\ecc1";
+}
+.icon-view_column:before {
+ content: "\ecc2";
+}
+.icon-view_comfy:before {
+ content: "\ecc3";
+}
+.icon-view_compact:before {
+ content: "\ecc4";
+}
+.icon-view_day:before {
+ content: "\ecc5";
+}
+.icon-view_headline:before {
+ content: "\ecc6";
+}
+.icon-view_list:before {
+ content: "\ecc7";
+}
+.icon-view_module:before {
+ content: "\ecc8";
+}
+.icon-view_quilt:before {
+ content: "\ecc9";
+}
+.icon-view_stream:before {
+ content: "\ecca";
+}
+.icon-view_week:before {
+ content: "\eccb";
+}
+.icon-vignette:before {
+ content: "\eccc";
+}
+.icon-visibility_off:before {
+ content: "\eccd";
+}
+.icon-visibility:before {
+ content: "\ecce";
+}
+.icon-voice_chat:before {
+ content: "\eccf";
+}
+.icon-voice_over_off:before {
+ content: "\ecd0";
+}
+.icon-voicemail:before {
+ content: "\ecd1";
+}
+.icon-volume_down:before {
+ content: "\ecd2";
+}
+.icon-volume_mute:before {
+ content: "\ecd3";
+}
+.icon-volume_off:before {
+ content: "\ecd4";
+}
+.icon-volume_up:before {
+ content: "\ecd5";
+}
+.icon-vpn_key:before {
+ content: "\ecd6";
+}
+.icon-vpn_lock:before {
+ content: "\ecd7";
+}
+.icon-wallpaper:before {
+ content: "\ecd8";
+}
+.icon-warning:before {
+ content: "\ecd9";
+}
+.icon-watch_later:before {
+ content: "\ecda";
+}
+.icon-watch:before {
+ content: "\ecdb";
+}
+.icon-waves:before {
+ content: "\ecdc";
+}
+.icon-wb_auto:before {
+ content: "\ecdd";
+}
+.icon-wb_cloudy:before {
+ content: "\ecde";
+}
+.icon-wb_incandescent:before {
+ content: "\ecdf";
+}
+.icon-wb_iridescent:before {
+ content: "\ece0";
+}
+.icon-wb_sunny:before {
+ content: "\ece1";
+}
+.icon-wc:before {
+ content: "\ece2";
+}
+.icon-web_asset:before {
+ content: "\ece3";
+}
+.icon-web:before {
+ content: "\ece4";
+}
+.icon-weekend:before {
+ content: "\ece5";
+}
+.icon-whatshot:before {
+ content: "\ece6";
+}
+.icon-where_to_vote:before {
+ content: "\ece7";
+}
+.icon-widgets:before {
+ content: "\ece8";
+}
+.icon-wifi_lock:before {
+ content: "\ece9";
+}
+.icon-wifi_off:before {
+ content: "\ecea";
+}
+.icon-wifi_tethering:before {
+ content: "\eceb";
+}
+.icon-wifi:before {
+ content: "\ecec";
+}
+.icon-work_off:before {
+ content: "\eced";
+}
+.icon-work_outline:before {
+ content: "\ecee";
+}
+.icon-work:before {
+ content: "\ecef";
+}
+.icon-wrap_text:before {
+ content: "\ecf0";
+}
+.icon-youtube_searched_for:before {
+ content: "\ecf1";
+}
+.icon-zoom_in:before {
+ content: "\ecf2";
+}
+.icon-zoom_out_map:before {
+ content: "\ecf3";
+}
+.icon-zoom_out:before {
+ content: "\ecf4";
+}
diff --git a/src/index.html b/src/index.html
index ab9d16ec..c0d38634 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,9 +13,9 @@
-
-
+
+