From 160055a874d12e694349d3504e978c0a51b16de5 Mon Sep 17 00:00:00 2001 From: Francis Lachapelle Date: Thu, 7 May 2015 09:48:29 -0400 Subject: [PATCH] Remove unused CSS files --- UI/WebServerResources/css/ContactsUI.css | 7349 ----------------- UI/WebServerResources/css/MailerUI.css | 7078 ---------------- .../css/angular-material.css | 5845 ------------- .../css/angular-material.min.css | 6 - UI/WebServerResources/css/app.css | 27 - UI/WebServerResources/css/blue-grey-theme.css | 228 - UI/WebServerResources/css/default-theme.css | 356 - UI/WebServerResources/css/mobile.css | 7127 ---------------- .../css/ng-tags-input.bootstrap.css | 176 - .../css/ng-tags-input.bootstrap.min.css | 1 - UI/WebServerResources/css/ng-tags-input.css | 158 - .../css/ng-tags-input.min.css | 1 - .../css/themes/amber-theme.css | 228 - .../css/themes/blue-theme.css | 228 - .../css/themes/brown-theme.css | 228 - .../css/themes/cyan-theme.css | 228 - .../css/themes/deep-orange-theme.css | 228 - .../css/themes/deep-purple-theme.css | 228 - .../css/themes/green-theme.css | 228 - .../css/themes/grey-theme.css | 228 - .../css/themes/indigo-theme.css | 228 - .../css/themes/light-blue-dark-theme.css | 230 - .../css/themes/light-green-theme.css | 228 - .../css/themes/lime-theme.css | 228 - .../css/themes/orange-theme.css | 228 - .../css/themes/pink-theme.css | 228 - .../css/themes/purple-theme.css | 228 - .../css/themes/red-theme.css | 228 - .../css/themes/teal-theme.css | 228 - .../css/themes/yellow-theme.css | 228 - UI/WebServerResources/css/ubuntu.css | 105 - 31 files changed, 32563 deletions(-) delete mode 100644 UI/WebServerResources/css/ContactsUI.css delete mode 100644 UI/WebServerResources/css/MailerUI.css delete mode 100644 UI/WebServerResources/css/angular-material.css delete mode 100644 UI/WebServerResources/css/angular-material.min.css delete mode 100644 UI/WebServerResources/css/app.css delete mode 100644 UI/WebServerResources/css/blue-grey-theme.css delete mode 100644 UI/WebServerResources/css/default-theme.css delete mode 100644 UI/WebServerResources/css/mobile.css delete mode 100644 UI/WebServerResources/css/ng-tags-input.bootstrap.css delete mode 100644 UI/WebServerResources/css/ng-tags-input.bootstrap.min.css delete mode 100644 UI/WebServerResources/css/ng-tags-input.css delete mode 100644 UI/WebServerResources/css/ng-tags-input.min.css delete mode 100644 UI/WebServerResources/css/themes/amber-theme.css delete mode 100644 UI/WebServerResources/css/themes/blue-theme.css delete mode 100644 UI/WebServerResources/css/themes/brown-theme.css delete mode 100644 UI/WebServerResources/css/themes/cyan-theme.css delete mode 100644 UI/WebServerResources/css/themes/deep-orange-theme.css delete mode 100644 UI/WebServerResources/css/themes/deep-purple-theme.css delete mode 100644 UI/WebServerResources/css/themes/green-theme.css delete mode 100644 UI/WebServerResources/css/themes/grey-theme.css delete mode 100644 UI/WebServerResources/css/themes/indigo-theme.css delete mode 100644 UI/WebServerResources/css/themes/light-blue-dark-theme.css delete mode 100644 UI/WebServerResources/css/themes/light-green-theme.css delete mode 100644 UI/WebServerResources/css/themes/lime-theme.css delete mode 100644 UI/WebServerResources/css/themes/orange-theme.css delete mode 100644 UI/WebServerResources/css/themes/pink-theme.css delete mode 100644 UI/WebServerResources/css/themes/purple-theme.css delete mode 100644 UI/WebServerResources/css/themes/red-theme.css delete mode 100644 UI/WebServerResources/css/themes/teal-theme.css delete mode 100644 UI/WebServerResources/css/themes/yellow-theme.css delete mode 100755 UI/WebServerResources/css/ubuntu.css diff --git a/UI/WebServerResources/css/ContactsUI.css b/UI/WebServerResources/css/ContactsUI.css deleted file mode 100644 index 51106e2b7..000000000 --- a/UI/WebServerResources/css/ContactsUI.css +++ /dev/null @@ -1,7349 +0,0 @@ -meta.foundation-version { - font-family: "/5.5.0/"; } - -meta.foundation-mq-small { - font-family: "/only screen/"; - width: 0; } - -meta.foundation-mq-small-only { - font-family: "/only screen and (max-width: 40em)/"; - width: 0; } - -meta.foundation-mq-medium { - font-family: "/only screen and (min-width:40.063em)/"; - width: 40.063em; } - -meta.foundation-mq-medium-only { - font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; - width: 40.063em; } - -meta.foundation-mq-large { - font-family: "/only screen and (min-width:64.063em)/"; - width: 64.063em; } - -meta.foundation-mq-large-only { - font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/"; - width: 64.063em; } - -meta.foundation-mq-xlarge { - font-family: "/only screen and (min-width:90.063em)/"; - width: 90.063em; } - -meta.foundation-mq-xlarge-only { - font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/"; - width: 90.063em; } - -meta.foundation-mq-xxlarge { - font-family: "/only screen and (min-width:120.063em)/"; - width: 120.063em; } - -meta.foundation-data-attribute-namespace { - font-family: false; } - -html, body { - height: 100%; } - -*, *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -html, body { - font-size: 87%; } - -body { - background: #fff; - color: #222; - padding: 0; - margin: 0; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - font-style: normal; - line-height: 1.5; - position: relative; - cursor: auto; } - -a:hover { - cursor: pointer; } - -img { - max-width: 100%; - height: auto; } - -img { - -ms-interpolation-mode: bicubic; } - -#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { - max-width: none !important; } - -.left { - float: left !important; } - -.right { - float: right !important; } - -.clearfix:before, .clearfix:after { - content: " "; - display: table; } -.clearfix:after { - clear: both; } - -.hide { - display: none !important; - visibility: hidden; } - -.invisible { - visibility: hidden; } - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; } - -textarea { - height: auto; - min-height: 50px; } - -select { - width: 100%; } - -.row { - width: 100%; - margin-left: auto; - margin-right: auto; - margin-top: 0; - margin-bottom: 0; - max-width: 62.5rem; } - .row:before, .row:after { - content: " "; - display: table; } - .row:after { - clear: both; } - .row.collapse > .column, .row.collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.collapse .row { - margin-left: 0; - margin-right: 0; } - .row .row { - width: auto; - margin-left: -0.9375rem; - margin-right: -0.9375rem; - margin-top: 0; - margin-bottom: 0; - max-width: none; } - .row .row:before, .row .row:after { - content: " "; - display: table; } - .row .row:after { - clear: both; } - .row .row.collapse { - width: auto; - margin: 0; - max-width: none; } - .row .row.collapse:before, .row .row.collapse:after { - content: " "; - display: table; } - .row .row.collapse:after { - clear: both; } - -.column, .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - width: 100%; - float: left; } - -[class*="column"] + [class*="column"]:last-child { - float: right; } - -[class*="column"] + [class*="column"].end { - float: left; } - -@media only screen { - .small-push-0 { - position: relative; - left: 0%; - right: auto; } - - .small-pull-0 { - position: relative; - right: 0%; - left: auto; } - - .small-push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .small-pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .small-push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .small-pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .small-push-3 { - position: relative; - left: 25%; - right: auto; } - - .small-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .small-push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .small-pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .small-push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .small-pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .small-push-6 { - position: relative; - left: 50%; - right: auto; } - - .small-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .small-push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .small-pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .small-push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .small-pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .small-push-9 { - position: relative; - left: 75%; - right: auto; } - - .small-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .small-push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .small-pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .small-push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .small-pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - - .column, .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .small-1 { - width: 8.3333333333%; } - - .small-2 { - width: 16.6666666667%; } - - .small-3 { - width: 25%; } - - .small-4 { - width: 33.3333333333%; } - - .small-5 { - width: 41.6666666667%; } - - .small-6 { - width: 50%; } - - .small-7 { - width: 58.3333333333%; } - - .small-8 { - width: 66.6666666667%; } - - .small-9 { - width: 75%; } - - .small-10 { - width: 83.3333333333%; } - - .small-11 { - width: 91.6666666667%; } - - .small-12 { - width: 100%; } - - .small-offset-0 { - margin-left: 0% !important; } - - .small-offset-1 { - margin-left: 8.3333333333% !important; } - - .small-offset-2 { - margin-left: 16.6666666667% !important; } - - .small-offset-3 { - margin-left: 25% !important; } - - .small-offset-4 { - margin-left: 33.3333333333% !important; } - - .small-offset-5 { - margin-left: 41.6666666667% !important; } - - .small-offset-6 { - margin-left: 50% !important; } - - .small-offset-7 { - margin-left: 58.3333333333% !important; } - - .small-offset-8 { - margin-left: 66.6666666667% !important; } - - .small-offset-9 { - margin-left: 75% !important; } - - .small-offset-10 { - margin-left: 83.3333333333% !important; } - - .small-offset-11 { - margin-left: 91.6666666667% !important; } - - .small-reset-order { - margin-left: 0; - margin-right: 0; - left: auto; - right: auto; - float: left; } - - .column.small-centered, .columns.small-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.small-uncentered, .columns.small-uncentered { - margin-left: 0; - margin-right: 0; - float: left; } - - .column.small-centered:last-child, .columns.small-centered:last-child { - float: none; } - - .column.small-uncentered:last-child, .columns.small-uncentered:last-child { - float: left; } - - .column.small-uncentered.opposite, .columns.small-uncentered.opposite { - float: right; } - - .row.small-collapse > .column, .row.small-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.small-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.small-uncollapse > .column, .row.small-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - } - -@media only screen and (min-width:40.063em) { - .medium-push-0 { - position: relative; - left: 0%; - right: auto; } - - .medium-pull-0 { - position: relative; - right: 0%; - left: auto; } - - .medium-push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .medium-pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .medium-push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .medium-pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .medium-push-3 { - position: relative; - left: 25%; - right: auto; } - - .medium-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .medium-push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .medium-pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .medium-push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .medium-pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .medium-push-6 { - position: relative; - left: 50%; - right: auto; } - - .medium-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .medium-push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .medium-pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .medium-push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .medium-pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .medium-push-9 { - position: relative; - left: 75%; - right: auto; } - - .medium-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .medium-push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .medium-pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .medium-push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .medium-pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - - .column, .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .medium-1 { - width: 8.3333333333%; } - - .medium-2 { - width: 16.6666666667%; } - - .medium-3 { - width: 25%; } - - .medium-4 { - width: 33.3333333333%; } - - .medium-5 { - width: 41.6666666667%; } - - .medium-6 { - width: 50%; } - - .medium-7 { - width: 58.3333333333%; } - - .medium-8 { - width: 66.6666666667%; } - - .medium-9 { - width: 75%; } - - .medium-10 { - width: 83.3333333333%; } - - .medium-11 { - width: 91.6666666667%; } - - .medium-12 { - width: 100%; } - - .medium-offset-0 { - margin-left: 0% !important; } - - .medium-offset-1 { - margin-left: 8.3333333333% !important; } - - .medium-offset-2 { - margin-left: 16.6666666667% !important; } - - .medium-offset-3 { - margin-left: 25% !important; } - - .medium-offset-4 { - margin-left: 33.3333333333% !important; } - - .medium-offset-5 { - margin-left: 41.6666666667% !important; } - - .medium-offset-6 { - margin-left: 50% !important; } - - .medium-offset-7 { - margin-left: 58.3333333333% !important; } - - .medium-offset-8 { - margin-left: 66.6666666667% !important; } - - .medium-offset-9 { - margin-left: 75% !important; } - - .medium-offset-10 { - margin-left: 83.3333333333% !important; } - - .medium-offset-11 { - margin-left: 91.6666666667% !important; } - - .medium-reset-order { - margin-left: 0; - margin-right: 0; - left: auto; - right: auto; - float: left; } - - .column.medium-centered, .columns.medium-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.medium-uncentered, .columns.medium-uncentered { - margin-left: 0; - margin-right: 0; - float: left; } - - .column.medium-centered:last-child, .columns.medium-centered:last-child { - float: none; } - - .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { - float: left; } - - .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { - float: right; } - - .row.medium-collapse > .column, .row.medium-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.medium-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .push-0 { - position: relative; - left: 0%; - right: auto; } - - .pull-0 { - position: relative; - right: 0%; - left: auto; } - - .push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .push-3 { - position: relative; - left: 25%; - right: auto; } - - .pull-3 { - position: relative; - right: 25%; - left: auto; } - - .push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .push-6 { - position: relative; - left: 50%; - right: auto; } - - .pull-6 { - position: relative; - right: 50%; - left: auto; } - - .push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .push-9 { - position: relative; - left: 75%; - right: auto; } - - .pull-9 { - position: relative; - right: 75%; - left: auto; } - - .push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - } - -@media only screen and (min-width:64.063em) { - .large-push-0 { - position: relative; - left: 0%; - right: auto; } - - .large-pull-0 { - position: relative; - right: 0%; - left: auto; } - - .large-push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .large-pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .large-push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .large-pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .large-push-3 { - position: relative; - left: 25%; - right: auto; } - - .large-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .large-push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .large-pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .large-push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .large-pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .large-push-6 { - position: relative; - left: 50%; - right: auto; } - - .large-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .large-push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .large-pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .large-push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .large-pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .large-push-9 { - position: relative; - left: 75%; - right: auto; } - - .large-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .large-push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .large-pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .large-push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .large-pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - - .column, .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .large-1 { - width: 8.3333333333%; } - - .large-2 { - width: 16.6666666667%; } - - .large-3 { - width: 25%; } - - .large-4 { - width: 33.3333333333%; } - - .large-5 { - width: 41.6666666667%; } - - .large-6 { - width: 50%; } - - .large-7 { - width: 58.3333333333%; } - - .large-8 { - width: 66.6666666667%; } - - .large-9 { - width: 75%; } - - .large-10 { - width: 83.3333333333%; } - - .large-11 { - width: 91.6666666667%; } - - .large-12 { - width: 100%; } - - .large-offset-0 { - margin-left: 0% !important; } - - .large-offset-1 { - margin-left: 8.3333333333% !important; } - - .large-offset-2 { - margin-left: 16.6666666667% !important; } - - .large-offset-3 { - margin-left: 25% !important; } - - .large-offset-4 { - margin-left: 33.3333333333% !important; } - - .large-offset-5 { - margin-left: 41.6666666667% !important; } - - .large-offset-6 { - margin-left: 50% !important; } - - .large-offset-7 { - margin-left: 58.3333333333% !important; } - - .large-offset-8 { - margin-left: 66.6666666667% !important; } - - .large-offset-9 { - margin-left: 75% !important; } - - .large-offset-10 { - margin-left: 83.3333333333% !important; } - - .large-offset-11 { - margin-left: 91.6666666667% !important; } - - .large-reset-order { - margin-left: 0; - margin-right: 0; - left: auto; - right: auto; - float: left; } - - .column.large-centered, .columns.large-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.large-uncentered, .columns.large-uncentered { - margin-left: 0; - margin-right: 0; - float: left; } - - .column.large-centered:last-child, .columns.large-centered:last-child { - float: none; } - - .column.large-uncentered:last-child, .columns.large-uncentered:last-child { - float: left; } - - .column.large-uncentered.opposite, .columns.large-uncentered.opposite { - float: right; } - - .row.large-collapse > .column, .row.large-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.large-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.large-uncollapse > .column, .row.large-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .push-0 { - position: relative; - left: 0%; - right: auto; } - - .pull-0 { - position: relative; - right: 0%; - left: auto; } - - .push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .push-3 { - position: relative; - left: 25%; - right: auto; } - - .pull-3 { - position: relative; - right: 25%; - left: auto; } - - .push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .push-6 { - position: relative; - left: 50%; - right: auto; } - - .pull-6 { - position: relative; - right: 50%; - left: auto; } - - .push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .push-9 { - position: relative; - left: 75%; - right: auto; } - - .pull-9 { - position: relative; - right: 75%; - left: auto; } - - .push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - } - -.accordion { - margin-bottom: 0; } - .accordion:before, .accordion:after { - content: " "; - display: table; } - .accordion:after { - clear: both; } - .accordion .accordion-navigation, .accordion dd { - display: block; - margin-bottom: 0 !important; } - .accordion .accordion-navigation.active > a, .accordion dd.active > a { - background: #e8e8e8; } - .accordion .accordion-navigation > a, .accordion dd > a { - background: #EFEFEF; - color: #222222; - padding: 1rem; - display: block; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; } - .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { - background: #e3e3e3; } - .accordion .accordion-navigation > .content, .accordion dd > .content { - display: none; - padding: 0.9375rem; } - .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { - display: block; - background: #FFFFFF; } - -.alert-box { - border-style: solid; - border-width: 1px; - display: block; - font-weight: normal; - margin-bottom: 1.25rem; - position: relative; - padding: 0.875rem 1.5rem 0.875rem 0.875rem; - font-size: 0.75rem; - transition: opacity 300ms ease-out; - background-color: #54B948; - border-color: #48a03d; - color: #FFFFFF; } - .alert-box .close { - font-size: 1.375rem; - padding: 9px 6px 4px; - line-height: 0; - position: absolute; - top: 50%; - margin-top: -0.6875rem; - right: 0.25rem; - color: #333333; - opacity: 0.3; - background: inherit; } - .alert-box .close:hover, .alert-box .close:focus { - opacity: 0.5; } - .alert-box.radius { - border-radius: 3px; } - .alert-box.round { - border-radius: 1000px; } - .alert-box.success { - background-color: #43AC6A; - border-color: #3a945b; - color: #FFFFFF; } - .alert-box.alert { - background-color: #f04124; - border-color: #de2d0f; - color: #FFFFFF; } - .alert-box.secondary { - background-color: #3D792A; - border-color: #346824; - color: #FFFFFF; } - .alert-box.warning { - background-color: #f08a24; - border-color: #de770f; - color: #FFFFFF; } - .alert-box.info { - background-color: #a0d3e8; - border-color: #74bfdd; - color: #15290e; } - .alert-box.alert-close { - opacity: 0; } - -[class*="block-grid-"] { - display: block; - padding: 0; - margin: 0; } - [class*="block-grid-"]:before, [class*="block-grid-"]:after { - content: " "; - display: table; } - [class*="block-grid-"]:after { - clear: both; } - [class*="block-grid-"] > li { - display: block; - height: auto; - float: left; - padding: 0 0.9375rem 1.875rem; } - -@media only screen { - .small-block-grid-1 > li { - width: 100%; - list-style: none; } - .small-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - .small-block-grid-1 > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - - .small-block-grid-2 > li { - width: 50%; - list-style: none; } - .small-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - .small-block-grid-2 > li:nth-of-type(2n+1) { - padding-left: 0rem; - padding-right: 0.9375rem; } - .small-block-grid-2 > li:nth-of-type(2n) { - padding-left: 0.9375rem; - padding-right: 0rem; } - - .small-block-grid-3 > li { - width: 33.3333333333%; - list-style: none; } - .small-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - .small-block-grid-3 > li:nth-of-type(3n+1) { - padding-left: 0rem; - padding-right: 1.25rem; } - .small-block-grid-3 > li:nth-of-type(3n+2) { - padding-left: 0.625rem; - padding-right: 0.625rem; } - .small-block-grid-3 > li:nth-of-type(3n) { - padding-left: 1.25rem; - padding-right: 0rem; } - - .small-block-grid-4 > li { - width: 25%; - list-style: none; } - .small-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - .small-block-grid-4 > li:nth-of-type(4n+1) { - padding-left: 0rem; - padding-right: 1.40625rem; } - .small-block-grid-4 > li:nth-of-type(4n+2) { - padding-left: 0.46875rem; - padding-right: 0.9375rem; } - .small-block-grid-4 > li:nth-of-type(4n+3) { - padding-left: 0.9375rem; - padding-right: 0.46875rem; } - .small-block-grid-4 > li:nth-of-type(4n) { - padding-left: 1.40625rem; - padding-right: 0rem; } - - .small-block-grid-5 > li { - width: 20%; - list-style: none; } - .small-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - .small-block-grid-5 > li:nth-of-type(5n+1) { - padding-left: 0rem; - padding-right: 1.5rem; } - .small-block-grid-5 > li:nth-of-type(5n+2) { - padding-left: 0.375rem; - padding-right: 1.125rem; } - .small-block-grid-5 > li:nth-of-type(5n+3) { - padding-left: 0.75rem; - padding-right: 0.75rem; } - .small-block-grid-5 > li:nth-of-type(5n+4) { - padding-left: 1.125rem; - padding-right: 0.375rem; } - .small-block-grid-5 > li:nth-of-type(5n) { - padding-left: 1.5rem; - padding-right: 0rem; } - - .small-block-grid-6 > li { - width: 16.6666666667%; - list-style: none; } - .small-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - .small-block-grid-6 > li:nth-of-type(6n+1) { - padding-left: 0rem; - padding-right: 1.5625rem; } - .small-block-grid-6 > li:nth-of-type(6n+2) { - padding-left: 0.3125rem; - padding-right: 1.25rem; } - .small-block-grid-6 > li:nth-of-type(6n+3) { - padding-left: 0.625rem; - padding-right: 0.9375rem; } - .small-block-grid-6 > li:nth-of-type(6n+4) { - padding-left: 0.9375rem; - padding-right: 0.625rem; } - .small-block-grid-6 > li:nth-of-type(6n+5) { - padding-left: 1.25rem; - padding-right: 0.3125rem; } - .small-block-grid-6 > li:nth-of-type(6n) { - padding-left: 1.5625rem; - padding-right: 0rem; } - - .small-block-grid-7 > li { - width: 14.2857142857%; - list-style: none; } - .small-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - .small-block-grid-7 > li:nth-of-type(7n+1) { - padding-left: 0rem; - padding-right: 1.6071428571rem; } - .small-block-grid-7 > li:nth-of-type(7n+2) { - padding-left: 0.2678571429rem; - padding-right: 1.3392857143rem; } - .small-block-grid-7 > li:nth-of-type(7n+3) { - padding-left: 0.5357142857rem; - padding-right: 1.0714285714rem; } - .small-block-grid-7 > li:nth-of-type(7n+4) { - padding-left: 0.8035714286rem; - padding-right: 0.8035714286rem; } - .small-block-grid-7 > li:nth-of-type(7n+5) { - padding-left: 1.0714285714rem; - padding-right: 0.5357142857rem; } - .small-block-grid-7 > li:nth-of-type(7n+6) { - padding-left: 1.3392857143rem; - padding-right: 0.2678571429rem; } - .small-block-grid-7 > li:nth-of-type(7n) { - padding-left: 1.6071428571rem; - padding-right: 0rem; } - - .small-block-grid-8 > li { - width: 12.5%; - list-style: none; } - .small-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - .small-block-grid-8 > li:nth-of-type(8n+1) { - padding-left: 0rem; - padding-right: 1.640625rem; } - .small-block-grid-8 > li:nth-of-type(8n+2) { - padding-left: 0.234375rem; - padding-right: 1.40625rem; } - .small-block-grid-8 > li:nth-of-type(8n+3) { - padding-left: 0.46875rem; - padding-right: 1.171875rem; } - .small-block-grid-8 > li:nth-of-type(8n+4) { - padding-left: 0.703125rem; - padding-right: 0.9375rem; } - .small-block-grid-8 > li:nth-of-type(8n+5) { - padding-left: 0.9375rem; - padding-right: 0.703125rem; } - .small-block-grid-8 > li:nth-of-type(8n+6) { - padding-left: 1.171875rem; - padding-right: 0.46875rem; } - .small-block-grid-8 > li:nth-of-type(8n+7) { - padding-left: 1.40625rem; - padding-right: 0.234375rem; } - .small-block-grid-8 > li:nth-of-type(8n) { - padding-left: 1.640625rem; - padding-right: 0rem; } - - .small-block-grid-9 > li { - width: 11.1111111111%; - list-style: none; } - .small-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - .small-block-grid-9 > li:nth-of-type(9n+1) { - padding-left: 0rem; - padding-right: 1.6666666667rem; } - .small-block-grid-9 > li:nth-of-type(9n+2) { - padding-left: 0.2083333333rem; - padding-right: 1.4583333333rem; } - .small-block-grid-9 > li:nth-of-type(9n+3) { - padding-left: 0.4166666667rem; - padding-right: 1.25rem; } - .small-block-grid-9 > li:nth-of-type(9n+4) { - padding-left: 0.625rem; - padding-right: 1.0416666667rem; } - .small-block-grid-9 > li:nth-of-type(9n+5) { - padding-left: 0.8333333333rem; - padding-right: 0.8333333333rem; } - .small-block-grid-9 > li:nth-of-type(9n+6) { - padding-left: 1.0416666667rem; - padding-right: 0.625rem; } - .small-block-grid-9 > li:nth-of-type(9n+7) { - padding-left: 1.25rem; - padding-right: 0.4166666667rem; } - .small-block-grid-9 > li:nth-of-type(9n+8) { - padding-left: 1.4583333333rem; - padding-right: 0.2083333333rem; } - .small-block-grid-9 > li:nth-of-type(9n) { - padding-left: 1.6666666667rem; - padding-right: 0rem; } - - .small-block-grid-10 > li { - width: 10%; - list-style: none; } - .small-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - .small-block-grid-10 > li:nth-of-type(10n+1) { - padding-left: 0rem; - padding-right: 1.6875rem; } - .small-block-grid-10 > li:nth-of-type(10n+2) { - padding-left: 0.1875rem; - padding-right: 1.5rem; } - .small-block-grid-10 > li:nth-of-type(10n+3) { - padding-left: 0.375rem; - padding-right: 1.3125rem; } - .small-block-grid-10 > li:nth-of-type(10n+4) { - padding-left: 0.5625rem; - padding-right: 1.125rem; } - .small-block-grid-10 > li:nth-of-type(10n+5) { - padding-left: 0.75rem; - padding-right: 0.9375rem; } - .small-block-grid-10 > li:nth-of-type(10n+6) { - padding-left: 0.9375rem; - padding-right: 0.75rem; } - .small-block-grid-10 > li:nth-of-type(10n+7) { - padding-left: 1.125rem; - padding-right: 0.5625rem; } - .small-block-grid-10 > li:nth-of-type(10n+8) { - padding-left: 1.3125rem; - padding-right: 0.375rem; } - .small-block-grid-10 > li:nth-of-type(10n+9) { - padding-left: 1.5rem; - padding-right: 0.1875rem; } - .small-block-grid-10 > li:nth-of-type(10n) { - padding-left: 1.6875rem; - padding-right: 0rem; } - - .small-block-grid-11 > li { - width: 9.0909090909%; - list-style: none; } - .small-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - .small-block-grid-11 > li:nth-of-type(11n+1) { - padding-left: 0rem; - padding-right: 1.7045454545rem; } - .small-block-grid-11 > li:nth-of-type(11n+2) { - padding-left: 0.1704545455rem; - padding-right: 1.5340909091rem; } - .small-block-grid-11 > li:nth-of-type(11n+3) { - padding-left: 0.3409090909rem; - padding-right: 1.3636363636rem; } - .small-block-grid-11 > li:nth-of-type(11n+4) { - padding-left: 0.5113636364rem; - padding-right: 1.1931818182rem; } - .small-block-grid-11 > li:nth-of-type(11n+5) { - padding-left: 0.6818181818rem; - padding-right: 1.0227272727rem; } - .small-block-grid-11 > li:nth-of-type(11n+6) { - padding-left: 0.8522727273rem; - padding-right: 0.8522727273rem; } - .small-block-grid-11 > li:nth-of-type(11n+7) { - padding-left: 1.0227272727rem; - padding-right: 0.6818181818rem; } - .small-block-grid-11 > li:nth-of-type(11n+8) { - padding-left: 1.1931818182rem; - padding-right: 0.5113636364rem; } - .small-block-grid-11 > li:nth-of-type(11n+9) { - padding-left: 1.3636363636rem; - padding-right: 0.3409090909rem; } - .small-block-grid-11 > li:nth-of-type(11n+10) { - padding-left: 1.5340909091rem; - padding-right: 0.1704545455rem; } - .small-block-grid-11 > li:nth-of-type(11n) { - padding-left: 1.7045454545rem; - padding-right: 0rem; } - - .small-block-grid-12 > li { - width: 8.3333333333%; - list-style: none; } - .small-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } - .small-block-grid-12 > li:nth-of-type(12n+1) { - padding-left: 0rem; - padding-right: 1.71875rem; } - .small-block-grid-12 > li:nth-of-type(12n+2) { - padding-left: 0.15625rem; - padding-right: 1.5625rem; } - .small-block-grid-12 > li:nth-of-type(12n+3) { - padding-left: 0.3125rem; - padding-right: 1.40625rem; } - .small-block-grid-12 > li:nth-of-type(12n+4) { - padding-left: 0.46875rem; - padding-right: 1.25rem; } - .small-block-grid-12 > li:nth-of-type(12n+5) { - padding-left: 0.625rem; - padding-right: 1.09375rem; } - .small-block-grid-12 > li:nth-of-type(12n+6) { - padding-left: 0.78125rem; - padding-right: 0.9375rem; } - .small-block-grid-12 > li:nth-of-type(12n+7) { - padding-left: 0.9375rem; - padding-right: 0.78125rem; } - .small-block-grid-12 > li:nth-of-type(12n+8) { - padding-left: 1.09375rem; - padding-right: 0.625rem; } - .small-block-grid-12 > li:nth-of-type(12n+9) { - padding-left: 1.25rem; - padding-right: 0.46875rem; } - .small-block-grid-12 > li:nth-of-type(12n+10) { - padding-left: 1.40625rem; - padding-right: 0.3125rem; } - .small-block-grid-12 > li:nth-of-type(12n+11) { - padding-left: 1.5625rem; - padding-right: 0.15625rem; } - .small-block-grid-12 > li:nth-of-type(12n) { - padding-left: 1.71875rem; - padding-right: 0rem; } - } - -@media only screen and (min-width:40.063em) { - .medium-block-grid-1 > li { - width: 100%; - list-style: none; } - .medium-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - .medium-block-grid-1 > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - - .medium-block-grid-2 > li { - width: 50%; - list-style: none; } - .medium-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - .medium-block-grid-2 > li:nth-of-type(2n+1) { - padding-left: 0rem; - padding-right: 0.9375rem; } - .medium-block-grid-2 > li:nth-of-type(2n) { - padding-left: 0.9375rem; - padding-right: 0rem; } - - .medium-block-grid-3 > li { - width: 33.3333333333%; - list-style: none; } - .medium-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - .medium-block-grid-3 > li:nth-of-type(3n+1) { - padding-left: 0rem; - padding-right: 1.25rem; } - .medium-block-grid-3 > li:nth-of-type(3n+2) { - padding-left: 0.625rem; - padding-right: 0.625rem; } - .medium-block-grid-3 > li:nth-of-type(3n) { - padding-left: 1.25rem; - padding-right: 0rem; } - - .medium-block-grid-4 > li { - width: 25%; - list-style: none; } - .medium-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - .medium-block-grid-4 > li:nth-of-type(4n+1) { - padding-left: 0rem; - padding-right: 1.40625rem; } - .medium-block-grid-4 > li:nth-of-type(4n+2) { - padding-left: 0.46875rem; - padding-right: 0.9375rem; } - .medium-block-grid-4 > li:nth-of-type(4n+3) { - padding-left: 0.9375rem; - padding-right: 0.46875rem; } - .medium-block-grid-4 > li:nth-of-type(4n) { - padding-left: 1.40625rem; - padding-right: 0rem; } - - .medium-block-grid-5 > li { - width: 20%; - list-style: none; } - .medium-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - .medium-block-grid-5 > li:nth-of-type(5n+1) { - padding-left: 0rem; - padding-right: 1.5rem; } - .medium-block-grid-5 > li:nth-of-type(5n+2) { - padding-left: 0.375rem; - padding-right: 1.125rem; } - .medium-block-grid-5 > li:nth-of-type(5n+3) { - padding-left: 0.75rem; - padding-right: 0.75rem; } - .medium-block-grid-5 > li:nth-of-type(5n+4) { - padding-left: 1.125rem; - padding-right: 0.375rem; } - .medium-block-grid-5 > li:nth-of-type(5n) { - padding-left: 1.5rem; - padding-right: 0rem; } - - .medium-block-grid-6 > li { - width: 16.6666666667%; - list-style: none; } - .medium-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - .medium-block-grid-6 > li:nth-of-type(6n+1) { - padding-left: 0rem; - padding-right: 1.5625rem; } - .medium-block-grid-6 > li:nth-of-type(6n+2) { - padding-left: 0.3125rem; - padding-right: 1.25rem; } - .medium-block-grid-6 > li:nth-of-type(6n+3) { - padding-left: 0.625rem; - padding-right: 0.9375rem; } - .medium-block-grid-6 > li:nth-of-type(6n+4) { - padding-left: 0.9375rem; - padding-right: 0.625rem; } - .medium-block-grid-6 > li:nth-of-type(6n+5) { - padding-left: 1.25rem; - padding-right: 0.3125rem; } - .medium-block-grid-6 > li:nth-of-type(6n) { - padding-left: 1.5625rem; - padding-right: 0rem; } - - .medium-block-grid-7 > li { - width: 14.2857142857%; - list-style: none; } - .medium-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - .medium-block-grid-7 > li:nth-of-type(7n+1) { - padding-left: 0rem; - padding-right: 1.6071428571rem; } - .medium-block-grid-7 > li:nth-of-type(7n+2) { - padding-left: 0.2678571429rem; - padding-right: 1.3392857143rem; } - .medium-block-grid-7 > li:nth-of-type(7n+3) { - padding-left: 0.5357142857rem; - padding-right: 1.0714285714rem; } - .medium-block-grid-7 > li:nth-of-type(7n+4) { - padding-left: 0.8035714286rem; - padding-right: 0.8035714286rem; } - .medium-block-grid-7 > li:nth-of-type(7n+5) { - padding-left: 1.0714285714rem; - padding-right: 0.5357142857rem; } - .medium-block-grid-7 > li:nth-of-type(7n+6) { - padding-left: 1.3392857143rem; - padding-right: 0.2678571429rem; } - .medium-block-grid-7 > li:nth-of-type(7n) { - padding-left: 1.6071428571rem; - padding-right: 0rem; } - - .medium-block-grid-8 > li { - width: 12.5%; - list-style: none; } - .medium-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - .medium-block-grid-8 > li:nth-of-type(8n+1) { - padding-left: 0rem; - padding-right: 1.640625rem; } - .medium-block-grid-8 > li:nth-of-type(8n+2) { - padding-left: 0.234375rem; - padding-right: 1.40625rem; } - .medium-block-grid-8 > li:nth-of-type(8n+3) { - padding-left: 0.46875rem; - padding-right: 1.171875rem; } - .medium-block-grid-8 > li:nth-of-type(8n+4) { - padding-left: 0.703125rem; - padding-right: 0.9375rem; } - .medium-block-grid-8 > li:nth-of-type(8n+5) { - padding-left: 0.9375rem; - padding-right: 0.703125rem; } - .medium-block-grid-8 > li:nth-of-type(8n+6) { - padding-left: 1.171875rem; - padding-right: 0.46875rem; } - .medium-block-grid-8 > li:nth-of-type(8n+7) { - padding-left: 1.40625rem; - padding-right: 0.234375rem; } - .medium-block-grid-8 > li:nth-of-type(8n) { - padding-left: 1.640625rem; - padding-right: 0rem; } - - .medium-block-grid-9 > li { - width: 11.1111111111%; - list-style: none; } - .medium-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - .medium-block-grid-9 > li:nth-of-type(9n+1) { - padding-left: 0rem; - padding-right: 1.6666666667rem; } - .medium-block-grid-9 > li:nth-of-type(9n+2) { - padding-left: 0.2083333333rem; - padding-right: 1.4583333333rem; } - .medium-block-grid-9 > li:nth-of-type(9n+3) { - padding-left: 0.4166666667rem; - padding-right: 1.25rem; } - .medium-block-grid-9 > li:nth-of-type(9n+4) { - padding-left: 0.625rem; - padding-right: 1.0416666667rem; } - .medium-block-grid-9 > li:nth-of-type(9n+5) { - padding-left: 0.8333333333rem; - padding-right: 0.8333333333rem; } - .medium-block-grid-9 > li:nth-of-type(9n+6) { - padding-left: 1.0416666667rem; - padding-right: 0.625rem; } - .medium-block-grid-9 > li:nth-of-type(9n+7) { - padding-left: 1.25rem; - padding-right: 0.4166666667rem; } - .medium-block-grid-9 > li:nth-of-type(9n+8) { - padding-left: 1.4583333333rem; - padding-right: 0.2083333333rem; } - .medium-block-grid-9 > li:nth-of-type(9n) { - padding-left: 1.6666666667rem; - padding-right: 0rem; } - - .medium-block-grid-10 > li { - width: 10%; - list-style: none; } - .medium-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - .medium-block-grid-10 > li:nth-of-type(10n+1) { - padding-left: 0rem; - padding-right: 1.6875rem; } - .medium-block-grid-10 > li:nth-of-type(10n+2) { - padding-left: 0.1875rem; - padding-right: 1.5rem; } - .medium-block-grid-10 > li:nth-of-type(10n+3) { - padding-left: 0.375rem; - padding-right: 1.3125rem; } - .medium-block-grid-10 > li:nth-of-type(10n+4) { - padding-left: 0.5625rem; - padding-right: 1.125rem; } - .medium-block-grid-10 > li:nth-of-type(10n+5) { - padding-left: 0.75rem; - padding-right: 0.9375rem; } - .medium-block-grid-10 > li:nth-of-type(10n+6) { - padding-left: 0.9375rem; - padding-right: 0.75rem; } - .medium-block-grid-10 > li:nth-of-type(10n+7) { - padding-left: 1.125rem; - padding-right: 0.5625rem; } - .medium-block-grid-10 > li:nth-of-type(10n+8) { - padding-left: 1.3125rem; - padding-right: 0.375rem; } - .medium-block-grid-10 > li:nth-of-type(10n+9) { - padding-left: 1.5rem; - padding-right: 0.1875rem; } - .medium-block-grid-10 > li:nth-of-type(10n) { - padding-left: 1.6875rem; - padding-right: 0rem; } - - .medium-block-grid-11 > li { - width: 9.0909090909%; - list-style: none; } - .medium-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - .medium-block-grid-11 > li:nth-of-type(11n+1) { - padding-left: 0rem; - padding-right: 1.7045454545rem; } - .medium-block-grid-11 > li:nth-of-type(11n+2) { - padding-left: 0.1704545455rem; - padding-right: 1.5340909091rem; } - .medium-block-grid-11 > li:nth-of-type(11n+3) { - padding-left: 0.3409090909rem; - padding-right: 1.3636363636rem; } - .medium-block-grid-11 > li:nth-of-type(11n+4) { - padding-left: 0.5113636364rem; - padding-right: 1.1931818182rem; } - .medium-block-grid-11 > li:nth-of-type(11n+5) { - padding-left: 0.6818181818rem; - padding-right: 1.0227272727rem; } - .medium-block-grid-11 > li:nth-of-type(11n+6) { - padding-left: 0.8522727273rem; - padding-right: 0.8522727273rem; } - .medium-block-grid-11 > li:nth-of-type(11n+7) { - padding-left: 1.0227272727rem; - padding-right: 0.6818181818rem; } - .medium-block-grid-11 > li:nth-of-type(11n+8) { - padding-left: 1.1931818182rem; - padding-right: 0.5113636364rem; } - .medium-block-grid-11 > li:nth-of-type(11n+9) { - padding-left: 1.3636363636rem; - padding-right: 0.3409090909rem; } - .medium-block-grid-11 > li:nth-of-type(11n+10) { - padding-left: 1.5340909091rem; - padding-right: 0.1704545455rem; } - .medium-block-grid-11 > li:nth-of-type(11n) { - padding-left: 1.7045454545rem; - padding-right: 0rem; } - - .medium-block-grid-12 > li { - width: 8.3333333333%; - list-style: none; } - .medium-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } - .medium-block-grid-12 > li:nth-of-type(12n+1) { - padding-left: 0rem; - padding-right: 1.71875rem; } - .medium-block-grid-12 > li:nth-of-type(12n+2) { - padding-left: 0.15625rem; - padding-right: 1.5625rem; } - .medium-block-grid-12 > li:nth-of-type(12n+3) { - padding-left: 0.3125rem; - padding-right: 1.40625rem; } - .medium-block-grid-12 > li:nth-of-type(12n+4) { - padding-left: 0.46875rem; - padding-right: 1.25rem; } - .medium-block-grid-12 > li:nth-of-type(12n+5) { - padding-left: 0.625rem; - padding-right: 1.09375rem; } - .medium-block-grid-12 > li:nth-of-type(12n+6) { - padding-left: 0.78125rem; - padding-right: 0.9375rem; } - .medium-block-grid-12 > li:nth-of-type(12n+7) { - padding-left: 0.9375rem; - padding-right: 0.78125rem; } - .medium-block-grid-12 > li:nth-of-type(12n+8) { - padding-left: 1.09375rem; - padding-right: 0.625rem; } - .medium-block-grid-12 > li:nth-of-type(12n+9) { - padding-left: 1.25rem; - padding-right: 0.46875rem; } - .medium-block-grid-12 > li:nth-of-type(12n+10) { - padding-left: 1.40625rem; - padding-right: 0.3125rem; } - .medium-block-grid-12 > li:nth-of-type(12n+11) { - padding-left: 1.5625rem; - padding-right: 0.15625rem; } - .medium-block-grid-12 > li:nth-of-type(12n) { - padding-left: 1.71875rem; - padding-right: 0rem; } - } - -@media only screen and (min-width:64.063em) { - .large-block-grid-1 > li { - width: 100%; - list-style: none; } - .large-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - .large-block-grid-1 > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - - .large-block-grid-2 > li { - width: 50%; - list-style: none; } - .large-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - .large-block-grid-2 > li:nth-of-type(2n+1) { - padding-left: 0rem; - padding-right: 0.9375rem; } - .large-block-grid-2 > li:nth-of-type(2n) { - padding-left: 0.9375rem; - padding-right: 0rem; } - - .large-block-grid-3 > li { - width: 33.3333333333%; - list-style: none; } - .large-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - .large-block-grid-3 > li:nth-of-type(3n+1) { - padding-left: 0rem; - padding-right: 1.25rem; } - .large-block-grid-3 > li:nth-of-type(3n+2) { - padding-left: 0.625rem; - padding-right: 0.625rem; } - .large-block-grid-3 > li:nth-of-type(3n) { - padding-left: 1.25rem; - padding-right: 0rem; } - - .large-block-grid-4 > li { - width: 25%; - list-style: none; } - .large-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - .large-block-grid-4 > li:nth-of-type(4n+1) { - padding-left: 0rem; - padding-right: 1.40625rem; } - .large-block-grid-4 > li:nth-of-type(4n+2) { - padding-left: 0.46875rem; - padding-right: 0.9375rem; } - .large-block-grid-4 > li:nth-of-type(4n+3) { - padding-left: 0.9375rem; - padding-right: 0.46875rem; } - .large-block-grid-4 > li:nth-of-type(4n) { - padding-left: 1.40625rem; - padding-right: 0rem; } - - .large-block-grid-5 > li { - width: 20%; - list-style: none; } - .large-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - .large-block-grid-5 > li:nth-of-type(5n+1) { - padding-left: 0rem; - padding-right: 1.5rem; } - .large-block-grid-5 > li:nth-of-type(5n+2) { - padding-left: 0.375rem; - padding-right: 1.125rem; } - .large-block-grid-5 > li:nth-of-type(5n+3) { - padding-left: 0.75rem; - padding-right: 0.75rem; } - .large-block-grid-5 > li:nth-of-type(5n+4) { - padding-left: 1.125rem; - padding-right: 0.375rem; } - .large-block-grid-5 > li:nth-of-type(5n) { - padding-left: 1.5rem; - padding-right: 0rem; } - - .large-block-grid-6 > li { - width: 16.6666666667%; - list-style: none; } - .large-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - .large-block-grid-6 > li:nth-of-type(6n+1) { - padding-left: 0rem; - padding-right: 1.5625rem; } - .large-block-grid-6 > li:nth-of-type(6n+2) { - padding-left: 0.3125rem; - padding-right: 1.25rem; } - .large-block-grid-6 > li:nth-of-type(6n+3) { - padding-left: 0.625rem; - padding-right: 0.9375rem; } - .large-block-grid-6 > li:nth-of-type(6n+4) { - padding-left: 0.9375rem; - padding-right: 0.625rem; } - .large-block-grid-6 > li:nth-of-type(6n+5) { - padding-left: 1.25rem; - padding-right: 0.3125rem; } - .large-block-grid-6 > li:nth-of-type(6n) { - padding-left: 1.5625rem; - padding-right: 0rem; } - - .large-block-grid-7 > li { - width: 14.2857142857%; - list-style: none; } - .large-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - .large-block-grid-7 > li:nth-of-type(7n+1) { - padding-left: 0rem; - padding-right: 1.6071428571rem; } - .large-block-grid-7 > li:nth-of-type(7n+2) { - padding-left: 0.2678571429rem; - padding-right: 1.3392857143rem; } - .large-block-grid-7 > li:nth-of-type(7n+3) { - padding-left: 0.5357142857rem; - padding-right: 1.0714285714rem; } - .large-block-grid-7 > li:nth-of-type(7n+4) { - padding-left: 0.8035714286rem; - padding-right: 0.8035714286rem; } - .large-block-grid-7 > li:nth-of-type(7n+5) { - padding-left: 1.0714285714rem; - padding-right: 0.5357142857rem; } - .large-block-grid-7 > li:nth-of-type(7n+6) { - padding-left: 1.3392857143rem; - padding-right: 0.2678571429rem; } - .large-block-grid-7 > li:nth-of-type(7n) { - padding-left: 1.6071428571rem; - padding-right: 0rem; } - - .large-block-grid-8 > li { - width: 12.5%; - list-style: none; } - .large-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - .large-block-grid-8 > li:nth-of-type(8n+1) { - padding-left: 0rem; - padding-right: 1.640625rem; } - .large-block-grid-8 > li:nth-of-type(8n+2) { - padding-left: 0.234375rem; - padding-right: 1.40625rem; } - .large-block-grid-8 > li:nth-of-type(8n+3) { - padding-left: 0.46875rem; - padding-right: 1.171875rem; } - .large-block-grid-8 > li:nth-of-type(8n+4) { - padding-left: 0.703125rem; - padding-right: 0.9375rem; } - .large-block-grid-8 > li:nth-of-type(8n+5) { - padding-left: 0.9375rem; - padding-right: 0.703125rem; } - .large-block-grid-8 > li:nth-of-type(8n+6) { - padding-left: 1.171875rem; - padding-right: 0.46875rem; } - .large-block-grid-8 > li:nth-of-type(8n+7) { - padding-left: 1.40625rem; - padding-right: 0.234375rem; } - .large-block-grid-8 > li:nth-of-type(8n) { - padding-left: 1.640625rem; - padding-right: 0rem; } - - .large-block-grid-9 > li { - width: 11.1111111111%; - list-style: none; } - .large-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - .large-block-grid-9 > li:nth-of-type(9n+1) { - padding-left: 0rem; - padding-right: 1.6666666667rem; } - .large-block-grid-9 > li:nth-of-type(9n+2) { - padding-left: 0.2083333333rem; - padding-right: 1.4583333333rem; } - .large-block-grid-9 > li:nth-of-type(9n+3) { - padding-left: 0.4166666667rem; - padding-right: 1.25rem; } - .large-block-grid-9 > li:nth-of-type(9n+4) { - padding-left: 0.625rem; - padding-right: 1.0416666667rem; } - .large-block-grid-9 > li:nth-of-type(9n+5) { - padding-left: 0.8333333333rem; - padding-right: 0.8333333333rem; } - .large-block-grid-9 > li:nth-of-type(9n+6) { - padding-left: 1.0416666667rem; - padding-right: 0.625rem; } - .large-block-grid-9 > li:nth-of-type(9n+7) { - padding-left: 1.25rem; - padding-right: 0.4166666667rem; } - .large-block-grid-9 > li:nth-of-type(9n+8) { - padding-left: 1.4583333333rem; - padding-right: 0.2083333333rem; } - .large-block-grid-9 > li:nth-of-type(9n) { - padding-left: 1.6666666667rem; - padding-right: 0rem; } - - .large-block-grid-10 > li { - width: 10%; - list-style: none; } - .large-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - .large-block-grid-10 > li:nth-of-type(10n+1) { - padding-left: 0rem; - padding-right: 1.6875rem; } - .large-block-grid-10 > li:nth-of-type(10n+2) { - padding-left: 0.1875rem; - padding-right: 1.5rem; } - .large-block-grid-10 > li:nth-of-type(10n+3) { - padding-left: 0.375rem; - padding-right: 1.3125rem; } - .large-block-grid-10 > li:nth-of-type(10n+4) { - padding-left: 0.5625rem; - padding-right: 1.125rem; } - .large-block-grid-10 > li:nth-of-type(10n+5) { - padding-left: 0.75rem; - padding-right: 0.9375rem; } - .large-block-grid-10 > li:nth-of-type(10n+6) { - padding-left: 0.9375rem; - padding-right: 0.75rem; } - .large-block-grid-10 > li:nth-of-type(10n+7) { - padding-left: 1.125rem; - padding-right: 0.5625rem; } - .large-block-grid-10 > li:nth-of-type(10n+8) { - padding-left: 1.3125rem; - padding-right: 0.375rem; } - .large-block-grid-10 > li:nth-of-type(10n+9) { - padding-left: 1.5rem; - padding-right: 0.1875rem; } - .large-block-grid-10 > li:nth-of-type(10n) { - padding-left: 1.6875rem; - padding-right: 0rem; } - - .large-block-grid-11 > li { - width: 9.0909090909%; - list-style: none; } - .large-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - .large-block-grid-11 > li:nth-of-type(11n+1) { - padding-left: 0rem; - padding-right: 1.7045454545rem; } - .large-block-grid-11 > li:nth-of-type(11n+2) { - padding-left: 0.1704545455rem; - padding-right: 1.5340909091rem; } - .large-block-grid-11 > li:nth-of-type(11n+3) { - padding-left: 0.3409090909rem; - padding-right: 1.3636363636rem; } - .large-block-grid-11 > li:nth-of-type(11n+4) { - padding-left: 0.5113636364rem; - padding-right: 1.1931818182rem; } - .large-block-grid-11 > li:nth-of-type(11n+5) { - padding-left: 0.6818181818rem; - padding-right: 1.0227272727rem; } - .large-block-grid-11 > li:nth-of-type(11n+6) { - padding-left: 0.8522727273rem; - padding-right: 0.8522727273rem; } - .large-block-grid-11 > li:nth-of-type(11n+7) { - padding-left: 1.0227272727rem; - padding-right: 0.6818181818rem; } - .large-block-grid-11 > li:nth-of-type(11n+8) { - padding-left: 1.1931818182rem; - padding-right: 0.5113636364rem; } - .large-block-grid-11 > li:nth-of-type(11n+9) { - padding-left: 1.3636363636rem; - padding-right: 0.3409090909rem; } - .large-block-grid-11 > li:nth-of-type(11n+10) { - padding-left: 1.5340909091rem; - padding-right: 0.1704545455rem; } - .large-block-grid-11 > li:nth-of-type(11n) { - padding-left: 1.7045454545rem; - padding-right: 0rem; } - - .large-block-grid-12 > li { - width: 8.3333333333%; - list-style: none; } - .large-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } - .large-block-grid-12 > li:nth-of-type(12n+1) { - padding-left: 0rem; - padding-right: 1.71875rem; } - .large-block-grid-12 > li:nth-of-type(12n+2) { - padding-left: 0.15625rem; - padding-right: 1.5625rem; } - .large-block-grid-12 > li:nth-of-type(12n+3) { - padding-left: 0.3125rem; - padding-right: 1.40625rem; } - .large-block-grid-12 > li:nth-of-type(12n+4) { - padding-left: 0.46875rem; - padding-right: 1.25rem; } - .large-block-grid-12 > li:nth-of-type(12n+5) { - padding-left: 0.625rem; - padding-right: 1.09375rem; } - .large-block-grid-12 > li:nth-of-type(12n+6) { - padding-left: 0.78125rem; - padding-right: 0.9375rem; } - .large-block-grid-12 > li:nth-of-type(12n+7) { - padding-left: 0.9375rem; - padding-right: 0.78125rem; } - .large-block-grid-12 > li:nth-of-type(12n+8) { - padding-left: 1.09375rem; - padding-right: 0.625rem; } - .large-block-grid-12 > li:nth-of-type(12n+9) { - padding-left: 1.25rem; - padding-right: 0.46875rem; } - .large-block-grid-12 > li:nth-of-type(12n+10) { - padding-left: 1.40625rem; - padding-right: 0.3125rem; } - .large-block-grid-12 > li:nth-of-type(12n+11) { - padding-left: 1.5625rem; - padding-right: 0.15625rem; } - .large-block-grid-12 > li:nth-of-type(12n) { - padding-left: 1.71875rem; - padding-right: 0rem; } - } - -.breadcrumbs { - display: block; - padding: 0.5625rem 0.875rem 0.5625rem; - overflow: hidden; - margin-left: 0; - list-style: none; - border-style: solid; - border-width: 1px; - background-color: #9dd78b; - border-color: #87ce71; - border-radius: 3px; } - .breadcrumbs > * { - margin: 0; - float: left; - font-size: 0.6875rem; - line-height: 0.6875rem; - text-transform: uppercase; - color: #54B948; } - .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { - text-decoration: underline; } - .breadcrumbs > * a { - color: #54B948; } - .breadcrumbs > *.current { - cursor: default; - color: #333333; } - .breadcrumbs > *.current a { - cursor: default; - color: #333333; } - .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { - text-decoration: none; } - .breadcrumbs > *.unavailable { - color: #999999; } - .breadcrumbs > *.unavailable a { - color: #999999; } - .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { - text-decoration: none; - color: #999999; - cursor: default; } - .breadcrumbs > *:before { - content: "/"; - color: #AAAAAA; - margin: 0 0.75rem; - position: relative; - top: 1px; } - .breadcrumbs > *:first-child:before { - content: " "; - margin: 0; } - -/* Accessibility - hides the forward slash */ -[aria-label="breadcrumbs"] [aria-hidden="true"]:after { - content: "/"; } - -button, .button { - border-style: solid; - border-width: 0; - cursor: pointer; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - line-height: normal; - margin: 0 0 1.25rem; - position: relative; - text-decoration: none; - text-align: center; - -webkit-appearance: none; - border-radius: 0; - display: inline-block; - padding-top: 1rem; - padding-right: 2rem; - padding-bottom: 1.0625rem; - padding-left: 2rem; - font-size: 1rem; - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; - transition: background-color 300ms ease-out; } - button:hover, button:focus, .button:hover, .button:focus { - background-color: #439539; } - button:hover, button:focus, .button:hover, .button:focus { - color: #FFFFFF; } - button.secondary, .button.secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; } - button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { - background-color: #316122; } - button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { - color: #FFFFFF; } - button.success, .button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { - background-color: #368a55; } - button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { - color: #FFFFFF; } - button.alert, .button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { - background-color: #cf2a0e; } - button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { - color: #FFFFFF; } - button.warning, .button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6e0e; } - button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - color: #FFFFFF; } - button.info, .button.info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; } - button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { - background-color: #61b6d9; } - button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { - color: #FFFFFF; } - button.large, .button.large { - padding-top: 1.125rem; - padding-right: 2.25rem; - padding-bottom: 1.1875rem; - padding-left: 2.25rem; - font-size: 1.25rem; } - button.small, .button.small { - padding-top: 0.875rem; - padding-right: 1.75rem; - padding-bottom: 0.9375rem; - padding-left: 1.75rem; - font-size: 0.8125rem; } - button.tiny, .button.tiny { - padding-top: 0.625rem; - padding-right: 1.25rem; - padding-bottom: 0.6875rem; - padding-left: 1.25rem; - font-size: 0.6875rem; } - button.expand, .button.expand { - padding-right: 0; - padding-left: 0; - width: 100%; } - button.left-align, .button.left-align { - text-align: left; - text-indent: 0.75rem; } - button.right-align, .button.right-align { - text-align: right; - padding-right: 0.75rem; } - button.radius, .button.radius { - border-radius: 3px; } - button.round, .button.round { - border-radius: 1000px; } - button.disabled, button[disabled], .button.disabled, .button[disabled] { - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - background-color: #439539; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - color: #FFFFFF; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - background-color: #54B948; } - button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #316122; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - color: #FFFFFF; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #3D792A; } - button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - background-color: #368a55; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - color: #FFFFFF; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - background-color: #43AC6A; } - button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - background-color: #cf2a0e; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - color: #FFFFFF; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - background-color: #f04124; } - button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6e0e; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - color: #FFFFFF; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #f08a24; } - button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - background-color: #61b6d9; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - color: #FFFFFF; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - background-color: #a0d3e8; } - -button::-moz-focus-inner { - border: 0; - padding: 0; } - -@media only screen and (min-width:40.063em) { - button, .button { - display: inline-block; } - } - -.button-group { - list-style: none; - margin: 0; - left: 0; } - .button-group:before, .button-group:after { - content: " "; - display: table; } - .button-group:after { - clear: both; } - .button-group > li { - margin: 0 -2px; - display: inline-block; } - .button-group > li > button, .button-group > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group > li:first-child button, .button-group > li:first-child .button { - border-left: 0; } - .button-group.stack > li { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; - float: none; } - .button-group.stack > li > button, .button-group.stack > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { - border-left: 0; } - .button-group.stack > li > button, .button-group.stack > li .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { - border-top: 0; } - .button-group.stack-for-small > li { - margin: 0 -2px; - display: inline-block; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-left: 0; } - @media only screen and (max-width: 40em) { - .button-group.stack-for-small > li { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-left: 0; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-top: 0; } } - .button-group.radius > * { - margin: 0 -2px; - display: inline-block; } - .button-group.radius > * > button, .button-group.radius > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { - border-left: 0; } - .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { - border-radius: 0; } - .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { - border-left: 0; } - .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { - border-top: 0; } - .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button { - border-radius: 0; } - .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { - -webkit-top-left-radius: 3px; - -webkit-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { - -webkit-bottom-left-radius: 3px; - -webkit-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - @media only screen and (min-width:40.063em) { - .button-group.radius.stack-for-small > * { - margin: 0 -2px; - display: inline-block; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { - border-radius: 0; } - .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } } - @media only screen and (max-width: 40em) { - .button-group.radius.stack-for-small > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-top: 0; } - .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { - border-radius: 0; } - .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { - -webkit-top-left-radius: 3px; - -webkit-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { - -webkit-bottom-left-radius: 3px; - -webkit-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } } - .button-group.round > * { - margin: 0 -2px; - display: inline-block; } - .button-group.round > * > button, .button-group.round > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round > *:first-child button, .button-group.round > *:first-child .button { - border-left: 0; } - .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { - border-radius: 0; } - .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - .button-group.round.stack > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.round.stack > * > button, .button-group.round.stack > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { - border-left: 0; } - .button-group.round.stack > * > button, .button-group.round.stack > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { - border-top: 0; } - .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button { - border-radius: 0; } - .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { - -webkit-top-left-radius: 1rem; - -webkit-top-right-radius: 1rem; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; } - .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { - -webkit-bottom-left-radius: 1rem; - -webkit-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; } - @media only screen and (min-width:40.063em) { - .button-group.round.stack-for-small > * { - margin: 0 -2px; - display: inline-block; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { - border-radius: 0; } - .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } } - @media only screen and (max-width: 40em) { - .button-group.round.stack-for-small > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-top: 0; } - .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { - border-radius: 0; } - .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { - -webkit-top-left-radius: 1rem; - -webkit-top-right-radius: 1rem; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; } - .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { - -webkit-bottom-left-radius: 1rem; - -webkit-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; } } - .button-group.even-2 li { - margin: 0 -2px; - display: inline-block; - width: 50%; } - .button-group.even-2 li > button, .button-group.even-2 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { - border-left: 0; } - .button-group.even-2 li button, .button-group.even-2 li .button { - width: 100%; } - .button-group.even-3 li { - margin: 0 -2px; - display: inline-block; - width: 33.3333333333%; } - .button-group.even-3 li > button, .button-group.even-3 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { - border-left: 0; } - .button-group.even-3 li button, .button-group.even-3 li .button { - width: 100%; } - .button-group.even-4 li { - margin: 0 -2px; - display: inline-block; - width: 25%; } - .button-group.even-4 li > button, .button-group.even-4 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { - border-left: 0; } - .button-group.even-4 li button, .button-group.even-4 li .button { - width: 100%; } - .button-group.even-5 li { - margin: 0 -2px; - display: inline-block; - width: 20%; } - .button-group.even-5 li > button, .button-group.even-5 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { - border-left: 0; } - .button-group.even-5 li button, .button-group.even-5 li .button { - width: 100%; } - .button-group.even-6 li { - margin: 0 -2px; - display: inline-block; - width: 16.6666666667%; } - .button-group.even-6 li > button, .button-group.even-6 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { - border-left: 0; } - .button-group.even-6 li button, .button-group.even-6 li .button { - width: 100%; } - .button-group.even-7 li { - margin: 0 -2px; - display: inline-block; - width: 14.2857142857%; } - .button-group.even-7 li > button, .button-group.even-7 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { - border-left: 0; } - .button-group.even-7 li button, .button-group.even-7 li .button { - width: 100%; } - .button-group.even-8 li { - margin: 0 -2px; - display: inline-block; - width: 12.5%; } - .button-group.even-8 li > button, .button-group.even-8 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { - border-left: 0; } - .button-group.even-8 li button, .button-group.even-8 li .button { - width: 100%; } - -.button-bar:before, .button-bar:after { - content: " "; - display: table; } -.button-bar:after { - clear: both; } -.button-bar .button-group { - float: left; - margin-right: 0.625rem; } - .button-bar .button-group div { - overflow: hidden; } - -/* Clearing Styles */ -.clearing-thumbs, [data-clearing] { - margin-bottom: 0; - margin-left: 0; - list-style: none; } - .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { - content: " "; - display: table; } - .clearing-thumbs:after, [data-clearing]:after { - clear: both; } - .clearing-thumbs li, [data-clearing] li { - float: left; - margin-right: 10px; } - .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { - margin-right: 0; } - -.clearing-blackout { - background: #333333; - position: fixed; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 998; } - .clearing-blackout .clearing-close { - display: block; } - -.clearing-container { - position: relative; - z-index: 998; - height: 100%; - overflow: hidden; - margin: 0; } - -.clearing-touch-label { - position: absolute; - top: 50%; - left: 50%; - color: #AAAAAA; - font-size: 0.6em; } - -.visible-img { - height: 95%; - position: relative; } - .visible-img img { - position: absolute; - left: 50%; - top: 50%; - margin-left: -50%; - max-height: 100%; - max-width: 100%; } - -.clearing-caption { - color: #CCCCCC; - font-size: 0.875em; - line-height: 1.3; - margin-bottom: 0; - text-align: center; - bottom: 0; - background: #333333; - width: 100%; - padding: 10px 30px 20px; - position: absolute; - left: 0; } - -.clearing-close { - z-index: 999; - padding-left: 20px; - padding-top: 10px; - font-size: 30px; - line-height: 1; - color: #CCCCCC; - display: none; } - .clearing-close:hover, .clearing-close:focus { - color: #CCCCCC; } - -.clearing-assembled .clearing-container { - height: 100%; } - .clearing-assembled .clearing-container .carousel > ul { - display: none; } - -.clearing-feature li { - display: none; } - .clearing-feature li.clearing-featured-img { - display: block; } - -@media only screen and (min-width:40.063em) { - .clearing-main-prev, .clearing-main-next { - position: absolute; - height: 100%; - width: 40px; - top: 0; } - .clearing-main-prev > span, .clearing-main-next > span { - position: absolute; - top: 50%; - display: block; - width: 0; - height: 0; - border: solid 12px; } - .clearing-main-prev > span:hover, .clearing-main-next > span:hover { - opacity: 0.8; } - - .clearing-main-prev { - left: 0; } - .clearing-main-prev > span { - left: 5px; - border-color: transparent; - border-right-color: #CCCCCC; } - - .clearing-main-next { - right: 0; } - .clearing-main-next > span { - border-color: transparent; - border-left-color: #CCCCCC; } - - .clearing-main-prev.disabled, .clearing-main-next.disabled { - opacity: 0.3; } - - .clearing-assembled .clearing-container .carousel { - background: rgba(51, 51, 51, 0.8); - height: 120px; - margin-top: 10px; - text-align: center; } - .clearing-assembled .clearing-container .carousel > ul { - display: inline-block; - z-index: 999; - height: 100%; - position: relative; - float: none; } - .clearing-assembled .clearing-container .carousel > ul li { - display: block; - width: 120px; - min-height: inherit; - float: left; - overflow: hidden; - margin-right: 0; - padding: 0; - position: relative; - cursor: pointer; - opacity: 0.4; - clear: none; } - .clearing-assembled .clearing-container .carousel > ul li.fix-height img { - height: 100%; - max-width: none; } - .clearing-assembled .clearing-container .carousel > ul li a.th { - border: none; - box-shadow: none; - display: block; } - .clearing-assembled .clearing-container .carousel > ul li img { - cursor: pointer !important; - width: 100% !important; } - .clearing-assembled .clearing-container .carousel > ul li.visible { - opacity: 1; } - .clearing-assembled .clearing-container .carousel > ul li:hover { - opacity: 0.8; } - .clearing-assembled .clearing-container .visible-img { - background: #333333; - overflow: hidden; - height: 85%; } - - .clearing-close { - position: absolute; - top: 10px; - right: 20px; - padding-left: 0; - padding-top: 0; } - } - -/* Foundation Dropdowns */ -.f-dropdown { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: 2px; - max-width: 200px; } - .f-dropdown > *:first-child { - margin-top: 0; } - .f-dropdown > *:last-child { - margin-bottom: 0; } - .f-dropdown:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent transparent #FFFFFF transparent; - border-bottom-style: solid; - position: absolute; - top: -12px; - left: 10px; - z-index: 89; } - .f-dropdown:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: transparent transparent #cccccc transparent; - border-bottom-style: solid; - position: absolute; - top: -14px; - left: 9px; - z-index: 88; } - .f-dropdown.right:before { - left: auto; - right: 10px; } - .f-dropdown.right:after { - left: auto; - right: 9px; } - .f-dropdown.drop-right { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: 0; - margin-left: 2px; - max-width: 200px; } - .f-dropdown.drop-right > *:first-child { - margin-top: 0; } - .f-dropdown.drop-right > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-right:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent #FFFFFF transparent transparent; - border-right-style: solid; - position: absolute; - top: 10px; - left: -12px; - z-index: 89; } - .f-dropdown.drop-right:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: transparent #cccccc transparent transparent; - border-right-style: solid; - position: absolute; - top: 9px; - left: -14px; - z-index: 88; } - .f-dropdown.drop-left { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: 0; - margin-left: -2px; - max-width: 200px; } - .f-dropdown.drop-left > *:first-child { - margin-top: 0; } - .f-dropdown.drop-left > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-left:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent transparent transparent #FFFFFF; - border-left-style: solid; - position: absolute; - top: 10px; - right: -12px; - left: auto; - z-index: 89; } - .f-dropdown.drop-left:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: transparent transparent transparent #cccccc; - border-left-style: solid; - position: absolute; - top: 9px; - right: -14px; - left: auto; - z-index: 88; } - .f-dropdown.drop-top { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: -2px; - margin-left: 0; - max-width: 200px; } - .f-dropdown.drop-top > *:first-child { - margin-top: 0; } - .f-dropdown.drop-top > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-top:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: #FFFFFF transparent transparent transparent; - border-top-style: solid; - position: absolute; - top: auto; - bottom: -12px; - left: 10px; - right: auto; - z-index: 89; } - .f-dropdown.drop-top:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: #cccccc transparent transparent transparent; - border-top-style: solid; - position: absolute; - top: auto; - bottom: -14px; - left: 9px; - right: auto; - z-index: 88; } - .f-dropdown li { - font-size: 0.875rem; - cursor: pointer; - line-height: 1.125rem; - margin: 0; } - .f-dropdown li:hover, .f-dropdown li:focus { - background: #EEEEEE; } - .f-dropdown li.radius { - border-radius: 3px; } - .f-dropdown li a { - display: block; - padding: 0.5rem; - color: #555555; } - .f-dropdown.content { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - padding: 1.25rem; - width: 100%; - height: auto; - max-height: none; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - max-width: 200px; } - .f-dropdown.content > *:first-child { - margin-top: 0; } - .f-dropdown.content > *:last-child { - margin-bottom: 0; } - .f-dropdown.tiny { - max-width: 200px; } - .f-dropdown.small { - max-width: 300px; } - .f-dropdown.medium { - max-width: 500px; } - .f-dropdown.large { - max-width: 800px; } - .f-dropdown.mega { - width: 100% !important; - max-width: 100% !important; } - .f-dropdown.mega.open { - left: 0 !important; } - -.dropdown.button, button.dropdown { - position: relative; - outline: none; - padding-right: 3.5625rem; } - .dropdown.button::after, button.dropdown::after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: solid; - border-color: #FFFFFF transparent transparent transparent; - top: 50%; } - .dropdown.button::after, button.dropdown::after { - border-width: 0.375rem; - right: 1.40625rem; - margin-top: -0.15625rem; } - .dropdown.button::after, button.dropdown::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.tiny, button.dropdown.tiny { - padding-right: 2.625rem; } - .dropdown.button.tiny:after, button.dropdown.tiny:after { - border-width: 0.375rem; - right: 1.125rem; - margin-top: -0.125rem; } - .dropdown.button.tiny::after, button.dropdown.tiny::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.small, button.dropdown.small { - padding-right: 3.0625rem; } - .dropdown.button.small::after, button.dropdown.small::after { - border-width: 0.4375rem; - right: 1.3125rem; - margin-top: -0.15625rem; } - .dropdown.button.small::after, button.dropdown.small::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.large, button.dropdown.large { - padding-right: 3.625rem; } - .dropdown.button.large::after, button.dropdown.large::after { - border-width: 0.3125rem; - right: 1.71875rem; - margin-top: -0.15625rem; } - .dropdown.button.large::after, button.dropdown.large::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.secondary:after, button.dropdown.secondary:after { - border-color: #333333 transparent transparent transparent; } - -.flex-video { - position: relative; - padding-top: 1.5625rem; - padding-bottom: 67.5%; - height: 0; - margin-bottom: 1rem; - overflow: hidden; } - .flex-video.widescreen { - padding-bottom: 56.34%; } - .flex-video.vimeo { - padding-top: 0; } - .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - -/* Standard Forms */ -form { - margin: 0 0 1rem; } - -/* Using forms within rows, we need to set some defaults */ -form .row .row { - margin: 0 -0.5rem; } - form .row .row .column, form .row .row .columns { - padding: 0 0.5rem; } - form .row .row.collapse { - margin: 0; } - form .row .row.collapse .column, form .row .row.collapse .columns { - padding: 0; } - form .row .row.collapse input { - -webkit-border-bottom-right-radius: 0; - -webkit-border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } -form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { - padding-left: 0.5rem; } - -/* Label Styles */ -label { - font-size: 0.875rem; - color: #4d4d4d; - cursor: pointer; - display: block; - font-weight: normal; - line-height: 1.5; - margin-bottom: 0; - /* Styles for required inputs */ } - label.right { - float: none !important; - text-align: right; } - label.inline { - margin: 0 0 1rem 0; - padding: 0.5625rem 0; } - label small { - text-transform: capitalize; - color: #676767; } - -/* Attach elements to the beginning or end of an input */ -.prefix, .postfix { - display: block; - position: relative; - z-index: 2; - text-align: center; - width: 100%; - padding-top: 0; - padding-bottom: 0; - border-style: solid; - border-width: 1px; - overflow: hidden; - font-size: 0.875rem; - height: 2.3125rem; - line-height: 2.3125rem; } - -/* Adjust padding, alignment and radius if pre/post element is a button */ -.postfix.button { - padding-left: 0; - padding-right: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; } - -.prefix.button { - padding-left: 0; - padding-right: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; } - -.prefix.button.radius { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - -.postfix.button.radius { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - -.prefix.button.round { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - -.postfix.button.round { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -/* Separate prefix and postfix styles when on span or label so buttons keep their own */ -span.prefix, label.prefix { - background: #f2f2f2; - border-right: none; - color: #333333; - border-color: #cccccc; } - -span.postfix, label.postfix { - background: #f2f2f2; - border-left: none; - color: #333333; - border-color: #cccccc; } - -/* We use this to get basic styling on all basic form elements */ -input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { - -webkit-appearance: none; - border-radius: 0; - background-color: #FFFFFF; - font-family: inherit; - border-style: solid; - border-width: 1px; - border-color: #cccccc; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.75); - display: block; - font-size: 0.875rem; - margin: 0 0 1rem 0; - padding: 0.5rem; - height: 2.3125rem; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } - input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { - box-shadow: 0 0 5px #999999; - border-color: #999999; } - input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { - background: #fafafa; - border-color: #999999; - outline: none; } - input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { - background-color: #DDDDDD; - cursor: default; } - input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { - background-color: #DDDDDD; - cursor: default; } - input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { - border-radius: 3px; } - -form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } -form .row .prefix-radius.row.collapse .prefix { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } -form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } -form .row .postfix-radius.row.collapse .postfix { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } -form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } -form .row .prefix-round.row.collapse .prefix { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } -form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } -form .row .postfix-round.row.collapse .postfix { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -input[type="submit"] { - -webkit-appearance: none; - border-radius: 0; } - -/* Respect enforced amount of rows for textarea */ -textarea[rows] { - height: auto; } - -/* Not allow resize out of parent */ -textarea { - max-width: 100%; } - -/* Add height value for select elements to match text input height */ -select { - -webkit-appearance: none !important; - border-radius: 0; - background-color: #FAFAFA; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); - background-position: 100% center; - background-repeat: no-repeat; - border-style: solid; - border-width: 1px; - border-color: #cccccc; - padding: 0.5rem; - font-size: 0.875rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - color: rgba(0, 0, 0, 0.75); - line-height: normal; - border-radius: 0; - height: 2.3125rem; } - select::-ms-expand { - display: none; } - select.radius { - border-radius: 3px; } - select:hover { - background-color: #f3f3f3; - border-color: #999999; } - select:disabled { - background-color: #DDDDDD; - cursor: default; } - -/* Adjust margin for form elements below */ -input[type="file"], input[type="checkbox"], input[type="radio"], select { - margin: 0 0 1rem 0; } - -input[type="checkbox"] + label, input[type="radio"] + label { - display: inline-block; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; - vertical-align: baseline; } - -/* Normalize file input width */ -input[type="file"] { - width: 100%; } - -/* HTML5 Number spinners settings */ -/* We add basic fieldset styling */ -fieldset { - border: 1px solid #DDDDDD; - padding: 1.25rem; - margin: 1.125rem 0; } - fieldset legend { - font-weight: bold; - background: #FFFFFF; - padding: 0 0.1875rem; - margin: 0; - margin-left: -0.1875rem; } - -/* Error Handling */ -[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { - display: block; - padding: 0.375rem 0.5625rem 0.5625rem; - margin-top: -1px; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: normal; - font-style: italic; - background: #f04124; - color: #FFFFFF; } -[data-abide] span.error, [data-abide] small.error { - display: none; } - -span.error, small.error { - display: block; - padding: 0.375rem 0.5625rem 0.5625rem; - margin-top: -1px; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: normal; - font-style: italic; - background: #f04124; - color: #FFFFFF; } - -.error input, .error textarea, .error select { - margin-bottom: 0; } -.error input[type="checkbox"], .error input[type="radio"] { - margin-bottom: 1rem; } -.error label, .error label.error { - color: #f04124; } -.error small.error { - display: block; - padding: 0.375rem 0.5625rem 0.5625rem; - margin-top: -1px; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: normal; - font-style: italic; - background: #f04124; - color: #FFFFFF; } -.error > label > small { - color: #676767; - background: transparent; - padding: 0; - text-transform: capitalize; - font-style: normal; - font-size: 60%; - margin: 0; - display: inline; } -.error span.error-message { - display: block; } - -input.error, textarea.error, select.error { - margin-bottom: 0; } - -label.error { - color: #f04124; } - -.icon-bar { - width: 100%; - font-size: 0; - display: inline-block; - background: #333333; } - .icon-bar > * { - text-align: center; - font-size: 1rem; - width: 25%; - margin: 0 auto; - display: block; - padding: 1.25rem; - float: left; } - .icon-bar > * i, .icon-bar > * img { - display: block; - margin: 0 auto; } - .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: 0.0625rem; } - .icon-bar > * i { - font-size: 1.875rem; - vertical-align: middle; } - .icon-bar > * img { - width: 1.875rem; - height: 1.875rem; } - .icon-bar.label-right > * i, .icon-bar.label-right > * img { - margin: 0 0.0625rem 0 0; - display: inline-block; } - .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { - margin-top: 0; } - .icon-bar.label-right > * label { - display: inline-block; } - .icon-bar.vertical.label-right > * { - text-align: left; } - .icon-bar.vertical, .icon-bar.small-vertical { - height: 100%; - width: auto; } - .icon-bar.vertical .item, .icon-bar.small-vertical .item { - width: auto; - margin: auto; - float: none; } - @media only screen and (min-width:40.063em) { - .icon-bar.medium-vertical { - height: 100%; - width: auto; } - .icon-bar.medium-vertical .item { - width: auto; - margin: auto; - float: none; } } - @media only screen and (min-width:64.063em) { - .icon-bar.large-vertical { - height: 100%; - width: auto; } - .icon-bar.large-vertical .item { - width: auto; - margin: auto; - float: none; } } - .icon-bar > * { - font-size: 1rem; - padding: 1.25rem; } - .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: 0.0625rem; } - .icon-bar > * i { - font-size: 1.875rem; } - .icon-bar > * img { - width: 1.875rem; - height: 1.875rem; } - .icon-bar > * label { - color: #FFFFFF; } - .icon-bar > * i { - color: #FFFFFF; } - .icon-bar > a:hover { - background: #54B948; } - .icon-bar > a:hover label { - color: #FFFFFF; } - .icon-bar > a:hover i { - color: #FFFFFF; } - .icon-bar > a.active { - background: #54B948; } - .icon-bar > a.active label { - color: #FFFFFF; } - .icon-bar > a.active i { - color: #FFFFFF; } - -.icon-bar.two-up .item { - width: 50%; } -.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.two-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.two-up.large-vertical .item { - width: auto; } } -.icon-bar.three-up .item { - width: 33.3333%; } -.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.three-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.three-up.large-vertical .item { - width: auto; } } -.icon-bar.four-up .item { - width: 25%; } -.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.four-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.four-up.large-vertical .item { - width: auto; } } -.icon-bar.five-up .item { - width: 20%; } -.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.five-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.five-up.large-vertical .item { - width: auto; } } -.icon-bar.six-up .item { - width: 16.66667%; } -.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.six-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.six-up.large-vertical .item { - width: auto; } } - -.inline-list { - margin: 0 auto 1.0625rem auto; - margin-left: -1.375rem; - margin-right: 0; - padding: 0; - list-style: none; - overflow: hidden; } - .inline-list > li { - list-style: none; - float: left; - margin-left: 1.375rem; - display: block; } - .inline-list > li > * { - display: block; } - -/* Foundation Joyride */ -.joyride-list { - display: none; } - -/* Default styles for the container */ -.joyride-tip-guide { - display: none; - position: absolute; - background: #333333; - color: #FFFFFF; - z-index: 101; - top: 0; - left: 2.5%; - font-family: inherit; - font-weight: normal; - width: 95%; } - -.lt-ie9 .joyride-tip-guide { - max-width: 800px; - left: 50%; - margin-left: -400px; } - -.joyride-content-wrapper { - width: 100%; - padding: 1.125rem 1.25rem 1.5rem; } - .joyride-content-wrapper .button { - margin-bottom: 0 !important; } - .joyride-content-wrapper .joyride-prev-tip { - margin-right: 10px; } - -/* Add a little css triangle pip, older browser just miss out on the fanciness of it */ -.joyride-tip-guide .joyride-nub { - display: block; - position: absolute; - left: 22px; - width: 0; - height: 0; - border: 10px solid #333333; } - .joyride-tip-guide .joyride-nub.top { - border-top-style: solid; - border-color: #333333; - border-top-color: transparent !important; - border-left-color: transparent !important; - border-right-color: transparent !important; - top: -20px; } - .joyride-tip-guide .joyride-nub.bottom { - border-bottom-style: solid; - border-color: #333333 !important; - border-bottom-color: transparent !important; - border-left-color: transparent !important; - border-right-color: transparent !important; - bottom: -20px; } - .joyride-tip-guide .joyride-nub.right { - right: -20px; } - .joyride-tip-guide .joyride-nub.left { - left: -20px; } - -/* Typography */ -.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { - line-height: 1.25; - margin: 0; - font-weight: bold; - color: #FFFFFF; } - -.joyride-tip-guide p { - margin: 0 0 1.125rem 0; - font-size: 0.875rem; - line-height: 1.3; } - -.joyride-timer-indicator-wrap { - width: 50px; - height: 3px; - border: solid 1px #555555; - position: absolute; - right: 1.0625rem; - bottom: 1rem; } - -.joyride-timer-indicator { - display: block; - width: 0; - height: inherit; - background: #666666; } - -.joyride-close-tip { - position: absolute; - right: 12px; - top: 10px; - color: #777777 !important; - text-decoration: none; - font-size: 24px; - font-weight: normal; - line-height: 0.5 !important; } - .joyride-close-tip:hover, .joyride-close-tip:focus { - color: #EEEEEE !important; } - -.joyride-modal-bg { - position: fixed; - height: 100%; - width: 100%; - background: transparent; - background: rgba(0, 0, 0, 0.5); - z-index: 100; - display: none; - top: 0; - left: 0; - cursor: pointer; } - -.joyride-expose-wrapper { - background-color: #FFFFFF; - position: absolute; - border-radius: 3px; - z-index: 102; - box-shadow: 0 0 15px #FFFFFF; } - -.joyride-expose-cover { - background: transparent; - border-radius: 3px; - position: absolute; - z-index: 9999; - top: 0; - left: 0; } - -/* Styles for screens that are at least 768px; */ -@media only screen and (min-width:40.063em) { - .joyride-tip-guide { - width: 300px; - left: inherit; } - .joyride-tip-guide .joyride-nub.bottom { - border-color: #333333 !important; - border-bottom-color: transparent !important; - border-left-color: transparent !important; - border-right-color: transparent !important; - bottom: -20px; } - .joyride-tip-guide .joyride-nub.right { - border-color: #333333 !important; - border-top-color: transparent !important; - border-right-color: transparent !important; - border-bottom-color: transparent !important; - top: 22px; - left: auto; - right: -20px; } - .joyride-tip-guide .joyride-nub.left { - border-color: #333333 !important; - border-top-color: transparent !important; - border-left-color: transparent !important; - border-bottom-color: transparent !important; - top: 22px; - left: -20px; - right: auto; } - } - -.keystroke, kbd { - background-color: #ededed; - border-color: #dddddd; - color: #222222; - border-style: solid; - border-width: 1px; - margin: 0; - font-family: "Consolas", "Menlo", "Courier", monospace; - font-size: inherit; - padding: 0.125rem 0.25rem 0; - border-radius: 3px; } - -.label { - font-weight: normal; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - text-align: center; - text-decoration: none; - line-height: 1; - white-space: nowrap; - display: inline-block; - position: relative; - margin-bottom: auto; - padding: 0.25rem 0.5rem 0.25rem; - font-size: 0.6875rem; - background-color: #54B948; - color: #FFFFFF; } - .label.radius { - border-radius: 3px; } - .label.round { - border-radius: 1000px; } - .label.alert { - background-color: #f04124; - color: #FFFFFF; } - .label.warning { - background-color: #f08a24; - color: #FFFFFF; } - .label.success { - background-color: #43AC6A; - color: #FFFFFF; } - .label.secondary { - background-color: #3D792A; - color: #FFFFFF; } - .label.info { - background-color: #a0d3e8; - color: #333333; } - -[data-magellan-expedition], [data-magellan-expedition-clone] { - background: #FFFFFF; - z-index: 50; - min-width: 100%; - padding: 10px; } - [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { - margin-bottom: 0; } - [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { - margin-bottom: 0; } - [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { - line-height: 1.8em; } - -@-webkit-keyframes rotate { - from { - -webkit-transform: rotate(0deg); } - - to { - -webkit-transform: rotate(360deg); } } - -@-moz-keyframes rotate { - from { - -moz-transform: rotate(0deg); } - - to { - -moz-transform: rotate(360deg); } } - -@-o-keyframes rotate { - from { - -o-transform: rotate(0deg); } - - to { - -o-transform: rotate(360deg); } } - -@keyframes rotate { - from { - transform: rotate(0deg); } - - to { - transform: rotate(360deg); } } - -/* Orbit Graceful Loading */ -.slideshow-wrapper { - position: relative; } - .slideshow-wrapper ul { - list-style-type: none; - margin: 0; } - .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { - display: none; } - .slideshow-wrapper ul li:first-child { - display: block; } - .slideshow-wrapper .orbit-container { - background-color: transparent; } - .slideshow-wrapper .orbit-container li { - display: block; } - .slideshow-wrapper .orbit-container li .orbit-caption { - display: block; } - .slideshow-wrapper .orbit-container .orbit-bullets li { - display: inline-block; } - .slideshow-wrapper .preloader { - display: block; - width: 40px; - height: 40px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -20px; - margin-left: -20px; - border: solid 3px; - border-color: #555555 #FFFFFF; - border-radius: 1000px; - animation-name: rotate; - animation-duration: 1.5s; - animation-iteration-count: infinite; - animation-timing-function: linear; } - -.orbit-container { - overflow: hidden; - width: 100%; - position: relative; - background: none; } - .orbit-container .orbit-slides-container { - list-style: none; - margin: 0; - padding: 0; - position: relative; - -webkit-transform: translateZ(0); } - .orbit-container .orbit-slides-container img { - display: block; - max-width: 100%; } - .orbit-container .orbit-slides-container > * { - position: absolute; - top: 0; - width: 100%; - margin-left: 100%; } - .orbit-container .orbit-slides-container > *:first-child { - margin-left: 0; } - .orbit-container .orbit-slides-container > * .orbit-caption { - position: absolute; - bottom: 0; - background-color: rgba(51, 51, 51, 0.8); - color: #FFFFFF; - width: 100%; - padding: 0.625rem 0.875rem; - font-size: 0.875rem; } - .orbit-container .orbit-slide-number { - position: absolute; - top: 10px; - left: 10px; - font-size: 12px; - color: #FFFFFF; - background: rgba(0, 0, 0, 0); - z-index: 10; } - .orbit-container .orbit-slide-number span { - font-weight: 700; - padding: 0.3125rem; } - .orbit-container .orbit-timer { - position: absolute; - top: 12px; - right: 10px; - height: 6px; - width: 100px; - z-index: 10; } - .orbit-container .orbit-timer .orbit-progress { - height: 3px; - background-color: rgba(255, 255, 255, 0.3); - display: block; - width: 0; - position: relative; - right: 20px; - top: 5px; } - .orbit-container .orbit-timer > span { - display: none; - position: absolute; - top: 0; - right: 0; - width: 11px; - height: 14px; - border: solid 4px #FFFFFF; - border-top: none; - border-bottom: none; } - .orbit-container .orbit-timer.paused > span { - right: -4px; - top: 0; - width: 11px; - height: 14px; - border: inset 8px; - border-left-style: solid; - border-color: transparent; - border-left-color: #FFFFFF; } - .orbit-container .orbit-timer.paused > span.dark { - border-left-color: #333333; } - .orbit-container:hover .orbit-timer > span { - display: block; } - .orbit-container .orbit-prev, .orbit-container .orbit-next { - position: absolute; - top: 45%; - margin-top: -25px; - width: 36px; - height: 60px; - line-height: 50px; - color: white; - background-color: transparent; - text-indent: -9999px !important; - z-index: 10; } - .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { - background-color: rgba(0, 0, 0, 0.3); } - .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { - position: absolute; - top: 50%; - margin-top: -10px; - display: block; - width: 0; - height: 0; - border: inset 10px; } - .orbit-container .orbit-prev { - left: 0; } - .orbit-container .orbit-prev > span { - border-right-style: solid; - border-color: transparent; - border-right-color: #FFFFFF; } - .orbit-container .orbit-prev:hover > span { - border-right-color: #FFFFFF; } - .orbit-container .orbit-next { - right: 0; } - .orbit-container .orbit-next > span { - border-color: transparent; - border-left-style: solid; - border-left-color: #FFFFFF; - left: 50%; - margin-left: -4px; } - .orbit-container .orbit-next:hover > span { - border-left-color: #FFFFFF; } - -.orbit-bullets-container { - text-align: center; } - -.orbit-bullets { - margin: 0 auto 30px auto; - overflow: hidden; - position: relative; - top: 10px; - float: none; - text-align: center; - display: block; } - .orbit-bullets li { - cursor: pointer; - display: inline-block; - width: 0.5625rem; - height: 0.5625rem; - background: #CCCCCC; - float: none; - margin-right: 6px; - border-radius: 1000px; } - .orbit-bullets li.active { - background: #999999; } - .orbit-bullets li:last-child { - margin-right: 0; } - -.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { - display: none; } -.touch .orbit-bullets { - display: none; } - -@media only screen and (min-width:40.063em) { - .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { - display: inherit; } - .touch .orbit-bullets { - display: block; } - } - -@media only screen and (max-width: 40em) { - .orbit-stack-on-small .orbit-slides-container { - height: auto !important; } - .orbit-stack-on-small .orbit-slides-container > * { - position: relative; - margin: 0 !important; - opacity: 1 !important; } - .orbit-stack-on-small .orbit-slide-number { - display: none; } - - .orbit-timer { - display: none; } - - .orbit-next, .orbit-prev { - display: none; } - - .orbit-bullets { - display: none; } - } - -ul.pagination { - display: block; - min-height: 1.5rem; - margin-left: -0.3125rem; } - ul.pagination li { - height: 1.5rem; - color: #222222; - font-size: 0.875rem; - margin-left: 0.3125rem; } - ul.pagination li a, ul.pagination li button { - display: block; - padding: 0.0625rem 0.625rem 0.0625rem; - color: #999999; - background: none; - border-radius: 3px; - font-weight: normal; - font-size: 1em; - line-height: inherit; - transition: background-color 300ms ease-out; } - ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { - background: #e6e6e6; } - ul.pagination li.unavailable a, ul.pagination li.unavailable button { - cursor: default; - color: #999999; } - ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { - background: transparent; } - ul.pagination li.current a, ul.pagination li.current button { - background: #54B948; - color: #FFFFFF; - font-weight: bold; - cursor: default; } - ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { - background: #54B948; } - ul.pagination li { - float: left; - display: block; } - -/* Pagination centred wrapper */ -.pagination-centered { - text-align: center; } - .pagination-centered ul.pagination li { - float: none; - display: inline-block; } - -/* Panels */ -.panel { - border-style: solid; - border-width: 1px; - border-color: #d8d8d8; - margin-bottom: 1.25rem; - padding: 1.25rem; - background: #f2f2f2; - color: #333333; } - .panel > :first-child { - margin-top: 0; } - .panel > :last-child { - margin-bottom: 0; } - .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { - color: #333333; } - .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { - line-height: 1; - margin-bottom: 0.625rem; } - .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { - line-height: 1.4; } - .panel.callout { - border-style: solid; - border-width: 1px; - border-color: #d0eccd; - margin-bottom: 1.25rem; - padding: 1.25rem; - background: #f5fbf4; - color: #333333; } - .panel.callout > :first-child { - margin-top: 0; } - .panel.callout > :last-child { - margin-bottom: 0; } - .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { - color: #333333; } - .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { - line-height: 1; - margin-bottom: 0.625rem; } - .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { - line-height: 1.4; } - .panel.callout a:not(.button) { - color: #54B948; } - .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus { - color: #48a03d; } - .panel.radius { - border-radius: 3px; } - -/* Pricing Tables */ -.pricing-table { - border: solid 1px #DDDDDD; - margin-left: 0; - margin-bottom: 1.25rem; } - .pricing-table * { - list-style: none; - line-height: 1; } - .pricing-table .title { - background-color: #333333; - padding: 0.9375rem 1.25rem; - text-align: center; - color: #EEEEEE; - font-weight: normal; - font-size: 1rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .pricing-table .price { - background-color: #F6F6F6; - padding: 0.9375rem 1.25rem; - text-align: center; - color: #333333; - font-weight: normal; - font-size: 2rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .pricing-table .description { - background-color: #FFFFFF; - padding: 0.9375rem; - text-align: center; - color: #777777; - font-size: 0.75rem; - font-weight: normal; - line-height: 1.4; - border-bottom: dotted 1px #DDDDDD; } - .pricing-table .bullet-item { - background-color: #FFFFFF; - padding: 0.9375rem; - text-align: center; - color: #333333; - font-size: 0.875rem; - font-weight: normal; - border-bottom: dotted 1px #DDDDDD; } - .pricing-table .cta-button { - background-color: #FFFFFF; - text-align: center; - padding: 1.25rem 1.25rem 0; } - -/* Progress Bar */ -.progress { - background-color: #F6F6F6; - height: 1.5625rem; - border: 1px solid white; - padding: 0.125rem; - margin-bottom: 0.625rem; } - .progress .meter { - background: #54B948; - height: 100%; - display: block; } - .progress.secondary .meter { - background: #3D792A; - height: 100%; - display: block; } - .progress.success .meter { - background: #43AC6A; - height: 100%; - display: block; } - .progress.alert .meter { - background: #f04124; - height: 100%; - display: block; } - .progress.radius { - border-radius: 3px; } - .progress.radius .meter { - border-radius: 2px; } - .progress.round { - border-radius: 1000px; } - .progress.round .meter { - border-radius: 999px; } - -.range-slider { - display: block; - position: relative; - width: 100%; - height: 1rem; - border: 1px solid #DDDDDD; - margin: 1.25rem 0; - -ms-touch-action: none; - touch-action: none; - background: #FAFAFA; } - .range-slider.vertical-range { - display: block; - position: relative; - width: 100%; - height: 1rem; - border: 1px solid #DDDDDD; - margin: 1.25rem 0; - -ms-touch-action: none; - touch-action: none; - display: inline-block; - width: 1rem; - height: 12.5rem; } - .range-slider.vertical-range .range-slider-handle { - margin-top: 0; - margin-left: -0.5rem; - position: absolute; - bottom: -10.5rem; } - .range-slider.vertical-range .range-slider-active-segment { - width: 0.875rem; - height: auto; - bottom: 0; } - .range-slider.radius { - background: #FAFAFA; - border-radius: 3px; } - .range-slider.radius .range-slider-handle { - background: #54B948; - border-radius: 3px; } - .range-slider.radius .range-slider-handle:hover { - background: #49a43f; } - .range-slider.round { - background: #FAFAFA; - border-radius: 1000px; } - .range-slider.round .range-slider-handle { - background: #54B948; - border-radius: 1000px; } - .range-slider.round .range-slider-handle:hover { - background: #49a43f; } - .range-slider.disabled, .range-slider[disabled] { - background: #FAFAFA; - cursor: default; - opacity: 0.7; } - .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { - background: #54B948; - cursor: default; - opacity: 0.7; } - .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { - background: #49a43f; } - -.range-slider-active-segment { - display: inline-block; - position: absolute; - height: 0.875rem; - background: #3c782a; } - -.range-slider-handle { - display: inline-block; - position: absolute; - z-index: 1; - top: -0.3125rem; - width: 2rem; - height: 1.375rem; - border: 1px solid none; - cursor: pointer; - -ms-touch-action: manipulation; - touch-action: manipulation; - background: #54B948; } - .range-slider-handle:hover { - background: #49a43f; } - -.reveal-modal-bg { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; - background: rgba(0, 0, 0, 0.45); - z-index: 1004; - display: none; - left: 0; } - -.reveal-modal, dialog { - visibility: hidden; - display: none; - position: absolute; - z-index: 1005; - width: 100vw; - top: 0; - border-radius: 3px; - left: 0; - background-color: #FFFFFF; - padding: 1.25rem; - border: solid 1px #666666; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); - padding: 1.875rem; } - @media only screen and (max-width: 40em) { - .reveal-modal, dialog { - min-height: 100vh; } } - .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns { - min-width: 0; } - .reveal-modal > :first-child, dialog > :first-child { - margin-top: 0; } - .reveal-modal > :last-child, dialog > :last-child { - margin-bottom: 0; } - @media only screen and (min-width:40.063em) { - .reveal-modal, dialog { - width: 80%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal, dialog { - top: 6.25rem; } } - .reveal-modal.radius, dialog.radius { - border-radius: 3px; } - .reveal-modal.round, dialog.round { - border-radius: 1000px; } - .reveal-modal.collapse, dialog.collapse { - padding: 0; } - @media only screen and (min-width:40.063em) { - .reveal-modal.tiny, dialog.tiny { - width: 30%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.small, dialog.small { - width: 40%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.medium, dialog.medium { - width: 60%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.large, dialog.large { - width: 70%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.xlarge, dialog.xlarge { - width: 95%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - .reveal-modal.full, dialog.full { - top: 0; - left: 0; - height: 100%; - height: 100vh; - min-height: 100vh; - max-width: none !important; - margin-left: 0 !important; } - @media only screen and (min-width:40.063em) { - .reveal-modal.full, dialog.full { - width: 100vw; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { - font-size: 0.9375rem; - line-height: 1; - position: absolute; - top: 0.625rem; - right: 1.375rem; - color: #ccc; - font-weight: normal; - cursor: pointer; } - -dialog { - display: none; } - dialog::backdrop, dialog + .backdrop { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; - background: rgba(0, 0, 0, 0.45); - z-index: auto; - display: none; - left: 0; } - dialog[open] { - display: block; } - -@media print { - dialog, .reveal-modal, dialog { - display: none; - background: #FFFFFF !important; } - } - -.side-nav { - display: block; - margin: 0; - padding: 0.875rem 0; - list-style-type: none; - list-style-position: outside; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .side-nav li { - margin: 0 0 0.4375rem 0; - font-size: 0.875rem; - font-weight: normal; } - .side-nav li a:not(.button) { - display: block; - color: #54B948; - margin: 0; - padding: 0.4375rem 0.875rem; } - .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { - background: rgba(0, 0, 0, 0.025); - color: #87ce7f; } - .side-nav li.active > a:first-child:not(.button) { - color: #87ce7f; - font-weight: normal; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .side-nav li.divider { - border-top: 1px solid; - height: 0; - padding: 0; - list-style: none; - border-top-color: white; } - .side-nav li.heading { - color: #54B948; - font-size: 0.875rem; - font-weight: bold; - text-transform: uppercase; } - -.split.button { - position: relative; - padding-right: 5.0625rem; } - .split.button span { - display: block; - height: 100%; - position: absolute; - right: 0; - top: 0; - border-left: solid 1px; } - .split.button span:after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: inset; - top: 50%; - left: 50%; } - .split.button span:active { - background-color: rgba(0, 0, 0, 0.1); } - .split.button span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button span { - width: 3.09375rem; } - .split.button span:after { - border-top-style: solid; - border-width: 0.375rem; - top: 48%; - margin-left: -0.375rem; } - .split.button span:after { - border-color: #FFFFFF transparent transparent transparent; } - .split.button.secondary span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.secondary span:after { - border-color: #FFFFFF transparent transparent transparent; } - .split.button.alert span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.success span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.tiny { - padding-right: 3.75rem; } - .split.button.tiny span { - width: 2.25rem; } - .split.button.tiny span:after { - border-top-style: solid; - border-width: 0.375rem; - top: 48%; - margin-left: -0.375rem; } - .split.button.small { - padding-right: 4.375rem; } - .split.button.small span { - width: 2.625rem; } - .split.button.small span:after { - border-top-style: solid; - border-width: 0.4375rem; - top: 48%; - margin-left: -0.375rem; } - .split.button.large { - padding-right: 5.5rem; } - .split.button.large span { - width: 3.4375rem; } - .split.button.large span:after { - border-top-style: solid; - border-width: 0.3125rem; - top: 48%; - margin-left: -0.375rem; } - .split.button.expand { - padding-left: 2rem; } - .split.button.secondary span:after { - border-color: #333333 transparent transparent transparent; } - .split.button.radius span { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .split.button.round span { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -.sub-nav { - display: block; - width: auto; - overflow: hidden; - margin: -0.25rem 0 1.125rem; - padding-top: 0.25rem; } - .sub-nav dt { - text-transform: uppercase; } - .sub-nav dt, .sub-nav dd, .sub-nav li { - float: left; - display: inline; - margin-left: 1rem; - margin-bottom: 0; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - font-size: 0.875rem; - color: #999999; } - .sub-nav dt a, .sub-nav dd a, .sub-nav li a { - text-decoration: none; - color: #999999; - padding: 0.1875rem 1rem; } - .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { - color: #737373; } - .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { - border-radius: 3px; - font-weight: normal; - background: #54B948; - padding: 0.1875rem 1rem; - cursor: default; - color: #FFFFFF; } - .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { - background: #48a03d; } - -.switch { - padding: 0; - border: none; - position: relative; - outline: 0; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; } - .switch label { - display: block; - margin-bottom: 1rem; - position: relative; - color: transparent; - background: #DDDDDD; - text-indent: 100%; - width: 4rem; - height: 2rem; - cursor: pointer; - transition: left 0.15s ease-out; } - .switch input { - opacity: 0; - position: absolute; - top: 9px; - left: 10px; - padding: 0; } - .switch input + label { - margin-left: 0; - margin-right: 0; } - .switch label:after { - content: ""; - display: block; - background: #FFFFFF; - position: absolute; - top: 0.25rem; - left: 0.25rem; - width: 1.5rem; - height: 1.5rem; - -webkit-transition: left 0.15s ease-out; - -moz-transition: left 0.15s ease-out; - -o-transition: translate3d(0, 0, 0); - transition: left 0.15s ease-out; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - .switch input:checked + label { - background: #54B948; } - .switch input:checked + label:after { - left: 2.25rem; } - .switch label { - width: 4rem; - height: 2rem; } - .switch label:after { - width: 1.5rem; - height: 1.5rem; } - .switch input:checked + label:after { - left: 2.25rem; } - .switch label { - color: transparent; - background: #DDDDDD; } - .switch label:after { - background: #FFFFFF; } - .switch input:checked + label { - background: #54B948; } - .switch.large label { - width: 5rem; - height: 2.5rem; } - .switch.large label:after { - width: 2rem; - height: 2rem; } - .switch.large input:checked + label:after { - left: 2.75rem; } - .switch.small label { - width: 3.5rem; - height: 1.75rem; } - .switch.small label:after { - width: 1.25rem; - height: 1.25rem; } - .switch.small input:checked + label:after { - left: 2rem; } - .switch.tiny label { - width: 3rem; - height: 1.5rem; } - .switch.tiny label:after { - width: 1rem; - height: 1rem; } - .switch.tiny input:checked + label:after { - left: 1.75rem; } - .switch.radius label { - border-radius: 4px; } - .switch.radius label:after { - border-radius: 3px; } - .switch.round { - border-radius: 1000px; } - .switch.round label { - border-radius: 2rem; } - .switch.round label:after { - border-radius: 2rem; } - -table { - background: #FFFFFF; - margin-bottom: 1.25rem; - border: solid 1px #DDDDDD; - table-layout: auto; } - table caption { - background: transparent; - color: #222222; - font-size: 1rem; - font-weight: bold; } - table thead { - background: #F5F5F5; } - table thead tr th, table thead tr td { - padding: 0.5rem 0.625rem 0.625rem; - font-size: 0.875rem; - font-weight: bold; - color: #222222; } - table tfoot { - background: #F5F5F5; } - table tfoot tr th, table tfoot tr td { - padding: 0.5rem 0.625rem 0.625rem; - font-size: 0.875rem; - font-weight: bold; - color: #222222; } - table tr th, table tr td { - padding: 0.5625rem 0.625rem; - font-size: 0.875rem; - color: #222222; - text-align: left; } - table tr.even, table tr.alt, table tr:nth-of-type(even) { - background: #F9F9F9; } - table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { - display: table-cell; - line-height: 1.125rem; } - -.tabs { - margin-bottom: 0 !important; - margin-left: 0; } - .tabs:before, .tabs:after { - content: " "; - display: table; } - .tabs:after { - clear: both; } - .tabs dd, .tabs .tab-title { - position: relative; - margin-bottom: 0 !important; - list-style: none; - float: left; } - .tabs dd > a, .tabs .tab-title > a { - outline: none; - display: block; - background-color: #EFEFEF; - color: #222222; - padding: 1rem 2rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; } - .tabs dd > a:hover, .tabs .tab-title > a:hover { - background-color: #e1e1e1; } - .tabs dd.active a, .tabs .tab-title.active a { - background-color: #FFFFFF; - color: #222222; } - .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .tabs.vertical dd, .tabs.vertical .tab-title { - position: inherit; - float: none; - display: block; - top: auto; } - -.tabs-content { - margin-bottom: 1.5rem; - width: 100%; } - .tabs-content:before, .tabs-content:after { - content: " "; - display: table; } - .tabs-content:after { - clear: both; } - .tabs-content > .content { - display: none; - float: left; - padding: 0.9375rem 0; - width: 100%; } - .tabs-content > .content.active { - display: block; - float: none; } - .tabs-content > .content.contained { - padding: 0.9375rem; } - .tabs-content.vertical { - display: block; } - .tabs-content.vertical > .content { - padding: 0 0.9375rem; } - -@media only screen and (min-width:40.063em) { - .tabs.vertical { - width: 20%; - max-width: 20%; - float: left; - margin: 0 0 1.25rem; } - - .tabs-content.vertical { - width: 80%; - max-width: 80%; - float: left; - margin-left: -1px; - padding-left: 1rem; } - } - -.no-js .tabs-content > .content { - display: block; - float: none; } - -/* Image Thumbnails */ -.th { - line-height: 0; - display: inline-block; - border: solid 4px #FFFFFF; - max-width: 100%; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); - transition: all 200ms ease-out; } - .th:hover, .th:focus { - box-shadow: 0 0 6px 1px rgba(84, 185, 72, 0.5); } - .th.radius { - border-radius: 3px; } - -/* Tooltips */ -.has-tip { - border-bottom: dotted 1px #CCCCCC; - cursor: help; - font-weight: bold; - color: #333333; } - .has-tip:hover, .has-tip:focus { - border-bottom: dotted 1px #255420; - color: #54B948; } - .has-tip.tip-left, .has-tip.tip-right { - float: none !important; } - -.tooltip { - display: none; - position: absolute; - z-index: 1006; - font-weight: normal; - font-size: 0.875rem; - line-height: 1.3; - padding: 0.75rem; - max-width: 300px; - left: 50%; - width: 100%; - color: #FFFFFF; - background: #333333; } - .tooltip > .nub { - display: block; - left: 5px; - position: absolute; - width: 0; - height: 0; - border: solid 5px; - border-color: transparent transparent #333333 transparent; - top: -10px; - pointer-events: none; } - .tooltip > .nub.rtl { - left: auto; - right: 5px; } - .tooltip.radius { - border-radius: 3px; } - .tooltip.round { - border-radius: 1000px; } - .tooltip.round > .nub { - left: 2rem; } - .tooltip.opened { - color: #54B948 !important; - border-bottom: dotted 1px #255420 !important; } - -.tap-to-close { - display: block; - font-size: 0.625rem; - color: #777777; - font-weight: normal; } - -@media only screen and (min-width:40.063em) { - .tooltip > .nub { - border-color: transparent transparent #333333 transparent; - top: -10px; } - .tooltip.tip-top > .nub { - border-color: #333333 transparent transparent transparent; - top: auto; - bottom: -10px; } - .tooltip.tip-left, .tooltip.tip-right { - float: none !important; } - .tooltip.tip-left > .nub { - border-color: transparent transparent transparent #333333; - right: -10px; - left: auto; - top: 50%; - margin-top: -5px; } - .tooltip.tip-right > .nub { - border-color: transparent #333333 transparent transparent; - right: auto; - left: -10px; - top: 50%; - margin-top: -5px; } - } - -meta.foundation-mq-topbar { - font-family: "/only screen and (min-width:40.063em)/"; - width: 40.063em; } - -/* Wrapped around .top-bar to contain to grid width */ -.contain-to-grid { - width: 100%; - background: #6F5A73; } - .contain-to-grid .top-bar { - margin-bottom: 0; } - -.fixed { - width: 100%; - left: 0; - position: fixed; - top: 0; - z-index: 99; } - .fixed.expanded:not(.top-bar) { - overflow-y: auto; - height: auto; - width: 100%; - max-height: 100%; } - .fixed.expanded:not(.top-bar) .title-area { - position: fixed; - width: 100%; - z-index: 99; } - .fixed.expanded:not(.top-bar) .top-bar-section { - z-index: 98; - margin-top: 2.8125rem; } - -.top-bar { - overflow: hidden; - height: 2.8125rem; - line-height: 2.8125rem; - position: relative; - background: #6F5A73; - margin-bottom: 0; } - .top-bar ul { - margin-bottom: 0; - list-style: none; } - .top-bar .row { - max-width: none; } - .top-bar form, .top-bar input { - margin-bottom: 0; } - .top-bar input { - height: 1.75rem; - padding-top: 0.35rem; - padding-bottom: 0.35rem; - font-size: 0.75rem; } - .top-bar .button, .top-bar button { - padding-top: 0.4125rem; - padding-bottom: 0.4125rem; - margin-bottom: 0; - font-size: 0.75rem; } - @media only screen and (max-width: 40em) { - .top-bar .button, .top-bar button { - position: relative; - top: -1px; } } - .top-bar .title-area { - position: relative; - margin: 0; } - .top-bar .name { - height: 2.8125rem; - margin: 0; - font-size: 16px; } - .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span { - line-height: 2.8125rem; - font-size: 1.0625rem; - margin: 0; } - .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a { - font-weight: normal; - color: #FFFFFF; - width: 75%; - display: block; - padding: 0 0.9375rem; } - .top-bar .toggle-topbar { - position: absolute; - right: 0; - top: 0; } - .top-bar .toggle-topbar a { - color: #FFFFFF; - text-transform: uppercase; - font-size: 0.8125rem; - font-weight: bold; - position: relative; - display: block; - padding: 0 0.9375rem; - height: 2.8125rem; - line-height: 2.8125rem; } - .top-bar .toggle-topbar.menu-icon { - top: 50%; - margin-top: -16px; } - .top-bar .toggle-topbar.menu-icon a { - height: 34px; - line-height: 33px; - padding: 0 2.5rem 0 0.9375rem; - color: #FFFFFF; - position: relative; } - .top-bar .toggle-topbar.menu-icon a span::after { - content: ""; - position: absolute; - display: block; - height: 0; - top: 50%; - margin-top: -8px; - right: 0.9375rem; - box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - width: 16px; } - .top-bar .toggle-topbar.menu-icon a span:hover:after { - box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; } - .top-bar.expanded { - height: auto; - background: transparent; } - .top-bar.expanded .title-area { - background: #6F5A73; } - .top-bar.expanded .toggle-topbar a { - color: #888888; } - .top-bar.expanded .toggle-topbar a span::after { - box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; } - -.top-bar-section { - left: 0; - position: relative; - width: auto; - transition: left 300ms ease-out; } - .top-bar-section ul { - padding: 0; - width: 100%; - height: auto; - display: block; - font-size: 16px; - margin: 0; } - .top-bar-section .divider, .top-bar-section [role="separator"] { - border-top: solid 1px #372d39; - clear: both; - height: 1px; - width: 100%; } - .top-bar-section ul li { - background: #333333; } - .top-bar-section ul li > a { - display: block; - width: 100%; - color: #FFFFFF; - padding: 12px 0 12px 0; - padding-left: 0.9375rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; - font-weight: normal; - text-transform: none; } - .top-bar-section ul li > a.button { - font-size: 1rem; - padding-right: 0.9375rem; - padding-left: 0.9375rem; - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; } - .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { - background-color: #439539; } - .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; } - .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { - background-color: #316122; } - .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { - background-color: #368a55; } - .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { - background-color: #cf2a0e; } - .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { - background-color: #cf6e0e; } - .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { - color: #FFFFFF; } - .top-bar-section ul li > button { - font-size: 1rem; - padding-right: 0.9375rem; - padding-left: 0.9375rem; - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; } - .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { - background-color: #439539; } - .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; } - .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { - background-color: #316122; } - .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { - background-color: #368a55; } - .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { - background-color: #cf2a0e; } - .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { - background-color: #cf6e0e; } - .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { - color: #FFFFFF; } - .top-bar-section ul li:hover:not(.has-form) > a { - background-color: #555555; - background: #5f4d63; - color: #FFFFFF; } - .top-bar-section ul li.active > a { - background: #B59BB9; - color: #FFFFFF; } - .top-bar-section ul li.active > a:hover { - background: #a07fa5; - color: #FFFFFF; } - .top-bar-section .has-form { - padding: 0.9375rem; } - .top-bar-section .has-dropdown { - position: relative; } - .top-bar-section .has-dropdown > a:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); - border-left-style: solid; - margin-right: 0.9375rem; - margin-top: -4.5px; - position: absolute; - top: 50%; - right: 0; } - .top-bar-section .has-dropdown.moved { - position: static; } - .top-bar-section .has-dropdown.moved > .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; - width: 100%; } - .top-bar-section .has-dropdown.moved > a:after { - display: none; } - .top-bar-section .dropdown { - padding: 0; - position: absolute; - left: 100%; - top: 0; - z-index: 99; - display: block; - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - .top-bar-section .dropdown li { - width: 100%; - height: auto; } - .top-bar-section .dropdown li a { - font-weight: normal; - padding: 8px 0.9375rem; } - .top-bar-section .dropdown li a.parent-link { - font-weight: normal; } - .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { - margin-bottom: 0; - margin-top: 0; - font-size: 1.125rem; } - .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { - color: #FFFFFF; - display: block; } - .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { - background: none; } - .top-bar-section .dropdown li.has-form { - padding: 8px 0.9375rem; } - .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { - top: auto; } - .top-bar-section .dropdown label { - padding: 8px 0.9375rem 2px; - margin-bottom: 0; - text-transform: uppercase; - color: #777777; - font-weight: bold; - font-size: 0.625rem; } - -.js-generated { - display: block; } - -@media only screen and (min-width:40.063em) { - .top-bar { - background: #6F5A73; - overflow: visible; } - .top-bar:before, .top-bar:after { - content: " "; - display: table; } - .top-bar:after { - clear: both; } - .top-bar .toggle-topbar { - display: none; } - .top-bar .title-area { - float: left; } - .top-bar .name h1 a { - width: auto; } - .top-bar input, .top-bar .button, .top-bar button { - font-size: 0.875rem; - position: relative; - height: 1.75rem; - top: 0.53125rem; } - .top-bar.expanded { - background: #6F5A73; } - - .contain-to-grid .top-bar { - max-width: 62.5rem; - margin: 0 auto; - margin-bottom: 0; } - - .top-bar-section { - transition: none 0 0; - left: 0 !important; } - .top-bar-section ul { - width: auto; - height: auto !important; - display: inline; } - .top-bar-section ul li { - float: left; } - .top-bar-section ul li .js-generated { - display: none; } - .top-bar-section li.hover > a:not(.button) { - background-color: #555555; - background: #5f4d63; - color: #FFFFFF; } - .top-bar-section li:not(.has-form) a:not(.button) { - padding: 0 0.9375rem; - line-height: 2.8125rem; - background: #6F5A73; } - .top-bar-section li:not(.has-form) a:not(.button):hover { - background-color: #555555; - background: #5f4d63; } - .top-bar-section li.active:not(.has-form) a:not(.button) { - padding: 0 0.9375rem; - line-height: 2.8125rem; - color: #FFFFFF; - background: #B59BB9; } - .top-bar-section li.active:not(.has-form) a:not(.button):hover { - background: #a07fa5; - color: #FFFFFF; } - .top-bar-section .has-dropdown > a { - padding-right: 2.1875rem !important; } - .top-bar-section .has-dropdown > a:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; - border-top-style: solid; - margin-top: -2.5px; - top: 1.40625rem; } - .top-bar-section .has-dropdown.moved { - position: relative; } - .top-bar-section .has-dropdown.moved > .dropdown { - display: block; - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - .top-bar-section .has-dropdown > a:focus + .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { - border: none; - content: "\00bb"; - top: 1rem; - margin-top: -1px; - right: 5px; - line-height: 1.2; } - .top-bar-section .dropdown { - left: 0; - top: auto; - background: transparent; - min-width: 100%; } - .top-bar-section .dropdown li a { - color: #FFFFFF; - line-height: 2.8125rem; - white-space: nowrap; - padding: 12px 0.9375rem; - background: #333333; } - .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { - color: #FFFFFF; - background: #333333; } - .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { - color: #FFFFFF; - background-color: #555555; - background: #333333; } - .top-bar-section .dropdown li label { - white-space: nowrap; - background: #333333; } - .top-bar-section .dropdown li .dropdown { - left: 100%; - top: 0; } - .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { - border-bottom: none; - border-top: none; - border-right: solid 1px #846b89; - clear: none; - height: 2.8125rem; - width: 0; } - .top-bar-section .has-form { - background: #6F5A73; - padding: 0 0.9375rem; - height: 2.8125rem; } - .top-bar-section .right li .dropdown { - left: auto; - right: 0; } - .top-bar-section .right li .dropdown li .dropdown { - right: 100%; } - .top-bar-section .left li .dropdown { - right: auto; - left: 0; } - .top-bar-section .left li .dropdown li .dropdown { - left: 100%; } - - .no-js .top-bar-section ul li:hover > a { - background-color: #555555; - background: #5f4d63; - color: #FFFFFF; } - .no-js .top-bar-section ul li:active > a { - background: #B59BB9; - color: #FFFFFF; } - .no-js .top-bar-section .has-dropdown:hover > .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - } - -.text-left { - text-align: left !important; } - -.text-right { - text-align: right !important; } - -.text-center { - text-align: center !important; } - -.text-justify { - text-align: justify !important; } - -@media only screen and (max-width: 40em) { - .small-only-text-left { - text-align: left !important; } - - .small-only-text-right { - text-align: right !important; } - - .small-only-text-center { - text-align: center !important; } - - .small-only-text-justify { - text-align: justify !important; } - } - -@media only screen { - .small-text-left { - text-align: left !important; } - - .small-text-right { - text-align: right !important; } - - .small-text-center { - text-align: center !important; } - - .small-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:40.063em) and (max-width:64em) { - .medium-only-text-left { - text-align: left !important; } - - .medium-only-text-right { - text-align: right !important; } - - .medium-only-text-center { - text-align: center !important; } - - .medium-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:40.063em) { - .medium-text-left { - text-align: left !important; } - - .medium-text-right { - text-align: right !important; } - - .medium-text-center { - text-align: center !important; } - - .medium-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:64.063em) and (max-width:90em) { - .large-only-text-left { - text-align: left !important; } - - .large-only-text-right { - text-align: right !important; } - - .large-only-text-center { - text-align: center !important; } - - .large-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:64.063em) { - .large-text-left { - text-align: left !important; } - - .large-text-right { - text-align: right !important; } - - .large-text-center { - text-align: center !important; } - - .large-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:90.063em) and (max-width:120em) { - .xlarge-only-text-left { - text-align: left !important; } - - .xlarge-only-text-right { - text-align: right !important; } - - .xlarge-only-text-center { - text-align: center !important; } - - .xlarge-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:90.063em) { - .xlarge-text-left { - text-align: left !important; } - - .xlarge-text-right { - text-align: right !important; } - - .xlarge-text-center { - text-align: center !important; } - - .xlarge-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:120.063em) and (max-width:99999999em) { - .xxlarge-only-text-left { - text-align: left !important; } - - .xxlarge-only-text-right { - text-align: right !important; } - - .xxlarge-only-text-center { - text-align: center !important; } - - .xxlarge-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:120.063em) { - .xxlarge-text-left { - text-align: left !important; } - - .xxlarge-text-right { - text-align: right !important; } - - .xxlarge-text-center { - text-align: center !important; } - - .xxlarge-text-justify { - text-align: justify !important; } - } - -/* Typography resets */ -div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { - margin: 0; - padding: 0; } - -/* Default Link Styles */ -a { - color: #54B948; - text-decoration: none; - line-height: inherit; } - a:hover, a:focus { - color: #48a03d; } - a img { - border: none; } - -/* Default paragraph styles */ -p { - font-family: inherit; - font-weight: normal; - font-size: 1rem; - line-height: 1.6; - margin-bottom: 1.25rem; - text-rendering: optimizeLegibility; } - p.lead { - font-size: 1.21875rem; - line-height: 1.6; } - p aside { - font-size: 0.875rem; - line-height: 1.35; - font-style: italic; } - -/* Default header styles */ -h1, h2, h3, h4, h5, h6 { - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - font-style: normal; - color: #222222; - text-rendering: optimizeLegibility; - margin-top: 0.2rem; - margin-bottom: 0.5rem; - line-height: 1.4; } - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - font-size: 60%; - color: #6f6f6f; - line-height: 0; } - -h1 { - font-size: 2.125rem; } - -h2 { - font-size: 1.6875rem; } - -h3 { - font-size: 1.375rem; } - -h4 { - font-size: 1.125rem; } - -h5 { - font-size: 1.125rem; } - -h6 { - font-size: 1rem; } - -.subheader { - line-height: 1.4; - color: #6f6f6f; - font-weight: normal; - margin-top: 0.2rem; - margin-bottom: 0.5rem; } - -hr { - border: solid #DDDDDD; - border-width: 1px 0 0; - clear: both; - margin: 1.25rem 0 1.1875rem; - height: 0; } - -/* Helpful Typography Defaults */ -em, i { - font-style: italic; - line-height: inherit; } - -strong, b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 60%; - line-height: inherit; } - -code { - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - color: #333333; - background-color: #bee4b2; - border-width: 1px; - border-style: solid; - border-color: #a4da94; - padding: 0.125rem 0.3125rem 0.0625rem; } - -/* Lists */ -ul, ol, dl { - font-size: 1rem; - line-height: 1.6; - margin-bottom: 1.25rem; - list-style-position: outside; - font-family: inherit; } - -ul { - margin-left: 1.1rem; } - ul.no-bullet { - margin-left: 0; } - ul.no-bullet li ul, ul.no-bullet li ol { - margin-left: 1.25rem; - margin-bottom: 0; - list-style: none; } - -/* Unordered Lists */ -ul li ul, ul li ol { - margin-left: 1.25rem; - margin-bottom: 0; } -ul.square li ul, ul.circle li ul, ul.disc li ul { - list-style: inherit; } -ul.square { - list-style-type: square; - margin-left: 1.1rem; } -ul.circle { - list-style-type: circle; - margin-left: 1.1rem; } -ul.disc { - list-style-type: disc; - margin-left: 1.1rem; } -ul.no-bullet { - list-style: none; } - -/* Ordered Lists */ -ol { - margin-left: 1.4rem; } - ol li ul, ol li ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -/* Definition Lists */ -dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } -dl dd { - margin-bottom: 0.75rem; } - -/* Abbreviations */ -abbr, acronym { - text-transform: uppercase; - font-size: 90%; - color: #222; - cursor: help; } - -abbr { - text-transform: none; } - abbr[title] { - border-bottom: 1px dotted #DDDDDD; } - -/* Blockquotes */ -blockquote { - margin: 0 0 1.25rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: 1px solid #DDDDDD; } - blockquote cite { - display: block; - font-size: 0.8125rem; - color: #555555; } - blockquote cite:before { - content: "\2014 \0020"; } - blockquote cite a, blockquote cite a:visited { - color: #555555; } - -blockquote, blockquote p { - line-height: 1.6; - color: #6f6f6f; } - -/* Microformats */ -.vcard { - display: inline-block; - margin: 0 0 1.25rem 0; - border: 1px solid #DDDDDD; - padding: 0.625rem 0.75rem; } - .vcard li { - margin: 0; - display: block; } - .vcard .fn { - font-weight: bold; - font-size: 0.9375rem; } - -.vevent .summary { - font-weight: bold; } -.vevent abbr { - cursor: default; - text-decoration: none; - font-weight: bold; - border: none; - padding: 0 0.0625rem; } - -@media only screen and (min-width:40.063em) { - h1, h2, h3, h4, h5, h6 { - line-height: 1.4; } - - h1 { - font-size: 2.75rem; } - - h2 { - font-size: 2.3125rem; } - - h3 { - font-size: 1.6875rem; } - - h4 { - font-size: 1.4375rem; } - - h5 { - font-size: 1.125rem; } - - h6 { - font-size: 1rem; } - } - -/* - * Print styles. - * - * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ - * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) - */ -.print-only { - display: none !important; } - -@media print { - * { - background: transparent !important; - color: #000000 !important; - /* Black prints faster: h5bp.com/s */ - box-shadow: none !important; - text-shadow: none !important; } - - a, a:visited { - text-decoration: underline; } - - a[href]:after { - content: " (" attr(href) ")"; } - - abbr[title]:after { - content: " (" attr(title) ")"; } - - .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { - content: ""; } - - pre, blockquote { - border: 1px solid #999999; - page-break-inside: avoid; } - - thead { - display: table-header-group; - /* h5bp.com/t */ } - - tr, img { - page-break-inside: avoid; } - - img { - max-width: 100% !important; } - - @page { - margin: 0.5cm; } - - p, h2, h3 { - orphans: 3; - widows: 3; } - - h2, h3 { - page-break-after: avoid; } - - .hide-on-print { - display: none !important; } - - .print-only { - display: block !important; } - - .hide-for-print { - display: none !important; } - - .show-for-print { - display: inherit !important; } - } - -.off-canvas-wrap { - -webkit-backface-visibility: hidden; - position: relative; - width: 100%; - overflow: hidden; } - .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { - min-height: 100%; - -webkit-overflow-scrolling: touch; } - -.inner-wrap { - position: relative; - width: 100%; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .inner-wrap:before, .inner-wrap:after { - content: " "; - display: table; } - .inner-wrap:after { - clear: both; } - -.tab-bar { - -webkit-backface-visibility: hidden; - background: #333333; - color: #FFFFFF; - height: 2.8125rem; - line-height: 2.8125rem; - position: relative; } - .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { - color: #FFFFFF; - font-weight: bold; - line-height: 2.8125rem; - margin: 0; } - .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { - font-size: 1.125rem; } - -.left-small { - width: 2.8125rem; - height: 2.8125rem; - position: absolute; - top: 0; - border-right: solid 1px #1a1a1a; - left: 0; } - -.right-small { - width: 2.8125rem; - height: 2.8125rem; - position: absolute; - top: 0; - border-left: solid 1px #1a1a1a; - right: 0; } - -.tab-bar-section { - padding: 0 0.625rem; - position: absolute; - text-align: center; - height: 2.8125rem; - top: 0; } - @media only screen and (min-width:40.063em) { - .tab-bar-section.left { - text-align: left; } - - .tab-bar-section.right { - text-align: right; } - } - .tab-bar-section.left { - left: 0; - right: 2.8125rem; } - .tab-bar-section.right { - left: 2.8125rem; - right: 0; } - .tab-bar-section.middle { - left: 2.8125rem; - right: 2.8125rem; } - -.tab-bar .menu-icon { - text-indent: 2.1875rem; - width: 2.8125rem; - height: 2.8125rem; - display: block; - padding: 0; - color: #FFFFFF; - position: relative; - transform: translate3d(0, 0, 0); } - .tab-bar .menu-icon span::after { - content: ""; - position: absolute; - display: block; - height: 0; - top: 50%; - margin-top: -0.5rem; - left: 0.90625rem; - box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - width: 1rem; } - .tab-bar .menu-icon span:hover:after { - box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } - -.left-off-canvas-menu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1001; - box-sizing: content-box; - transition: transform 500ms ease 0s; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - -ms-transform: translate(-100%, 0); - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - left: 0; } - .left-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -.right-off-canvas-menu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1001; - box-sizing: content-box; - transition: transform 500ms ease 0s; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - -ms-transform: translate(100%, 0); - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - right: 0; } - .right-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -ul.off-canvas-list { - list-style-type: none; - padding: 0; - margin: 0; } - ul.off-canvas-list li label { - display: block; - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-size: 0.75rem; - font-weight: bold; - background: #444444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - ul.off-canvas-list li a { - display: block; - padding: 0.6666666667rem; - color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid #262626; - transition: background 300ms ease; } - ul.off-canvas-list li a:hover { - background: #242424; } - -.move-right > .inner-wrap { - -ms-transform: translate(15.625rem, 0); - -webkit-transform: translate3d(15.625rem, 0, 0); - -moz-transform: translate3d(15.625rem, 0, 0); - -ms-transform: translate3d(15.625rem, 0, 0); - -o-transform: translate3d(15.625rem, 0, 0); - transform: translate3d(15.625rem, 0, 0); } -.move-right .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .move-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.move-left > .inner-wrap { - -ms-transform: translate(-15.625rem, 0); - -webkit-transform: translate3d(-15.625rem, 0, 0); - -moz-transform: translate3d(-15.625rem, 0, 0); - -ms-transform: translate3d(-15.625rem, 0, 0); - -o-transform: translate3d(-15.625rem, 0, 0); - transform: translate3d(-15.625rem, 0, 0); } -.move-left .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .move-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .offcanvas-overlap .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.offcanvas-overlap-left .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-left .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .offcanvas-overlap-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.offcanvas-overlap-right .left-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-right .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .offcanvas-overlap-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.no-csstransforms .left-off-canvas-menu { - left: -15.625rem; } -.no-csstransforms .right-off-canvas-menu { - right: -15.625rem; } -.no-csstransforms .move-left > .inner-wrap { - right: 15.625rem; } -.no-csstransforms .move-right > .inner-wrap { - left: 15.625rem; } - -.left-submenu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1002; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-transform: translate(-100%, 0); - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - left: 0; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .left-submenu * { - -webkit-backface-visibility: hidden; } - .left-submenu .back > a { - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-weight: bold; - background: #444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - .left-submenu .back > a:hover { - background: #303030; - border-top: 1px solid #5e5e5e; - border-bottom: none; } - .left-submenu .back > a:before { - content: "\AB"; - margin-right: 0.5rem; - display: inline; } - .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap { - -ms-transform: translate(0%, 0); - -webkit-transform: translate3d(0%, 0, 0); - -moz-transform: translate3d(0%, 0, 0); - -ms-transform: translate3d(0%, 0, 0); - -o-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -.right-submenu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1002; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-transform: translate(100%, 0); - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - right: 0; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .right-submenu * { - -webkit-backface-visibility: hidden; } - .right-submenu .back > a { - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-weight: bold; - background: #444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - .right-submenu .back > a:hover { - background: #303030; - border-top: 1px solid #5e5e5e; - border-bottom: none; } - .right-submenu .back > a:after { - content: "\BB"; - margin-left: 0.5rem; - display: inline; } - .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap { - -ms-transform: translate(0%, 0); - -webkit-transform: translate3d(0%, 0, 0); - -moz-transform: translate3d(0%, 0, 0); - -ms-transform: translate3d(0%, 0, 0); - -o-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { - content: "\BB"; - margin-left: 0.5rem; - display: inline; } - -.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { - content: "\AB"; - margin-right: 0.5rem; - display: inline; } - -/* small displays */ -@media only screen { - .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* medium displays */ -@media only screen and (min-width:40.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* large displays */ -@media only screen and (min-width:64.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* xlarge displays */ -@media only screen and (min-width:90.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* xxlarge displays */ -@media only screen and (min-width:120.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* Orientation targeting */ -.show-for-landscape, .hide-for-portrait { - display: inherit !important; } - -.hide-for-landscape, .show-for-portrait { - display: none !important; } - -/* Specific visibility for tables */ -table.hide-for-landscape, table.show-for-portrait { - display: table !important; } - -thead.hide-for-landscape, thead.show-for-portrait { - display: table-header-group !important; } - -tbody.hide-for-landscape, tbody.show-for-portrait { - display: table-row-group !important; } - -tr.hide-for-landscape, tr.show-for-portrait { - display: table-row !important; } - -td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { - display: table-cell !important; } - -@media only screen and (orientation: landscape) { - .show-for-landscape, .hide-for-portrait { - display: inherit !important; } - - .hide-for-landscape, .show-for-portrait { - display: none !important; } - - /* Specific visibility for tables */ - table.show-for-landscape, table.hide-for-portrait { - display: table !important; } - - thead.show-for-landscape, thead.hide-for-portrait { - display: table-header-group !important; } - - tbody.show-for-landscape, tbody.hide-for-portrait { - display: table-row-group !important; } - - tr.show-for-landscape, tr.hide-for-portrait { - display: table-row !important; } - - td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { - display: table-cell !important; } - } - -@media only screen and (orientation: portrait) { - .show-for-portrait, .hide-for-landscape { - display: inherit !important; } - - .hide-for-portrait, .show-for-landscape { - display: none !important; } - - /* Specific visibility for tables */ - table.show-for-portrait, table.hide-for-landscape { - display: table !important; } - - thead.show-for-portrait, thead.hide-for-landscape { - display: table-header-group !important; } - - tbody.show-for-portrait, tbody.hide-for-landscape { - display: table-row-group !important; } - - tr.show-for-portrait, tr.hide-for-landscape { - display: table-row !important; } - - td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { - display: table-cell !important; } - } - -/* Touch-enabled device targeting */ -.show-for-touch { - display: none !important; } - -.hide-for-touch { - display: inherit !important; } - -.touch .show-for-touch { - display: inherit !important; } - -.touch .hide-for-touch { - display: none !important; } - -/* Specific visibility for tables */ -table.hide-for-touch { - display: table !important; } - -.touch table.show-for-touch { - display: table !important; } - -thead.hide-for-touch { - display: table-header-group !important; } - -.touch thead.show-for-touch { - display: table-header-group !important; } - -tbody.hide-for-touch { - display: table-row-group !important; } - -.touch tbody.show-for-touch { - display: table-row-group !important; } - -tr.hide-for-touch { - display: table-row !important; } - -.touch tr.show-for-touch { - display: table-row !important; } - -td.hide-for-touch { - display: table-cell !important; } - -.touch td.show-for-touch { - display: table-cell !important; } - -th.hide-for-touch { - display: table-cell !important; } - -.touch th.show-for-touch { - display: table-cell !important; } - -/* Print visibility */ -@media print { - .show-for-print { - display: block; } - - .hide-for-print { - display: none; } - - table.show-for-print { - display: table !important; } - - thead.show-for-print { - display: table-header-group !important; } - - tbody.show-for-print { - display: table-row-group !important; } - - tr.show-for-print { - display: table-row !important; } - - td.show-for-print { - display: table-cell !important; } - - th.show-for-print { - display: table-cell !important; } - } - -.folders-list { - -webkit-backface-visibility: hidden; - position: relative; - width: 100%; - overflow: hidden; } - .folders-list.move-right, .folders-list.move-left { - min-height: 100%; - -webkit-overflow-scrolling: touch; } - .folders-list ul { - list-style-type: none; - padding: 0; - margin: 0; - display: table; - width: 100%; } - .folders-list ul li { - /* - +-----------------------------------------------+ - + li | - |+------+-----------------------------+--------+| - || i | form | span || - |+------+-----------------------------+--------+| - +-----------------------------------------------+ - */ - display: table-row; - transition: background 300ms ease; - width: 100%; } - .folders-list ul li label { - display: block; - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-size: 0.75rem; - font-weight: bold; - background: #444444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - .folders-list ul li > * { - display: table-cell; - padding: 0.6666666667rem; - color: rgba(255, 255, 255, 0.7); } - .folders-list ul li > i, .folders-list ul li > .icon { - border-left: 3px solid transparent; - width: 1px; } - .folders-list ul li form { - margin: 0; - padding-left: 0; - padding-right: 0; } - .folders-list ul li form * { - color: rgba(255, 255, 255, 0.7); - display: block; - width: 100%; - padding: 0; } - .folders-list ul li form input { - border: 0; - color: #333 !important; - font-size: 1rem; - height: 1.3333333333rem; - margin: 0; } - .folders-list ul li:hover { - background: #242424; } - .folders-list ul li._selected { - border: 0 !important; } - .folders-list ul li._selected > i { - border-left-color: #54B948; } - .folders-list ul li._selected * { - color: #eee; } - -.card-picture { - display: inline-block; - float: left; - width: 40px; - height: 40px; - border-radius: 20px; - color: #DDDDDD; - text-align: center; - vertical-align: center; - border: 1px solid #DDDDDD; - margin-right: 1em; - margin-left: 5px; } - .card-picture i { - font-size: 42px; - line-height: 36px; } - -#pageContent { - width: auto; - margin-left: 0; - margin-right: 0; - margin-top: 0; - margin-bottom: 0; - max-width: none; } - #pageContent:before, #pageContent:after { - content: " "; - display: table; } - #pageContent:after { - clear: both; } - #pageContent #newListDrop a { - text-transform: uppercase; } - #pageContent #newListDrop a.tiny { - padding-top: 0.625rem; - padding-right: 1.25rem; - padding-bottom: 0.6875rem; - padding-left: 1.25rem; - font-size: 0.6875rem; } - #pageContent #addressbooksList { - position: absolute; - top: 2.8125rem; - bottom: 0; - background-color: #333; - padding-left: 0; - padding-right: 0; - width: 100%; - float: left; } - @media only screen and (min-width:40.063em) { - #pageContent #addressbooksList { - padding-left: 0; - padding-right: 0; - width: 23.0769230769%; - float: left; } } - #pageContent #addressbooksList .newItemsToolbar { - margin-top: 0.375rem; - text-align: center; - text-transform: uppercase; } - #pageContent #addressbooksList .scrollview { - position: absolute; - overflow: auto; - overflow-x: hidden; - top: 2.8125rem; - bottom: 2.8125rem; - right: 0; - left: 0; } - #pageContent #addressbooksList .buttonsToolbar { - border-top: 1px solid #262626; - position: absolute; - bottom: 0px; - width: 100%; } - #pageContent #rightPanel #contactsList { - position: absolute; - overflow: auto; - overflow-x: hidden; - top: 2.8125rem; - bottom: 0; - left: 23.07692%; - background-color: #EEEEEE; - padding-left: 0; - padding-right: 0; - width: 100%; - float: left; } - @media only screen and (min-width:40.063em) { - #pageContent #rightPanel #contactsList { - padding-left: 0; - padding-right: 0; - width: 38.4615384615%; - float: left; } } - #pageContent #rightPanel #contactsList ul { - margin: 0; - padding: 0; } - #pageContent #rightPanel #contactsList ul li { - list-style-type: none; - width: 100%; - float: left; - clear: left; - background-color: #EEEEEE; - transition: background 300ms ease; } - #pageContent #rightPanel #contactsList ul li a { - display: block; - color: #666; - line-height: 1.5rem; - padding: 0.5rem 0.625rem 0.625rem; } - #pageContent #rightPanel #contactsList ul li a .name { - margin: 0; - color: #222222; - font-weight: bold; } - #pageContent #rightPanel #contactsList ul li:hover, #pageContent #rightPanel #contactsList ul li:active { - background-color: #EEEEEE; - background-color: #fff; } - #pageContent #rightPanel #contactsList ul li._selected, #pageContent #rightPanel #contactsList ul li._selected span { - background-color: #6F5A73; - background-color: #fff; } - #pageContent #rightPanel #contactView { - position: absolute; - top: 2.8125rem; - bottom: 0; - left: 61.53846%; - overflow: auto; - overflow-x: hidden; - border-left: solid 1px #846b89; - padding: 0.5rem 0.625rem 0.625rem; - padding-top: 0; - padding-left: 0; - padding-right: 0; - width: 100%; - float: left; - /* - +-----------------------------------------------+ - + .attr (13) | - |+-------------+-------------------------------+| - || .key (4) | .value (9) || - |+-------------+-------------------------------+| - +-----------------------------------------------+ - */ } - @media only screen and (min-width:40.063em) { - #pageContent #rightPanel #contactView { - padding-left: 0; - padding-right: 0; - width: 38.4615384615%; - float: left; } } - #pageContent #rightPanel #contactView h1, #pageContent #rightPanel #contactView h2, #pageContent #rightPanel #contactView h3, #pageContent #rightPanel #contactView h4, #pageContent #rightPanel #contactView h5, #pageContent #rightPanel #contactView h6 { - margin-left: 0.75rem; - margin-top: 0; } - #pageContent #rightPanel #contactView h1 { - margin-bottom: 0; } - #pageContent #rightPanel #contactView ul { - font-size: 0.875rem; } - #pageContent #rightPanel #contactView .label { - margin-left: 0.1875rem; } - #pageContent #rightPanel #contactView .header { - background-color: #3D792A; - padding-bottom: 0.2em; } - #pageContent #rightPanel #contactView .header h1, #pageContent #rightPanel #contactView .header h6 { - color: #fff; } - #pageContent #rightPanel #contactView .header .label { - background-color: transparent; - border: 1px solid #54B948; - border: 1px solid #addda7; - color: #54B948; - color: #addda7; } - #pageContent #rightPanel #contactView .section { - border-bottom: 1px solid #ddd; - margin: 0 0.75rem 0.75rem 0.75rem; - padding-bottom: 0.75rem; } - #pageContent #rightPanel #contactView .attr { - width: 100%; - margin: 0; - max-width: 62.5rem; } - #pageContent #rightPanel #contactView .attr:before, #pageContent #rightPanel #contactView .attr:after { - content: " "; - display: table; } - #pageContent #rightPanel #contactView .attr:after { - clear: both; } - #pageContent #rightPanel #contactView .attr .key { - padding-left: 0; - padding-right: 0; - width: 30.7692307692%; - float: left; } - #pageContent #rightPanel #contactView .attr .key label { - color: #999; - margin-right: 0.75rem; } - #pageContent #rightPanel #contactView .attr .value { - padding-left: 0; - padding-right: 0; - width: 69.2307692308%; - float: left; } - #pageContent #rightPanel #contactView .attr .value.single { - padding-left: 0; - padding-right: 0; - width: 69.2307692308%; - float: left; - margin-left: 30.7692307692% !important; } - #pageContent #rightPanel #contactView .attr .value div a { - color: #666; - margin-left: 0.2em; } - #pageContent #rightPanel #contactView .attr .value div a:hover { - color: #000; } - #pageContent #rightPanel #contactView .buttonsToolbar { - margin-bottom: 0.75rem; - background-color: #eee; - border-top: 2px solid #ddd; } - #pageContent #rightPanel #contactView .buttonsToolbar .button { - margin: 0.4em; } - #pageContent #rightPanel #contactView .buttonsToolbar .button.alert { - color: #fff; } - #pageContent #rightPanel #contactView .viewer .value div, #pageContent #rightPanel #contactView .viewer .value a, #pageContent #rightPanel #contactView .viewer .value address, #pageContent #rightPanel #contactView .viewer .value ul, #pageContent #rightPanel #contactView .viewer .value span { - line-height: 1.5; - margin-left: 0.75rem; } - #pageContent #rightPanel #contactView .editor { - /* - +-----------------------------------------------+ - + .attr (13) | - |+-------------+-------------------------------+| - |+ .action (1) | .key (4) | .value (8) || - |+-------------+-------------------------------+| - +-----------------------------------------------+ - */ } - #pageContent #rightPanel #contactView .editor .section { - border-bottom: 0; } - #pageContent #rightPanel #contactView .editor .attr .action { - padding-left: 0; - padding-right: 0; - width: 7.6923076923%; - float: left; - padding-left: 0.375rem; } - #pageContent #rightPanel #contactView .editor .attr .key { - padding-left: 0; - padding-right: 0; - width: 30.7692307692%; - float: left; } - #pageContent #rightPanel #contactView .editor .attr .value { - padding-left: 0; - padding-right: 0; - width: 61.5384615385%; - float: left; - padding-right: 0.375rem; } - #pageContent #rightPanel #contactView .editor .attr .value.compact { - margin-bottom: 1rem; } - #pageContent #rightPanel #contactView .editor .attr .value.compact input { - margin-bottom: 0; } - #pageContent #rightPanel #contactView .editor .attr .value.single { - padding-left: 0; - padding-right: 0; - width: 61.5384615385%; - float: left; - margin-left: 38.4615384615% !important; } - -#modalACL { - height: 60vh; - padding: 0; } - #modalACL > ul { - display: block; - padding: 0; - margin: 0; } - #modalACL > ul:before, #modalACL > ul:after { - content: " "; - display: table; } - #modalACL > ul:after { - clear: both; } - #modalACL > ul > li { - display: block; - height: auto; - float: left; - padding: 0 0.9375rem 1.875rem; } - #modalACL > ul > li { - width: 50%; - padding: 0 0.9375rem 1.875rem; - list-style: none; } - #modalACL > ul > li:nth-of-type(1n) { - clear: none; } - #modalACL > ul > li:nth-of-type(2n+1) { - clear: both; } - #modalACL > ul > li:nth-of-type(2n+1) { - padding-left: 0rem; - padding-right: 0.9375rem; } - #modalACL > ul > li:nth-of-type(2n) { - padding-left: 0.9375rem; - padding-right: 0rem; } - #modalACL ul.aclUsers { - height: 85%; - border-top: 1px solid black; - border-bottom: 1px solid black; - border-left: 1px solid black; - padding: 0; - margin: 0; } - #modalACL ul.aclUsers > li { - width: 100%; - padding: 0 0.9375rem 1.875rem; - list-style: none; } - #modalACL ul.aclUsers > li:nth-of-type(1n) { - clear: none; } - #modalACL ul.aclUsers > li:nth-of-type(1n+1) { - clear: both; } - #modalACL ul.aclUsers > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - #modalACL ul.aclUsers li { - padding: 0; - padding-top: 5px; - line-height: 45px; - background-color: #EEEEEE; - transition: background 300ms ease; } - #modalACL ul.aclUsers li:hover, #modalACL ul.aclUsers li:active { - background-color: #EEEEEE; - background-color: #fff; } - #modalACL ul.aclUsers li._selected, #modalACL ul.aclUsers li._selected span { - background-color: #6F5A73; - background-color: #fff; } - #modalACL ul.aclUsers li .subscriptionArea { - float: right; - padding-right: 5px; } - #modalACL #bottomTable { - width: 100%; - margin: 0; - border: none; } - #modalACL #bottomTable #td_1 { - padding: 0; - width: 100%; } - #modalACL #bottomTable #td_1 i { - position: absolute; - padding-top: 10px; - padding-left: 8px; } - #modalACL #bottomTable #td_1 input { - padding-left: 20px; - margin: 0; } - #modalACL #bottomTable #td_2 { - padding: 0; - margin: 0; - float: right; - white-space: nowrap; } - #modalACL #bottomTable #td_2 button { - margin: 0; } - #modalACL #AccessRightList { - border: 1px solid black; - height: 100%; - padding: 0; } - #modalACL #AccessRightList .title { - background-color: #54B948; - line-height: 75px; - color: white; - padding-left: 0.5em; } - #modalACL #AccessRightList ul > li { - width: 100%; - padding: 0 0.9375rem 1.875rem; - list-style: none; } - #modalACL #AccessRightList ul > li:nth-of-type(1n) { - clear: none; } - #modalACL #AccessRightList ul > li:nth-of-type(1n+1) { - clear: both; } - #modalACL #AccessRightList ul > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - #modalACL #AccessRightList ul li { - padding: 5px; - margin-left: 5px; } - -#aclButtons { - margin: 0px; - padding: 0; - float: right; } - #aclButtons button { - margin: 0; } - -#folderSubscribe { - width: 350px; } - -#addressbookLinks { - background-color: #fff; - width: 450px; - height: 135px; - cursor: none; } - #addressbookLinks .title { - background-color: #3D792A; - padding: 0.5rem; - text-transform: uppercase; } - #addressbookLinks .subtitle { - background-color: #6F5A73; - padding: 0.5rem; } - #addressbookLinks .value { - color: #000; - font-weight: bold; } - -.buttonsToolbar { - text-align: right; } - .buttonsToolbar .button { - margin-bottom: 0; - font-size: 1em; } - .folders-list .buttonsToolbar { - background-color: #333333; - background-color: #333333; - text-align: center; } - .folders-list .buttonsToolbar .button { - background-color: #333333; - font-size: 1.5em; - transition: color 300ms ease; - color: #9d9d9d; } - .folders-list .buttonsToolbar .button:focus, .folders-list .buttonsToolbar .button:hover { - color: #54B948; - color: #fff; } - -.searchToolbar { - width: 100%; - margin: 0; - max-width: 62.5rem; - border-bottom-width: 1px; - border-bottom-style: solid; - border-bottom-color: #bebebe; } - .searchToolbar:before, .searchToolbar:after { - content: " "; - display: table; } - .searchToolbar:after { - clear: both; } - .searchToolbar .input-content { - padding-left: 0; - padding-right: 0; - width: 100%; - float: left; - margin-left: 0% !important; } - .searchToolbar .input-content .input-search { - width: 100%; - padding: 5px; } - .searchToolbar .input-content .input-search i { - position: absolute; - top: 8px; - left: 0px; - width: 1.5rem; - color: #CCCCCC; - font-size: 1.125rem; - line-height: 2rem; - padding-left: 1rem; - vertical-align: middle; } - .searchToolbar .input-content .input-search input { - background-color: transparent; - border: 0; - box-shadow: none; - margin-bottom: 0; - padding-left: 24px; - -webkit-transition: all 200ms linear; - -moz-transition: all 200ms linear; - transition: all 200ms linear; } - .searchToolbar .input-content .input-search input:focus { - background-color: #FFFFFF; } - .searchToolbar .input-options { - padding-left: 0; - padding-right: 0; - width: 15.3846153846%; - float: left; } - .searchToolbar .input-options .button { - color: #DDDDDD; - background-color: transparent; } - -.alert-bg { - color: #ccc; - font-size: 24px; - text-align: center; } - .alert-bg i { - display: block; - font-size: 48px; - margin: 12px; } - -.button.icon { - background-color: transparent; - color: #54B948; - padding: 0; - padding-top: 0.625rem; - padding-right: 1.25rem; - padding-bottom: 0.6875rem; - padding-left: 1.25rem; - font-size: 0.6875rem; - padding-top: 0.625rem; - padding-bottom: 0.6875rem; - padding-right: 0; - padding-left: 0; - width: 100%; } -.button.alert { - color: #f04124; } -.button.outline { - background-color: transparent; - border-width: 1px; } - .button.outline.secondary { - color: #3D792A; } - .button.outline.secondary:hover { - color: #FFFFFF; } - -.f-dropdown { - width: auto; - max-width: 300px; - white-space: nowrap; } - .f-dropdown.icons-dropdown { - height: inherit; - background-color: #54B948; - border-color: #54B948; } - .f-dropdown.icons-dropdown .button { - margin: 0; - padding: 0.5rem; - border-color: #54B948; - color: #fff; } - .f-dropdown.icons-dropdown:before { - border-color: transparent transparent #54B948 transparent; } - -.sg-dropdown-content { - background-color: #fff; - height: 300px; } - .sg-dropdown-content.joyride-tip-guide .joyride-nub.left { - border-color: white !important; - border-top-color: transparent !important; - border-left-color: transparent !important; - border-bottom-color: transparent !important; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper { - list-style: none; - position: absolute; - top: 0; - bottom: 0; - overflow: hidden; - overflow-y: auto; - padding: 0; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper ul { - margin-left: 0; - list-style-type: none; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li { - font-size: 0.875rem; - cursor: pointer; - line-height: 1.125rem; - margin: 0; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li.title { - background-color: #3D792A; - padding: 0.5rem; - text-transform: uppercase; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li.title:hover { - background-color: #3D792A; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li.item { - margin: 0 5px; - border-radius: 3px; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li.item .disabled { - color: #ccc; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li:hover, .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li:focus { - background: #EEEEEE; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li.radius { - border-radius: 3px; } - .sg-dropdown-content.joyride-tip-guide .joyride-content-wrapper li a { - display: block; - padding: 0.5rem; - color: #555555; } - -address { - font-style: normal; } - -h1 { - font-weight: lighter; } - -input.ng-dirty.ng-invalid { - border-color: #f04124 !important; - color: #f04124 !important; } diff --git a/UI/WebServerResources/css/MailerUI.css b/UI/WebServerResources/css/MailerUI.css deleted file mode 100644 index 05afe98c8..000000000 --- a/UI/WebServerResources/css/MailerUI.css +++ /dev/null @@ -1,7078 +0,0 @@ -meta.foundation-version { - font-family: "/5.5.0/"; } - -meta.foundation-mq-small { - font-family: "/only screen/"; - width: 0; } - -meta.foundation-mq-small-only { - font-family: "/only screen and (max-width: 40em)/"; - width: 0; } - -meta.foundation-mq-medium { - font-family: "/only screen and (min-width:40.063em)/"; - width: 40.063em; } - -meta.foundation-mq-medium-only { - font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; - width: 40.063em; } - -meta.foundation-mq-large { - font-family: "/only screen and (min-width:64.063em)/"; - width: 64.063em; } - -meta.foundation-mq-large-only { - font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/"; - width: 64.063em; } - -meta.foundation-mq-xlarge { - font-family: "/only screen and (min-width:90.063em)/"; - width: 90.063em; } - -meta.foundation-mq-xlarge-only { - font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/"; - width: 90.063em; } - -meta.foundation-mq-xxlarge { - font-family: "/only screen and (min-width:120.063em)/"; - width: 120.063em; } - -meta.foundation-data-attribute-namespace { - font-family: false; } - -html, body { - height: 100%; } - -*, *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -html, body { - font-size: 87%; } - -body { - background: #fff; - color: #222; - padding: 0; - margin: 0; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - font-style: normal; - line-height: 1.5; - position: relative; - cursor: auto; } - -a:hover { - cursor: pointer; } - -img { - max-width: 100%; - height: auto; } - -img { - -ms-interpolation-mode: bicubic; } - -#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { - max-width: none !important; } - -.left { - float: left !important; } - -.right { - float: right !important; } - -.clearfix:before, .clearfix:after { - content: " "; - display: table; } -.clearfix:after { - clear: both; } - -.hide { - display: none !important; - visibility: hidden; } - -.invisible { - visibility: hidden; } - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; } - -textarea { - height: auto; - min-height: 50px; } - -select { - width: 100%; } - -.row { - width: 100%; - margin-left: auto; - margin-right: auto; - margin-top: 0; - margin-bottom: 0; - max-width: 62.5rem; } - .row:before, .row:after { - content: " "; - display: table; } - .row:after { - clear: both; } - .row.collapse > .column, .row.collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.collapse .row { - margin-left: 0; - margin-right: 0; } - .row .row { - width: auto; - margin-left: -0.9375rem; - margin-right: -0.9375rem; - margin-top: 0; - margin-bottom: 0; - max-width: none; } - .row .row:before, .row .row:after { - content: " "; - display: table; } - .row .row:after { - clear: both; } - .row .row.collapse { - width: auto; - margin: 0; - max-width: none; } - .row .row.collapse:before, .row .row.collapse:after { - content: " "; - display: table; } - .row .row.collapse:after { - clear: both; } - -.column, .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - width: 100%; - float: left; } - -[class*="column"] + [class*="column"]:last-child { - float: right; } - -[class*="column"] + [class*="column"].end { - float: left; } - -@media only screen { - .small-push-0 { - position: relative; - left: 0%; - right: auto; } - - .small-pull-0 { - position: relative; - right: 0%; - left: auto; } - - .small-push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .small-pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .small-push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .small-pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .small-push-3 { - position: relative; - left: 25%; - right: auto; } - - .small-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .small-push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .small-pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .small-push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .small-pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .small-push-6 { - position: relative; - left: 50%; - right: auto; } - - .small-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .small-push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .small-pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .small-push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .small-pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .small-push-9 { - position: relative; - left: 75%; - right: auto; } - - .small-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .small-push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .small-pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .small-push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .small-pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - - .column, .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .small-1 { - width: 8.3333333333%; } - - .small-2 { - width: 16.6666666667%; } - - .small-3 { - width: 25%; } - - .small-4 { - width: 33.3333333333%; } - - .small-5 { - width: 41.6666666667%; } - - .small-6 { - width: 50%; } - - .small-7 { - width: 58.3333333333%; } - - .small-8 { - width: 66.6666666667%; } - - .small-9 { - width: 75%; } - - .small-10 { - width: 83.3333333333%; } - - .small-11 { - width: 91.6666666667%; } - - .small-12 { - width: 100%; } - - .small-offset-0 { - margin-left: 0% !important; } - - .small-offset-1 { - margin-left: 8.3333333333% !important; } - - .small-offset-2 { - margin-left: 16.6666666667% !important; } - - .small-offset-3 { - margin-left: 25% !important; } - - .small-offset-4 { - margin-left: 33.3333333333% !important; } - - .small-offset-5 { - margin-left: 41.6666666667% !important; } - - .small-offset-6 { - margin-left: 50% !important; } - - .small-offset-7 { - margin-left: 58.3333333333% !important; } - - .small-offset-8 { - margin-left: 66.6666666667% !important; } - - .small-offset-9 { - margin-left: 75% !important; } - - .small-offset-10 { - margin-left: 83.3333333333% !important; } - - .small-offset-11 { - margin-left: 91.6666666667% !important; } - - .small-reset-order { - margin-left: 0; - margin-right: 0; - left: auto; - right: auto; - float: left; } - - .column.small-centered, .columns.small-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.small-uncentered, .columns.small-uncentered { - margin-left: 0; - margin-right: 0; - float: left; } - - .column.small-centered:last-child, .columns.small-centered:last-child { - float: none; } - - .column.small-uncentered:last-child, .columns.small-uncentered:last-child { - float: left; } - - .column.small-uncentered.opposite, .columns.small-uncentered.opposite { - float: right; } - - .row.small-collapse > .column, .row.small-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.small-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.small-uncollapse > .column, .row.small-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - } - -@media only screen and (min-width:40.063em) { - .medium-push-0 { - position: relative; - left: 0%; - right: auto; } - - .medium-pull-0 { - position: relative; - right: 0%; - left: auto; } - - .medium-push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .medium-pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .medium-push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .medium-pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .medium-push-3 { - position: relative; - left: 25%; - right: auto; } - - .medium-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .medium-push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .medium-pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .medium-push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .medium-pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .medium-push-6 { - position: relative; - left: 50%; - right: auto; } - - .medium-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .medium-push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .medium-pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .medium-push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .medium-pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .medium-push-9 { - position: relative; - left: 75%; - right: auto; } - - .medium-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .medium-push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .medium-pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .medium-push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .medium-pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - - .column, .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .medium-1 { - width: 8.3333333333%; } - - .medium-2 { - width: 16.6666666667%; } - - .medium-3 { - width: 25%; } - - .medium-4 { - width: 33.3333333333%; } - - .medium-5 { - width: 41.6666666667%; } - - .medium-6 { - width: 50%; } - - .medium-7 { - width: 58.3333333333%; } - - .medium-8 { - width: 66.6666666667%; } - - .medium-9 { - width: 75%; } - - .medium-10 { - width: 83.3333333333%; } - - .medium-11 { - width: 91.6666666667%; } - - .medium-12 { - width: 100%; } - - .medium-offset-0 { - margin-left: 0% !important; } - - .medium-offset-1 { - margin-left: 8.3333333333% !important; } - - .medium-offset-2 { - margin-left: 16.6666666667% !important; } - - .medium-offset-3 { - margin-left: 25% !important; } - - .medium-offset-4 { - margin-left: 33.3333333333% !important; } - - .medium-offset-5 { - margin-left: 41.6666666667% !important; } - - .medium-offset-6 { - margin-left: 50% !important; } - - .medium-offset-7 { - margin-left: 58.3333333333% !important; } - - .medium-offset-8 { - margin-left: 66.6666666667% !important; } - - .medium-offset-9 { - margin-left: 75% !important; } - - .medium-offset-10 { - margin-left: 83.3333333333% !important; } - - .medium-offset-11 { - margin-left: 91.6666666667% !important; } - - .medium-reset-order { - margin-left: 0; - margin-right: 0; - left: auto; - right: auto; - float: left; } - - .column.medium-centered, .columns.medium-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.medium-uncentered, .columns.medium-uncentered { - margin-left: 0; - margin-right: 0; - float: left; } - - .column.medium-centered:last-child, .columns.medium-centered:last-child { - float: none; } - - .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { - float: left; } - - .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { - float: right; } - - .row.medium-collapse > .column, .row.medium-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.medium-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .push-0 { - position: relative; - left: 0%; - right: auto; } - - .pull-0 { - position: relative; - right: 0%; - left: auto; } - - .push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .push-3 { - position: relative; - left: 25%; - right: auto; } - - .pull-3 { - position: relative; - right: 25%; - left: auto; } - - .push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .push-6 { - position: relative; - left: 50%; - right: auto; } - - .pull-6 { - position: relative; - right: 50%; - left: auto; } - - .push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .push-9 { - position: relative; - left: 75%; - right: auto; } - - .pull-9 { - position: relative; - right: 75%; - left: auto; } - - .push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - } - -@media only screen and (min-width:64.063em) { - .large-push-0 { - position: relative; - left: 0%; - right: auto; } - - .large-pull-0 { - position: relative; - right: 0%; - left: auto; } - - .large-push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .large-pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .large-push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .large-pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .large-push-3 { - position: relative; - left: 25%; - right: auto; } - - .large-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .large-push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .large-pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .large-push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .large-pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .large-push-6 { - position: relative; - left: 50%; - right: auto; } - - .large-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .large-push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .large-pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .large-push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .large-pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .large-push-9 { - position: relative; - left: 75%; - right: auto; } - - .large-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .large-push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .large-pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .large-push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .large-pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - - .column, .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .large-1 { - width: 8.3333333333%; } - - .large-2 { - width: 16.6666666667%; } - - .large-3 { - width: 25%; } - - .large-4 { - width: 33.3333333333%; } - - .large-5 { - width: 41.6666666667%; } - - .large-6 { - width: 50%; } - - .large-7 { - width: 58.3333333333%; } - - .large-8 { - width: 66.6666666667%; } - - .large-9 { - width: 75%; } - - .large-10 { - width: 83.3333333333%; } - - .large-11 { - width: 91.6666666667%; } - - .large-12 { - width: 100%; } - - .large-offset-0 { - margin-left: 0% !important; } - - .large-offset-1 { - margin-left: 8.3333333333% !important; } - - .large-offset-2 { - margin-left: 16.6666666667% !important; } - - .large-offset-3 { - margin-left: 25% !important; } - - .large-offset-4 { - margin-left: 33.3333333333% !important; } - - .large-offset-5 { - margin-left: 41.6666666667% !important; } - - .large-offset-6 { - margin-left: 50% !important; } - - .large-offset-7 { - margin-left: 58.3333333333% !important; } - - .large-offset-8 { - margin-left: 66.6666666667% !important; } - - .large-offset-9 { - margin-left: 75% !important; } - - .large-offset-10 { - margin-left: 83.3333333333% !important; } - - .large-offset-11 { - margin-left: 91.6666666667% !important; } - - .large-reset-order { - margin-left: 0; - margin-right: 0; - left: auto; - right: auto; - float: left; } - - .column.large-centered, .columns.large-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.large-uncentered, .columns.large-uncentered { - margin-left: 0; - margin-right: 0; - float: left; } - - .column.large-centered:last-child, .columns.large-centered:last-child { - float: none; } - - .column.large-uncentered:last-child, .columns.large-uncentered:last-child { - float: left; } - - .column.large-uncentered.opposite, .columns.large-uncentered.opposite { - float: right; } - - .row.large-collapse > .column, .row.large-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.large-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.large-uncollapse > .column, .row.large-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .push-0 { - position: relative; - left: 0%; - right: auto; } - - .pull-0 { - position: relative; - right: 0%; - left: auto; } - - .push-1 { - position: relative; - left: 8.3333333333%; - right: auto; } - - .pull-1 { - position: relative; - right: 8.3333333333%; - left: auto; } - - .push-2 { - position: relative; - left: 16.6666666667%; - right: auto; } - - .pull-2 { - position: relative; - right: 16.6666666667%; - left: auto; } - - .push-3 { - position: relative; - left: 25%; - right: auto; } - - .pull-3 { - position: relative; - right: 25%; - left: auto; } - - .push-4 { - position: relative; - left: 33.3333333333%; - right: auto; } - - .pull-4 { - position: relative; - right: 33.3333333333%; - left: auto; } - - .push-5 { - position: relative; - left: 41.6666666667%; - right: auto; } - - .pull-5 { - position: relative; - right: 41.6666666667%; - left: auto; } - - .push-6 { - position: relative; - left: 50%; - right: auto; } - - .pull-6 { - position: relative; - right: 50%; - left: auto; } - - .push-7 { - position: relative; - left: 58.3333333333%; - right: auto; } - - .pull-7 { - position: relative; - right: 58.3333333333%; - left: auto; } - - .push-8 { - position: relative; - left: 66.6666666667%; - right: auto; } - - .pull-8 { - position: relative; - right: 66.6666666667%; - left: auto; } - - .push-9 { - position: relative; - left: 75%; - right: auto; } - - .pull-9 { - position: relative; - right: 75%; - left: auto; } - - .push-10 { - position: relative; - left: 83.3333333333%; - right: auto; } - - .pull-10 { - position: relative; - right: 83.3333333333%; - left: auto; } - - .push-11 { - position: relative; - left: 91.6666666667%; - right: auto; } - - .pull-11 { - position: relative; - right: 91.6666666667%; - left: auto; } - } - -.accordion { - margin-bottom: 0; } - .accordion:before, .accordion:after { - content: " "; - display: table; } - .accordion:after { - clear: both; } - .accordion .accordion-navigation, .accordion dd { - display: block; - margin-bottom: 0 !important; } - .accordion .accordion-navigation.active > a, .accordion dd.active > a { - background: #e8e8e8; } - .accordion .accordion-navigation > a, .accordion dd > a { - background: #EFEFEF; - color: #222222; - padding: 1rem; - display: block; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; } - .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { - background: #e3e3e3; } - .accordion .accordion-navigation > .content, .accordion dd > .content { - display: none; - padding: 0.9375rem; } - .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { - display: block; - background: #FFFFFF; } - -.alert-box { - border-style: solid; - border-width: 1px; - display: block; - font-weight: normal; - margin-bottom: 1.25rem; - position: relative; - padding: 0.875rem 1.5rem 0.875rem 0.875rem; - font-size: 0.75rem; - transition: opacity 300ms ease-out; - background-color: #54B948; - border-color: #48a03d; - color: #FFFFFF; } - .alert-box .close { - font-size: 1.375rem; - padding: 9px 6px 4px; - line-height: 0; - position: absolute; - top: 50%; - margin-top: -0.6875rem; - right: 0.25rem; - color: #333333; - opacity: 0.3; - background: inherit; } - .alert-box .close:hover, .alert-box .close:focus { - opacity: 0.5; } - .alert-box.radius { - border-radius: 3px; } - .alert-box.round { - border-radius: 1000px; } - .alert-box.success { - background-color: #43AC6A; - border-color: #3a945b; - color: #FFFFFF; } - .alert-box.alert { - background-color: #f04124; - border-color: #de2d0f; - color: #FFFFFF; } - .alert-box.secondary { - background-color: #3D792A; - border-color: #346824; - color: #FFFFFF; } - .alert-box.warning { - background-color: #f08a24; - border-color: #de770f; - color: #FFFFFF; } - .alert-box.info { - background-color: #a0d3e8; - border-color: #74bfdd; - color: #15290e; } - .alert-box.alert-close { - opacity: 0; } - -[class*="block-grid-"] { - display: block; - padding: 0; - margin: 0; } - [class*="block-grid-"]:before, [class*="block-grid-"]:after { - content: " "; - display: table; } - [class*="block-grid-"]:after { - clear: both; } - [class*="block-grid-"] > li { - display: block; - height: auto; - float: left; - padding: 0 0.9375rem 1.875rem; } - -@media only screen { - .small-block-grid-1 > li { - width: 100%; - list-style: none; } - .small-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - .small-block-grid-1 > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - - .small-block-grid-2 > li { - width: 50%; - list-style: none; } - .small-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - .small-block-grid-2 > li:nth-of-type(2n+1) { - padding-left: 0rem; - padding-right: 0.9375rem; } - .small-block-grid-2 > li:nth-of-type(2n) { - padding-left: 0.9375rem; - padding-right: 0rem; } - - .small-block-grid-3 > li { - width: 33.3333333333%; - list-style: none; } - .small-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - .small-block-grid-3 > li:nth-of-type(3n+1) { - padding-left: 0rem; - padding-right: 1.25rem; } - .small-block-grid-3 > li:nth-of-type(3n+2) { - padding-left: 0.625rem; - padding-right: 0.625rem; } - .small-block-grid-3 > li:nth-of-type(3n) { - padding-left: 1.25rem; - padding-right: 0rem; } - - .small-block-grid-4 > li { - width: 25%; - list-style: none; } - .small-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - .small-block-grid-4 > li:nth-of-type(4n+1) { - padding-left: 0rem; - padding-right: 1.40625rem; } - .small-block-grid-4 > li:nth-of-type(4n+2) { - padding-left: 0.46875rem; - padding-right: 0.9375rem; } - .small-block-grid-4 > li:nth-of-type(4n+3) { - padding-left: 0.9375rem; - padding-right: 0.46875rem; } - .small-block-grid-4 > li:nth-of-type(4n) { - padding-left: 1.40625rem; - padding-right: 0rem; } - - .small-block-grid-5 > li { - width: 20%; - list-style: none; } - .small-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - .small-block-grid-5 > li:nth-of-type(5n+1) { - padding-left: 0rem; - padding-right: 1.5rem; } - .small-block-grid-5 > li:nth-of-type(5n+2) { - padding-left: 0.375rem; - padding-right: 1.125rem; } - .small-block-grid-5 > li:nth-of-type(5n+3) { - padding-left: 0.75rem; - padding-right: 0.75rem; } - .small-block-grid-5 > li:nth-of-type(5n+4) { - padding-left: 1.125rem; - padding-right: 0.375rem; } - .small-block-grid-5 > li:nth-of-type(5n) { - padding-left: 1.5rem; - padding-right: 0rem; } - - .small-block-grid-6 > li { - width: 16.6666666667%; - list-style: none; } - .small-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - .small-block-grid-6 > li:nth-of-type(6n+1) { - padding-left: 0rem; - padding-right: 1.5625rem; } - .small-block-grid-6 > li:nth-of-type(6n+2) { - padding-left: 0.3125rem; - padding-right: 1.25rem; } - .small-block-grid-6 > li:nth-of-type(6n+3) { - padding-left: 0.625rem; - padding-right: 0.9375rem; } - .small-block-grid-6 > li:nth-of-type(6n+4) { - padding-left: 0.9375rem; - padding-right: 0.625rem; } - .small-block-grid-6 > li:nth-of-type(6n+5) { - padding-left: 1.25rem; - padding-right: 0.3125rem; } - .small-block-grid-6 > li:nth-of-type(6n) { - padding-left: 1.5625rem; - padding-right: 0rem; } - - .small-block-grid-7 > li { - width: 14.2857142857%; - list-style: none; } - .small-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - .small-block-grid-7 > li:nth-of-type(7n+1) { - padding-left: 0rem; - padding-right: 1.6071428571rem; } - .small-block-grid-7 > li:nth-of-type(7n+2) { - padding-left: 0.2678571429rem; - padding-right: 1.3392857143rem; } - .small-block-grid-7 > li:nth-of-type(7n+3) { - padding-left: 0.5357142857rem; - padding-right: 1.0714285714rem; } - .small-block-grid-7 > li:nth-of-type(7n+4) { - padding-left: 0.8035714286rem; - padding-right: 0.8035714286rem; } - .small-block-grid-7 > li:nth-of-type(7n+5) { - padding-left: 1.0714285714rem; - padding-right: 0.5357142857rem; } - .small-block-grid-7 > li:nth-of-type(7n+6) { - padding-left: 1.3392857143rem; - padding-right: 0.2678571429rem; } - .small-block-grid-7 > li:nth-of-type(7n) { - padding-left: 1.6071428571rem; - padding-right: 0rem; } - - .small-block-grid-8 > li { - width: 12.5%; - list-style: none; } - .small-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - .small-block-grid-8 > li:nth-of-type(8n+1) { - padding-left: 0rem; - padding-right: 1.640625rem; } - .small-block-grid-8 > li:nth-of-type(8n+2) { - padding-left: 0.234375rem; - padding-right: 1.40625rem; } - .small-block-grid-8 > li:nth-of-type(8n+3) { - padding-left: 0.46875rem; - padding-right: 1.171875rem; } - .small-block-grid-8 > li:nth-of-type(8n+4) { - padding-left: 0.703125rem; - padding-right: 0.9375rem; } - .small-block-grid-8 > li:nth-of-type(8n+5) { - padding-left: 0.9375rem; - padding-right: 0.703125rem; } - .small-block-grid-8 > li:nth-of-type(8n+6) { - padding-left: 1.171875rem; - padding-right: 0.46875rem; } - .small-block-grid-8 > li:nth-of-type(8n+7) { - padding-left: 1.40625rem; - padding-right: 0.234375rem; } - .small-block-grid-8 > li:nth-of-type(8n) { - padding-left: 1.640625rem; - padding-right: 0rem; } - - .small-block-grid-9 > li { - width: 11.1111111111%; - list-style: none; } - .small-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - .small-block-grid-9 > li:nth-of-type(9n+1) { - padding-left: 0rem; - padding-right: 1.6666666667rem; } - .small-block-grid-9 > li:nth-of-type(9n+2) { - padding-left: 0.2083333333rem; - padding-right: 1.4583333333rem; } - .small-block-grid-9 > li:nth-of-type(9n+3) { - padding-left: 0.4166666667rem; - padding-right: 1.25rem; } - .small-block-grid-9 > li:nth-of-type(9n+4) { - padding-left: 0.625rem; - padding-right: 1.0416666667rem; } - .small-block-grid-9 > li:nth-of-type(9n+5) { - padding-left: 0.8333333333rem; - padding-right: 0.8333333333rem; } - .small-block-grid-9 > li:nth-of-type(9n+6) { - padding-left: 1.0416666667rem; - padding-right: 0.625rem; } - .small-block-grid-9 > li:nth-of-type(9n+7) { - padding-left: 1.25rem; - padding-right: 0.4166666667rem; } - .small-block-grid-9 > li:nth-of-type(9n+8) { - padding-left: 1.4583333333rem; - padding-right: 0.2083333333rem; } - .small-block-grid-9 > li:nth-of-type(9n) { - padding-left: 1.6666666667rem; - padding-right: 0rem; } - - .small-block-grid-10 > li { - width: 10%; - list-style: none; } - .small-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - .small-block-grid-10 > li:nth-of-type(10n+1) { - padding-left: 0rem; - padding-right: 1.6875rem; } - .small-block-grid-10 > li:nth-of-type(10n+2) { - padding-left: 0.1875rem; - padding-right: 1.5rem; } - .small-block-grid-10 > li:nth-of-type(10n+3) { - padding-left: 0.375rem; - padding-right: 1.3125rem; } - .small-block-grid-10 > li:nth-of-type(10n+4) { - padding-left: 0.5625rem; - padding-right: 1.125rem; } - .small-block-grid-10 > li:nth-of-type(10n+5) { - padding-left: 0.75rem; - padding-right: 0.9375rem; } - .small-block-grid-10 > li:nth-of-type(10n+6) { - padding-left: 0.9375rem; - padding-right: 0.75rem; } - .small-block-grid-10 > li:nth-of-type(10n+7) { - padding-left: 1.125rem; - padding-right: 0.5625rem; } - .small-block-grid-10 > li:nth-of-type(10n+8) { - padding-left: 1.3125rem; - padding-right: 0.375rem; } - .small-block-grid-10 > li:nth-of-type(10n+9) { - padding-left: 1.5rem; - padding-right: 0.1875rem; } - .small-block-grid-10 > li:nth-of-type(10n) { - padding-left: 1.6875rem; - padding-right: 0rem; } - - .small-block-grid-11 > li { - width: 9.0909090909%; - list-style: none; } - .small-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - .small-block-grid-11 > li:nth-of-type(11n+1) { - padding-left: 0rem; - padding-right: 1.7045454545rem; } - .small-block-grid-11 > li:nth-of-type(11n+2) { - padding-left: 0.1704545455rem; - padding-right: 1.5340909091rem; } - .small-block-grid-11 > li:nth-of-type(11n+3) { - padding-left: 0.3409090909rem; - padding-right: 1.3636363636rem; } - .small-block-grid-11 > li:nth-of-type(11n+4) { - padding-left: 0.5113636364rem; - padding-right: 1.1931818182rem; } - .small-block-grid-11 > li:nth-of-type(11n+5) { - padding-left: 0.6818181818rem; - padding-right: 1.0227272727rem; } - .small-block-grid-11 > li:nth-of-type(11n+6) { - padding-left: 0.8522727273rem; - padding-right: 0.8522727273rem; } - .small-block-grid-11 > li:nth-of-type(11n+7) { - padding-left: 1.0227272727rem; - padding-right: 0.6818181818rem; } - .small-block-grid-11 > li:nth-of-type(11n+8) { - padding-left: 1.1931818182rem; - padding-right: 0.5113636364rem; } - .small-block-grid-11 > li:nth-of-type(11n+9) { - padding-left: 1.3636363636rem; - padding-right: 0.3409090909rem; } - .small-block-grid-11 > li:nth-of-type(11n+10) { - padding-left: 1.5340909091rem; - padding-right: 0.1704545455rem; } - .small-block-grid-11 > li:nth-of-type(11n) { - padding-left: 1.7045454545rem; - padding-right: 0rem; } - - .small-block-grid-12 > li { - width: 8.3333333333%; - list-style: none; } - .small-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } - .small-block-grid-12 > li:nth-of-type(12n+1) { - padding-left: 0rem; - padding-right: 1.71875rem; } - .small-block-grid-12 > li:nth-of-type(12n+2) { - padding-left: 0.15625rem; - padding-right: 1.5625rem; } - .small-block-grid-12 > li:nth-of-type(12n+3) { - padding-left: 0.3125rem; - padding-right: 1.40625rem; } - .small-block-grid-12 > li:nth-of-type(12n+4) { - padding-left: 0.46875rem; - padding-right: 1.25rem; } - .small-block-grid-12 > li:nth-of-type(12n+5) { - padding-left: 0.625rem; - padding-right: 1.09375rem; } - .small-block-grid-12 > li:nth-of-type(12n+6) { - padding-left: 0.78125rem; - padding-right: 0.9375rem; } - .small-block-grid-12 > li:nth-of-type(12n+7) { - padding-left: 0.9375rem; - padding-right: 0.78125rem; } - .small-block-grid-12 > li:nth-of-type(12n+8) { - padding-left: 1.09375rem; - padding-right: 0.625rem; } - .small-block-grid-12 > li:nth-of-type(12n+9) { - padding-left: 1.25rem; - padding-right: 0.46875rem; } - .small-block-grid-12 > li:nth-of-type(12n+10) { - padding-left: 1.40625rem; - padding-right: 0.3125rem; } - .small-block-grid-12 > li:nth-of-type(12n+11) { - padding-left: 1.5625rem; - padding-right: 0.15625rem; } - .small-block-grid-12 > li:nth-of-type(12n) { - padding-left: 1.71875rem; - padding-right: 0rem; } - } - -@media only screen and (min-width:40.063em) { - .medium-block-grid-1 > li { - width: 100%; - list-style: none; } - .medium-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - .medium-block-grid-1 > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - - .medium-block-grid-2 > li { - width: 50%; - list-style: none; } - .medium-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - .medium-block-grid-2 > li:nth-of-type(2n+1) { - padding-left: 0rem; - padding-right: 0.9375rem; } - .medium-block-grid-2 > li:nth-of-type(2n) { - padding-left: 0.9375rem; - padding-right: 0rem; } - - .medium-block-grid-3 > li { - width: 33.3333333333%; - list-style: none; } - .medium-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - .medium-block-grid-3 > li:nth-of-type(3n+1) { - padding-left: 0rem; - padding-right: 1.25rem; } - .medium-block-grid-3 > li:nth-of-type(3n+2) { - padding-left: 0.625rem; - padding-right: 0.625rem; } - .medium-block-grid-3 > li:nth-of-type(3n) { - padding-left: 1.25rem; - padding-right: 0rem; } - - .medium-block-grid-4 > li { - width: 25%; - list-style: none; } - .medium-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - .medium-block-grid-4 > li:nth-of-type(4n+1) { - padding-left: 0rem; - padding-right: 1.40625rem; } - .medium-block-grid-4 > li:nth-of-type(4n+2) { - padding-left: 0.46875rem; - padding-right: 0.9375rem; } - .medium-block-grid-4 > li:nth-of-type(4n+3) { - padding-left: 0.9375rem; - padding-right: 0.46875rem; } - .medium-block-grid-4 > li:nth-of-type(4n) { - padding-left: 1.40625rem; - padding-right: 0rem; } - - .medium-block-grid-5 > li { - width: 20%; - list-style: none; } - .medium-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - .medium-block-grid-5 > li:nth-of-type(5n+1) { - padding-left: 0rem; - padding-right: 1.5rem; } - .medium-block-grid-5 > li:nth-of-type(5n+2) { - padding-left: 0.375rem; - padding-right: 1.125rem; } - .medium-block-grid-5 > li:nth-of-type(5n+3) { - padding-left: 0.75rem; - padding-right: 0.75rem; } - .medium-block-grid-5 > li:nth-of-type(5n+4) { - padding-left: 1.125rem; - padding-right: 0.375rem; } - .medium-block-grid-5 > li:nth-of-type(5n) { - padding-left: 1.5rem; - padding-right: 0rem; } - - .medium-block-grid-6 > li { - width: 16.6666666667%; - list-style: none; } - .medium-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - .medium-block-grid-6 > li:nth-of-type(6n+1) { - padding-left: 0rem; - padding-right: 1.5625rem; } - .medium-block-grid-6 > li:nth-of-type(6n+2) { - padding-left: 0.3125rem; - padding-right: 1.25rem; } - .medium-block-grid-6 > li:nth-of-type(6n+3) { - padding-left: 0.625rem; - padding-right: 0.9375rem; } - .medium-block-grid-6 > li:nth-of-type(6n+4) { - padding-left: 0.9375rem; - padding-right: 0.625rem; } - .medium-block-grid-6 > li:nth-of-type(6n+5) { - padding-left: 1.25rem; - padding-right: 0.3125rem; } - .medium-block-grid-6 > li:nth-of-type(6n) { - padding-left: 1.5625rem; - padding-right: 0rem; } - - .medium-block-grid-7 > li { - width: 14.2857142857%; - list-style: none; } - .medium-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - .medium-block-grid-7 > li:nth-of-type(7n+1) { - padding-left: 0rem; - padding-right: 1.6071428571rem; } - .medium-block-grid-7 > li:nth-of-type(7n+2) { - padding-left: 0.2678571429rem; - padding-right: 1.3392857143rem; } - .medium-block-grid-7 > li:nth-of-type(7n+3) { - padding-left: 0.5357142857rem; - padding-right: 1.0714285714rem; } - .medium-block-grid-7 > li:nth-of-type(7n+4) { - padding-left: 0.8035714286rem; - padding-right: 0.8035714286rem; } - .medium-block-grid-7 > li:nth-of-type(7n+5) { - padding-left: 1.0714285714rem; - padding-right: 0.5357142857rem; } - .medium-block-grid-7 > li:nth-of-type(7n+6) { - padding-left: 1.3392857143rem; - padding-right: 0.2678571429rem; } - .medium-block-grid-7 > li:nth-of-type(7n) { - padding-left: 1.6071428571rem; - padding-right: 0rem; } - - .medium-block-grid-8 > li { - width: 12.5%; - list-style: none; } - .medium-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - .medium-block-grid-8 > li:nth-of-type(8n+1) { - padding-left: 0rem; - padding-right: 1.640625rem; } - .medium-block-grid-8 > li:nth-of-type(8n+2) { - padding-left: 0.234375rem; - padding-right: 1.40625rem; } - .medium-block-grid-8 > li:nth-of-type(8n+3) { - padding-left: 0.46875rem; - padding-right: 1.171875rem; } - .medium-block-grid-8 > li:nth-of-type(8n+4) { - padding-left: 0.703125rem; - padding-right: 0.9375rem; } - .medium-block-grid-8 > li:nth-of-type(8n+5) { - padding-left: 0.9375rem; - padding-right: 0.703125rem; } - .medium-block-grid-8 > li:nth-of-type(8n+6) { - padding-left: 1.171875rem; - padding-right: 0.46875rem; } - .medium-block-grid-8 > li:nth-of-type(8n+7) { - padding-left: 1.40625rem; - padding-right: 0.234375rem; } - .medium-block-grid-8 > li:nth-of-type(8n) { - padding-left: 1.640625rem; - padding-right: 0rem; } - - .medium-block-grid-9 > li { - width: 11.1111111111%; - list-style: none; } - .medium-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - .medium-block-grid-9 > li:nth-of-type(9n+1) { - padding-left: 0rem; - padding-right: 1.6666666667rem; } - .medium-block-grid-9 > li:nth-of-type(9n+2) { - padding-left: 0.2083333333rem; - padding-right: 1.4583333333rem; } - .medium-block-grid-9 > li:nth-of-type(9n+3) { - padding-left: 0.4166666667rem; - padding-right: 1.25rem; } - .medium-block-grid-9 > li:nth-of-type(9n+4) { - padding-left: 0.625rem; - padding-right: 1.0416666667rem; } - .medium-block-grid-9 > li:nth-of-type(9n+5) { - padding-left: 0.8333333333rem; - padding-right: 0.8333333333rem; } - .medium-block-grid-9 > li:nth-of-type(9n+6) { - padding-left: 1.0416666667rem; - padding-right: 0.625rem; } - .medium-block-grid-9 > li:nth-of-type(9n+7) { - padding-left: 1.25rem; - padding-right: 0.4166666667rem; } - .medium-block-grid-9 > li:nth-of-type(9n+8) { - padding-left: 1.4583333333rem; - padding-right: 0.2083333333rem; } - .medium-block-grid-9 > li:nth-of-type(9n) { - padding-left: 1.6666666667rem; - padding-right: 0rem; } - - .medium-block-grid-10 > li { - width: 10%; - list-style: none; } - .medium-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - .medium-block-grid-10 > li:nth-of-type(10n+1) { - padding-left: 0rem; - padding-right: 1.6875rem; } - .medium-block-grid-10 > li:nth-of-type(10n+2) { - padding-left: 0.1875rem; - padding-right: 1.5rem; } - .medium-block-grid-10 > li:nth-of-type(10n+3) { - padding-left: 0.375rem; - padding-right: 1.3125rem; } - .medium-block-grid-10 > li:nth-of-type(10n+4) { - padding-left: 0.5625rem; - padding-right: 1.125rem; } - .medium-block-grid-10 > li:nth-of-type(10n+5) { - padding-left: 0.75rem; - padding-right: 0.9375rem; } - .medium-block-grid-10 > li:nth-of-type(10n+6) { - padding-left: 0.9375rem; - padding-right: 0.75rem; } - .medium-block-grid-10 > li:nth-of-type(10n+7) { - padding-left: 1.125rem; - padding-right: 0.5625rem; } - .medium-block-grid-10 > li:nth-of-type(10n+8) { - padding-left: 1.3125rem; - padding-right: 0.375rem; } - .medium-block-grid-10 > li:nth-of-type(10n+9) { - padding-left: 1.5rem; - padding-right: 0.1875rem; } - .medium-block-grid-10 > li:nth-of-type(10n) { - padding-left: 1.6875rem; - padding-right: 0rem; } - - .medium-block-grid-11 > li { - width: 9.0909090909%; - list-style: none; } - .medium-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - .medium-block-grid-11 > li:nth-of-type(11n+1) { - padding-left: 0rem; - padding-right: 1.7045454545rem; } - .medium-block-grid-11 > li:nth-of-type(11n+2) { - padding-left: 0.1704545455rem; - padding-right: 1.5340909091rem; } - .medium-block-grid-11 > li:nth-of-type(11n+3) { - padding-left: 0.3409090909rem; - padding-right: 1.3636363636rem; } - .medium-block-grid-11 > li:nth-of-type(11n+4) { - padding-left: 0.5113636364rem; - padding-right: 1.1931818182rem; } - .medium-block-grid-11 > li:nth-of-type(11n+5) { - padding-left: 0.6818181818rem; - padding-right: 1.0227272727rem; } - .medium-block-grid-11 > li:nth-of-type(11n+6) { - padding-left: 0.8522727273rem; - padding-right: 0.8522727273rem; } - .medium-block-grid-11 > li:nth-of-type(11n+7) { - padding-left: 1.0227272727rem; - padding-right: 0.6818181818rem; } - .medium-block-grid-11 > li:nth-of-type(11n+8) { - padding-left: 1.1931818182rem; - padding-right: 0.5113636364rem; } - .medium-block-grid-11 > li:nth-of-type(11n+9) { - padding-left: 1.3636363636rem; - padding-right: 0.3409090909rem; } - .medium-block-grid-11 > li:nth-of-type(11n+10) { - padding-left: 1.5340909091rem; - padding-right: 0.1704545455rem; } - .medium-block-grid-11 > li:nth-of-type(11n) { - padding-left: 1.7045454545rem; - padding-right: 0rem; } - - .medium-block-grid-12 > li { - width: 8.3333333333%; - list-style: none; } - .medium-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } - .medium-block-grid-12 > li:nth-of-type(12n+1) { - padding-left: 0rem; - padding-right: 1.71875rem; } - .medium-block-grid-12 > li:nth-of-type(12n+2) { - padding-left: 0.15625rem; - padding-right: 1.5625rem; } - .medium-block-grid-12 > li:nth-of-type(12n+3) { - padding-left: 0.3125rem; - padding-right: 1.40625rem; } - .medium-block-grid-12 > li:nth-of-type(12n+4) { - padding-left: 0.46875rem; - padding-right: 1.25rem; } - .medium-block-grid-12 > li:nth-of-type(12n+5) { - padding-left: 0.625rem; - padding-right: 1.09375rem; } - .medium-block-grid-12 > li:nth-of-type(12n+6) { - padding-left: 0.78125rem; - padding-right: 0.9375rem; } - .medium-block-grid-12 > li:nth-of-type(12n+7) { - padding-left: 0.9375rem; - padding-right: 0.78125rem; } - .medium-block-grid-12 > li:nth-of-type(12n+8) { - padding-left: 1.09375rem; - padding-right: 0.625rem; } - .medium-block-grid-12 > li:nth-of-type(12n+9) { - padding-left: 1.25rem; - padding-right: 0.46875rem; } - .medium-block-grid-12 > li:nth-of-type(12n+10) { - padding-left: 1.40625rem; - padding-right: 0.3125rem; } - .medium-block-grid-12 > li:nth-of-type(12n+11) { - padding-left: 1.5625rem; - padding-right: 0.15625rem; } - .medium-block-grid-12 > li:nth-of-type(12n) { - padding-left: 1.71875rem; - padding-right: 0rem; } - } - -@media only screen and (min-width:64.063em) { - .large-block-grid-1 > li { - width: 100%; - list-style: none; } - .large-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - .large-block-grid-1 > li:nth-of-type(1n) { - padding-left: 0rem; - padding-right: 0rem; } - - .large-block-grid-2 > li { - width: 50%; - list-style: none; } - .large-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - .large-block-grid-2 > li:nth-of-type(2n+1) { - padding-left: 0rem; - padding-right: 0.9375rem; } - .large-block-grid-2 > li:nth-of-type(2n) { - padding-left: 0.9375rem; - padding-right: 0rem; } - - .large-block-grid-3 > li { - width: 33.3333333333%; - list-style: none; } - .large-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - .large-block-grid-3 > li:nth-of-type(3n+1) { - padding-left: 0rem; - padding-right: 1.25rem; } - .large-block-grid-3 > li:nth-of-type(3n+2) { - padding-left: 0.625rem; - padding-right: 0.625rem; } - .large-block-grid-3 > li:nth-of-type(3n) { - padding-left: 1.25rem; - padding-right: 0rem; } - - .large-block-grid-4 > li { - width: 25%; - list-style: none; } - .large-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - .large-block-grid-4 > li:nth-of-type(4n+1) { - padding-left: 0rem; - padding-right: 1.40625rem; } - .large-block-grid-4 > li:nth-of-type(4n+2) { - padding-left: 0.46875rem; - padding-right: 0.9375rem; } - .large-block-grid-4 > li:nth-of-type(4n+3) { - padding-left: 0.9375rem; - padding-right: 0.46875rem; } - .large-block-grid-4 > li:nth-of-type(4n) { - padding-left: 1.40625rem; - padding-right: 0rem; } - - .large-block-grid-5 > li { - width: 20%; - list-style: none; } - .large-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - .large-block-grid-5 > li:nth-of-type(5n+1) { - padding-left: 0rem; - padding-right: 1.5rem; } - .large-block-grid-5 > li:nth-of-type(5n+2) { - padding-left: 0.375rem; - padding-right: 1.125rem; } - .large-block-grid-5 > li:nth-of-type(5n+3) { - padding-left: 0.75rem; - padding-right: 0.75rem; } - .large-block-grid-5 > li:nth-of-type(5n+4) { - padding-left: 1.125rem; - padding-right: 0.375rem; } - .large-block-grid-5 > li:nth-of-type(5n) { - padding-left: 1.5rem; - padding-right: 0rem; } - - .large-block-grid-6 > li { - width: 16.6666666667%; - list-style: none; } - .large-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - .large-block-grid-6 > li:nth-of-type(6n+1) { - padding-left: 0rem; - padding-right: 1.5625rem; } - .large-block-grid-6 > li:nth-of-type(6n+2) { - padding-left: 0.3125rem; - padding-right: 1.25rem; } - .large-block-grid-6 > li:nth-of-type(6n+3) { - padding-left: 0.625rem; - padding-right: 0.9375rem; } - .large-block-grid-6 > li:nth-of-type(6n+4) { - padding-left: 0.9375rem; - padding-right: 0.625rem; } - .large-block-grid-6 > li:nth-of-type(6n+5) { - padding-left: 1.25rem; - padding-right: 0.3125rem; } - .large-block-grid-6 > li:nth-of-type(6n) { - padding-left: 1.5625rem; - padding-right: 0rem; } - - .large-block-grid-7 > li { - width: 14.2857142857%; - list-style: none; } - .large-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - .large-block-grid-7 > li:nth-of-type(7n+1) { - padding-left: 0rem; - padding-right: 1.6071428571rem; } - .large-block-grid-7 > li:nth-of-type(7n+2) { - padding-left: 0.2678571429rem; - padding-right: 1.3392857143rem; } - .large-block-grid-7 > li:nth-of-type(7n+3) { - padding-left: 0.5357142857rem; - padding-right: 1.0714285714rem; } - .large-block-grid-7 > li:nth-of-type(7n+4) { - padding-left: 0.8035714286rem; - padding-right: 0.8035714286rem; } - .large-block-grid-7 > li:nth-of-type(7n+5) { - padding-left: 1.0714285714rem; - padding-right: 0.5357142857rem; } - .large-block-grid-7 > li:nth-of-type(7n+6) { - padding-left: 1.3392857143rem; - padding-right: 0.2678571429rem; } - .large-block-grid-7 > li:nth-of-type(7n) { - padding-left: 1.6071428571rem; - padding-right: 0rem; } - - .large-block-grid-8 > li { - width: 12.5%; - list-style: none; } - .large-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - .large-block-grid-8 > li:nth-of-type(8n+1) { - padding-left: 0rem; - padding-right: 1.640625rem; } - .large-block-grid-8 > li:nth-of-type(8n+2) { - padding-left: 0.234375rem; - padding-right: 1.40625rem; } - .large-block-grid-8 > li:nth-of-type(8n+3) { - padding-left: 0.46875rem; - padding-right: 1.171875rem; } - .large-block-grid-8 > li:nth-of-type(8n+4) { - padding-left: 0.703125rem; - padding-right: 0.9375rem; } - .large-block-grid-8 > li:nth-of-type(8n+5) { - padding-left: 0.9375rem; - padding-right: 0.703125rem; } - .large-block-grid-8 > li:nth-of-type(8n+6) { - padding-left: 1.171875rem; - padding-right: 0.46875rem; } - .large-block-grid-8 > li:nth-of-type(8n+7) { - padding-left: 1.40625rem; - padding-right: 0.234375rem; } - .large-block-grid-8 > li:nth-of-type(8n) { - padding-left: 1.640625rem; - padding-right: 0rem; } - - .large-block-grid-9 > li { - width: 11.1111111111%; - list-style: none; } - .large-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - .large-block-grid-9 > li:nth-of-type(9n+1) { - padding-left: 0rem; - padding-right: 1.6666666667rem; } - .large-block-grid-9 > li:nth-of-type(9n+2) { - padding-left: 0.2083333333rem; - padding-right: 1.4583333333rem; } - .large-block-grid-9 > li:nth-of-type(9n+3) { - padding-left: 0.4166666667rem; - padding-right: 1.25rem; } - .large-block-grid-9 > li:nth-of-type(9n+4) { - padding-left: 0.625rem; - padding-right: 1.0416666667rem; } - .large-block-grid-9 > li:nth-of-type(9n+5) { - padding-left: 0.8333333333rem; - padding-right: 0.8333333333rem; } - .large-block-grid-9 > li:nth-of-type(9n+6) { - padding-left: 1.0416666667rem; - padding-right: 0.625rem; } - .large-block-grid-9 > li:nth-of-type(9n+7) { - padding-left: 1.25rem; - padding-right: 0.4166666667rem; } - .large-block-grid-9 > li:nth-of-type(9n+8) { - padding-left: 1.4583333333rem; - padding-right: 0.2083333333rem; } - .large-block-grid-9 > li:nth-of-type(9n) { - padding-left: 1.6666666667rem; - padding-right: 0rem; } - - .large-block-grid-10 > li { - width: 10%; - list-style: none; } - .large-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - .large-block-grid-10 > li:nth-of-type(10n+1) { - padding-left: 0rem; - padding-right: 1.6875rem; } - .large-block-grid-10 > li:nth-of-type(10n+2) { - padding-left: 0.1875rem; - padding-right: 1.5rem; } - .large-block-grid-10 > li:nth-of-type(10n+3) { - padding-left: 0.375rem; - padding-right: 1.3125rem; } - .large-block-grid-10 > li:nth-of-type(10n+4) { - padding-left: 0.5625rem; - padding-right: 1.125rem; } - .large-block-grid-10 > li:nth-of-type(10n+5) { - padding-left: 0.75rem; - padding-right: 0.9375rem; } - .large-block-grid-10 > li:nth-of-type(10n+6) { - padding-left: 0.9375rem; - padding-right: 0.75rem; } - .large-block-grid-10 > li:nth-of-type(10n+7) { - padding-left: 1.125rem; - padding-right: 0.5625rem; } - .large-block-grid-10 > li:nth-of-type(10n+8) { - padding-left: 1.3125rem; - padding-right: 0.375rem; } - .large-block-grid-10 > li:nth-of-type(10n+9) { - padding-left: 1.5rem; - padding-right: 0.1875rem; } - .large-block-grid-10 > li:nth-of-type(10n) { - padding-left: 1.6875rem; - padding-right: 0rem; } - - .large-block-grid-11 > li { - width: 9.0909090909%; - list-style: none; } - .large-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - .large-block-grid-11 > li:nth-of-type(11n+1) { - padding-left: 0rem; - padding-right: 1.7045454545rem; } - .large-block-grid-11 > li:nth-of-type(11n+2) { - padding-left: 0.1704545455rem; - padding-right: 1.5340909091rem; } - .large-block-grid-11 > li:nth-of-type(11n+3) { - padding-left: 0.3409090909rem; - padding-right: 1.3636363636rem; } - .large-block-grid-11 > li:nth-of-type(11n+4) { - padding-left: 0.5113636364rem; - padding-right: 1.1931818182rem; } - .large-block-grid-11 > li:nth-of-type(11n+5) { - padding-left: 0.6818181818rem; - padding-right: 1.0227272727rem; } - .large-block-grid-11 > li:nth-of-type(11n+6) { - padding-left: 0.8522727273rem; - padding-right: 0.8522727273rem; } - .large-block-grid-11 > li:nth-of-type(11n+7) { - padding-left: 1.0227272727rem; - padding-right: 0.6818181818rem; } - .large-block-grid-11 > li:nth-of-type(11n+8) { - padding-left: 1.1931818182rem; - padding-right: 0.5113636364rem; } - .large-block-grid-11 > li:nth-of-type(11n+9) { - padding-left: 1.3636363636rem; - padding-right: 0.3409090909rem; } - .large-block-grid-11 > li:nth-of-type(11n+10) { - padding-left: 1.5340909091rem; - padding-right: 0.1704545455rem; } - .large-block-grid-11 > li:nth-of-type(11n) { - padding-left: 1.7045454545rem; - padding-right: 0rem; } - - .large-block-grid-12 > li { - width: 8.3333333333%; - list-style: none; } - .large-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } - .large-block-grid-12 > li:nth-of-type(12n+1) { - padding-left: 0rem; - padding-right: 1.71875rem; } - .large-block-grid-12 > li:nth-of-type(12n+2) { - padding-left: 0.15625rem; - padding-right: 1.5625rem; } - .large-block-grid-12 > li:nth-of-type(12n+3) { - padding-left: 0.3125rem; - padding-right: 1.40625rem; } - .large-block-grid-12 > li:nth-of-type(12n+4) { - padding-left: 0.46875rem; - padding-right: 1.25rem; } - .large-block-grid-12 > li:nth-of-type(12n+5) { - padding-left: 0.625rem; - padding-right: 1.09375rem; } - .large-block-grid-12 > li:nth-of-type(12n+6) { - padding-left: 0.78125rem; - padding-right: 0.9375rem; } - .large-block-grid-12 > li:nth-of-type(12n+7) { - padding-left: 0.9375rem; - padding-right: 0.78125rem; } - .large-block-grid-12 > li:nth-of-type(12n+8) { - padding-left: 1.09375rem; - padding-right: 0.625rem; } - .large-block-grid-12 > li:nth-of-type(12n+9) { - padding-left: 1.25rem; - padding-right: 0.46875rem; } - .large-block-grid-12 > li:nth-of-type(12n+10) { - padding-left: 1.40625rem; - padding-right: 0.3125rem; } - .large-block-grid-12 > li:nth-of-type(12n+11) { - padding-left: 1.5625rem; - padding-right: 0.15625rem; } - .large-block-grid-12 > li:nth-of-type(12n) { - padding-left: 1.71875rem; - padding-right: 0rem; } - } - -.breadcrumbs { - display: block; - padding: 0.5625rem 0.875rem 0.5625rem; - overflow: hidden; - margin-left: 0; - list-style: none; - border-style: solid; - border-width: 1px; - background-color: #9dd78b; - border-color: #87ce71; - border-radius: 3px; } - .breadcrumbs > * { - margin: 0; - float: left; - font-size: 0.6875rem; - line-height: 0.6875rem; - text-transform: uppercase; - color: #54B948; } - .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { - text-decoration: underline; } - .breadcrumbs > * a { - color: #54B948; } - .breadcrumbs > *.current { - cursor: default; - color: #333333; } - .breadcrumbs > *.current a { - cursor: default; - color: #333333; } - .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { - text-decoration: none; } - .breadcrumbs > *.unavailable { - color: #999999; } - .breadcrumbs > *.unavailable a { - color: #999999; } - .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { - text-decoration: none; - color: #999999; - cursor: default; } - .breadcrumbs > *:before { - content: "/"; - color: #AAAAAA; - margin: 0 0.75rem; - position: relative; - top: 1px; } - .breadcrumbs > *:first-child:before { - content: " "; - margin: 0; } - -/* Accessibility - hides the forward slash */ -[aria-label="breadcrumbs"] [aria-hidden="true"]:after { - content: "/"; } - -button, .button { - border-style: solid; - border-width: 0; - cursor: pointer; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - line-height: normal; - margin: 0 0 1.25rem; - position: relative; - text-decoration: none; - text-align: center; - -webkit-appearance: none; - border-radius: 0; - display: inline-block; - padding-top: 1rem; - padding-right: 2rem; - padding-bottom: 1.0625rem; - padding-left: 2rem; - font-size: 1rem; - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; - transition: background-color 300ms ease-out; } - button:hover, button:focus, .button:hover, .button:focus { - background-color: #439539; } - button:hover, button:focus, .button:hover, .button:focus { - color: #FFFFFF; } - button.secondary, .button.secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; } - button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { - background-color: #316122; } - button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { - color: #FFFFFF; } - button.success, .button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { - background-color: #368a55; } - button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { - color: #FFFFFF; } - button.alert, .button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { - background-color: #cf2a0e; } - button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { - color: #FFFFFF; } - button.warning, .button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6e0e; } - button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - color: #FFFFFF; } - button.info, .button.info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; } - button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { - background-color: #61b6d9; } - button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { - color: #FFFFFF; } - button.large, .button.large { - padding-top: 1.125rem; - padding-right: 2.25rem; - padding-bottom: 1.1875rem; - padding-left: 2.25rem; - font-size: 1.25rem; } - button.small, .button.small { - padding-top: 0.875rem; - padding-right: 1.75rem; - padding-bottom: 0.9375rem; - padding-left: 1.75rem; - font-size: 0.8125rem; } - button.tiny, .button.tiny { - padding-top: 0.625rem; - padding-right: 1.25rem; - padding-bottom: 0.6875rem; - padding-left: 1.25rem; - font-size: 0.6875rem; } - button.expand, .button.expand { - padding-right: 0; - padding-left: 0; - width: 100%; } - button.left-align, .button.left-align { - text-align: left; - text-indent: 0.75rem; } - button.right-align, .button.right-align { - text-align: right; - padding-right: 0.75rem; } - button.radius, .button.radius { - border-radius: 3px; } - button.round, .button.round { - border-radius: 1000px; } - button.disabled, button[disabled], .button.disabled, .button[disabled] { - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - background-color: #439539; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - color: #FFFFFF; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - background-color: #54B948; } - button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #316122; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - color: #FFFFFF; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #3D792A; } - button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - background-color: #368a55; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - color: #FFFFFF; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - background-color: #43AC6A; } - button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - background-color: #cf2a0e; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - color: #FFFFFF; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - background-color: #f04124; } - button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6e0e; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - color: #FFFFFF; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #f08a24; } - button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; - cursor: default; - opacity: 0.7; - box-shadow: none; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - background-color: #61b6d9; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - color: #FFFFFF; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - background-color: #a0d3e8; } - -button::-moz-focus-inner { - border: 0; - padding: 0; } - -@media only screen and (min-width:40.063em) { - button, .button { - display: inline-block; } - } - -.button-group { - list-style: none; - margin: 0; - left: 0; } - .button-group:before, .button-group:after { - content: " "; - display: table; } - .button-group:after { - clear: both; } - .button-group > li { - margin: 0 -2px; - display: inline-block; } - .button-group > li > button, .button-group > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group > li:first-child button, .button-group > li:first-child .button { - border-left: 0; } - .button-group.stack > li { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; - float: none; } - .button-group.stack > li > button, .button-group.stack > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { - border-left: 0; } - .button-group.stack > li > button, .button-group.stack > li .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { - border-top: 0; } - .button-group.stack-for-small > li { - margin: 0 -2px; - display: inline-block; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-left: 0; } - @media only screen and (max-width: 40em) { - .button-group.stack-for-small > li { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-left: 0; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-top: 0; } } - .button-group.radius > * { - margin: 0 -2px; - display: inline-block; } - .button-group.radius > * > button, .button-group.radius > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { - border-left: 0; } - .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { - border-radius: 0; } - .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { - border-left: 0; } - .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { - border-top: 0; } - .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button { - border-radius: 0; } - .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { - -webkit-top-left-radius: 3px; - -webkit-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { - -webkit-bottom-left-radius: 3px; - -webkit-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - @media only screen and (min-width:40.063em) { - .button-group.radius.stack-for-small > * { - margin: 0 -2px; - display: inline-block; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { - border-radius: 0; } - .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } } - @media only screen and (max-width: 40em) { - .button-group.radius.stack-for-small > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-top: 0; } - .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { - border-radius: 0; } - .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { - -webkit-top-left-radius: 3px; - -webkit-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { - -webkit-bottom-left-radius: 3px; - -webkit-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } } - .button-group.round > * { - margin: 0 -2px; - display: inline-block; } - .button-group.round > * > button, .button-group.round > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round > *:first-child button, .button-group.round > *:first-child .button { - border-left: 0; } - .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { - border-radius: 0; } - .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - .button-group.round.stack > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.round.stack > * > button, .button-group.round.stack > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { - border-left: 0; } - .button-group.round.stack > * > button, .button-group.round.stack > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { - border-top: 0; } - .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button { - border-radius: 0; } - .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { - -webkit-top-left-radius: 1rem; - -webkit-top-right-radius: 1rem; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; } - .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { - -webkit-bottom-left-radius: 1rem; - -webkit-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; } - @media only screen and (min-width:40.063em) { - .button-group.round.stack-for-small > * { - margin: 0 -2px; - display: inline-block; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { - border-radius: 0; } - .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } } - @media only screen and (max-width: 40em) { - .button-group.round.stack-for-small > * { - margin: 0 -2px; - display: inline-block; - display: block; - margin: 0; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-top: 1px solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin: 0; - display: block; } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-top: 0; } - .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { - border-radius: 0; } - .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { - -webkit-top-left-radius: 1rem; - -webkit-top-right-radius: 1rem; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; } - .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { - -webkit-bottom-left-radius: 1rem; - -webkit-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; } } - .button-group.even-2 li { - margin: 0 -2px; - display: inline-block; - width: 50%; } - .button-group.even-2 li > button, .button-group.even-2 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { - border-left: 0; } - .button-group.even-2 li button, .button-group.even-2 li .button { - width: 100%; } - .button-group.even-3 li { - margin: 0 -2px; - display: inline-block; - width: 33.3333333333%; } - .button-group.even-3 li > button, .button-group.even-3 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { - border-left: 0; } - .button-group.even-3 li button, .button-group.even-3 li .button { - width: 100%; } - .button-group.even-4 li { - margin: 0 -2px; - display: inline-block; - width: 25%; } - .button-group.even-4 li > button, .button-group.even-4 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { - border-left: 0; } - .button-group.even-4 li button, .button-group.even-4 li .button { - width: 100%; } - .button-group.even-5 li { - margin: 0 -2px; - display: inline-block; - width: 20%; } - .button-group.even-5 li > button, .button-group.even-5 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { - border-left: 0; } - .button-group.even-5 li button, .button-group.even-5 li .button { - width: 100%; } - .button-group.even-6 li { - margin: 0 -2px; - display: inline-block; - width: 16.6666666667%; } - .button-group.even-6 li > button, .button-group.even-6 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { - border-left: 0; } - .button-group.even-6 li button, .button-group.even-6 li .button { - width: 100%; } - .button-group.even-7 li { - margin: 0 -2px; - display: inline-block; - width: 14.2857142857%; } - .button-group.even-7 li > button, .button-group.even-7 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { - border-left: 0; } - .button-group.even-7 li button, .button-group.even-7 li .button { - width: 100%; } - .button-group.even-8 li { - margin: 0 -2px; - display: inline-block; - width: 12.5%; } - .button-group.even-8 li > button, .button-group.even-8 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { - border-left: 0; } - .button-group.even-8 li button, .button-group.even-8 li .button { - width: 100%; } - -.button-bar:before, .button-bar:after { - content: " "; - display: table; } -.button-bar:after { - clear: both; } -.button-bar .button-group { - float: left; - margin-right: 0.625rem; } - .button-bar .button-group div { - overflow: hidden; } - -/* Clearing Styles */ -.clearing-thumbs, [data-clearing] { - margin-bottom: 0; - margin-left: 0; - list-style: none; } - .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { - content: " "; - display: table; } - .clearing-thumbs:after, [data-clearing]:after { - clear: both; } - .clearing-thumbs li, [data-clearing] li { - float: left; - margin-right: 10px; } - .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { - margin-right: 0; } - -.clearing-blackout { - background: #333333; - position: fixed; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 998; } - .clearing-blackout .clearing-close { - display: block; } - -.clearing-container { - position: relative; - z-index: 998; - height: 100%; - overflow: hidden; - margin: 0; } - -.clearing-touch-label { - position: absolute; - top: 50%; - left: 50%; - color: #AAAAAA; - font-size: 0.6em; } - -.visible-img { - height: 95%; - position: relative; } - .visible-img img { - position: absolute; - left: 50%; - top: 50%; - margin-left: -50%; - max-height: 100%; - max-width: 100%; } - -.clearing-caption { - color: #CCCCCC; - font-size: 0.875em; - line-height: 1.3; - margin-bottom: 0; - text-align: center; - bottom: 0; - background: #333333; - width: 100%; - padding: 10px 30px 20px; - position: absolute; - left: 0; } - -.clearing-close { - z-index: 999; - padding-left: 20px; - padding-top: 10px; - font-size: 30px; - line-height: 1; - color: #CCCCCC; - display: none; } - .clearing-close:hover, .clearing-close:focus { - color: #CCCCCC; } - -.clearing-assembled .clearing-container { - height: 100%; } - .clearing-assembled .clearing-container .carousel > ul { - display: none; } - -.clearing-feature li { - display: none; } - .clearing-feature li.clearing-featured-img { - display: block; } - -@media only screen and (min-width:40.063em) { - .clearing-main-prev, .clearing-main-next { - position: absolute; - height: 100%; - width: 40px; - top: 0; } - .clearing-main-prev > span, .clearing-main-next > span { - position: absolute; - top: 50%; - display: block; - width: 0; - height: 0; - border: solid 12px; } - .clearing-main-prev > span:hover, .clearing-main-next > span:hover { - opacity: 0.8; } - - .clearing-main-prev { - left: 0; } - .clearing-main-prev > span { - left: 5px; - border-color: transparent; - border-right-color: #CCCCCC; } - - .clearing-main-next { - right: 0; } - .clearing-main-next > span { - border-color: transparent; - border-left-color: #CCCCCC; } - - .clearing-main-prev.disabled, .clearing-main-next.disabled { - opacity: 0.3; } - - .clearing-assembled .clearing-container .carousel { - background: rgba(51, 51, 51, 0.8); - height: 120px; - margin-top: 10px; - text-align: center; } - .clearing-assembled .clearing-container .carousel > ul { - display: inline-block; - z-index: 999; - height: 100%; - position: relative; - float: none; } - .clearing-assembled .clearing-container .carousel > ul li { - display: block; - width: 120px; - min-height: inherit; - float: left; - overflow: hidden; - margin-right: 0; - padding: 0; - position: relative; - cursor: pointer; - opacity: 0.4; - clear: none; } - .clearing-assembled .clearing-container .carousel > ul li.fix-height img { - height: 100%; - max-width: none; } - .clearing-assembled .clearing-container .carousel > ul li a.th { - border: none; - box-shadow: none; - display: block; } - .clearing-assembled .clearing-container .carousel > ul li img { - cursor: pointer !important; - width: 100% !important; } - .clearing-assembled .clearing-container .carousel > ul li.visible { - opacity: 1; } - .clearing-assembled .clearing-container .carousel > ul li:hover { - opacity: 0.8; } - .clearing-assembled .clearing-container .visible-img { - background: #333333; - overflow: hidden; - height: 85%; } - - .clearing-close { - position: absolute; - top: 10px; - right: 20px; - padding-left: 0; - padding-top: 0; } - } - -/* Foundation Dropdowns */ -.f-dropdown { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: 2px; - max-width: 200px; } - .f-dropdown > *:first-child { - margin-top: 0; } - .f-dropdown > *:last-child { - margin-bottom: 0; } - .f-dropdown:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent transparent #FFFFFF transparent; - border-bottom-style: solid; - position: absolute; - top: -12px; - left: 10px; - z-index: 89; } - .f-dropdown:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: transparent transparent #cccccc transparent; - border-bottom-style: solid; - position: absolute; - top: -14px; - left: 9px; - z-index: 88; } - .f-dropdown.right:before { - left: auto; - right: 10px; } - .f-dropdown.right:after { - left: auto; - right: 9px; } - .f-dropdown.drop-right { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: 0; - margin-left: 2px; - max-width: 200px; } - .f-dropdown.drop-right > *:first-child { - margin-top: 0; } - .f-dropdown.drop-right > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-right:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent #FFFFFF transparent transparent; - border-right-style: solid; - position: absolute; - top: 10px; - left: -12px; - z-index: 89; } - .f-dropdown.drop-right:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: transparent #cccccc transparent transparent; - border-right-style: solid; - position: absolute; - top: 9px; - left: -14px; - z-index: 88; } - .f-dropdown.drop-left { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: 0; - margin-left: -2px; - max-width: 200px; } - .f-dropdown.drop-left > *:first-child { - margin-top: 0; } - .f-dropdown.drop-left > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-left:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent transparent transparent #FFFFFF; - border-left-style: solid; - position: absolute; - top: 10px; - right: -12px; - left: auto; - z-index: 89; } - .f-dropdown.drop-left:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: transparent transparent transparent #cccccc; - border-left-style: solid; - position: absolute; - top: 9px; - right: -14px; - left: auto; - z-index: 88; } - .f-dropdown.drop-top { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - width: 100%; - max-height: none; - height: auto; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - margin-top: -2px; - margin-left: 0; - max-width: 200px; } - .f-dropdown.drop-top > *:first-child { - margin-top: 0; } - .f-dropdown.drop-top > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-top:before { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: #FFFFFF transparent transparent transparent; - border-top-style: solid; - position: absolute; - top: auto; - bottom: -12px; - left: 10px; - right: auto; - z-index: 89; } - .f-dropdown.drop-top:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 7px; - border-color: #cccccc transparent transparent transparent; - border-top-style: solid; - position: absolute; - top: auto; - bottom: -14px; - left: 9px; - right: auto; - z-index: 88; } - .f-dropdown li { - font-size: 0.875rem; - cursor: pointer; - line-height: 1.125rem; - margin: 0; } - .f-dropdown li:hover, .f-dropdown li:focus { - background: #EEEEEE; } - .f-dropdown li.radius { - border-radius: 3px; } - .f-dropdown li a { - display: block; - padding: 0.5rem; - color: #555555; } - .f-dropdown.content { - position: absolute; - left: -9999px; - list-style: none; - margin-left: 0; - outline: none; - padding: 1.25rem; - width: 100%; - height: auto; - max-height: none; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - z-index: 89; - max-width: 200px; } - .f-dropdown.content > *:first-child { - margin-top: 0; } - .f-dropdown.content > *:last-child { - margin-bottom: 0; } - .f-dropdown.tiny { - max-width: 200px; } - .f-dropdown.small { - max-width: 300px; } - .f-dropdown.medium { - max-width: 500px; } - .f-dropdown.large { - max-width: 800px; } - .f-dropdown.mega { - width: 100% !important; - max-width: 100% !important; } - .f-dropdown.mega.open { - left: 0 !important; } - -.dropdown.button, button.dropdown { - position: relative; - outline: none; - padding-right: 3.5625rem; } - .dropdown.button::after, button.dropdown::after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: solid; - border-color: #FFFFFF transparent transparent transparent; - top: 50%; } - .dropdown.button::after, button.dropdown::after { - border-width: 0.375rem; - right: 1.40625rem; - margin-top: -0.15625rem; } - .dropdown.button::after, button.dropdown::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.tiny, button.dropdown.tiny { - padding-right: 2.625rem; } - .dropdown.button.tiny:after, button.dropdown.tiny:after { - border-width: 0.375rem; - right: 1.125rem; - margin-top: -0.125rem; } - .dropdown.button.tiny::after, button.dropdown.tiny::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.small, button.dropdown.small { - padding-right: 3.0625rem; } - .dropdown.button.small::after, button.dropdown.small::after { - border-width: 0.4375rem; - right: 1.3125rem; - margin-top: -0.15625rem; } - .dropdown.button.small::after, button.dropdown.small::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.large, button.dropdown.large { - padding-right: 3.625rem; } - .dropdown.button.large::after, button.dropdown.large::after { - border-width: 0.3125rem; - right: 1.71875rem; - margin-top: -0.15625rem; } - .dropdown.button.large::after, button.dropdown.large::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.secondary:after, button.dropdown.secondary:after { - border-color: #333333 transparent transparent transparent; } - -.flex-video { - position: relative; - padding-top: 1.5625rem; - padding-bottom: 67.5%; - height: 0; - margin-bottom: 1rem; - overflow: hidden; } - .flex-video.widescreen { - padding-bottom: 56.34%; } - .flex-video.vimeo { - padding-top: 0; } - .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - -/* Standard Forms */ -form { - margin: 0 0 1rem; } - -/* Using forms within rows, we need to set some defaults */ -form .row .row { - margin: 0 -0.5rem; } - form .row .row .column, form .row .row .columns { - padding: 0 0.5rem; } - form .row .row.collapse { - margin: 0; } - form .row .row.collapse .column, form .row .row.collapse .columns { - padding: 0; } - form .row .row.collapse input { - -webkit-border-bottom-right-radius: 0; - -webkit-border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } -form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { - padding-left: 0.5rem; } - -/* Label Styles */ -label { - font-size: 0.875rem; - color: #4d4d4d; - cursor: pointer; - display: block; - font-weight: normal; - line-height: 1.5; - margin-bottom: 0; - /* Styles for required inputs */ } - label.right { - float: none !important; - text-align: right; } - label.inline { - margin: 0 0 1rem 0; - padding: 0.5625rem 0; } - label small { - text-transform: capitalize; - color: #676767; } - -/* Attach elements to the beginning or end of an input */ -.prefix, .postfix { - display: block; - position: relative; - z-index: 2; - text-align: center; - width: 100%; - padding-top: 0; - padding-bottom: 0; - border-style: solid; - border-width: 1px; - overflow: hidden; - font-size: 0.875rem; - height: 2.3125rem; - line-height: 2.3125rem; } - -/* Adjust padding, alignment and radius if pre/post element is a button */ -.postfix.button { - padding-left: 0; - padding-right: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; } - -.prefix.button { - padding-left: 0; - padding-right: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; } - -.prefix.button.radius { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - -.postfix.button.radius { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - -.prefix.button.round { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - -.postfix.button.round { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -/* Separate prefix and postfix styles when on span or label so buttons keep their own */ -span.prefix, label.prefix { - background: #f2f2f2; - border-right: none; - color: #333333; - border-color: #cccccc; } - -span.postfix, label.postfix { - background: #f2f2f2; - border-left: none; - color: #333333; - border-color: #cccccc; } - -/* We use this to get basic styling on all basic form elements */ -input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { - -webkit-appearance: none; - border-radius: 0; - background-color: #FFFFFF; - font-family: inherit; - border-style: solid; - border-width: 1px; - border-color: #cccccc; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.75); - display: block; - font-size: 0.875rem; - margin: 0 0 1rem 0; - padding: 0.5rem; - height: 2.3125rem; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } - input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { - box-shadow: 0 0 5px #999999; - border-color: #999999; } - input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { - background: #fafafa; - border-color: #999999; - outline: none; } - input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { - background-color: #DDDDDD; - cursor: default; } - input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { - background-color: #DDDDDD; - cursor: default; } - input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { - border-radius: 3px; } - -form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } -form .row .prefix-radius.row.collapse .prefix { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } -form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } -form .row .postfix-radius.row.collapse .postfix { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } -form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } -form .row .prefix-round.row.collapse .prefix { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } -form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } -form .row .postfix-round.row.collapse .postfix { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -input[type="submit"] { - -webkit-appearance: none; - border-radius: 0; } - -/* Respect enforced amount of rows for textarea */ -textarea[rows] { - height: auto; } - -/* Not allow resize out of parent */ -textarea { - max-width: 100%; } - -/* Add height value for select elements to match text input height */ -select { - -webkit-appearance: none !important; - border-radius: 0; - background-color: #FAFAFA; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); - background-position: 100% center; - background-repeat: no-repeat; - border-style: solid; - border-width: 1px; - border-color: #cccccc; - padding: 0.5rem; - font-size: 0.875rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - color: rgba(0, 0, 0, 0.75); - line-height: normal; - border-radius: 0; - height: 2.3125rem; } - select::-ms-expand { - display: none; } - select.radius { - border-radius: 3px; } - select:hover { - background-color: #f3f3f3; - border-color: #999999; } - select:disabled { - background-color: #DDDDDD; - cursor: default; } - -/* Adjust margin for form elements below */ -input[type="file"], input[type="checkbox"], input[type="radio"], select { - margin: 0 0 1rem 0; } - -input[type="checkbox"] + label, input[type="radio"] + label { - display: inline-block; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; - vertical-align: baseline; } - -/* Normalize file input width */ -input[type="file"] { - width: 100%; } - -/* HTML5 Number spinners settings */ -/* We add basic fieldset styling */ -fieldset { - border: 1px solid #DDDDDD; - padding: 1.25rem; - margin: 1.125rem 0; } - fieldset legend { - font-weight: bold; - background: #FFFFFF; - padding: 0 0.1875rem; - margin: 0; - margin-left: -0.1875rem; } - -/* Error Handling */ -[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { - display: block; - padding: 0.375rem 0.5625rem 0.5625rem; - margin-top: -1px; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: normal; - font-style: italic; - background: #f04124; - color: #FFFFFF; } -[data-abide] span.error, [data-abide] small.error { - display: none; } - -span.error, small.error { - display: block; - padding: 0.375rem 0.5625rem 0.5625rem; - margin-top: -1px; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: normal; - font-style: italic; - background: #f04124; - color: #FFFFFF; } - -.error input, .error textarea, .error select { - margin-bottom: 0; } -.error input[type="checkbox"], .error input[type="radio"] { - margin-bottom: 1rem; } -.error label, .error label.error { - color: #f04124; } -.error small.error { - display: block; - padding: 0.375rem 0.5625rem 0.5625rem; - margin-top: -1px; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: normal; - font-style: italic; - background: #f04124; - color: #FFFFFF; } -.error > label > small { - color: #676767; - background: transparent; - padding: 0; - text-transform: capitalize; - font-style: normal; - font-size: 60%; - margin: 0; - display: inline; } -.error span.error-message { - display: block; } - -input.error, textarea.error, select.error { - margin-bottom: 0; } - -label.error { - color: #f04124; } - -.icon-bar { - width: 100%; - font-size: 0; - display: inline-block; - background: #333333; } - .icon-bar > * { - text-align: center; - font-size: 1rem; - width: 25%; - margin: 0 auto; - display: block; - padding: 1.25rem; - float: left; } - .icon-bar > * i, .icon-bar > * img { - display: block; - margin: 0 auto; } - .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: 0.0625rem; } - .icon-bar > * i { - font-size: 1.875rem; - vertical-align: middle; } - .icon-bar > * img { - width: 1.875rem; - height: 1.875rem; } - .icon-bar.label-right > * i, .icon-bar.label-right > * img { - margin: 0 0.0625rem 0 0; - display: inline-block; } - .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { - margin-top: 0; } - .icon-bar.label-right > * label { - display: inline-block; } - .icon-bar.vertical.label-right > * { - text-align: left; } - .icon-bar.vertical, .icon-bar.small-vertical { - height: 100%; - width: auto; } - .icon-bar.vertical .item, .icon-bar.small-vertical .item { - width: auto; - margin: auto; - float: none; } - @media only screen and (min-width:40.063em) { - .icon-bar.medium-vertical { - height: 100%; - width: auto; } - .icon-bar.medium-vertical .item { - width: auto; - margin: auto; - float: none; } } - @media only screen and (min-width:64.063em) { - .icon-bar.large-vertical { - height: 100%; - width: auto; } - .icon-bar.large-vertical .item { - width: auto; - margin: auto; - float: none; } } - .icon-bar > * { - font-size: 1rem; - padding: 1.25rem; } - .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: 0.0625rem; } - .icon-bar > * i { - font-size: 1.875rem; } - .icon-bar > * img { - width: 1.875rem; - height: 1.875rem; } - .icon-bar > * label { - color: #FFFFFF; } - .icon-bar > * i { - color: #FFFFFF; } - .icon-bar > a:hover { - background: #54B948; } - .icon-bar > a:hover label { - color: #FFFFFF; } - .icon-bar > a:hover i { - color: #FFFFFF; } - .icon-bar > a.active { - background: #54B948; } - .icon-bar > a.active label { - color: #FFFFFF; } - .icon-bar > a.active i { - color: #FFFFFF; } - -.icon-bar.two-up .item { - width: 50%; } -.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.two-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.two-up.large-vertical .item { - width: auto; } } -.icon-bar.three-up .item { - width: 33.3333%; } -.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.three-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.three-up.large-vertical .item { - width: auto; } } -.icon-bar.four-up .item { - width: 25%; } -.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.four-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.four-up.large-vertical .item { - width: auto; } } -.icon-bar.five-up .item { - width: 20%; } -.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.five-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.five-up.large-vertical .item { - width: auto; } } -.icon-bar.six-up .item { - width: 16.66667%; } -.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { - width: auto; } -@media only screen and (min-width:40.063em) { - .icon-bar.six-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width:64.063em) { - .icon-bar.six-up.large-vertical .item { - width: auto; } } - -.inline-list { - margin: 0 auto 1.0625rem auto; - margin-left: -1.375rem; - margin-right: 0; - padding: 0; - list-style: none; - overflow: hidden; } - .inline-list > li { - list-style: none; - float: left; - margin-left: 1.375rem; - display: block; } - .inline-list > li > * { - display: block; } - -/* Foundation Joyride */ -.joyride-list { - display: none; } - -/* Default styles for the container */ -.joyride-tip-guide { - display: none; - position: absolute; - background: #333333; - color: #FFFFFF; - z-index: 101; - top: 0; - left: 2.5%; - font-family: inherit; - font-weight: normal; - width: 95%; } - -.lt-ie9 .joyride-tip-guide { - max-width: 800px; - left: 50%; - margin-left: -400px; } - -.joyride-content-wrapper { - width: 100%; - padding: 1.125rem 1.25rem 1.5rem; } - .joyride-content-wrapper .button { - margin-bottom: 0 !important; } - .joyride-content-wrapper .joyride-prev-tip { - margin-right: 10px; } - -/* Add a little css triangle pip, older browser just miss out on the fanciness of it */ -.joyride-tip-guide .joyride-nub { - display: block; - position: absolute; - left: 22px; - width: 0; - height: 0; - border: 10px solid #333333; } - .joyride-tip-guide .joyride-nub.top { - border-top-style: solid; - border-color: #333333; - border-top-color: transparent !important; - border-left-color: transparent !important; - border-right-color: transparent !important; - top: -20px; } - .joyride-tip-guide .joyride-nub.bottom { - border-bottom-style: solid; - border-color: #333333 !important; - border-bottom-color: transparent !important; - border-left-color: transparent !important; - border-right-color: transparent !important; - bottom: -20px; } - .joyride-tip-guide .joyride-nub.right { - right: -20px; } - .joyride-tip-guide .joyride-nub.left { - left: -20px; } - -/* Typography */ -.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { - line-height: 1.25; - margin: 0; - font-weight: bold; - color: #FFFFFF; } - -.joyride-tip-guide p { - margin: 0 0 1.125rem 0; - font-size: 0.875rem; - line-height: 1.3; } - -.joyride-timer-indicator-wrap { - width: 50px; - height: 3px; - border: solid 1px #555555; - position: absolute; - right: 1.0625rem; - bottom: 1rem; } - -.joyride-timer-indicator { - display: block; - width: 0; - height: inherit; - background: #666666; } - -.joyride-close-tip { - position: absolute; - right: 12px; - top: 10px; - color: #777777 !important; - text-decoration: none; - font-size: 24px; - font-weight: normal; - line-height: 0.5 !important; } - .joyride-close-tip:hover, .joyride-close-tip:focus { - color: #EEEEEE !important; } - -.joyride-modal-bg { - position: fixed; - height: 100%; - width: 100%; - background: transparent; - background: rgba(0, 0, 0, 0.5); - z-index: 100; - display: none; - top: 0; - left: 0; - cursor: pointer; } - -.joyride-expose-wrapper { - background-color: #FFFFFF; - position: absolute; - border-radius: 3px; - z-index: 102; - box-shadow: 0 0 15px #FFFFFF; } - -.joyride-expose-cover { - background: transparent; - border-radius: 3px; - position: absolute; - z-index: 9999; - top: 0; - left: 0; } - -/* Styles for screens that are at least 768px; */ -@media only screen and (min-width:40.063em) { - .joyride-tip-guide { - width: 300px; - left: inherit; } - .joyride-tip-guide .joyride-nub.bottom { - border-color: #333333 !important; - border-bottom-color: transparent !important; - border-left-color: transparent !important; - border-right-color: transparent !important; - bottom: -20px; } - .joyride-tip-guide .joyride-nub.right { - border-color: #333333 !important; - border-top-color: transparent !important; - border-right-color: transparent !important; - border-bottom-color: transparent !important; - top: 22px; - left: auto; - right: -20px; } - .joyride-tip-guide .joyride-nub.left { - border-color: #333333 !important; - border-top-color: transparent !important; - border-left-color: transparent !important; - border-bottom-color: transparent !important; - top: 22px; - left: -20px; - right: auto; } - } - -.keystroke, kbd { - background-color: #ededed; - border-color: #dddddd; - color: #222222; - border-style: solid; - border-width: 1px; - margin: 0; - font-family: "Consolas", "Menlo", "Courier", monospace; - font-size: inherit; - padding: 0.125rem 0.25rem 0; - border-radius: 3px; } - -.label { - font-weight: normal; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - text-align: center; - text-decoration: none; - line-height: 1; - white-space: nowrap; - display: inline-block; - position: relative; - margin-bottom: auto; - padding: 0.25rem 0.5rem 0.25rem; - font-size: 0.6875rem; - background-color: #54B948; - color: #FFFFFF; } - .label.radius { - border-radius: 3px; } - .label.round { - border-radius: 1000px; } - .label.alert { - background-color: #f04124; - color: #FFFFFF; } - .label.warning { - background-color: #f08a24; - color: #FFFFFF; } - .label.success { - background-color: #43AC6A; - color: #FFFFFF; } - .label.secondary { - background-color: #3D792A; - color: #FFFFFF; } - .label.info { - background-color: #a0d3e8; - color: #333333; } - -[data-magellan-expedition], [data-magellan-expedition-clone] { - background: #FFFFFF; - z-index: 50; - min-width: 100%; - padding: 10px; } - [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { - margin-bottom: 0; } - [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { - margin-bottom: 0; } - [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { - line-height: 1.8em; } - -@-webkit-keyframes rotate { - from { - -webkit-transform: rotate(0deg); } - - to { - -webkit-transform: rotate(360deg); } } - -@-moz-keyframes rotate { - from { - -moz-transform: rotate(0deg); } - - to { - -moz-transform: rotate(360deg); } } - -@-o-keyframes rotate { - from { - -o-transform: rotate(0deg); } - - to { - -o-transform: rotate(360deg); } } - -@keyframes rotate { - from { - transform: rotate(0deg); } - - to { - transform: rotate(360deg); } } - -/* Orbit Graceful Loading */ -.slideshow-wrapper { - position: relative; } - .slideshow-wrapper ul { - list-style-type: none; - margin: 0; } - .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { - display: none; } - .slideshow-wrapper ul li:first-child { - display: block; } - .slideshow-wrapper .orbit-container { - background-color: transparent; } - .slideshow-wrapper .orbit-container li { - display: block; } - .slideshow-wrapper .orbit-container li .orbit-caption { - display: block; } - .slideshow-wrapper .orbit-container .orbit-bullets li { - display: inline-block; } - .slideshow-wrapper .preloader { - display: block; - width: 40px; - height: 40px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -20px; - margin-left: -20px; - border: solid 3px; - border-color: #555555 #FFFFFF; - border-radius: 1000px; - animation-name: rotate; - animation-duration: 1.5s; - animation-iteration-count: infinite; - animation-timing-function: linear; } - -.orbit-container { - overflow: hidden; - width: 100%; - position: relative; - background: none; } - .orbit-container .orbit-slides-container { - list-style: none; - margin: 0; - padding: 0; - position: relative; - -webkit-transform: translateZ(0); } - .orbit-container .orbit-slides-container img { - display: block; - max-width: 100%; } - .orbit-container .orbit-slides-container > * { - position: absolute; - top: 0; - width: 100%; - margin-left: 100%; } - .orbit-container .orbit-slides-container > *:first-child { - margin-left: 0; } - .orbit-container .orbit-slides-container > * .orbit-caption { - position: absolute; - bottom: 0; - background-color: rgba(51, 51, 51, 0.8); - color: #FFFFFF; - width: 100%; - padding: 0.625rem 0.875rem; - font-size: 0.875rem; } - .orbit-container .orbit-slide-number { - position: absolute; - top: 10px; - left: 10px; - font-size: 12px; - color: #FFFFFF; - background: rgba(0, 0, 0, 0); - z-index: 10; } - .orbit-container .orbit-slide-number span { - font-weight: 700; - padding: 0.3125rem; } - .orbit-container .orbit-timer { - position: absolute; - top: 12px; - right: 10px; - height: 6px; - width: 100px; - z-index: 10; } - .orbit-container .orbit-timer .orbit-progress { - height: 3px; - background-color: rgba(255, 255, 255, 0.3); - display: block; - width: 0; - position: relative; - right: 20px; - top: 5px; } - .orbit-container .orbit-timer > span { - display: none; - position: absolute; - top: 0; - right: 0; - width: 11px; - height: 14px; - border: solid 4px #FFFFFF; - border-top: none; - border-bottom: none; } - .orbit-container .orbit-timer.paused > span { - right: -4px; - top: 0; - width: 11px; - height: 14px; - border: inset 8px; - border-left-style: solid; - border-color: transparent; - border-left-color: #FFFFFF; } - .orbit-container .orbit-timer.paused > span.dark { - border-left-color: #333333; } - .orbit-container:hover .orbit-timer > span { - display: block; } - .orbit-container .orbit-prev, .orbit-container .orbit-next { - position: absolute; - top: 45%; - margin-top: -25px; - width: 36px; - height: 60px; - line-height: 50px; - color: white; - background-color: transparent; - text-indent: -9999px !important; - z-index: 10; } - .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { - background-color: rgba(0, 0, 0, 0.3); } - .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { - position: absolute; - top: 50%; - margin-top: -10px; - display: block; - width: 0; - height: 0; - border: inset 10px; } - .orbit-container .orbit-prev { - left: 0; } - .orbit-container .orbit-prev > span { - border-right-style: solid; - border-color: transparent; - border-right-color: #FFFFFF; } - .orbit-container .orbit-prev:hover > span { - border-right-color: #FFFFFF; } - .orbit-container .orbit-next { - right: 0; } - .orbit-container .orbit-next > span { - border-color: transparent; - border-left-style: solid; - border-left-color: #FFFFFF; - left: 50%; - margin-left: -4px; } - .orbit-container .orbit-next:hover > span { - border-left-color: #FFFFFF; } - -.orbit-bullets-container { - text-align: center; } - -.orbit-bullets { - margin: 0 auto 30px auto; - overflow: hidden; - position: relative; - top: 10px; - float: none; - text-align: center; - display: block; } - .orbit-bullets li { - cursor: pointer; - display: inline-block; - width: 0.5625rem; - height: 0.5625rem; - background: #CCCCCC; - float: none; - margin-right: 6px; - border-radius: 1000px; } - .orbit-bullets li.active { - background: #999999; } - .orbit-bullets li:last-child { - margin-right: 0; } - -.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { - display: none; } -.touch .orbit-bullets { - display: none; } - -@media only screen and (min-width:40.063em) { - .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { - display: inherit; } - .touch .orbit-bullets { - display: block; } - } - -@media only screen and (max-width: 40em) { - .orbit-stack-on-small .orbit-slides-container { - height: auto !important; } - .orbit-stack-on-small .orbit-slides-container > * { - position: relative; - margin: 0 !important; - opacity: 1 !important; } - .orbit-stack-on-small .orbit-slide-number { - display: none; } - - .orbit-timer { - display: none; } - - .orbit-next, .orbit-prev { - display: none; } - - .orbit-bullets { - display: none; } - } - -ul.pagination { - display: block; - min-height: 1.5rem; - margin-left: -0.3125rem; } - ul.pagination li { - height: 1.5rem; - color: #222222; - font-size: 0.875rem; - margin-left: 0.3125rem; } - ul.pagination li a, ul.pagination li button { - display: block; - padding: 0.0625rem 0.625rem 0.0625rem; - color: #999999; - background: none; - border-radius: 3px; - font-weight: normal; - font-size: 1em; - line-height: inherit; - transition: background-color 300ms ease-out; } - ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { - background: #e6e6e6; } - ul.pagination li.unavailable a, ul.pagination li.unavailable button { - cursor: default; - color: #999999; } - ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { - background: transparent; } - ul.pagination li.current a, ul.pagination li.current button { - background: #54B948; - color: #FFFFFF; - font-weight: bold; - cursor: default; } - ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { - background: #54B948; } - ul.pagination li { - float: left; - display: block; } - -/* Pagination centred wrapper */ -.pagination-centered { - text-align: center; } - .pagination-centered ul.pagination li { - float: none; - display: inline-block; } - -/* Panels */ -.panel { - border-style: solid; - border-width: 1px; - border-color: #d8d8d8; - margin-bottom: 1.25rem; - padding: 1.25rem; - background: #f2f2f2; - color: #333333; } - .panel > :first-child { - margin-top: 0; } - .panel > :last-child { - margin-bottom: 0; } - .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { - color: #333333; } - .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { - line-height: 1; - margin-bottom: 0.625rem; } - .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { - line-height: 1.4; } - .panel.callout { - border-style: solid; - border-width: 1px; - border-color: #d0eccd; - margin-bottom: 1.25rem; - padding: 1.25rem; - background: #f5fbf4; - color: #333333; } - .panel.callout > :first-child { - margin-top: 0; } - .panel.callout > :last-child { - margin-bottom: 0; } - .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { - color: #333333; } - .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { - line-height: 1; - margin-bottom: 0.625rem; } - .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { - line-height: 1.4; } - .panel.callout a:not(.button) { - color: #54B948; } - .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus { - color: #48a03d; } - .panel.radius { - border-radius: 3px; } - -/* Pricing Tables */ -.pricing-table { - border: solid 1px #DDDDDD; - margin-left: 0; - margin-bottom: 1.25rem; } - .pricing-table * { - list-style: none; - line-height: 1; } - .pricing-table .title { - background-color: #333333; - padding: 0.9375rem 1.25rem; - text-align: center; - color: #EEEEEE; - font-weight: normal; - font-size: 1rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .pricing-table .price { - background-color: #F6F6F6; - padding: 0.9375rem 1.25rem; - text-align: center; - color: #333333; - font-weight: normal; - font-size: 2rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .pricing-table .description { - background-color: #FFFFFF; - padding: 0.9375rem; - text-align: center; - color: #777777; - font-size: 0.75rem; - font-weight: normal; - line-height: 1.4; - border-bottom: dotted 1px #DDDDDD; } - .pricing-table .bullet-item { - background-color: #FFFFFF; - padding: 0.9375rem; - text-align: center; - color: #333333; - font-size: 0.875rem; - font-weight: normal; - border-bottom: dotted 1px #DDDDDD; } - .pricing-table .cta-button { - background-color: #FFFFFF; - text-align: center; - padding: 1.25rem 1.25rem 0; } - -/* Progress Bar */ -.progress { - background-color: #F6F6F6; - height: 1.5625rem; - border: 1px solid white; - padding: 0.125rem; - margin-bottom: 0.625rem; } - .progress .meter { - background: #54B948; - height: 100%; - display: block; } - .progress.secondary .meter { - background: #3D792A; - height: 100%; - display: block; } - .progress.success .meter { - background: #43AC6A; - height: 100%; - display: block; } - .progress.alert .meter { - background: #f04124; - height: 100%; - display: block; } - .progress.radius { - border-radius: 3px; } - .progress.radius .meter { - border-radius: 2px; } - .progress.round { - border-radius: 1000px; } - .progress.round .meter { - border-radius: 999px; } - -.range-slider { - display: block; - position: relative; - width: 100%; - height: 1rem; - border: 1px solid #DDDDDD; - margin: 1.25rem 0; - -ms-touch-action: none; - touch-action: none; - background: #FAFAFA; } - .range-slider.vertical-range { - display: block; - position: relative; - width: 100%; - height: 1rem; - border: 1px solid #DDDDDD; - margin: 1.25rem 0; - -ms-touch-action: none; - touch-action: none; - display: inline-block; - width: 1rem; - height: 12.5rem; } - .range-slider.vertical-range .range-slider-handle { - margin-top: 0; - margin-left: -0.5rem; - position: absolute; - bottom: -10.5rem; } - .range-slider.vertical-range .range-slider-active-segment { - width: 0.875rem; - height: auto; - bottom: 0; } - .range-slider.radius { - background: #FAFAFA; - border-radius: 3px; } - .range-slider.radius .range-slider-handle { - background: #54B948; - border-radius: 3px; } - .range-slider.radius .range-slider-handle:hover { - background: #49a43f; } - .range-slider.round { - background: #FAFAFA; - border-radius: 1000px; } - .range-slider.round .range-slider-handle { - background: #54B948; - border-radius: 1000px; } - .range-slider.round .range-slider-handle:hover { - background: #49a43f; } - .range-slider.disabled, .range-slider[disabled] { - background: #FAFAFA; - cursor: default; - opacity: 0.7; } - .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { - background: #54B948; - cursor: default; - opacity: 0.7; } - .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { - background: #49a43f; } - -.range-slider-active-segment { - display: inline-block; - position: absolute; - height: 0.875rem; - background: #3c782a; } - -.range-slider-handle { - display: inline-block; - position: absolute; - z-index: 1; - top: -0.3125rem; - width: 2rem; - height: 1.375rem; - border: 1px solid none; - cursor: pointer; - -ms-touch-action: manipulation; - touch-action: manipulation; - background: #54B948; } - .range-slider-handle:hover { - background: #49a43f; } - -.reveal-modal-bg { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; - background: rgba(0, 0, 0, 0.45); - z-index: 1004; - display: none; - left: 0; } - -.reveal-modal, dialog { - visibility: hidden; - display: none; - position: absolute; - z-index: 1005; - width: 100vw; - top: 0; - border-radius: 3px; - left: 0; - background-color: #FFFFFF; - padding: 1.25rem; - border: solid 1px #666666; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); - padding: 1.875rem; } - @media only screen and (max-width: 40em) { - .reveal-modal, dialog { - min-height: 100vh; } } - .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns { - min-width: 0; } - .reveal-modal > :first-child, dialog > :first-child { - margin-top: 0; } - .reveal-modal > :last-child, dialog > :last-child { - margin-bottom: 0; } - @media only screen and (min-width:40.063em) { - .reveal-modal, dialog { - width: 80%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal, dialog { - top: 6.25rem; } } - .reveal-modal.radius, dialog.radius { - border-radius: 3px; } - .reveal-modal.round, dialog.round { - border-radius: 1000px; } - .reveal-modal.collapse, dialog.collapse { - padding: 0; } - @media only screen and (min-width:40.063em) { - .reveal-modal.tiny, dialog.tiny { - width: 30%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.small, dialog.small { - width: 40%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.medium, dialog.medium { - width: 60%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.large, dialog.large { - width: 70%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - @media only screen and (min-width:40.063em) { - .reveal-modal.xlarge, dialog.xlarge { - width: 95%; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - .reveal-modal.full, dialog.full { - top: 0; - left: 0; - height: 100%; - height: 100vh; - min-height: 100vh; - max-width: none !important; - margin-left: 0 !important; } - @media only screen and (min-width:40.063em) { - .reveal-modal.full, dialog.full { - width: 100vw; - max-width: 62.5rem; - left: 0; - right: 0; - margin: 0 auto; } } - .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { - font-size: 0.9375rem; - line-height: 1; - position: absolute; - top: 0.625rem; - right: 1.375rem; - color: #ccc; - font-weight: normal; - cursor: pointer; } - -dialog { - display: none; } - dialog::backdrop, dialog + .backdrop { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; - background: rgba(0, 0, 0, 0.45); - z-index: auto; - display: none; - left: 0; } - dialog[open] { - display: block; } - -@media print { - dialog, .reveal-modal, dialog { - display: none; - background: #FFFFFF !important; } - } - -.side-nav { - display: block; - margin: 0; - padding: 0.875rem 0; - list-style-type: none; - list-style-position: outside; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .side-nav li { - margin: 0 0 0.4375rem 0; - font-size: 0.875rem; - font-weight: normal; } - .side-nav li a:not(.button) { - display: block; - color: #54B948; - margin: 0; - padding: 0.4375rem 0.875rem; } - .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { - background: rgba(0, 0, 0, 0.025); - color: #87ce7f; } - .side-nav li.active > a:first-child:not(.button) { - color: #87ce7f; - font-weight: normal; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } - .side-nav li.divider { - border-top: 1px solid; - height: 0; - padding: 0; - list-style: none; - border-top-color: white; } - .side-nav li.heading { - color: #54B948; - font-size: 0.875rem; - font-weight: bold; - text-transform: uppercase; } - -.split.button { - position: relative; - padding-right: 5.0625rem; } - .split.button span { - display: block; - height: 100%; - position: absolute; - right: 0; - top: 0; - border-left: solid 1px; } - .split.button span:after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: inset; - top: 50%; - left: 50%; } - .split.button span:active { - background-color: rgba(0, 0, 0, 0.1); } - .split.button span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button span { - width: 3.09375rem; } - .split.button span:after { - border-top-style: solid; - border-width: 0.375rem; - top: 48%; - margin-left: -0.375rem; } - .split.button span:after { - border-color: #FFFFFF transparent transparent transparent; } - .split.button.secondary span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.secondary span:after { - border-color: #FFFFFF transparent transparent transparent; } - .split.button.alert span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.success span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.tiny { - padding-right: 3.75rem; } - .split.button.tiny span { - width: 2.25rem; } - .split.button.tiny span:after { - border-top-style: solid; - border-width: 0.375rem; - top: 48%; - margin-left: -0.375rem; } - .split.button.small { - padding-right: 4.375rem; } - .split.button.small span { - width: 2.625rem; } - .split.button.small span:after { - border-top-style: solid; - border-width: 0.4375rem; - top: 48%; - margin-left: -0.375rem; } - .split.button.large { - padding-right: 5.5rem; } - .split.button.large span { - width: 3.4375rem; } - .split.button.large span:after { - border-top-style: solid; - border-width: 0.3125rem; - top: 48%; - margin-left: -0.375rem; } - .split.button.expand { - padding-left: 2rem; } - .split.button.secondary span:after { - border-color: #333333 transparent transparent transparent; } - .split.button.radius span { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .split.button.round span { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -.sub-nav { - display: block; - width: auto; - overflow: hidden; - margin: -0.25rem 0 1.125rem; - padding-top: 0.25rem; } - .sub-nav dt { - text-transform: uppercase; } - .sub-nav dt, .sub-nav dd, .sub-nav li { - float: left; - display: inline; - margin-left: 1rem; - margin-bottom: 0; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - font-size: 0.875rem; - color: #999999; } - .sub-nav dt a, .sub-nav dd a, .sub-nav li a { - text-decoration: none; - color: #999999; - padding: 0.1875rem 1rem; } - .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { - color: #737373; } - .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { - border-radius: 3px; - font-weight: normal; - background: #54B948; - padding: 0.1875rem 1rem; - cursor: default; - color: #FFFFFF; } - .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { - background: #48a03d; } - -.switch { - padding: 0; - border: none; - position: relative; - outline: 0; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; } - .switch label { - display: block; - margin-bottom: 1rem; - position: relative; - color: transparent; - background: #DDDDDD; - text-indent: 100%; - width: 4rem; - height: 2rem; - cursor: pointer; - transition: left 0.15s ease-out; } - .switch input { - opacity: 0; - position: absolute; - top: 9px; - left: 10px; - padding: 0; } - .switch input + label { - margin-left: 0; - margin-right: 0; } - .switch label:after { - content: ""; - display: block; - background: #FFFFFF; - position: absolute; - top: 0.25rem; - left: 0.25rem; - width: 1.5rem; - height: 1.5rem; - -webkit-transition: left 0.15s ease-out; - -moz-transition: left 0.15s ease-out; - -o-transition: translate3d(0, 0, 0); - transition: left 0.15s ease-out; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - .switch input:checked + label { - background: #54B948; } - .switch input:checked + label:after { - left: 2.25rem; } - .switch label { - width: 4rem; - height: 2rem; } - .switch label:after { - width: 1.5rem; - height: 1.5rem; } - .switch input:checked + label:after { - left: 2.25rem; } - .switch label { - color: transparent; - background: #DDDDDD; } - .switch label:after { - background: #FFFFFF; } - .switch input:checked + label { - background: #54B948; } - .switch.large label { - width: 5rem; - height: 2.5rem; } - .switch.large label:after { - width: 2rem; - height: 2rem; } - .switch.large input:checked + label:after { - left: 2.75rem; } - .switch.small label { - width: 3.5rem; - height: 1.75rem; } - .switch.small label:after { - width: 1.25rem; - height: 1.25rem; } - .switch.small input:checked + label:after { - left: 2rem; } - .switch.tiny label { - width: 3rem; - height: 1.5rem; } - .switch.tiny label:after { - width: 1rem; - height: 1rem; } - .switch.tiny input:checked + label:after { - left: 1.75rem; } - .switch.radius label { - border-radius: 4px; } - .switch.radius label:after { - border-radius: 3px; } - .switch.round { - border-radius: 1000px; } - .switch.round label { - border-radius: 2rem; } - .switch.round label:after { - border-radius: 2rem; } - -table { - background: #FFFFFF; - margin-bottom: 1.25rem; - border: solid 1px #DDDDDD; - table-layout: auto; } - table caption { - background: transparent; - color: #222222; - font-size: 1rem; - font-weight: bold; } - table thead { - background: #F5F5F5; } - table thead tr th, table thead tr td { - padding: 0.5rem 0.625rem 0.625rem; - font-size: 0.875rem; - font-weight: bold; - color: #222222; } - table tfoot { - background: #F5F5F5; } - table tfoot tr th, table tfoot tr td { - padding: 0.5rem 0.625rem 0.625rem; - font-size: 0.875rem; - font-weight: bold; - color: #222222; } - table tr th, table tr td { - padding: 0.5625rem 0.625rem; - font-size: 0.875rem; - color: #222222; - text-align: left; } - table tr.even, table tr.alt, table tr:nth-of-type(even) { - background: #F9F9F9; } - table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { - display: table-cell; - line-height: 1.125rem; } - -.tabs { - margin-bottom: 0 !important; - margin-left: 0; } - .tabs:before, .tabs:after { - content: " "; - display: table; } - .tabs:after { - clear: both; } - .tabs dd, .tabs .tab-title { - position: relative; - margin-bottom: 0 !important; - list-style: none; - float: left; } - .tabs dd > a, .tabs .tab-title > a { - outline: none; - display: block; - background-color: #EFEFEF; - color: #222222; - padding: 1rem 2rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; } - .tabs dd > a:hover, .tabs .tab-title > a:hover { - background-color: #e1e1e1; } - .tabs dd.active a, .tabs .tab-title.active a { - background-color: #FFFFFF; - color: #222222; } - .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .tabs.vertical dd, .tabs.vertical .tab-title { - position: inherit; - float: none; - display: block; - top: auto; } - -.tabs-content { - margin-bottom: 1.5rem; - width: 100%; } - .tabs-content:before, .tabs-content:after { - content: " "; - display: table; } - .tabs-content:after { - clear: both; } - .tabs-content > .content { - display: none; - float: left; - padding: 0.9375rem 0; - width: 100%; } - .tabs-content > .content.active { - display: block; - float: none; } - .tabs-content > .content.contained { - padding: 0.9375rem; } - .tabs-content.vertical { - display: block; } - .tabs-content.vertical > .content { - padding: 0 0.9375rem; } - -@media only screen and (min-width:40.063em) { - .tabs.vertical { - width: 20%; - max-width: 20%; - float: left; - margin: 0 0 1.25rem; } - - .tabs-content.vertical { - width: 80%; - max-width: 80%; - float: left; - margin-left: -1px; - padding-left: 1rem; } - } - -.no-js .tabs-content > .content { - display: block; - float: none; } - -/* Image Thumbnails */ -.th { - line-height: 0; - display: inline-block; - border: solid 4px #FFFFFF; - max-width: 100%; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); - transition: all 200ms ease-out; } - .th:hover, .th:focus { - box-shadow: 0 0 6px 1px rgba(84, 185, 72, 0.5); } - .th.radius { - border-radius: 3px; } - -/* Tooltips */ -.has-tip { - border-bottom: dotted 1px #CCCCCC; - cursor: help; - font-weight: bold; - color: #333333; } - .has-tip:hover, .has-tip:focus { - border-bottom: dotted 1px #255420; - color: #54B948; } - .has-tip.tip-left, .has-tip.tip-right { - float: none !important; } - -.tooltip { - display: none; - position: absolute; - z-index: 1006; - font-weight: normal; - font-size: 0.875rem; - line-height: 1.3; - padding: 0.75rem; - max-width: 300px; - left: 50%; - width: 100%; - color: #FFFFFF; - background: #333333; } - .tooltip > .nub { - display: block; - left: 5px; - position: absolute; - width: 0; - height: 0; - border: solid 5px; - border-color: transparent transparent #333333 transparent; - top: -10px; - pointer-events: none; } - .tooltip > .nub.rtl { - left: auto; - right: 5px; } - .tooltip.radius { - border-radius: 3px; } - .tooltip.round { - border-radius: 1000px; } - .tooltip.round > .nub { - left: 2rem; } - .tooltip.opened { - color: #54B948 !important; - border-bottom: dotted 1px #255420 !important; } - -.tap-to-close { - display: block; - font-size: 0.625rem; - color: #777777; - font-weight: normal; } - -@media only screen and (min-width:40.063em) { - .tooltip > .nub { - border-color: transparent transparent #333333 transparent; - top: -10px; } - .tooltip.tip-top > .nub { - border-color: #333333 transparent transparent transparent; - top: auto; - bottom: -10px; } - .tooltip.tip-left, .tooltip.tip-right { - float: none !important; } - .tooltip.tip-left > .nub { - border-color: transparent transparent transparent #333333; - right: -10px; - left: auto; - top: 50%; - margin-top: -5px; } - .tooltip.tip-right > .nub { - border-color: transparent #333333 transparent transparent; - right: auto; - left: -10px; - top: 50%; - margin-top: -5px; } - } - -meta.foundation-mq-topbar { - font-family: "/only screen and (min-width:40.063em)/"; - width: 40.063em; } - -/* Wrapped around .top-bar to contain to grid width */ -.contain-to-grid { - width: 100%; - background: #D04747; } - .contain-to-grid .top-bar { - margin-bottom: 0; } - -.fixed { - width: 100%; - left: 0; - position: fixed; - top: 0; - z-index: 99; } - .fixed.expanded:not(.top-bar) { - overflow-y: auto; - height: auto; - width: 100%; - max-height: 100%; } - .fixed.expanded:not(.top-bar) .title-area { - position: fixed; - width: 100%; - z-index: 99; } - .fixed.expanded:not(.top-bar) .top-bar-section { - z-index: 98; - margin-top: 2.8125rem; } - -.top-bar { - overflow: hidden; - height: 2.8125rem; - line-height: 2.8125rem; - position: relative; - background: #D04747; - margin-bottom: 0; } - .top-bar ul { - margin-bottom: 0; - list-style: none; } - .top-bar .row { - max-width: none; } - .top-bar form, .top-bar input { - margin-bottom: 0; } - .top-bar input { - height: 1.75rem; - padding-top: 0.35rem; - padding-bottom: 0.35rem; - font-size: 0.75rem; } - .top-bar .button, .top-bar button { - padding-top: 0.4125rem; - padding-bottom: 0.4125rem; - margin-bottom: 0; - font-size: 0.75rem; } - @media only screen and (max-width: 40em) { - .top-bar .button, .top-bar button { - position: relative; - top: -1px; } } - .top-bar .title-area { - position: relative; - margin: 0; } - .top-bar .name { - height: 2.8125rem; - margin: 0; - font-size: 16px; } - .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span { - line-height: 2.8125rem; - font-size: 1.0625rem; - margin: 0; } - .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a { - font-weight: normal; - color: #FFFFFF; - width: 75%; - display: block; - padding: 0 0.9375rem; } - .top-bar .toggle-topbar { - position: absolute; - right: 0; - top: 0; } - .top-bar .toggle-topbar a { - color: #FFFFFF; - text-transform: uppercase; - font-size: 0.8125rem; - font-weight: bold; - position: relative; - display: block; - padding: 0 0.9375rem; - height: 2.8125rem; - line-height: 2.8125rem; } - .top-bar .toggle-topbar.menu-icon { - top: 50%; - margin-top: -16px; } - .top-bar .toggle-topbar.menu-icon a { - height: 34px; - line-height: 33px; - padding: 0 2.5rem 0 0.9375rem; - color: #FFFFFF; - position: relative; } - .top-bar .toggle-topbar.menu-icon a span::after { - content: ""; - position: absolute; - display: block; - height: 0; - top: 50%; - margin-top: -8px; - right: 0.9375rem; - box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - width: 16px; } - .top-bar .toggle-topbar.menu-icon a span:hover:after { - box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; } - .top-bar.expanded { - height: auto; - background: transparent; } - .top-bar.expanded .title-area { - background: #D04747; } - .top-bar.expanded .toggle-topbar a { - color: #888888; } - .top-bar.expanded .toggle-topbar a span::after { - box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; } - -.top-bar-section { - left: 0; - position: relative; - width: auto; - transition: left 300ms ease-out; } - .top-bar-section ul { - padding: 0; - width: 100%; - height: auto; - display: block; - font-size: 16px; - margin: 0; } - .top-bar-section .divider, .top-bar-section [role="separator"] { - border-top: solid 1px #6f1c1c; - clear: both; - height: 1px; - width: 100%; } - .top-bar-section ul li { - background: #333333; } - .top-bar-section ul li > a { - display: block; - width: 100%; - color: #FFFFFF; - padding: 12px 0 12px 0; - padding-left: 0.9375rem; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; - font-weight: normal; - text-transform: none; } - .top-bar-section ul li > a.button { - font-size: 1rem; - padding-right: 0.9375rem; - padding-left: 0.9375rem; - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; } - .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { - background-color: #439539; } - .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; } - .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { - background-color: #316122; } - .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { - background-color: #368a55; } - .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { - background-color: #cf2a0e; } - .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { - background-color: #cf6e0e; } - .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { - color: #FFFFFF; } - .top-bar-section ul li > button { - font-size: 1rem; - padding-right: 0.9375rem; - padding-left: 0.9375rem; - background-color: #54B948; - border-color: #439539; - color: #FFFFFF; } - .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { - background-color: #439539; } - .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.secondary { - background-color: #3D792A; - border-color: #316122; - color: #FFFFFF; } - .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { - background-color: #316122; } - .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { - background-color: #368a55; } - .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { - background-color: #cf2a0e; } - .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { - background-color: #cf6e0e; } - .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { - color: #FFFFFF; } - .top-bar-section ul li:hover:not(.has-form) > a { - background-color: #555555; - background: #bf3131; - color: #FFFFFF; } - .top-bar-section ul li.active > a { - background: #501B1B; - color: #FFFFFF; } - .top-bar-section ul li.active > a:hover { - background: #451717; - color: #FFFFFF; } - .top-bar-section .has-form { - padding: 0.9375rem; } - .top-bar-section .has-dropdown { - position: relative; } - .top-bar-section .has-dropdown > a:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); - border-left-style: solid; - margin-right: 0.9375rem; - margin-top: -4.5px; - position: absolute; - top: 50%; - right: 0; } - .top-bar-section .has-dropdown.moved { - position: static; } - .top-bar-section .has-dropdown.moved > .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; - width: 100%; } - .top-bar-section .has-dropdown.moved > a:after { - display: none; } - .top-bar-section .dropdown { - padding: 0; - position: absolute; - left: 100%; - top: 0; - z-index: 99; - display: block; - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - .top-bar-section .dropdown li { - width: 100%; - height: auto; } - .top-bar-section .dropdown li a { - font-weight: normal; - padding: 8px 0.9375rem; } - .top-bar-section .dropdown li a.parent-link { - font-weight: normal; } - .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { - margin-bottom: 0; - margin-top: 0; - font-size: 1.125rem; } - .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { - color: #FFFFFF; - display: block; } - .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { - background: none; } - .top-bar-section .dropdown li.has-form { - padding: 8px 0.9375rem; } - .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { - top: auto; } - .top-bar-section .dropdown label { - padding: 8px 0.9375rem 2px; - margin-bottom: 0; - text-transform: uppercase; - color: #777777; - font-weight: bold; - font-size: 0.625rem; } - -.js-generated { - display: block; } - -@media only screen and (min-width:40.063em) { - .top-bar { - background: #D04747; - overflow: visible; } - .top-bar:before, .top-bar:after { - content: " "; - display: table; } - .top-bar:after { - clear: both; } - .top-bar .toggle-topbar { - display: none; } - .top-bar .title-area { - float: left; } - .top-bar .name h1 a { - width: auto; } - .top-bar input, .top-bar .button, .top-bar button { - font-size: 0.875rem; - position: relative; - height: 1.75rem; - top: 0.53125rem; } - .top-bar.expanded { - background: #D04747; } - - .contain-to-grid .top-bar { - max-width: 62.5rem; - margin: 0 auto; - margin-bottom: 0; } - - .top-bar-section { - transition: none 0 0; - left: 0 !important; } - .top-bar-section ul { - width: auto; - height: auto !important; - display: inline; } - .top-bar-section ul li { - float: left; } - .top-bar-section ul li .js-generated { - display: none; } - .top-bar-section li.hover > a:not(.button) { - background-color: #555555; - background: #bf3131; - color: #FFFFFF; } - .top-bar-section li:not(.has-form) a:not(.button) { - padding: 0 0.9375rem; - line-height: 2.8125rem; - background: #D04747; } - .top-bar-section li:not(.has-form) a:not(.button):hover { - background-color: #555555; - background: #bf3131; } - .top-bar-section li.active:not(.has-form) a:not(.button) { - padding: 0 0.9375rem; - line-height: 2.8125rem; - color: #FFFFFF; - background: #501B1B; } - .top-bar-section li.active:not(.has-form) a:not(.button):hover { - background: #451717; - color: #FFFFFF; } - .top-bar-section .has-dropdown > a { - padding-right: 2.1875rem !important; } - .top-bar-section .has-dropdown > a:after { - content: ""; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; - border-top-style: solid; - margin-top: -2.5px; - top: 1.40625rem; } - .top-bar-section .has-dropdown.moved { - position: relative; } - .top-bar-section .has-dropdown.moved > .dropdown { - display: block; - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - .top-bar-section .has-dropdown > a:focus + .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { - border: none; - content: "\00bb"; - top: 1rem; - margin-top: -1px; - right: 5px; - line-height: 1.2; } - .top-bar-section .dropdown { - left: 0; - top: auto; - background: transparent; - min-width: 100%; } - .top-bar-section .dropdown li a { - color: #FFFFFF; - line-height: 2.8125rem; - white-space: nowrap; - padding: 12px 0.9375rem; - background: #333333; } - .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { - color: #FFFFFF; - background: #333333; } - .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { - color: #FFFFFF; - background-color: #555555; - background: #333333; } - .top-bar-section .dropdown li label { - white-space: nowrap; - background: #333333; } - .top-bar-section .dropdown li .dropdown { - left: 100%; - top: 0; } - .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { - border-bottom: none; - border-top: none; - border-right: solid 1px #d65f5f; - clear: none; - height: 2.8125rem; - width: 0; } - .top-bar-section .has-form { - background: #D04747; - padding: 0 0.9375rem; - height: 2.8125rem; } - .top-bar-section .right li .dropdown { - left: auto; - right: 0; } - .top-bar-section .right li .dropdown li .dropdown { - right: 100%; } - .top-bar-section .left li .dropdown { - right: auto; - left: 0; } - .top-bar-section .left li .dropdown li .dropdown { - left: 100%; } - - .no-js .top-bar-section ul li:hover > a { - background-color: #555555; - background: #bf3131; - color: #FFFFFF; } - .no-js .top-bar-section ul li:active > a { - background: #501B1B; - color: #FFFFFF; } - .no-js .top-bar-section .has-dropdown:hover > .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { - display: block; - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - position: absolute !important; } - } - -.text-left { - text-align: left !important; } - -.text-right { - text-align: right !important; } - -.text-center { - text-align: center !important; } - -.text-justify { - text-align: justify !important; } - -@media only screen and (max-width: 40em) { - .small-only-text-left { - text-align: left !important; } - - .small-only-text-right { - text-align: right !important; } - - .small-only-text-center { - text-align: center !important; } - - .small-only-text-justify { - text-align: justify !important; } - } - -@media only screen { - .small-text-left { - text-align: left !important; } - - .small-text-right { - text-align: right !important; } - - .small-text-center { - text-align: center !important; } - - .small-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:40.063em) and (max-width:64em) { - .medium-only-text-left { - text-align: left !important; } - - .medium-only-text-right { - text-align: right !important; } - - .medium-only-text-center { - text-align: center !important; } - - .medium-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:40.063em) { - .medium-text-left { - text-align: left !important; } - - .medium-text-right { - text-align: right !important; } - - .medium-text-center { - text-align: center !important; } - - .medium-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:64.063em) and (max-width:90em) { - .large-only-text-left { - text-align: left !important; } - - .large-only-text-right { - text-align: right !important; } - - .large-only-text-center { - text-align: center !important; } - - .large-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:64.063em) { - .large-text-left { - text-align: left !important; } - - .large-text-right { - text-align: right !important; } - - .large-text-center { - text-align: center !important; } - - .large-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:90.063em) and (max-width:120em) { - .xlarge-only-text-left { - text-align: left !important; } - - .xlarge-only-text-right { - text-align: right !important; } - - .xlarge-only-text-center { - text-align: center !important; } - - .xlarge-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:90.063em) { - .xlarge-text-left { - text-align: left !important; } - - .xlarge-text-right { - text-align: right !important; } - - .xlarge-text-center { - text-align: center !important; } - - .xlarge-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:120.063em) and (max-width:99999999em) { - .xxlarge-only-text-left { - text-align: left !important; } - - .xxlarge-only-text-right { - text-align: right !important; } - - .xxlarge-only-text-center { - text-align: center !important; } - - .xxlarge-only-text-justify { - text-align: justify !important; } - } - -@media only screen and (min-width:120.063em) { - .xxlarge-text-left { - text-align: left !important; } - - .xxlarge-text-right { - text-align: right !important; } - - .xxlarge-text-center { - text-align: center !important; } - - .xxlarge-text-justify { - text-align: justify !important; } - } - -/* Typography resets */ -div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { - margin: 0; - padding: 0; } - -/* Default Link Styles */ -a { - color: #54B948; - text-decoration: none; - line-height: inherit; } - a:hover, a:focus { - color: #48a03d; } - a img { - border: none; } - -/* Default paragraph styles */ -p { - font-family: inherit; - font-weight: normal; - font-size: 1rem; - line-height: 1.6; - margin-bottom: 1.25rem; - text-rendering: optimizeLegibility; } - p.lead { - font-size: 1.21875rem; - line-height: 1.6; } - p aside { - font-size: 0.875rem; - line-height: 1.35; - font-style: italic; } - -/* Default header styles */ -h1, h2, h3, h4, h5, h6 { - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - font-style: normal; - color: #222222; - text-rendering: optimizeLegibility; - margin-top: 0.2rem; - margin-bottom: 0.5rem; - line-height: 1.4; } - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - font-size: 60%; - color: #6f6f6f; - line-height: 0; } - -h1 { - font-size: 2.125rem; } - -h2 { - font-size: 1.6875rem; } - -h3 { - font-size: 1.375rem; } - -h4 { - font-size: 1.125rem; } - -h5 { - font-size: 1.125rem; } - -h6 { - font-size: 1rem; } - -.subheader { - line-height: 1.4; - color: #6f6f6f; - font-weight: normal; - margin-top: 0.2rem; - margin-bottom: 0.5rem; } - -hr { - border: solid #DDDDDD; - border-width: 1px 0 0; - clear: both; - margin: 1.25rem 0 1.1875rem; - height: 0; } - -/* Helpful Typography Defaults */ -em, i { - font-style: italic; - line-height: inherit; } - -strong, b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 60%; - line-height: inherit; } - -code { - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - color: #333333; - background-color: #bee4b2; - border-width: 1px; - border-style: solid; - border-color: #a4da94; - padding: 0.125rem 0.3125rem 0.0625rem; } - -/* Lists */ -ul, ol, dl { - font-size: 1rem; - line-height: 1.6; - margin-bottom: 1.25rem; - list-style-position: outside; - font-family: inherit; } - -ul { - margin-left: 1.1rem; } - ul.no-bullet { - margin-left: 0; } - ul.no-bullet li ul, ul.no-bullet li ol { - margin-left: 1.25rem; - margin-bottom: 0; - list-style: none; } - -/* Unordered Lists */ -ul li ul, ul li ol { - margin-left: 1.25rem; - margin-bottom: 0; } -ul.square li ul, ul.circle li ul, ul.disc li ul { - list-style: inherit; } -ul.square { - list-style-type: square; - margin-left: 1.1rem; } -ul.circle { - list-style-type: circle; - margin-left: 1.1rem; } -ul.disc { - list-style-type: disc; - margin-left: 1.1rem; } -ul.no-bullet { - list-style: none; } - -/* Ordered Lists */ -ol { - margin-left: 1.4rem; } - ol li ul, ol li ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -/* Definition Lists */ -dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } -dl dd { - margin-bottom: 0.75rem; } - -/* Abbreviations */ -abbr, acronym { - text-transform: uppercase; - font-size: 90%; - color: #222; - cursor: help; } - -abbr { - text-transform: none; } - abbr[title] { - border-bottom: 1px dotted #DDDDDD; } - -/* Blockquotes */ -blockquote { - margin: 0 0 1.25rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: 1px solid #DDDDDD; } - blockquote cite { - display: block; - font-size: 0.8125rem; - color: #555555; } - blockquote cite:before { - content: "\2014 \0020"; } - blockquote cite a, blockquote cite a:visited { - color: #555555; } - -blockquote, blockquote p { - line-height: 1.6; - color: #6f6f6f; } - -/* Microformats */ -.vcard { - display: inline-block; - margin: 0 0 1.25rem 0; - border: 1px solid #DDDDDD; - padding: 0.625rem 0.75rem; } - .vcard li { - margin: 0; - display: block; } - .vcard .fn { - font-weight: bold; - font-size: 0.9375rem; } - -.vevent .summary { - font-weight: bold; } -.vevent abbr { - cursor: default; - text-decoration: none; - font-weight: bold; - border: none; - padding: 0 0.0625rem; } - -@media only screen and (min-width:40.063em) { - h1, h2, h3, h4, h5, h6 { - line-height: 1.4; } - - h1 { - font-size: 2.75rem; } - - h2 { - font-size: 2.3125rem; } - - h3 { - font-size: 1.6875rem; } - - h4 { - font-size: 1.4375rem; } - - h5 { - font-size: 1.125rem; } - - h6 { - font-size: 1rem; } - } - -/* - * Print styles. - * - * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ - * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) - */ -.print-only { - display: none !important; } - -@media print { - * { - background: transparent !important; - color: #000000 !important; - /* Black prints faster: h5bp.com/s */ - box-shadow: none !important; - text-shadow: none !important; } - - a, a:visited { - text-decoration: underline; } - - a[href]:after { - content: " (" attr(href) ")"; } - - abbr[title]:after { - content: " (" attr(title) ")"; } - - .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { - content: ""; } - - pre, blockquote { - border: 1px solid #999999; - page-break-inside: avoid; } - - thead { - display: table-header-group; - /* h5bp.com/t */ } - - tr, img { - page-break-inside: avoid; } - - img { - max-width: 100% !important; } - - @page { - margin: 0.5cm; } - - p, h2, h3 { - orphans: 3; - widows: 3; } - - h2, h3 { - page-break-after: avoid; } - - .hide-on-print { - display: none !important; } - - .print-only { - display: block !important; } - - .hide-for-print { - display: none !important; } - - .show-for-print { - display: inherit !important; } - } - -.off-canvas-wrap { - -webkit-backface-visibility: hidden; - position: relative; - width: 100%; - overflow: hidden; } - .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { - min-height: 100%; - -webkit-overflow-scrolling: touch; } - -.inner-wrap { - position: relative; - width: 100%; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .inner-wrap:before, .inner-wrap:after { - content: " "; - display: table; } - .inner-wrap:after { - clear: both; } - -.tab-bar { - -webkit-backface-visibility: hidden; - background: #333333; - color: #FFFFFF; - height: 2.8125rem; - line-height: 2.8125rem; - position: relative; } - .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { - color: #FFFFFF; - font-weight: bold; - line-height: 2.8125rem; - margin: 0; } - .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { - font-size: 1.125rem; } - -.left-small { - width: 2.8125rem; - height: 2.8125rem; - position: absolute; - top: 0; - border-right: solid 1px #1a1a1a; - left: 0; } - -.right-small { - width: 2.8125rem; - height: 2.8125rem; - position: absolute; - top: 0; - border-left: solid 1px #1a1a1a; - right: 0; } - -.tab-bar-section { - padding: 0 0.625rem; - position: absolute; - text-align: center; - height: 2.8125rem; - top: 0; } - @media only screen and (min-width:40.063em) { - .tab-bar-section.left { - text-align: left; } - - .tab-bar-section.right { - text-align: right; } - } - .tab-bar-section.left { - left: 0; - right: 2.8125rem; } - .tab-bar-section.right { - left: 2.8125rem; - right: 0; } - .tab-bar-section.middle { - left: 2.8125rem; - right: 2.8125rem; } - -.tab-bar .menu-icon { - text-indent: 2.1875rem; - width: 2.8125rem; - height: 2.8125rem; - display: block; - padding: 0; - color: #FFFFFF; - position: relative; - transform: translate3d(0, 0, 0); } - .tab-bar .menu-icon span::after { - content: ""; - position: absolute; - display: block; - height: 0; - top: 50%; - margin-top: -0.5rem; - left: 0.90625rem; - box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - width: 1rem; } - .tab-bar .menu-icon span:hover:after { - box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } - -.left-off-canvas-menu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1001; - box-sizing: content-box; - transition: transform 500ms ease 0s; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - -ms-transform: translate(-100%, 0); - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - left: 0; } - .left-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -.right-off-canvas-menu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1001; - box-sizing: content-box; - transition: transform 500ms ease 0s; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - -ms-transform: translate(100%, 0); - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - right: 0; } - .right-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -ul.off-canvas-list { - list-style-type: none; - padding: 0; - margin: 0; } - ul.off-canvas-list li label { - display: block; - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-size: 0.75rem; - font-weight: bold; - background: #444444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - ul.off-canvas-list li a { - display: block; - padding: 0.6666666667rem; - color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid #262626; - transition: background 300ms ease; } - ul.off-canvas-list li a:hover { - background: #242424; } - -.move-right > .inner-wrap { - -ms-transform: translate(15.625rem, 0); - -webkit-transform: translate3d(15.625rem, 0, 0); - -moz-transform: translate3d(15.625rem, 0, 0); - -ms-transform: translate3d(15.625rem, 0, 0); - -o-transform: translate3d(15.625rem, 0, 0); - transform: translate3d(15.625rem, 0, 0); } -.move-right .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .move-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.move-left > .inner-wrap { - -ms-transform: translate(-15.625rem, 0); - -webkit-transform: translate3d(-15.625rem, 0, 0); - -moz-transform: translate3d(-15.625rem, 0, 0); - -ms-transform: translate3d(-15.625rem, 0, 0); - -o-transform: translate3d(-15.625rem, 0, 0); - transform: translate3d(-15.625rem, 0, 0); } -.move-left .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .move-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .offcanvas-overlap .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.offcanvas-overlap-left .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-left .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .offcanvas-overlap-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.offcanvas-overlap-right .left-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-right .exit-off-canvas { - -webkit-backface-visibility: hidden; - transition: background 300ms ease; - cursor: pointer; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.2); - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - @media only screen and (min-width:40.063em) { - .offcanvas-overlap-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } - } - -.no-csstransforms .left-off-canvas-menu { - left: -15.625rem; } -.no-csstransforms .right-off-canvas-menu { - right: -15.625rem; } -.no-csstransforms .move-left > .inner-wrap { - right: 15.625rem; } -.no-csstransforms .move-right > .inner-wrap { - left: 15.625rem; } - -.left-submenu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1002; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-transform: translate(-100%, 0); - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - left: 0; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .left-submenu * { - -webkit-backface-visibility: hidden; } - .left-submenu .back > a { - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-weight: bold; - background: #444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - .left-submenu .back > a:hover { - background: #303030; - border-top: 1px solid #5e5e5e; - border-bottom: none; } - .left-submenu .back > a:before { - content: "\AB"; - margin-right: 0.5rem; - display: inline; } - .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap { - -ms-transform: translate(0%, 0); - -webkit-transform: translate3d(0%, 0, 0); - -moz-transform: translate3d(0%, 0, 0); - -ms-transform: translate3d(0%, 0, 0); - -o-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -.right-submenu { - -webkit-backface-visibility: hidden; - width: 15.625rem; - top: 0; - bottom: 0; - position: absolute; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - background: #333333; - z-index: 1002; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-transform: translate(100%, 0); - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - right: 0; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .right-submenu * { - -webkit-backface-visibility: hidden; } - .right-submenu .back > a { - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-weight: bold; - background: #444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - .right-submenu .back > a:hover { - background: #303030; - border-top: 1px solid #5e5e5e; - border-bottom: none; } - .right-submenu .back > a:after { - content: "\BB"; - margin-left: 0.5rem; - display: inline; } - .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap { - -ms-transform: translate(0%, 0); - -webkit-transform: translate3d(0%, 0, 0); - -moz-transform: translate3d(0%, 0, 0); - -ms-transform: translate3d(0%, 0, 0); - -o-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { - content: "\BB"; - margin-left: 0.5rem; - display: inline; } - -.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { - content: "\AB"; - margin-right: 0.5rem; - display: inline; } - -/* small displays */ -@media only screen { - .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* medium displays */ -@media only screen and (min-width:40.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* large displays */ -@media only screen and (min-width:64.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* xlarge displays */ -@media only screen and (min-width:90.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* xxlarge displays */ -@media only screen and (min-width:120.063em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row !important; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } - } - -/* Orientation targeting */ -.show-for-landscape, .hide-for-portrait { - display: inherit !important; } - -.hide-for-landscape, .show-for-portrait { - display: none !important; } - -/* Specific visibility for tables */ -table.hide-for-landscape, table.show-for-portrait { - display: table !important; } - -thead.hide-for-landscape, thead.show-for-portrait { - display: table-header-group !important; } - -tbody.hide-for-landscape, tbody.show-for-portrait { - display: table-row-group !important; } - -tr.hide-for-landscape, tr.show-for-portrait { - display: table-row !important; } - -td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { - display: table-cell !important; } - -@media only screen and (orientation: landscape) { - .show-for-landscape, .hide-for-portrait { - display: inherit !important; } - - .hide-for-landscape, .show-for-portrait { - display: none !important; } - - /* Specific visibility for tables */ - table.show-for-landscape, table.hide-for-portrait { - display: table !important; } - - thead.show-for-landscape, thead.hide-for-portrait { - display: table-header-group !important; } - - tbody.show-for-landscape, tbody.hide-for-portrait { - display: table-row-group !important; } - - tr.show-for-landscape, tr.hide-for-portrait { - display: table-row !important; } - - td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { - display: table-cell !important; } - } - -@media only screen and (orientation: portrait) { - .show-for-portrait, .hide-for-landscape { - display: inherit !important; } - - .hide-for-portrait, .show-for-landscape { - display: none !important; } - - /* Specific visibility for tables */ - table.show-for-portrait, table.hide-for-landscape { - display: table !important; } - - thead.show-for-portrait, thead.hide-for-landscape { - display: table-header-group !important; } - - tbody.show-for-portrait, tbody.hide-for-landscape { - display: table-row-group !important; } - - tr.show-for-portrait, tr.hide-for-landscape { - display: table-row !important; } - - td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { - display: table-cell !important; } - } - -/* Touch-enabled device targeting */ -.show-for-touch { - display: none !important; } - -.hide-for-touch { - display: inherit !important; } - -.touch .show-for-touch { - display: inherit !important; } - -.touch .hide-for-touch { - display: none !important; } - -/* Specific visibility for tables */ -table.hide-for-touch { - display: table !important; } - -.touch table.show-for-touch { - display: table !important; } - -thead.hide-for-touch { - display: table-header-group !important; } - -.touch thead.show-for-touch { - display: table-header-group !important; } - -tbody.hide-for-touch { - display: table-row-group !important; } - -.touch tbody.show-for-touch { - display: table-row-group !important; } - -tr.hide-for-touch { - display: table-row !important; } - -.touch tr.show-for-touch { - display: table-row !important; } - -td.hide-for-touch { - display: table-cell !important; } - -.touch td.show-for-touch { - display: table-cell !important; } - -th.hide-for-touch { - display: table-cell !important; } - -.touch th.show-for-touch { - display: table-cell !important; } - -/* Print visibility */ -@media print { - .show-for-print { - display: block; } - - .hide-for-print { - display: none; } - - table.show-for-print { - display: table !important; } - - thead.show-for-print { - display: table-header-group !important; } - - tbody.show-for-print { - display: table-row-group !important; } - - tr.show-for-print { - display: table-row !important; } - - td.show-for-print { - display: table-cell !important; } - - th.show-for-print { - display: table-cell !important; } - } - -.folders-list { - -webkit-backface-visibility: hidden; - position: relative; - width: 100%; - overflow: hidden; } - .folders-list.move-right, .folders-list.move-left { - min-height: 100%; - -webkit-overflow-scrolling: touch; } - .folders-list ul { - list-style-type: none; - padding: 0; - margin: 0; - /* display: table; */ - width: 100%; } - .folders-list ul li { - /* - +-----------------------------------------------+ - + li | - |+------+-----------------------------+--------+| - || i | form | span || - |+------+-----------------------------+--------+| - +-----------------------------------------------+ - */ - /* display: table-row; */ - transition: background 300ms ease; } - .folders-list ul li label { - display: block; - padding: 0.3rem 0.9375rem; - color: #999999; - text-transform: uppercase; - font-size: 0.75rem; - font-weight: bold; - background: #444444; - border-top: 1px solid #5e5e5e; - border-bottom: none; - margin: 0; } - .folders-list ul li .folder-container { - display: table; - width: 100%; } - .folders-list ul li .folder-container .folder-content { - display: table-row; } - .folders-list ul li .folder-container .folder-content > * { - display: table-cell; - padding: 0.6666666667rem; - color: rgba(255, 255, 255, 0.7); - /* border-bottom: $off-canvas-link-border-bottom; */ } - .folders-list ul li .folder-container:hover { - background: #242424; } - .folders-list ul li > span { - border-left: 3px solid transparent; } - .folders-list ul li .icon { - color: #999999; - width: 1px; } - .folders-list ul li form { - margin: 0; - padding-left: 0; - padding-right: 0; } - .folders-list ul li form * { - color: rgba(255, 255, 255, 0.7); - display: block; - width: 100%; - padding: 0; } - .folders-list ul li form input { - border: 0; - color: #333 !important; - font-size: 1rem; - height: 1.3333333333rem; - margin: 0; } - .folders-list ul li._selected > span { - border-left-color: #54B948; } - .folders-list ul li._loading > span { - border-left-color: #999999; } - .folders-list ul > li > ul { - margin-left: 10px; } - -.f-dropdown { - width: auto; - max-width: 300px; - white-space: nowrap; } - .f-dropdown.icons-dropdown { - height: inherit; - background-color: #54B948; - border-color: #54B948; } - .f-dropdown.icons-dropdown .button { - margin: 0; - padding: 0.5rem; - border-color: #54B948; - color: #fff; } - .f-dropdown.icons-dropdown:before { - border-color: transparent transparent #54B948 transparent; } - -.folders-list ul li .folder-container .folder-content > .childLevel1 { - padding-left: 15px; } - -.folders-list ul li .folder-container .folder-content > .childLevel2 { - padding-left: 30px; } - -.folders-list ul li .folder-container .folder-content > .childLevel3 { - padding-left: 45px; } - -.folders-list ul li .folder-container .folder-content > .childLevel4 { - padding-left: 60px; } - -.folders-list ul li .folder-container .folder-content > .childLevel5 { - padding-left: 75px; } - -.folders-list ul li .folder-container .folder-content > .childLevel6 { - padding-left: 90px; } - -.folders-list ul li .folder-container .folder-content > .childLevel7 { - padding-left: 105px; } - -.folders-list ul li .folder-container .folder-content > .childLevel8 { - padding-left: 120px; } - -.folders-list ul li .folder-container .folder-content > .childLevel9 { - padding-left: 135px; } - -.folders-list ul li .folder-container .folder-content > .childLevel10 { - padding-left: 150px; } - -.folders-list ul li .folder-container .folder-content > .childLevel11 { - padding-left: 165px; } - -#pageContent { - width: auto; - margin-left: 0; - margin-right: 0; - margin-top: 0; - margin-bottom: 0; - max-width: none; } - #pageContent:before, #pageContent:after { - content: " "; - display: table; } - #pageContent:after { - clear: both; } - #pageContent #mailboxesList { - position: absolute; - top: 2.8125rem; - bottom: 0; - background-color: #333; - padding-left: 0; - padding-right: 0; - width: 100%; - float: left; } - @media only screen and (min-width:40.063em) { - #pageContent #mailboxesList { - padding-left: 0; - padding-right: 0; - width: 23.0769230769%; - float: left; } } - #pageContent #mailboxesList .newItemsToolbar { - margin-top: 0.375rem; - text-align: center; - text-transform: uppercase; } - #pageContent #mailboxesList .scrollView { - position: absolute; - overflow: auto; - overflow-x: hidden; - top: 2.8125rem; - bottom: 0; - right: 0; - left: 0; } - #pageContent #mailboxesList .scrollView label { - padding-right: 0; } - #pageContent #mailboxesList .scrollView label button { - float: right; - background-color: transparent; - padding: 0; - margin: 0; - width: 32px; } - #pageContent #mailboxesList .buttonsToolbar { - border-top: 1px solid #262626; - position: absolute; - bottom: 0px; - width: 100%; } - #pageContent #messagesList, #pageContent #messageEditor { - position: absolute; - overflow: auto; - overflow-x: hidden; - top: 2.8125rem; - bottom: 0; - left: 23.07692%; } - #pageContent #messagesList { - background-color: #EEEEEE; - padding-left: 0; - padding-right: 0; - width: 100%; - float: left; } - @media only screen and (min-width:40.063em) { - #pageContent #messagesList { - padding-left: 0; - padding-right: 0; - width: 30.7692307692%; - float: left; } } - #pageContent #messagesList ul { - margin: 0; - padding: 5px 0; } - #pageContent #messagesList ul li { - list-style-type: none; - width: 100%; - height: 56px; - float: left; - clear: left; - background-color: #EEEEEE; - transition: background 300ms ease; } - #pageContent #messagesList ul li a { - display: block; - color: #666; - line-height: 1.5rem; - padding: 0.5rem 0.625rem 0.625rem; } - #pageContent #messagesList ul li a .name { - margin: 0; - font-weight: bold; } - #pageContent #messagesList ul li a div { - overflow: hidden; - white-space: nowrap; } - #pageContent #messagesList ul li a span { - font-weight: normal; - font-size: smaller; } - #pageContent #messagesList ul li a._selected { - background-color: #fff; } - #pageContent #messagesList ul li.unread a .name, #pageContent #messagesList ul li.unread a .subject { - color: #222222; - /* font-weight: $table-head-font-weight; */ } - #pageContent #messagesList ul li:hover, #pageContent #messagesList ul li:active { - background-color: #fff; } - #pageContent #messageView { - position: absolute; - top: 2.8125rem; - bottom: 0; - left: 53.8461507692%; - overflow: auto; - overflow-x: hidden; - border-left: solid 1px #d65f5f; - padding: 0.5rem 0.625rem 0.625rem; - padding-top: 0; - padding-left: 0; - padding-right: 0; - width: 100%; - float: left; - /* - +-----------------------------------------------+ - + .attr (13) | - |+-------------+-------------------------------+| - || .key (4) | .value (9) || - |+-------------+-------------------------------+| - +-----------------------------------------------+ - */ } - @media only screen and (min-width:40.063em) { - #pageContent #messageView { - padding-left: 0; - padding-right: 0; - width: 46.1538461538%; - float: left; } } - #pageContent #messageView h1, #pageContent #messageView h2, #pageContent #messageView h3, #pageContent #messageView h4, #pageContent #messageView h5, #pageContent #messageView h6 { - margin: 0; - padding-top: 0.75rem; } - #pageContent #messageView h1 { - margin-bottom: 0; } - #pageContent #messageView h2 { - font-weight: lighter; } - #pageContent #messageView .header { - background-color: #3D792A; - padding-left: 0.75rem; - padding-right: 0.75rem; - padding-bottom: 0.2em; } - #pageContent #messageView .header h1, #pageContent #messageView .header h2, #pageContent #messageView .header h4, #pageContent #messageView .header h6 { - color: #fff; } - #pageContent #messageView .header .label { - background-color: transparent; - border: 1px solid #54B948; - border: 1px solid #addda7; - color: #54B948; - color: #addda7; } - #pageContent #messageView .header .flags { - float: right; } - #pageContent #messageView .attr { - width: 100%; - margin: 0; - max-width: 62.5rem; } - #pageContent #messageView .attr:before, #pageContent #messageView .attr:after { - content: " "; - display: table; } - #pageContent #messageView .attr:after { - clear: both; } - #pageContent #messageView .attr .key { - padding-left: 0; - padding-right: 0; - width: 30.7692307692%; - float: left; } - #pageContent #messageView .attr .key label { - color: #999; - margin-right: 0.75rem; } - #pageContent #messageView .attr .value { - padding-left: 0; - padding-right: 0; - width: 69.2307692308%; - float: left; } - #pageContent #messageView .attr .value.single { - padding-left: 0; - padding-right: 0; - width: 69.2307692308%; - float: left; - margin-left: 30.7692307692% !important; } - #pageContent #messageView .attr .value div a { - color: #666; - margin-left: 0.2em; } - #pageContent #messageView .attr .value div a:hover { - color: #000; } - #pageContent #messageView .buttonsToolbar { - margin-bottom: 0.75rem; - background-color: #eee; - border-top: 2px solid #ddd; } - #pageContent #messageView .buttonsToolbar .button { - margin: 0.4em; } - #pageContent #messageView .buttonsToolbar .button.alert { - color: #fff; } - #pageContent #messageView .mailer_mailcontent { - background-color: #fff; - padding: 0.5em; - overflow: auto; } - #pageContent #messageView .mailer_mailcontent .mailer_mailcontent TABLE { - table-layout: auto; } - #pageContent #messageEditor { - right: 0; } - #pageContent #messageEditor textarea { - height: 20em; } - -h1 { - font-weight: lighter; } - -.buttonsToolbar { - text-align: right; } - .buttonsToolbar .button { - margin-bottom: 0; - font-size: 1em; } - .folders-list .buttonsToolbar { - background-color: #333333; - background-color: #333333; - text-align: center; } - .folders-list .buttonsToolbar .button { - background-color: #333333; - font-size: 1.5em; - transition: color 300ms ease; - color: #9d9d9d; } - .folders-list .buttonsToolbar .button:focus, .folders-list .buttonsToolbar .button:hover { - color: #54B948; - color: #fff; } diff --git a/UI/WebServerResources/css/angular-material.css b/UI/WebServerResources/css/angular-material.css deleted file mode 100644 index 9f7ae3090..000000000 --- a/UI/WebServerResources/css/angular-material.css +++ /dev/null @@ -1,5845 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.7.0-rc2-master-9a0b3c3 - */ -*, *:before, *:after { - box-sizing: border-box; } - -:focus { - outline: none; } - -html, body { - height: 100%; - color: rgba(0, 0, 0, 0.73); - background: white; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-touch-callout: none; - -webkit-text-size-adjust: 100%; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; } - html p, body p { - line-height: 1.846; } - html h3, body h3 { - display: block; - -webkit-margin-before: 1em; - -webkit-margin-after: 1em; - -webkit-margin-start: 0px; - -webkit-margin-end: 0px; - font-size: 1.17em; - font-weight: bold; } - -button, select, html, textarea, input { - font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; } - -body { - margin: 0; - padding: 0; - outline: none; } - -.inset { - padding: 10px; } - -button { - font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; } - -a { - background: transparent; - outline: none; } - -h1 { - font-size: 2em; - margin: 0.67em 0; } - -h2 { - font-size: 1.5em; - margin: 0.83em 0; } - -h3 { - font-size: 1.17em; - margin: 1em 0; } - -h4 { - font-size: 1em; - margin: 1.33em 0; } - -h5 { - font-size: 0.83em; - margin: 1.67em 0; } - -h6 { - font-size: 0.75em; - margin: 2.33em 0; } - -select, button, textarea, input { - margin: 0; - font-size: 100%; - font-family: inherit; - 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="radio"], input[type="checkbox"] { - padding: 0; - box-sizing: border-box; } -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-shadow { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - border-radius: inherit; - pointer-events: none; } - -.md-shadow-bottom-z-1, .md-button.md-raised:not([disabled]), .md-button.md-fab { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } - -.md-shadow-bottom-z-2, .md-button.md-raised:not([disabled]):focus, .md-button.md-raised:not([disabled]):hover, .md-button.md-fab:not([disabled]):focus, .md-button.md-fab:not([disabled]):hover { - 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%; - transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); } - -.md-ripple { - position: absolute; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - opacity: 0; - border-radius: 50%; } - .md-ripple.md-ripple-placed { - transition: left 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), top 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), margin 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1); - transition: left 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), top 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), margin 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1); } - .md-ripple.md-ripple-scaled { - -webkit-transform: scale(1); - transform: scale(1); } - .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible { - opacity: 0.2; } - -md-tab > .md-ripple-container .md-ripple { - box-sizing: content-box; - background-color: transparent !important; - border-width: 0; - border-style: solid; - opacity: 0.2; - -webkit-transform: none !important; - transform: none !important; } - md-tab > .md-ripple-container .md-ripple.md-ripple-active, md-tab > .md-ripple-container .md-ripple.md-ripple-full, md-tab > .md-ripple-container .md-ripple.md-ripple-visible { - opacity: 0.2; } - -.md-color-palette-definition { - background-image: url("data:image/svg+xml;utf8,{_red_: {_50_: _#ffebee_,_100_: _#ffcdd2_,_200_: _#ef9a9a_,_300_: _#e57373_,_400_: _#ef5350_,_500_: _#f44336_,_600_: _#e53935_,_700_: _#d32f2f_,_800_: _#c62828_,_900_: _#b71c1c_,_A100_: _#ff8a80_,_A200_: _#ff5252_,_A400_: _#ff1744_,_A700_: _#d50000_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_pink_: {_50_: _#fce4ec_,_100_: _#f8bbd0_,_200_: _#f48fb1_,_300_: _#f06292_,_400_: _#ec407a_,_500_: _#e91e63_,_600_: _#d81b60_,_700_: _#c2185b_,_800_: _#ad1457_,_900_: _#880e4f_,_A100_: _#ff80ab_,_A200_: _#ff4081_,_A400_: _#f50057_,_A700_: _#c51162_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_purple_: {_50_: _#f3e5f5_,_100_: _#e1bee7_,_200_: _#ce93d8_,_300_: _#ba68c8_,_400_: _#ab47bc_,_500_: _#9c27b0_,_600_: _#8e24aa_,_700_: _#7b1fa2_,_800_: _#6a1b9a_,_900_: _#4a148c_,_A100_: _#ea80fc_,_A200_: _#e040fb_,_A400_: _#d500f9_,_A700_: _#aa00ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_deep-purple_: {_50_: _#ede7f6_,_100_: _#d1c4e9_,_200_: _#b39ddb_,_300_: _#9575cd_,_400_: _#7e57c2_,_500_: _#673ab7_,_600_: _#5e35b1_,_700_: _#512da8_,_800_: _#4527a0_,_900_: _#311b92_,_A100_: _#b388ff_,_A200_: _#7c4dff_,_A400_: _#651fff_,_A700_: _#6200ea_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_indigo_: {_50_: _#e8eaf6_,_100_: _#c5cae9_,_200_: _#9fa8da_,_300_: _#7986cb_,_400_: _#5c6bc0_,_500_: _#3f51b5_,_600_: _#3949ab_,_700_: _#303f9f_,_800_: _#283593_,_900_: _#1a237e_,_A100_: _#8c9eff_,_A200_: _#536dfe_,_A400_: _#3d5afe_,_A700_: _#304ffe_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_blue_: {_50_: _#e3f2fd_,_100_: _#bbdefb_,_200_: _#90caf9_,_300_: _#64b5f6_,_400_: _#42a5f5_,_500_: _#2196f3_,_600_: _#1e88e5_,_700_: _#1976d2_,_800_: _#1565c0_,_900_: _#0d47a1_,_A100_: _#82b1ff_,_A200_: _#448aff_,_A400_: _#2979ff_,_A700_: _#2962ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _100 200 300 400 A100_},_light-blue_: {_50_: _#e1f5fe_,_100_: _#b3e5fc_,_200_: _#81d4fa_,_300_: _#4fc3f7_,_400_: _#29b6f6_,_500_: _#03a9f4_,_600_: _#039be5_,_700_: _#0288d1_,_800_: _#0277bd_,_900_: _#01579b_,_A100_: _#80d8ff_,_A200_: _#40c4ff_,_A400_: _#00b0ff_,_A700_: _#0091ea_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900 A700_},_cyan_: {_50_: _#e0f7fa_,_100_: _#b2ebf2_,_200_: _#80deea_,_300_: _#4dd0e1_,_400_: _#26c6da_,_500_: _#00bcd4_,_600_: _#00acc1_,_700_: _#0097a7_,_800_: _#00838f_,_900_: _#006064_,_A100_: _#84ffff_,_A200_: _#18ffff_,_A400_: _#00e5ff_,_A700_: _#00b8d4_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_teal_: {_50_: _#e0f2f1_,_100_: _#b2dfdb_,_200_: _#80cbc4_,_300_: _#4db6ac_,_400_: _#26a69a_,_500_: _#009688_,_600_: _#00897b_,_700_: _#00796b_,_800_: _#00695c_,_900_: _#004d40_,_A100_: _#a7ffeb_,_A200_: _#64ffda_,_A400_: _#1de9b6_,_A700_: _#00bfa5_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_green_: {_50_: _#e8f5e9_,_100_: _#c8e6c9_,_200_: _#a5d6a7_,_300_: _#81c784_,_400_: _#66bb6a_,_500_: _#4caf50_,_600_: _#43a047_,_700_: _#388e3c_,_800_: _#2e7d32_,_900_: _#1b5e20_,_A100_: _#b9f6ca_,_A200_: _#69f0ae_,_A400_: _#00e676_,_A700_: _#00c853_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_light-green_: {_50_: _#f1f8e9_,_100_: _#dcedc8_,_200_: _#c5e1a5_,_300_: _#aed581_,_400_: _#9ccc65_,_500_: _#8bc34a_,_600_: _#7cb342_,_700_: _#689f38_,_800_: _#558b2f_,_900_: _#33691e_,_A100_: _#ccff90_,_A200_: _#b2ff59_,_A400_: _#76ff03_,_A700_: _#64dd17_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_lime_: {_50_: _#f9fbe7_,_100_: _#f0f4c3_,_200_: _#e6ee9c_,_300_: _#dce775_,_400_: _#d4e157_,_500_: _#cddc39_,_600_: _#c0ca33_,_700_: _#afb42b_,_800_: _#9e9d24_,_900_: _#827717_,_A100_: _#f4ff81_,_A200_: _#eeff41_,_A400_: _#c6ff00_,_A700_: _#aeea00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _900_},_yellow_: {_50_: _#fffde7_,_100_: _#fff9c4_,_200_: _#fff59d_,_300_: _#fff176_,_400_: _#ffee58_,_500_: _#ffeb3b_,_600_: _#fdd835_,_700_: _#fbc02d_,_800_: _#f9a825_,_900_: _#f57f17_,_A100_: _#ffff8d_,_A200_: _#ffff00_,_A400_: _#ffea00_,_A700_: _#ffd600_,_contrastDefaultColor_: _dark_},_amber_: {_50_: _#fff8e1_,_100_: _#ffecb3_,_200_: _#ffe082_,_300_: _#ffd54f_,_400_: _#ffca28_,_500_: _#ffc107_,_600_: _#ffb300_,_700_: _#ffa000_,_800_: _#ff8f00_,_900_: _#ff6f00_,_A100_: _#ffe57f_,_A200_: _#ffd740_,_A400_: _#ffc400_,_A700_: _#ffab00_,_contrastDefaultColor_: _dark_},_orange_: {_50_: _#fff3e0_,_100_: _#ffe0b2_,_200_: _#ffcc80_,_300_: _#ffb74d_,_400_: _#ffa726_,_500_: _#ff9800_,_600_: _#fb8c00_,_700_: _#f57c00_,_800_: _#ef6c00_,_900_: _#e65100_,_A100_: _#ffd180_,_A200_: _#ffab40_,_A400_: _#ff9100_,_A700_: _#ff6d00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_deep-orange_: {_50_: _#fbe9e7_,_100_: _#ffccbc_,_200_: _#ffab91_,_300_: _#ff8a65_,_400_: _#ff7043_,_500_: _#ff5722_,_600_: _#f4511e_,_700_: _#e64a19_,_800_: _#d84315_,_900_: _#bf360c_,_A100_: _#ff9e80_,_A200_: _#ff6e40_,_A400_: _#ff3d00_,_A700_: _#dd2c00_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100 A200_},_brown_: {_50_: _#efebe9_,_100_: _#d7ccc8_,_200_: _#bcaaa4_,_300_: _#a1887f_,_400_: _#8d6e63_,_500_: _#795548_,_600_: _#6d4c41_,_700_: _#5d4037_,_800_: _#4e342e_,_900_: _#3e2723_,_A100_: _#d7ccc8_,_A200_: _#bcaaa4_,_A400_: _#8d6e63_,_A700_: _#5d4037_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200_},_grey_: {_0_: _#ffffff_,_50_: _#fafafa_,_100_: _#f5f5f5_,_200_: _#eeeeee_,_300_: _#e0e0e0_,_400_: _#bdbdbd_,_500_: _#9e9e9e_,_600_: _#757575_,_700_: _#616161_,_800_: _#424242_,_900_: _#212121_,_1000_: _#000000_,_A100_: _#ffffff_,_A200_: _#eeeeee_,_A400_: _#bdbdbd_,_A700_: _#616161_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _600 700 800 900_},_blue-grey_: {_50_: _#eceff1_,_100_: _#cfd8dc_,_200_: _#b0bec5_,_300_: _#90a4ae_,_400_: _#78909c_,_500_: _#607d8b_,_600_: _#546e7a_,_700_: _#455a64_,_800_: _#37474f_,_900_: _#263238_,_A100_: _#cfd8dc_,_A200_: _#b0bec5_,_A400_: _#78909c_,_A700_: _#455a64_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300_}}"); - display: none; } - -/* Sizes: - 0 <= size <= 600 Phone - 600 <= size <= 960 Tablet - 960 <= size <= 1200 Tablet-Landscape - 1200 <= size PC -*/ -[layout] { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - -[layout=column] { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - -[layout=row] { - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - -[layout-padding], [layout-padding] > [flex] { - padding: 8px; } - -[layout-margin], [layout-margin] > [flex] { - margin: 8px; } - -[layout-wrap] { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -[layout-fill] { - margin: 0; - min-height: 100%; - width: 100%; } - -@-moz-document url-prefix() { - [layout-fill] { - margin: 0; - width: 100%; - min-height: auto; - height: inherit; } } - -[flex] { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - -[flex="0"] { - -webkit-flex: 0 0 0%; - -ms-flex: 0 0 0%; - flex: 0 0 0%; } - -[layout="row"] > [flex="0"] { - max-width: 0%; } - -[layout="column"] > [flex="0"] { - max-height: 0%; } - -[flex="5"] { - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; } - -[layout="row"] > [flex="5"] { - max-width: 5%; } - -[layout="column"] > [flex="5"] { - max-height: 5%; } - -[flex="10"] { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; } - -[layout="row"] > [flex="10"] { - max-width: 10%; } - -[layout="column"] > [flex="10"] { - max-height: 10%; } - -[flex="15"] { - -webkit-flex: 0 0 15%; - -ms-flex: 0 0 15%; - flex: 0 0 15%; } - -[layout="row"] > [flex="15"] { - max-width: 15%; } - -[layout="column"] > [flex="15"] { - max-height: 15%; } - -[flex="20"] { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; } - -[layout="row"] > [flex="20"] { - max-width: 20%; } - -[layout="column"] > [flex="20"] { - max-height: 20%; } - -[flex="25"] { - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; } - -[layout="row"] > [flex="25"] { - max-width: 25%; } - -[layout="column"] > [flex="25"] { - max-height: 25%; } - -[flex="30"] { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - -[layout="row"] > [flex="30"] { - max-width: 30%; } - -[layout="column"] > [flex="30"] { - max-height: 30%; } - -[flex="35"] { - -webkit-flex: 0 0 35%; - -ms-flex: 0 0 35%; - flex: 0 0 35%; } - -[layout="row"] > [flex="35"] { - max-width: 35%; } - -[layout="column"] > [flex="35"] { - max-height: 35%; } - -[flex="40"] { - -webkit-flex: 0 0 40%; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - -[layout="row"] > [flex="40"] { - max-width: 40%; } - -[layout="column"] > [flex="40"] { - max-height: 40%; } - -[flex="45"] { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; } - -[layout="row"] > [flex="45"] { - max-width: 45%; } - -[layout="column"] > [flex="45"] { - max-height: 45%; } - -[flex="50"] { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - -[layout="row"] > [flex="50"] { - max-width: 50%; } - -[layout="column"] > [flex="50"] { - max-height: 50%; } - -[flex="55"] { - -webkit-flex: 0 0 55%; - -ms-flex: 0 0 55%; - flex: 0 0 55%; } - -[layout="row"] > [flex="55"] { - max-width: 55%; } - -[layout="column"] > [flex="55"] { - max-height: 55%; } - -[flex="60"] { - -webkit-flex: 0 0 60%; - -ms-flex: 0 0 60%; - flex: 0 0 60%; } - -[layout="row"] > [flex="60"] { - max-width: 60%; } - -[layout="column"] > [flex="60"] { - max-height: 60%; } - -[flex="65"] { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; } - -[layout="row"] > [flex="65"] { - max-width: 65%; } - -[layout="column"] > [flex="65"] { - max-height: 65%; } - -[flex="70"] { - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; } - -[layout="row"] > [flex="70"] { - max-width: 70%; } - -[layout="column"] > [flex="70"] { - max-height: 70%; } - -[flex="75"] { - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; } - -[layout="row"] > [flex="75"] { - max-width: 75%; } - -[layout="column"] > [flex="75"] { - max-height: 75%; } - -[flex="80"] { - -webkit-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; } - -[layout="row"] > [flex="80"] { - max-width: 80%; } - -[layout="column"] > [flex="80"] { - max-height: 80%; } - -[flex="85"] { - -webkit-flex: 0 0 85%; - -ms-flex: 0 0 85%; - flex: 0 0 85%; } - -[layout="row"] > [flex="85"] { - max-width: 85%; } - -[layout="column"] > [flex="85"] { - max-height: 85%; } - -[flex="90"] { - -webkit-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; } - -[layout="row"] > [flex="90"] { - max-width: 90%; } - -[layout="column"] > [flex="90"] { - max-height: 90%; } - -[flex="95"] { - -webkit-flex: 0 0 95%; - -ms-flex: 0 0 95%; - flex: 0 0 95%; } - -[layout="row"] > [flex="95"] { - max-width: 95%; } - -[layout="column"] > [flex="95"] { - max-height: 95%; } - -[flex="100"] { - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - -[layout="row"] > [flex="100"] { - max-width: 100%; } - -[layout="column"] > [flex="100"] { - max-height: 100%; } - -[layout="row"] > [flex="33"], [layout="row"] > [flex="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; } -[layout="row"] > [flex="66"], [layout="row"] > [flex="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-width: 66.66%; } - -[layout="column"] > [flex="33"], [layout="column"] > [flex="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-height: 33.33%; } -[layout="column"] > [flex="66"], [layout="column"] > [flex="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-height: 66.66%; } - -[layout-align="center"], [layout-align="center center"], [layout-align="center start"], [layout-align="center end"] { - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - -[layout-align="end"], [layout-align="end center"], [layout-align="end start"], [layout-align="end end"] { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } - -[layout-align="space-around"], [layout-align="space-around center"], [layout-align="space-around start"], [layout-align="space-around end"] { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } - -[layout-align="space-between"], [layout-align="space-between center"], [layout-align="space-between start"], [layout-align="space-between end"] { - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - -[layout-align="center center"], [layout-align="start center"], [layout-align="end center"], [layout-align="space-between center"], [layout-align="space-around center"] { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - -[layout-align="center start"], [layout-align="start start"], [layout-align="end start"], [layout-align="space-between start"], [layout-align="space-around start"] { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - -[layout-align="center end"], [layout-align="start end"], [layout-align="end end"], [layout-align="space-between end"], [layout-align="space-around end"] { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - -[hide]:not([show]) { - display: none; } - -@media (max-width: 600px) { - [hide-sm]:not([show-sm]), [hide]:not([show-sm]) { - display: none; } - - [layout-align-sm="center"], [layout-align-sm="center center"], [layout-align-sm="center start"], [layout-align-sm="center end"] { - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - - [layout-align-sm="end"], [layout-align-sm="end center"], [layout-align-sm="end start"], [layout-align-sm="end end"] { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - 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"] { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - 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"] { - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - - [layout-align-sm="center center"], [layout-align-sm="start center"], [layout-align-sm="end center"], [layout-align-sm="space-between center"], [layout-align-sm="space-around center"] { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - - [layout-align-sm="center start"], [layout-align-sm="start start"], [layout-align-sm="end start"], [layout-align-sm="space-between start"], [layout-align-sm="space-around start"] { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - - [layout-align-sm="center end"], [layout-align-sm="start end"], [layout-align-sm="end end"], [layout-align-sm="space-between end"], [layout-align-sm="space-around end"] { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - - [layout-sm] { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - - [layout-sm=column] { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - - [layout-sm=row] { - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - - [flex-sm] { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - - [flex-sm="0"] { - -webkit-flex: 0 0 0%; - -ms-flex: 0 0 0%; - flex: 0 0 0%; } - - [layout="row"] > [flex-sm="0"] { - max-width: 0%; } - - [layout="column"] > [flex-sm="0"] { - max-height: 0%; } - - [flex-sm="5"] { - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; } - - [layout="row"] > [flex-sm="5"] { - max-width: 5%; } - - [layout="column"] > [flex-sm="5"] { - max-height: 5%; } - - [flex-sm="10"] { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; } - - [layout="row"] > [flex-sm="10"] { - max-width: 10%; } - - [layout="column"] > [flex-sm="10"] { - max-height: 10%; } - - [flex-sm="15"] { - -webkit-flex: 0 0 15%; - -ms-flex: 0 0 15%; - flex: 0 0 15%; } - - [layout="row"] > [flex-sm="15"] { - max-width: 15%; } - - [layout="column"] > [flex-sm="15"] { - max-height: 15%; } - - [flex-sm="20"] { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; } - - [layout="row"] > [flex-sm="20"] { - max-width: 20%; } - - [layout="column"] > [flex-sm="20"] { - max-height: 20%; } - - [flex-sm="25"] { - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; } - - [layout="row"] > [flex-sm="25"] { - max-width: 25%; } - - [layout="column"] > [flex-sm="25"] { - max-height: 25%; } - - [flex-sm="30"] { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - - [layout="row"] > [flex-sm="30"] { - max-width: 30%; } - - [layout="column"] > [flex-sm="30"] { - max-height: 30%; } - - [flex-sm="35"] { - -webkit-flex: 0 0 35%; - -ms-flex: 0 0 35%; - flex: 0 0 35%; } - - [layout="row"] > [flex-sm="35"] { - max-width: 35%; } - - [layout="column"] > [flex-sm="35"] { - max-height: 35%; } - - [flex-sm="40"] { - -webkit-flex: 0 0 40%; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - - [layout="row"] > [flex-sm="40"] { - max-width: 40%; } - - [layout="column"] > [flex-sm="40"] { - max-height: 40%; } - - [flex-sm="45"] { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; } - - [layout="row"] > [flex-sm="45"] { - max-width: 45%; } - - [layout="column"] > [flex-sm="45"] { - max-height: 45%; } - - [flex-sm="50"] { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - - [layout="row"] > [flex-sm="50"] { - max-width: 50%; } - - [layout="column"] > [flex-sm="50"] { - max-height: 50%; } - - [flex-sm="55"] { - -webkit-flex: 0 0 55%; - -ms-flex: 0 0 55%; - flex: 0 0 55%; } - - [layout="row"] > [flex-sm="55"] { - max-width: 55%; } - - [layout="column"] > [flex-sm="55"] { - max-height: 55%; } - - [flex-sm="60"] { - -webkit-flex: 0 0 60%; - -ms-flex: 0 0 60%; - flex: 0 0 60%; } - - [layout="row"] > [flex-sm="60"] { - max-width: 60%; } - - [layout="column"] > [flex-sm="60"] { - max-height: 60%; } - - [flex-sm="65"] { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; } - - [layout="row"] > [flex-sm="65"] { - max-width: 65%; } - - [layout="column"] > [flex-sm="65"] { - max-height: 65%; } - - [flex-sm="70"] { - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; } - - [layout="row"] > [flex-sm="70"] { - max-width: 70%; } - - [layout="column"] > [flex-sm="70"] { - max-height: 70%; } - - [flex-sm="75"] { - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; } - - [layout="row"] > [flex-sm="75"] { - max-width: 75%; } - - [layout="column"] > [flex-sm="75"] { - max-height: 75%; } - - [flex-sm="80"] { - -webkit-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; } - - [layout="row"] > [flex-sm="80"] { - max-width: 80%; } - - [layout="column"] > [flex-sm="80"] { - max-height: 80%; } - - [flex-sm="85"] { - -webkit-flex: 0 0 85%; - -ms-flex: 0 0 85%; - flex: 0 0 85%; } - - [layout="row"] > [flex-sm="85"] { - max-width: 85%; } - - [layout="column"] > [flex-sm="85"] { - max-height: 85%; } - - [flex-sm="90"] { - -webkit-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; } - - [layout="row"] > [flex-sm="90"] { - max-width: 90%; } - - [layout="column"] > [flex-sm="90"] { - max-height: 90%; } - - [flex-sm="95"] { - -webkit-flex: 0 0 95%; - -ms-flex: 0 0 95%; - flex: 0 0 95%; } - - [layout="row"] > [flex-sm="95"] { - max-width: 95%; } - - [layout="column"] > [flex-sm="95"] { - max-height: 95%; } - - [flex-sm="100"] { - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - - [layout="row"] > [flex-sm="100"] { - max-width: 100%; } - - [layout="column"] > [flex-sm="100"] { - max-height: 100%; } - - [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; } - [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-width: 66.66%; } - - [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-height: 33.33%; } - [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-height: 66.66%; } - } - -@media (min-width: 600px) { - [hide-gt-sm]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]), [hide]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]) { - display: none; } - - [layout-align-gt-sm="center"], [layout-align-gt-sm="center center"], [layout-align-gt-sm="center start"], [layout-align-gt-sm="center end"] { - -webkit-justify-content: center; - -ms-flex-pack: center; - 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"] { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - 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"] { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - 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"] { - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - - [layout-align-gt-sm="center center"], [layout-align-gt-sm="start center"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-around center"] { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - - [layout-align-gt-sm="center start"], [layout-align-gt-sm="start start"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-around start"] { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - - [layout-align-gt-sm="center end"], [layout-align-gt-sm="start end"], [layout-align-gt-sm="end end"], [layout-align-gt-sm="space-between end"], [layout-align-gt-sm="space-around end"] { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - - [layout-gt-sm] { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - - [layout-gt-sm=column] { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - - [layout-gt-sm=row] { - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - - [flex-gt-sm] { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - - [flex-gt-sm="0"] { - -webkit-flex: 0 0 0%; - -ms-flex: 0 0 0%; - flex: 0 0 0%; } - - [layout="row"] > [flex-gt-sm="0"] { - max-width: 0%; } - - [layout="column"] > [flex-gt-sm="0"] { - max-height: 0%; } - - [flex-gt-sm="5"] { - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; } - - [layout="row"] > [flex-gt-sm="5"] { - max-width: 5%; } - - [layout="column"] > [flex-gt-sm="5"] { - max-height: 5%; } - - [flex-gt-sm="10"] { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; } - - [layout="row"] > [flex-gt-sm="10"] { - max-width: 10%; } - - [layout="column"] > [flex-gt-sm="10"] { - max-height: 10%; } - - [flex-gt-sm="15"] { - -webkit-flex: 0 0 15%; - -ms-flex: 0 0 15%; - flex: 0 0 15%; } - - [layout="row"] > [flex-gt-sm="15"] { - max-width: 15%; } - - [layout="column"] > [flex-gt-sm="15"] { - max-height: 15%; } - - [flex-gt-sm="20"] { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; } - - [layout="row"] > [flex-gt-sm="20"] { - max-width: 20%; } - - [layout="column"] > [flex-gt-sm="20"] { - max-height: 20%; } - - [flex-gt-sm="25"] { - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; } - - [layout="row"] > [flex-gt-sm="25"] { - max-width: 25%; } - - [layout="column"] > [flex-gt-sm="25"] { - max-height: 25%; } - - [flex-gt-sm="30"] { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - - [layout="row"] > [flex-gt-sm="30"] { - max-width: 30%; } - - [layout="column"] > [flex-gt-sm="30"] { - max-height: 30%; } - - [flex-gt-sm="35"] { - -webkit-flex: 0 0 35%; - -ms-flex: 0 0 35%; - flex: 0 0 35%; } - - [layout="row"] > [flex-gt-sm="35"] { - max-width: 35%; } - - [layout="column"] > [flex-gt-sm="35"] { - max-height: 35%; } - - [flex-gt-sm="40"] { - -webkit-flex: 0 0 40%; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - - [layout="row"] > [flex-gt-sm="40"] { - max-width: 40%; } - - [layout="column"] > [flex-gt-sm="40"] { - max-height: 40%; } - - [flex-gt-sm="45"] { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; } - - [layout="row"] > [flex-gt-sm="45"] { - max-width: 45%; } - - [layout="column"] > [flex-gt-sm="45"] { - max-height: 45%; } - - [flex-gt-sm="50"] { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - - [layout="row"] > [flex-gt-sm="50"] { - max-width: 50%; } - - [layout="column"] > [flex-gt-sm="50"] { - max-height: 50%; } - - [flex-gt-sm="55"] { - -webkit-flex: 0 0 55%; - -ms-flex: 0 0 55%; - flex: 0 0 55%; } - - [layout="row"] > [flex-gt-sm="55"] { - max-width: 55%; } - - [layout="column"] > [flex-gt-sm="55"] { - max-height: 55%; } - - [flex-gt-sm="60"] { - -webkit-flex: 0 0 60%; - -ms-flex: 0 0 60%; - flex: 0 0 60%; } - - [layout="row"] > [flex-gt-sm="60"] { - max-width: 60%; } - - [layout="column"] > [flex-gt-sm="60"] { - max-height: 60%; } - - [flex-gt-sm="65"] { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; } - - [layout="row"] > [flex-gt-sm="65"] { - max-width: 65%; } - - [layout="column"] > [flex-gt-sm="65"] { - max-height: 65%; } - - [flex-gt-sm="70"] { - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; } - - [layout="row"] > [flex-gt-sm="70"] { - max-width: 70%; } - - [layout="column"] > [flex-gt-sm="70"] { - max-height: 70%; } - - [flex-gt-sm="75"] { - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; } - - [layout="row"] > [flex-gt-sm="75"] { - max-width: 75%; } - - [layout="column"] > [flex-gt-sm="75"] { - max-height: 75%; } - - [flex-gt-sm="80"] { - -webkit-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; } - - [layout="row"] > [flex-gt-sm="80"] { - max-width: 80%; } - - [layout="column"] > [flex-gt-sm="80"] { - max-height: 80%; } - - [flex-gt-sm="85"] { - -webkit-flex: 0 0 85%; - -ms-flex: 0 0 85%; - flex: 0 0 85%; } - - [layout="row"] > [flex-gt-sm="85"] { - max-width: 85%; } - - [layout="column"] > [flex-gt-sm="85"] { - max-height: 85%; } - - [flex-gt-sm="90"] { - -webkit-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; } - - [layout="row"] > [flex-gt-sm="90"] { - max-width: 90%; } - - [layout="column"] > [flex-gt-sm="90"] { - max-height: 90%; } - - [flex-gt-sm="95"] { - -webkit-flex: 0 0 95%; - -ms-flex: 0 0 95%; - flex: 0 0 95%; } - - [layout="row"] > [flex-gt-sm="95"] { - max-width: 95%; } - - [layout="column"] > [flex-gt-sm="95"] { - max-height: 95%; } - - [flex-gt-sm="100"] { - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - - [layout="row"] > [flex-gt-sm="100"] { - max-width: 100%; } - - [layout="column"] > [flex-gt-sm="100"] { - max-height: 100%; } - - [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; } - [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-width: 66.66%; } - - [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-height: 33.33%; } - [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-height: 66.66%; } - } - -@media (min-width: 600px) and (max-width: 960px) { - [hide-md]:not([show-md]), [hide]:not([show-md]) { - display: none; } - - [layout-align-md="center"], [layout-align-md="center center"], [layout-align-md="center start"], [layout-align-md="center end"] { - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - - [layout-align-md="end"], [layout-align-md="end center"], [layout-align-md="end start"], [layout-align-md="end end"] { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - 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"] { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - 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"] { - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - - [layout-align-md="center center"], [layout-align-md="start center"], [layout-align-md="end center"], [layout-align-md="space-between center"], [layout-align-md="space-around center"] { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - - [layout-align-md="center start"], [layout-align-md="start start"], [layout-align-md="end start"], [layout-align-md="space-between start"], [layout-align-md="space-around start"] { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - - [layout-align-md="center end"], [layout-align-md="start end"], [layout-align-md="end end"], [layout-align-md="space-between end"], [layout-align-md="space-around end"] { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - - [layout-md] { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - - [layout-md=column] { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - - [layout-md=row] { - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - - [flex-md] { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - - [flex-md="0"] { - -webkit-flex: 0 0 0%; - -ms-flex: 0 0 0%; - flex: 0 0 0%; } - - [layout="row"] > [flex-md="0"] { - max-width: 0%; } - - [layout="column"] > [flex-md="0"] { - max-height: 0%; } - - [flex-md="5"] { - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; } - - [layout="row"] > [flex-md="5"] { - max-width: 5%; } - - [layout="column"] > [flex-md="5"] { - max-height: 5%; } - - [flex-md="10"] { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; } - - [layout="row"] > [flex-md="10"] { - max-width: 10%; } - - [layout="column"] > [flex-md="10"] { - max-height: 10%; } - - [flex-md="15"] { - -webkit-flex: 0 0 15%; - -ms-flex: 0 0 15%; - flex: 0 0 15%; } - - [layout="row"] > [flex-md="15"] { - max-width: 15%; } - - [layout="column"] > [flex-md="15"] { - max-height: 15%; } - - [flex-md="20"] { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; } - - [layout="row"] > [flex-md="20"] { - max-width: 20%; } - - [layout="column"] > [flex-md="20"] { - max-height: 20%; } - - [flex-md="25"] { - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; } - - [layout="row"] > [flex-md="25"] { - max-width: 25%; } - - [layout="column"] > [flex-md="25"] { - max-height: 25%; } - - [flex-md="30"] { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - - [layout="row"] > [flex-md="30"] { - max-width: 30%; } - - [layout="column"] > [flex-md="30"] { - max-height: 30%; } - - [flex-md="35"] { - -webkit-flex: 0 0 35%; - -ms-flex: 0 0 35%; - flex: 0 0 35%; } - - [layout="row"] > [flex-md="35"] { - max-width: 35%; } - - [layout="column"] > [flex-md="35"] { - max-height: 35%; } - - [flex-md="40"] { - -webkit-flex: 0 0 40%; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - - [layout="row"] > [flex-md="40"] { - max-width: 40%; } - - [layout="column"] > [flex-md="40"] { - max-height: 40%; } - - [flex-md="45"] { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; } - - [layout="row"] > [flex-md="45"] { - max-width: 45%; } - - [layout="column"] > [flex-md="45"] { - max-height: 45%; } - - [flex-md="50"] { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - - [layout="row"] > [flex-md="50"] { - max-width: 50%; } - - [layout="column"] > [flex-md="50"] { - max-height: 50%; } - - [flex-md="55"] { - -webkit-flex: 0 0 55%; - -ms-flex: 0 0 55%; - flex: 0 0 55%; } - - [layout="row"] > [flex-md="55"] { - max-width: 55%; } - - [layout="column"] > [flex-md="55"] { - max-height: 55%; } - - [flex-md="60"] { - -webkit-flex: 0 0 60%; - -ms-flex: 0 0 60%; - flex: 0 0 60%; } - - [layout="row"] > [flex-md="60"] { - max-width: 60%; } - - [layout="column"] > [flex-md="60"] { - max-height: 60%; } - - [flex-md="65"] { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; } - - [layout="row"] > [flex-md="65"] { - max-width: 65%; } - - [layout="column"] > [flex-md="65"] { - max-height: 65%; } - - [flex-md="70"] { - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; } - - [layout="row"] > [flex-md="70"] { - max-width: 70%; } - - [layout="column"] > [flex-md="70"] { - max-height: 70%; } - - [flex-md="75"] { - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; } - - [layout="row"] > [flex-md="75"] { - max-width: 75%; } - - [layout="column"] > [flex-md="75"] { - max-height: 75%; } - - [flex-md="80"] { - -webkit-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; } - - [layout="row"] > [flex-md="80"] { - max-width: 80%; } - - [layout="column"] > [flex-md="80"] { - max-height: 80%; } - - [flex-md="85"] { - -webkit-flex: 0 0 85%; - -ms-flex: 0 0 85%; - flex: 0 0 85%; } - - [layout="row"] > [flex-md="85"] { - max-width: 85%; } - - [layout="column"] > [flex-md="85"] { - max-height: 85%; } - - [flex-md="90"] { - -webkit-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; } - - [layout="row"] > [flex-md="90"] { - max-width: 90%; } - - [layout="column"] > [flex-md="90"] { - max-height: 90%; } - - [flex-md="95"] { - -webkit-flex: 0 0 95%; - -ms-flex: 0 0 95%; - flex: 0 0 95%; } - - [layout="row"] > [flex-md="95"] { - max-width: 95%; } - - [layout="column"] > [flex-md="95"] { - max-height: 95%; } - - [flex-md="100"] { - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - - [layout="row"] > [flex-md="100"] { - max-width: 100%; } - - [layout="column"] > [flex-md="100"] { - max-height: 100%; } - - [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; } - [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-width: 66.66%; } - - [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-height: 33.33%; } - [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-height: 66.66%; } - } - -@media (min-width: 960px) { - [hide-gt-md]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]), [hide]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]) { - display: none; } - - [layout-align-gt-md="center"], [layout-align-gt-md="center center"], [layout-align-gt-md="center start"], [layout-align-gt-md="center end"] { - -webkit-justify-content: center; - -ms-flex-pack: center; - 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"] { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - 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"] { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - 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"] { - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - - [layout-align-gt-md="center center"], [layout-align-gt-md="start center"], [layout-align-gt-md="end center"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-around center"] { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - - [layout-align-gt-md="center start"], [layout-align-gt-md="start start"], [layout-align-gt-md="end start"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-around start"] { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - - [layout-align-gt-md="center end"], [layout-align-gt-md="start end"], [layout-align-gt-md="end end"], [layout-align-gt-md="space-between end"], [layout-align-gt-md="space-around end"] { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - - [layout-gt-md] { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - - [layout-gt-md=column] { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - - [layout-gt-md=row] { - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - - [flex-gt-md] { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - - [flex-gt-md="0"] { - -webkit-flex: 0 0 0%; - -ms-flex: 0 0 0%; - flex: 0 0 0%; } - - [layout="row"] > [flex-gt-md="0"] { - max-width: 0%; } - - [layout="column"] > [flex-gt-md="0"] { - max-height: 0%; } - - [flex-gt-md="5"] { - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; } - - [layout="row"] > [flex-gt-md="5"] { - max-width: 5%; } - - [layout="column"] > [flex-gt-md="5"] { - max-height: 5%; } - - [flex-gt-md="10"] { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; } - - [layout="row"] > [flex-gt-md="10"] { - max-width: 10%; } - - [layout="column"] > [flex-gt-md="10"] { - max-height: 10%; } - - [flex-gt-md="15"] { - -webkit-flex: 0 0 15%; - -ms-flex: 0 0 15%; - flex: 0 0 15%; } - - [layout="row"] > [flex-gt-md="15"] { - max-width: 15%; } - - [layout="column"] > [flex-gt-md="15"] { - max-height: 15%; } - - [flex-gt-md="20"] { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; } - - [layout="row"] > [flex-gt-md="20"] { - max-width: 20%; } - - [layout="column"] > [flex-gt-md="20"] { - max-height: 20%; } - - [flex-gt-md="25"] { - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; } - - [layout="row"] > [flex-gt-md="25"] { - max-width: 25%; } - - [layout="column"] > [flex-gt-md="25"] { - max-height: 25%; } - - [flex-gt-md="30"] { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - - [layout="row"] > [flex-gt-md="30"] { - max-width: 30%; } - - [layout="column"] > [flex-gt-md="30"] { - max-height: 30%; } - - [flex-gt-md="35"] { - -webkit-flex: 0 0 35%; - -ms-flex: 0 0 35%; - flex: 0 0 35%; } - - [layout="row"] > [flex-gt-md="35"] { - max-width: 35%; } - - [layout="column"] > [flex-gt-md="35"] { - max-height: 35%; } - - [flex-gt-md="40"] { - -webkit-flex: 0 0 40%; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - - [layout="row"] > [flex-gt-md="40"] { - max-width: 40%; } - - [layout="column"] > [flex-gt-md="40"] { - max-height: 40%; } - - [flex-gt-md="45"] { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; } - - [layout="row"] > [flex-gt-md="45"] { - max-width: 45%; } - - [layout="column"] > [flex-gt-md="45"] { - max-height: 45%; } - - [flex-gt-md="50"] { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - - [layout="row"] > [flex-gt-md="50"] { - max-width: 50%; } - - [layout="column"] > [flex-gt-md="50"] { - max-height: 50%; } - - [flex-gt-md="55"] { - -webkit-flex: 0 0 55%; - -ms-flex: 0 0 55%; - flex: 0 0 55%; } - - [layout="row"] > [flex-gt-md="55"] { - max-width: 55%; } - - [layout="column"] > [flex-gt-md="55"] { - max-height: 55%; } - - [flex-gt-md="60"] { - -webkit-flex: 0 0 60%; - -ms-flex: 0 0 60%; - flex: 0 0 60%; } - - [layout="row"] > [flex-gt-md="60"] { - max-width: 60%; } - - [layout="column"] > [flex-gt-md="60"] { - max-height: 60%; } - - [flex-gt-md="65"] { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; } - - [layout="row"] > [flex-gt-md="65"] { - max-width: 65%; } - - [layout="column"] > [flex-gt-md="65"] { - max-height: 65%; } - - [flex-gt-md="70"] { - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; } - - [layout="row"] > [flex-gt-md="70"] { - max-width: 70%; } - - [layout="column"] > [flex-gt-md="70"] { - max-height: 70%; } - - [flex-gt-md="75"] { - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; } - - [layout="row"] > [flex-gt-md="75"] { - max-width: 75%; } - - [layout="column"] > [flex-gt-md="75"] { - max-height: 75%; } - - [flex-gt-md="80"] { - -webkit-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; } - - [layout="row"] > [flex-gt-md="80"] { - max-width: 80%; } - - [layout="column"] > [flex-gt-md="80"] { - max-height: 80%; } - - [flex-gt-md="85"] { - -webkit-flex: 0 0 85%; - -ms-flex: 0 0 85%; - flex: 0 0 85%; } - - [layout="row"] > [flex-gt-md="85"] { - max-width: 85%; } - - [layout="column"] > [flex-gt-md="85"] { - max-height: 85%; } - - [flex-gt-md="90"] { - -webkit-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; } - - [layout="row"] > [flex-gt-md="90"] { - max-width: 90%; } - - [layout="column"] > [flex-gt-md="90"] { - max-height: 90%; } - - [flex-gt-md="95"] { - -webkit-flex: 0 0 95%; - -ms-flex: 0 0 95%; - flex: 0 0 95%; } - - [layout="row"] > [flex-gt-md="95"] { - max-width: 95%; } - - [layout="column"] > [flex-gt-md="95"] { - max-height: 95%; } - - [flex-gt-md="100"] { - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - - [layout="row"] > [flex-gt-md="100"] { - max-width: 100%; } - - [layout="column"] > [flex-gt-md="100"] { - max-height: 100%; } - - [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; } - [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-width: 66.66%; } - - [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-height: 33.33%; } - [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-height: 66.66%; } - } - -@media (min-width: 960px) and (max-width: 1200px) { - [hide-lg]:not([show-lg]), [hide]:not([show-lg]) { - display: none; } - - [layout-align-lg="center"], [layout-align-lg="center center"], [layout-align-lg="center start"], [layout-align-lg="center end"] { - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - - [layout-align-lg="end"], [layout-align-lg="end center"], [layout-align-lg="end start"], [layout-align-lg="end end"] { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - 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"] { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - 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"] { - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - - [layout-align-lg="center center"], [layout-align-lg="start center"], [layout-align-lg="end center"], [layout-align-lg="space-between center"], [layout-align-lg="space-around center"] { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - - [layout-align-lg="center start"], [layout-align-lg="start start"], [layout-align-lg="end start"], [layout-align-lg="space-between start"], [layout-align-lg="space-around start"] { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - - [layout-align-lg="center end"], [layout-align-lg="start end"], [layout-align-lg="end end"], [layout-align-lg="space-between end"], [layout-align-lg="space-around end"] { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - - [layout-lg] { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - - [layout-lg=column] { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - - [layout-lg=row] { - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - - [flex-lg] { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - - [flex-lg="0"] { - -webkit-flex: 0 0 0%; - -ms-flex: 0 0 0%; - flex: 0 0 0%; } - - [layout="row"] > [flex-lg="0"] { - max-width: 0%; } - - [layout="column"] > [flex-lg="0"] { - max-height: 0%; } - - [flex-lg="5"] { - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; } - - [layout="row"] > [flex-lg="5"] { - max-width: 5%; } - - [layout="column"] > [flex-lg="5"] { - max-height: 5%; } - - [flex-lg="10"] { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; } - - [layout="row"] > [flex-lg="10"] { - max-width: 10%; } - - [layout="column"] > [flex-lg="10"] { - max-height: 10%; } - - [flex-lg="15"] { - -webkit-flex: 0 0 15%; - -ms-flex: 0 0 15%; - flex: 0 0 15%; } - - [layout="row"] > [flex-lg="15"] { - max-width: 15%; } - - [layout="column"] > [flex-lg="15"] { - max-height: 15%; } - - [flex-lg="20"] { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; } - - [layout="row"] > [flex-lg="20"] { - max-width: 20%; } - - [layout="column"] > [flex-lg="20"] { - max-height: 20%; } - - [flex-lg="25"] { - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; } - - [layout="row"] > [flex-lg="25"] { - max-width: 25%; } - - [layout="column"] > [flex-lg="25"] { - max-height: 25%; } - - [flex-lg="30"] { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - - [layout="row"] > [flex-lg="30"] { - max-width: 30%; } - - [layout="column"] > [flex-lg="30"] { - max-height: 30%; } - - [flex-lg="35"] { - -webkit-flex: 0 0 35%; - -ms-flex: 0 0 35%; - flex: 0 0 35%; } - - [layout="row"] > [flex-lg="35"] { - max-width: 35%; } - - [layout="column"] > [flex-lg="35"] { - max-height: 35%; } - - [flex-lg="40"] { - -webkit-flex: 0 0 40%; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - - [layout="row"] > [flex-lg="40"] { - max-width: 40%; } - - [layout="column"] > [flex-lg="40"] { - max-height: 40%; } - - [flex-lg="45"] { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; } - - [layout="row"] > [flex-lg="45"] { - max-width: 45%; } - - [layout="column"] > [flex-lg="45"] { - max-height: 45%; } - - [flex-lg="50"] { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - - [layout="row"] > [flex-lg="50"] { - max-width: 50%; } - - [layout="column"] > [flex-lg="50"] { - max-height: 50%; } - - [flex-lg="55"] { - -webkit-flex: 0 0 55%; - -ms-flex: 0 0 55%; - flex: 0 0 55%; } - - [layout="row"] > [flex-lg="55"] { - max-width: 55%; } - - [layout="column"] > [flex-lg="55"] { - max-height: 55%; } - - [flex-lg="60"] { - -webkit-flex: 0 0 60%; - -ms-flex: 0 0 60%; - flex: 0 0 60%; } - - [layout="row"] > [flex-lg="60"] { - max-width: 60%; } - - [layout="column"] > [flex-lg="60"] { - max-height: 60%; } - - [flex-lg="65"] { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; } - - [layout="row"] > [flex-lg="65"] { - max-width: 65%; } - - [layout="column"] > [flex-lg="65"] { - max-height: 65%; } - - [flex-lg="70"] { - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; } - - [layout="row"] > [flex-lg="70"] { - max-width: 70%; } - - [layout="column"] > [flex-lg="70"] { - max-height: 70%; } - - [flex-lg="75"] { - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; } - - [layout="row"] > [flex-lg="75"] { - max-width: 75%; } - - [layout="column"] > [flex-lg="75"] { - max-height: 75%; } - - [flex-lg="80"] { - -webkit-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; } - - [layout="row"] > [flex-lg="80"] { - max-width: 80%; } - - [layout="column"] > [flex-lg="80"] { - max-height: 80%; } - - [flex-lg="85"] { - -webkit-flex: 0 0 85%; - -ms-flex: 0 0 85%; - flex: 0 0 85%; } - - [layout="row"] > [flex-lg="85"] { - max-width: 85%; } - - [layout="column"] > [flex-lg="85"] { - max-height: 85%; } - - [flex-lg="90"] { - -webkit-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; } - - [layout="row"] > [flex-lg="90"] { - max-width: 90%; } - - [layout="column"] > [flex-lg="90"] { - max-height: 90%; } - - [flex-lg="95"] { - -webkit-flex: 0 0 95%; - -ms-flex: 0 0 95%; - flex: 0 0 95%; } - - [layout="row"] > [flex-lg="95"] { - max-width: 95%; } - - [layout="column"] > [flex-lg="95"] { - max-height: 95%; } - - [flex-lg="100"] { - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - - [layout="row"] > [flex-lg="100"] { - max-width: 100%; } - - [layout="column"] > [flex-lg="100"] { - max-height: 100%; } - - [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; } - [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-width: 66.66%; } - - [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-height: 33.33%; } - [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-height: 66.66%; } - } - -@media (min-width: 1200px) { - [hide-gt-lg]:not([show-gt-lg]), [hide]:not([show-gt-lg]) { - display: none; } - - [layout-align-gt-lg="center"], [layout-align-gt-lg="center center"], [layout-align-gt-lg="center start"], [layout-align-gt-lg="center end"] { - -webkit-justify-content: center; - -ms-flex-pack: center; - 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"] { - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - 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"] { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - 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"] { - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - - [layout-align-gt-lg="center center"], [layout-align-gt-lg="start center"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-around center"] { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - - [layout-align-gt-lg="center start"], [layout-align-gt-lg="start start"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-around start"] { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - - [layout-align-gt-lg="center end"], [layout-align-gt-lg="start end"], [layout-align-gt-lg="end end"], [layout-align-gt-lg="space-between end"], [layout-align-gt-lg="space-around end"] { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - - [layout-gt-lg] { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - - [layout-gt-lg=column] { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - - [layout-gt-lg=row] { - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - - [flex-gt-lg] { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - - [flex-gt-lg="0"] { - -webkit-flex: 0 0 0%; - -ms-flex: 0 0 0%; - flex: 0 0 0%; } - - [layout="row"] > [flex-gt-lg="0"] { - max-width: 0%; } - - [layout="column"] > [flex-gt-lg="0"] { - max-height: 0%; } - - [flex-gt-lg="5"] { - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; } - - [layout="row"] > [flex-gt-lg="5"] { - max-width: 5%; } - - [layout="column"] > [flex-gt-lg="5"] { - max-height: 5%; } - - [flex-gt-lg="10"] { - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; } - - [layout="row"] > [flex-gt-lg="10"] { - max-width: 10%; } - - [layout="column"] > [flex-gt-lg="10"] { - max-height: 10%; } - - [flex-gt-lg="15"] { - -webkit-flex: 0 0 15%; - -ms-flex: 0 0 15%; - flex: 0 0 15%; } - - [layout="row"] > [flex-gt-lg="15"] { - max-width: 15%; } - - [layout="column"] > [flex-gt-lg="15"] { - max-height: 15%; } - - [flex-gt-lg="20"] { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; } - - [layout="row"] > [flex-gt-lg="20"] { - max-width: 20%; } - - [layout="column"] > [flex-gt-lg="20"] { - max-height: 20%; } - - [flex-gt-lg="25"] { - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; } - - [layout="row"] > [flex-gt-lg="25"] { - max-width: 25%; } - - [layout="column"] > [flex-gt-lg="25"] { - max-height: 25%; } - - [flex-gt-lg="30"] { - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; } - - [layout="row"] > [flex-gt-lg="30"] { - max-width: 30%; } - - [layout="column"] > [flex-gt-lg="30"] { - max-height: 30%; } - - [flex-gt-lg="35"] { - -webkit-flex: 0 0 35%; - -ms-flex: 0 0 35%; - flex: 0 0 35%; } - - [layout="row"] > [flex-gt-lg="35"] { - max-width: 35%; } - - [layout="column"] > [flex-gt-lg="35"] { - max-height: 35%; } - - [flex-gt-lg="40"] { - -webkit-flex: 0 0 40%; - -ms-flex: 0 0 40%; - flex: 0 0 40%; } - - [layout="row"] > [flex-gt-lg="40"] { - max-width: 40%; } - - [layout="column"] > [flex-gt-lg="40"] { - max-height: 40%; } - - [flex-gt-lg="45"] { - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; } - - [layout="row"] > [flex-gt-lg="45"] { - max-width: 45%; } - - [layout="column"] > [flex-gt-lg="45"] { - max-height: 45%; } - - [flex-gt-lg="50"] { - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; } - - [layout="row"] > [flex-gt-lg="50"] { - max-width: 50%; } - - [layout="column"] > [flex-gt-lg="50"] { - max-height: 50%; } - - [flex-gt-lg="55"] { - -webkit-flex: 0 0 55%; - -ms-flex: 0 0 55%; - flex: 0 0 55%; } - - [layout="row"] > [flex-gt-lg="55"] { - max-width: 55%; } - - [layout="column"] > [flex-gt-lg="55"] { - max-height: 55%; } - - [flex-gt-lg="60"] { - -webkit-flex: 0 0 60%; - -ms-flex: 0 0 60%; - flex: 0 0 60%; } - - [layout="row"] > [flex-gt-lg="60"] { - max-width: 60%; } - - [layout="column"] > [flex-gt-lg="60"] { - max-height: 60%; } - - [flex-gt-lg="65"] { - -webkit-flex: 0 0 65%; - -ms-flex: 0 0 65%; - flex: 0 0 65%; } - - [layout="row"] > [flex-gt-lg="65"] { - max-width: 65%; } - - [layout="column"] > [flex-gt-lg="65"] { - max-height: 65%; } - - [flex-gt-lg="70"] { - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; } - - [layout="row"] > [flex-gt-lg="70"] { - max-width: 70%; } - - [layout="column"] > [flex-gt-lg="70"] { - max-height: 70%; } - - [flex-gt-lg="75"] { - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; } - - [layout="row"] > [flex-gt-lg="75"] { - max-width: 75%; } - - [layout="column"] > [flex-gt-lg="75"] { - max-height: 75%; } - - [flex-gt-lg="80"] { - -webkit-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; } - - [layout="row"] > [flex-gt-lg="80"] { - max-width: 80%; } - - [layout="column"] > [flex-gt-lg="80"] { - max-height: 80%; } - - [flex-gt-lg="85"] { - -webkit-flex: 0 0 85%; - -ms-flex: 0 0 85%; - flex: 0 0 85%; } - - [layout="row"] > [flex-gt-lg="85"] { - max-width: 85%; } - - [layout="column"] > [flex-gt-lg="85"] { - max-height: 85%; } - - [flex-gt-lg="90"] { - -webkit-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; } - - [layout="row"] > [flex-gt-lg="90"] { - max-width: 90%; } - - [layout="column"] > [flex-gt-lg="90"] { - max-height: 90%; } - - [flex-gt-lg="95"] { - -webkit-flex: 0 0 95%; - -ms-flex: 0 0 95%; - flex: 0 0 95%; } - - [layout="row"] > [flex-gt-lg="95"] { - max-width: 95%; } - - [layout="column"] > [flex-gt-lg="95"] { - max-height: 95%; } - - [flex-gt-lg="100"] { - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } - - [layout="row"] > [flex-gt-lg="100"] { - max-width: 100%; } - - [layout="column"] > [flex-gt-lg="100"] { - max-height: 100%; } - - [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; } - [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-width: 66.66%; } - - [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="34"] { - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-height: 33.33%; } - [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="67"] { - -webkit-flex: 0 0 66.66%; - -ms-flex: 0 0 66.66%; - flex: 0 0 66.66%; - max-height: 66.66%; } - } - -[flex-order="0"] { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; } - -[flex-order="1"] { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - -[flex-order="2"] { - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } - -[flex-order="3"] { - -webkit-order: 3; - -ms-flex-order: 3; - order: 3; } - -[flex-order="4"] { - -webkit-order: 4; - -ms-flex-order: 4; - order: 4; } - -[flex-order="5"] { - -webkit-order: 5; - -ms-flex-order: 5; - order: 5; } - -[flex-order="6"] { - -webkit-order: 6; - -ms-flex-order: 6; - order: 6; } - -[flex-order="7"] { - -webkit-order: 7; - -ms-flex-order: 7; - order: 7; } - -[flex-order="8"] { - -webkit-order: 8; - -ms-flex-order: 8; - order: 8; } - -[flex-order="9"] { - -webkit-order: 9; - -ms-flex-order: 9; - order: 9; } - -md-backdrop { - z-index: 50; - background-color: rgba(0, 0, 0, 0); - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; } - md-backdrop.md-dialog-backdrop { - z-index: 79; } - md-backdrop.md-bottom-sheet-backdrop { - z-index: 69; } - md-backdrop.md-sidenav-backdrop { - z-index: 59; } - md-backdrop.ng-enter { - -webkit-animation: cubic-bezier(0.25, 0.8, 0.25, 1) mdBackdropFadeIn 0.5s both; - animation: cubic-bezier(0.25, 0.8, 0.25, 1) mdBackdropFadeIn 0.5s both; } - md-backdrop.ng-leave { - -webkit-animation: cubic-bezier(0.55, 0, 0.55, 0.2) mdBackdropFadeOut 0.2s both; - animation: cubic-bezier(0.55, 0, 0.55, 0.2) mdBackdropFadeOut 0.2s both; } - -@-webkit-keyframes mdBackdropFadeIn { - from { - opacity: 0; } - - to { - opacity: 1; } } - -@keyframes mdBackdropFadeIn { - from { - opacity: 0; } - - to { - opacity: 1; } } - -@-webkit-keyframes mdBackdropFadeOut { - from { - opacity: 1; } - - to { - opacity: 0; } } - -@keyframes mdBackdropFadeOut { - from { - opacity: 1; } - - to { - opacity: 0; } } - -md-bottom-sheet { - position: absolute; - left: 0; - right: 0; - bottom: 0; - padding: 8px 16px 88px 16px; - z-index: 70; - border-top: 1px solid; - -webkit-transform: translate3d(0, 80px, 0); - transform: translate3d(0, 80px, 0); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-property: -webkit-transform; - transition-property: transform; } - md-bottom-sheet.md-has-header { - padding-top: 0; } - md-bottom-sheet.ng-enter { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - md-bottom-sheet.ng-enter-active { - opacity: 1; - display: block; - -webkit-transform: translate3d(0, 80px, 0) !important; - transform: translate3d(0, 80px, 0) !important; } - md-bottom-sheet.ng-leave-active { - -webkit-transform: translate3d(0, 100%, 0) !important; - transform: translate3d(0, 100%, 0) !important; - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } - md-bottom-sheet .md-subheader { - background-color: transparent; - font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; - line-height: 56px; - padding: 0; - white-space: nowrap; } - md-bottom-sheet md-inline-icon { - display: inline-block; - height: 24px; - width: 24px; - fill: #444; } - md-bottom-sheet md-item { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - outline: none; } - md-bottom-sheet md-item:hover { - cursor: pointer; } - md-bottom-sheet.md-list md-item { - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 48px; } - md-bottom-sheet.md-list md-item div.md-icon-container { - display: inline-block; - height: 24px; - margin-right: 32px; } - md-bottom-sheet.md-grid { - padding-left: 24px; - padding-right: 24px; - padding-top: 0; } - md-bottom-sheet.md-grid md-list { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - transition: all 0.5s; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - md-bottom-sheet.md-grid md-item { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - transition: all 0.5s; - height: 96px; - margin-top: 8px; - margin-bottom: 8px; - /* Mixin for how many grid items to show per row */ } - @media screen and (max-width: 600px) { - md-bottom-sheet.md-grid md-item { - -webkit-flex: 1 1 33.33333%; - -ms-flex: 1 1 33.33333%; - flex: 1 1 33.33333%; - max-width: 33.33333%; } - md-bottom-sheet.md-grid md-item:nth-of-type(3n+1) { - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - md-bottom-sheet.md-grid md-item:nth-of-type(3n) { - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } } - @media screen and (min-width: 600px) and (max-width: 960px) { - md-bottom-sheet.md-grid md-item { - -webkit-flex: 1 1 25%; - -ms-flex: 1 1 25%; - flex: 1 1 25%; - max-width: 25%; } } - @media screen and (min-width: 960px) and (max-width: 1200px) { - md-bottom-sheet.md-grid md-item { - -webkit-flex: 1 1 16.66667%; - -ms-flex: 1 1 16.66667%; - flex: 1 1 16.66667%; - max-width: 16.66667%; } } - @media screen and (min-width: 1200px) { - md-bottom-sheet.md-grid md-item { - -webkit-flex: 1 1 14.28571%; - -ms-flex: 1 1 14.28571%; - flex: 1 1 14.28571%; - max-width: 14.28571%; } } - md-bottom-sheet.md-grid md-item .md-item-content { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 48px; - padding-bottom: 16px; } - md-bottom-sheet.md-grid md-item .md-grid-item-content { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 80px; } - md-bottom-sheet.md-grid md-item .md-icon-container { - display: inline-block; - box-sizing: border-box; - height: 48px; - width: 48px; - margin: 0 0; } - md-bottom-sheet.md-grid md-item p.md-grid-text { - font-weight: 300; - line-height: 16px; - font-size: 13px; - margin: 0; - white-space: nowrap; - width: 64px; - text-align: center; - padding-top: 8px; } - -/** - * Position a FAB button. - */ -.md-button { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - outline: none; - border: 0; - padding: 6px; - margin: 0; - background: transparent; - white-space: nowrap; - text-align: center; - text-transform: uppercase; - font-weight: 500; - font-style: inherit; - font-variant: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; - text-decoration: none; - cursor: pointer; - overflow: hidden; - transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } - .md-button.ng-hide { - transition: none; } - .md-button.md-cornered { - border-radius: 0; } - .md-button.md-icon { - padding: 0; - background: none; } - .md-button.md-raised { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - .md-button.md-fab { - z-index: 20; - width: 56px; - height: 56px; - border-radius: 50%; - border-radius: 50%; - overflow: hidden; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - transition: 0.2s linear; - transition-property: -webkit-transform, box-shadow; - transition-property: transform, box-shadow; } - .md-button.md-fab.md-fab-bottom-right { - top: auto; - right: 20px; - bottom: 20px; - left: auto; - position: absolute; } - .md-button.md-fab.md-fab-bottom-left { - top: auto; - right: auto; - bottom: 20px; - left: 20px; - position: absolute; } - .md-button.md-fab.md-fab-top-right { - top: 20px; - right: 20px; - bottom: auto; - left: auto; - position: absolute; } - .md-button.md-fab.md-fab-top-left { - top: 20px; - right: auto; - bottom: auto; - left: 20px; - position: absolute; } - .md-button.md-fab md-icon { - line-height: 56px; - margin-top: 0; } - .md-button:not([disabled]).md-raised:focus, .md-button:not([disabled]).md-raised:hover, .md-button:not([disabled]).md-fab:focus, .md-button:not([disabled]).md-fab:hover { - -webkit-transform: translate3d(0, -1px, 0); - transform: translate3d(0, -1px, 0); } - -.md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right { - -webkit-transform: translate3d(0, 42px, 0); - transform: translate3d(0, 42px, 0); } - .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover { - -webkit-transform: translate3d(0, 41px, 0); - transform: translate3d(0, 41px, 0); } - -.md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right { - -webkit-transform: translate3d(0, -42px, 0); - transform: translate3d(0, -42px, 0); } - .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover { - -webkit-transform: translate3d(0, -43px, 0); - transform: translate3d(0, -43px, 0); } - -.md-button-group { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; } - -.md-button-group > .md-button { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: block; - overflow: hidden; - width: 0; - border-width: 1px 0px 1px 1px; - border-radius: 0; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; } - .md-button-group > .md-button:first-child { - border-radius: 2px 0px 0px 2px; } - .md-button-group > .md-button:last-child { - border-right-width: 1px; - border-radius: 0px 2px 2px 0px; } - -md-card { - box-sizing: border-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); } - md-card > img { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - width: 100%; } - md-card md-card-content { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 8px; } - -md-checkbox { - display: block; - margin: 15px; - white-space: nowrap; - cursor: pointer; - outline: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - md-checkbox .md-container { - position: relative; - top: 4px; - display: inline-block; - width: 18px; - height: 18px; } - md-checkbox .md-container:after { - content: ''; - position: absolute; - top: -10px; - right: -10px; - bottom: -10px; - left: -10px; } - md-checkbox .md-container .md-ripple-container { - position: absolute; - display: block; - width: auto; - height: auto; - left: -15px; - top: -15px; - right: -15px; - bottom: -15px; } - md-checkbox .md-icon { - transition: 240ms; - position: absolute; - top: 0; - left: 0; - width: 18px; - height: 18px; - border: 2px solid; - border-radius: 2px; } - md-checkbox.md-checked .md-icon { - border: none; } - md-checkbox[disabled] { - cursor: no-drop; } - md-checkbox:focus .md-label:not(:empty) { - border-color: black; } - md-checkbox.md-checked .md-icon:after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - position: absolute; - left: 6px; - top: 2px; - display: table; - width: 6px; - height: 12px; - border: 2px solid; - border-top: 0; - border-left: 0; - content: ' '; } - md-checkbox .md-label { - border: 1px dotted transparent; - position: relative; - display: inline-block; - margin-left: 10px; - vertical-align: middle; - white-space: normal; - pointer-events: none; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; } - -md-content { - display: block; - position: relative; - overflow: auto; - -webkit-overflow-scrolling: touch; } - md-content[md-scroll-y] { - overflow-y: auto; - overflow-x: hidden; } - md-content[md-scroll-x] { - overflow-x: auto; - overflow-y: hidden; } - md-content.md-padding { - padding: 8px; } - -@media (min-width: 600px) { - md-content.md-padding { - padding: 16px; } - } - -.md-dialog-container { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - z-index: 80; } - -md-dialog { - opacity: 0; - min-width: 240px; - max-width: 80%; - max-height: 80%; - margin: auto; - position: relative; - overflow: hidden; - box-shadow: 0px 27px 24px 0 rgba(0, 0, 0, 0.2); - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - md-dialog.transition-in { - opacity: 1; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); } - md-dialog.transition-out { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - -webkit-transform: translate3d(0, 100%, 0) scale(0.2); - transform: translate3d(0, 100%, 0) scale(0.2); } - md-dialog md-content { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - padding: 24px; - overflow: auto; - -webkit-overflow-scrolling: touch; } - md-dialog md-content *:first-child { - margin-top: 0px; } - md-dialog .md-actions { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - box-sizing: border-box; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 16px 16px; - min-height: 40px; } - md-dialog .md-actions > * { - margin-left: 8px; } - md-dialog.md-content-overflow .md-actions { - border-top: 1px solid; } - -md-divider { - display: block; - border-top: 1px solid; - margin: 0; } - md-divider[md-inset] { - margin-left: 80px; } - -md-icon { - margin: auto; - padding: 0; - display: inline-block; - margin-top: 5px; - background-repeat: no-repeat no-repeat; - pointer-events: none; } - -svg, object { - fill: currentColor; - color: currentColor; } - -md-input-container { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 2px; - /* - * The .md-input class is added to the input/textarea - */ } - md-input-container textarea, md-input-container input[type="text"], md-input-container input[type="password"], md-input-container input[type="datetime"], md-input-container input[type="datetime-local"], md-input-container input[type="date"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"], md-input-container input[type="number"], md-input-container input[type="email"], md-input-container input[type="url"], md-input-container input[type="search"], md-input-container input[type="tel"], md-input-container input[type="color"] { - /* remove default appearance from all input/textarea */ - -moz-appearance: none; - -webkit-appearance: none; } - md-input-container textarea { - resize: none; - overflow: hidden; } - md-input-container label { - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - pointer-events: none; - -webkit-font-smoothing: antialiased; - z-index: 1; - -webkit-transform: translate3d(0, 24px, 0) scale(1); - transform: translate3d(0, 24px, 0) scale(1); - -webkit-transform-origin: left top; - transform-origin: left top; - transition: all cubic-bezier(0.25, 0.8, 0.25, 1) 0.2s; } - md-input-container .md-input { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - display: block; - background: none; - padding-top: 2px; - padding-bottom: 1px; - border-width: 0 0 1px 0; - line-height: 26px; - -ms-flex-preferred-size: 26px; } - md-input-container .md-input:focus { - outline: none; } - md-input-container.md-input-focused label, md-input-container.md-input-has-value label { - -webkit-transform: translate3d(0, 4px, 0) scale(0.75); - transform: translate3d(0, 4px, 0) scale(0.75); } - md-input-container.md-input-focused .md-input { - padding-bottom: 0px; - border-width: 0 0 2px 0; } - md-input-container .md-input[disabled] { - background-position: 0 bottom; - background-size: 3px 1px; - background-repeat: repeat-x; } - -md-list { - padding: 8px 0px 8px 0px; } - -md-item-content { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - box-sizing: border-box; - position: relative; - padding: 0px 0px 0px 0px; } - -/** - * The left tile for a list item. - */ -.md-tile-left { - min-width: 56px; - margin-right: -16px; } - -/** - * The center content tile for a list item. - */ -.md-tile-content { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 16px; - text-overflow: ellipsis; } - .md-tile-content h3 { - margin: 0 0 3px 0; - font-weight: 400; - font-size: 1.1em; } - .md-tile-content h4 { - margin: 0 0 3px 0; - font-weight: 400; - font-size: 0.9em; } - .md-tile-content p { - margin: 0 0 3px 0; - font-size: 0.75em; } - -/** - * The right tile for a list item. - */ -.md-tile-right { - padding-right: 0px; } - -@-webkit-keyframes outer-rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes outer-rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes left-wobble { - 0%, 100% { - -webkit-transform: rotate(130deg); - transform: rotate(130deg); } - - 50% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); } } - -@keyframes left-wobble { - 0%, 100% { - -webkit-transform: rotate(130deg); - transform: rotate(130deg); } - - 50% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); } } - -@-webkit-keyframes right-wobble { - 0%, 100% { - -webkit-transform: rotate(-130deg); - transform: rotate(-130deg); } - - 50% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); } } - -@keyframes right-wobble { - 0%, 100% { - -webkit-transform: rotate(-130deg); - transform: rotate(-130deg); } - - 50% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); } } - -@-webkit-keyframes sporadic-rotate { - 12.5% { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - - 25% { - -webkit-transform: rotate(270deg); - transform: rotate(270deg); } - - 37.5% { - -webkit-transform: rotate(405deg); - transform: rotate(405deg); } - - 50% { - -webkit-transform: rotate(540deg); - transform: rotate(540deg); } - - 62.5% { - -webkit-transform: rotate(675deg); - transform: rotate(675deg); } - - 75% { - -webkit-transform: rotate(810deg); - transform: rotate(810deg); } - - 87.5% { - -webkit-transform: rotate(945deg); - transform: rotate(945deg); } - - 100% { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); } } - -@keyframes sporadic-rotate { - 12.5% { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - - 25% { - -webkit-transform: rotate(270deg); - transform: rotate(270deg); } - - 37.5% { - -webkit-transform: rotate(405deg); - transform: rotate(405deg); } - - 50% { - -webkit-transform: rotate(540deg); - transform: rotate(540deg); } - - 62.5% { - -webkit-transform: rotate(675deg); - transform: rotate(675deg); } - - 75% { - -webkit-transform: rotate(810deg); - transform: rotate(810deg); } - - 87.5% { - -webkit-transform: rotate(945deg); - transform: rotate(945deg); } - - 100% { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); } } - -md-progress-circular { - width: 50px; - height: 50px; - display: block; - position: relative; - padding-top: 0 !important; - margin-bottom: 0 !important; - overflow: hidden; } - md-progress-circular .md-inner { - width: 50px; - height: 50px; - position: relative; } - md-progress-circular .md-inner .md-gap { - position: absolute; - left: 24px; - right: 24px; - top: 0; - bottom: 0; - border-top: 5px solid black; - box-sizing: border-box; } - md-progress-circular .md-inner .md-left, md-progress-circular .md-inner .md-right { - position: absolute; - top: 0; - height: 50px; - width: 25px; - overflow: hidden; } - md-progress-circular .md-inner .md-left .md-half-circle, md-progress-circular .md-inner .md-right .md-half-circle { - position: absolute; - top: 0; - width: 50px; - height: 50px; - box-sizing: border-box; - border-width: 5px; - border-style: solid; - border-color: black black transparent; - border-radius: 50%; } - md-progress-circular .md-inner .md-left { - left: 0; } - md-progress-circular .md-inner .md-left .md-half-circle { - left: 0; - border-right-color: transparent; } - md-progress-circular .md-inner .md-right { - right: 0; } - md-progress-circular .md-inner .md-right .md-half-circle { - right: 0; - border-left-color: transparent; } - md-progress-circular[value="0"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="0"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-135deg); - transform: rotate(-135deg); } - md-progress-circular[value="0"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="1"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="1"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-131.4deg); - transform: rotate(-131.4deg); } - md-progress-circular[value="1"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="2"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="2"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-127.8deg); - transform: rotate(-127.8deg); } - md-progress-circular[value="2"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="3"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="3"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-124.2deg); - transform: rotate(-124.2deg); } - md-progress-circular[value="3"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="4"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="4"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-120.6deg); - transform: rotate(-120.6deg); } - md-progress-circular[value="4"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="5"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="5"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-117deg); - transform: rotate(-117deg); } - md-progress-circular[value="5"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="6"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="6"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-113.4deg); - transform: rotate(-113.4deg); } - md-progress-circular[value="6"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="7"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="7"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-109.8deg); - transform: rotate(-109.8deg); } - md-progress-circular[value="7"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="8"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="8"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-106.2deg); - transform: rotate(-106.2deg); } - md-progress-circular[value="8"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="9"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="9"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-102.6deg); - transform: rotate(-102.6deg); } - md-progress-circular[value="9"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="10"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="10"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-99deg); - transform: rotate(-99deg); } - md-progress-circular[value="10"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="11"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="11"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-95.4deg); - transform: rotate(-95.4deg); } - md-progress-circular[value="11"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="12"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="12"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-91.8deg); - transform: rotate(-91.8deg); } - md-progress-circular[value="12"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="13"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="13"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-88.2deg); - transform: rotate(-88.2deg); } - md-progress-circular[value="13"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="14"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="14"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-84.6deg); - transform: rotate(-84.6deg); } - md-progress-circular[value="14"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="15"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="15"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-81deg); - transform: rotate(-81deg); } - md-progress-circular[value="15"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="16"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="16"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-77.4deg); - transform: rotate(-77.4deg); } - md-progress-circular[value="16"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="17"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="17"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-73.8deg); - transform: rotate(-73.8deg); } - md-progress-circular[value="17"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="18"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="18"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-70.2deg); - transform: rotate(-70.2deg); } - md-progress-circular[value="18"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="19"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="19"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-66.6deg); - transform: rotate(-66.6deg); } - md-progress-circular[value="19"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="20"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="20"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-63deg); - transform: rotate(-63deg); } - md-progress-circular[value="20"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="21"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="21"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-59.4deg); - transform: rotate(-59.4deg); } - md-progress-circular[value="21"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="22"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="22"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-55.8deg); - transform: rotate(-55.8deg); } - md-progress-circular[value="22"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="23"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="23"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-52.2deg); - transform: rotate(-52.2deg); } - md-progress-circular[value="23"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="24"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="24"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-48.6deg); - transform: rotate(-48.6deg); } - md-progress-circular[value="24"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="25"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="25"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); } - md-progress-circular[value="25"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="26"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="26"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-41.4deg); - transform: rotate(-41.4deg); } - md-progress-circular[value="26"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="27"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="27"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-37.8deg); - transform: rotate(-37.8deg); } - md-progress-circular[value="27"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="28"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="28"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-34.2deg); - transform: rotate(-34.2deg); } - md-progress-circular[value="28"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="29"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="29"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-30.6deg); - transform: rotate(-30.6deg); } - md-progress-circular[value="29"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="30"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="30"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-27deg); - transform: rotate(-27deg); } - md-progress-circular[value="30"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="31"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="31"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-23.4deg); - transform: rotate(-23.4deg); } - md-progress-circular[value="31"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="32"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="32"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-19.8deg); - transform: rotate(-19.8deg); } - md-progress-circular[value="32"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="33"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="33"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-16.2deg); - transform: rotate(-16.2deg); } - md-progress-circular[value="33"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="34"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="34"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-12.6deg); - transform: rotate(-12.6deg); } - md-progress-circular[value="34"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="35"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="35"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-9deg); - transform: rotate(-9deg); } - md-progress-circular[value="35"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="36"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="36"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-5.4deg); - transform: rotate(-5.4deg); } - md-progress-circular[value="36"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="37"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="37"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(-1.8deg); - transform: rotate(-1.8deg); } - md-progress-circular[value="37"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="38"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="38"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(1.8deg); - transform: rotate(1.8deg); } - md-progress-circular[value="38"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="39"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="39"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(5.4deg); - transform: rotate(5.4deg); } - md-progress-circular[value="39"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="40"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="40"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(9deg); - transform: rotate(9deg); } - md-progress-circular[value="40"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="41"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="41"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(12.6deg); - transform: rotate(12.6deg); } - md-progress-circular[value="41"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="42"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="42"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(16.2deg); - transform: rotate(16.2deg); } - md-progress-circular[value="42"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="43"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="43"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(19.8deg); - transform: rotate(19.8deg); } - md-progress-circular[value="43"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="44"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="44"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(23.4deg); - transform: rotate(23.4deg); } - md-progress-circular[value="44"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="45"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="45"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(27deg); - transform: rotate(27deg); } - md-progress-circular[value="45"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="46"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="46"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(30.6deg); - transform: rotate(30.6deg); } - md-progress-circular[value="46"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="47"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="47"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(34.2deg); - transform: rotate(34.2deg); } - md-progress-circular[value="47"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="48"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="48"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(37.8deg); - transform: rotate(37.8deg); } - md-progress-circular[value="48"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="49"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="49"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(41.4deg); - transform: rotate(41.4deg); } - md-progress-circular[value="49"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="50"] .md-inner .md-left .md-half-circle { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); } - md-progress-circular[value="50"] .md-inner .md-right .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="50"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - border-bottom-color: transparent !important; } - md-progress-circular[value="51"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(138.6deg); - transform: rotate(138.6deg); } - md-progress-circular[value="51"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="51"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="52"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(142.2deg); - transform: rotate(142.2deg); } - md-progress-circular[value="52"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="52"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="53"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(145.8deg); - transform: rotate(145.8deg); } - md-progress-circular[value="53"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="53"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="54"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(149.4deg); - transform: rotate(149.4deg); } - md-progress-circular[value="54"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="54"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="55"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(153deg); - transform: rotate(153deg); } - md-progress-circular[value="55"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="55"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="56"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(156.6deg); - transform: rotate(156.6deg); } - md-progress-circular[value="56"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="56"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="57"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(160.2deg); - transform: rotate(160.2deg); } - md-progress-circular[value="57"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="57"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="58"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(163.8deg); - transform: rotate(163.8deg); } - md-progress-circular[value="58"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="58"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="59"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(167.4deg); - transform: rotate(167.4deg); } - md-progress-circular[value="59"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="59"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="60"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(171deg); - transform: rotate(171deg); } - md-progress-circular[value="60"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="60"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="61"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(174.6deg); - transform: rotate(174.6deg); } - md-progress-circular[value="61"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="61"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="62"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(178.2deg); - transform: rotate(178.2deg); } - md-progress-circular[value="62"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="62"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="63"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(181.8deg); - transform: rotate(181.8deg); } - md-progress-circular[value="63"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="63"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="64"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(185.4deg); - transform: rotate(185.4deg); } - md-progress-circular[value="64"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="64"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="65"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(189deg); - transform: rotate(189deg); } - md-progress-circular[value="65"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="65"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="66"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(192.6deg); - transform: rotate(192.6deg); } - md-progress-circular[value="66"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="66"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="67"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(196.2deg); - transform: rotate(196.2deg); } - md-progress-circular[value="67"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="67"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="68"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(199.8deg); - transform: rotate(199.8deg); } - md-progress-circular[value="68"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="68"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="69"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(203.4deg); - transform: rotate(203.4deg); } - md-progress-circular[value="69"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="69"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="70"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(207deg); - transform: rotate(207deg); } - md-progress-circular[value="70"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="70"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="71"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(210.6deg); - transform: rotate(210.6deg); } - md-progress-circular[value="71"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="71"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="72"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(214.2deg); - transform: rotate(214.2deg); } - md-progress-circular[value="72"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="72"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="73"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(217.8deg); - transform: rotate(217.8deg); } - md-progress-circular[value="73"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="73"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="74"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(221.4deg); - transform: rotate(221.4deg); } - md-progress-circular[value="74"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="74"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="75"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(225deg); - transform: rotate(225deg); } - md-progress-circular[value="75"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="75"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="76"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(228.6deg); - transform: rotate(228.6deg); } - md-progress-circular[value="76"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="76"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="77"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(232.2deg); - transform: rotate(232.2deg); } - md-progress-circular[value="77"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="77"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="78"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(235.8deg); - transform: rotate(235.8deg); } - md-progress-circular[value="78"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="78"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="79"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(239.4deg); - transform: rotate(239.4deg); } - md-progress-circular[value="79"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="79"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="80"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(243deg); - transform: rotate(243deg); } - md-progress-circular[value="80"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="80"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="81"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(246.6deg); - transform: rotate(246.6deg); } - md-progress-circular[value="81"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="81"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="82"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(250.2deg); - transform: rotate(250.2deg); } - md-progress-circular[value="82"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="82"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="83"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(253.8deg); - transform: rotate(253.8deg); } - md-progress-circular[value="83"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="83"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="84"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(257.4deg); - transform: rotate(257.4deg); } - md-progress-circular[value="84"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="84"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="85"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(261deg); - transform: rotate(261deg); } - md-progress-circular[value="85"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="85"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="86"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(264.6deg); - transform: rotate(264.6deg); } - md-progress-circular[value="86"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="86"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="87"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(268.2deg); - transform: rotate(268.2deg); } - md-progress-circular[value="87"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="87"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="88"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(271.8deg); - transform: rotate(271.8deg); } - md-progress-circular[value="88"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="88"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="89"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(275.4deg); - transform: rotate(275.4deg); } - md-progress-circular[value="89"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="89"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="90"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(279deg); - transform: rotate(279deg); } - md-progress-circular[value="90"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="90"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="91"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(282.6deg); - transform: rotate(282.6deg); } - md-progress-circular[value="91"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="91"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="92"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(286.2deg); - transform: rotate(286.2deg); } - md-progress-circular[value="92"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="92"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="93"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(289.8deg); - transform: rotate(289.8deg); } - md-progress-circular[value="93"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="93"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="94"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(293.4deg); - transform: rotate(293.4deg); } - md-progress-circular[value="94"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="94"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="95"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(297deg); - transform: rotate(297deg); } - md-progress-circular[value="95"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="95"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="96"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(300.6deg); - transform: rotate(300.6deg); } - md-progress-circular[value="96"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="96"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="97"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(304.2deg); - transform: rotate(304.2deg); } - md-progress-circular[value="97"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="97"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="98"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(307.8deg); - transform: rotate(307.8deg); } - md-progress-circular[value="98"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="98"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="99"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(311.4deg); - transform: rotate(311.4deg); } - md-progress-circular[value="99"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="99"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[value="100"] .md-inner .md-left .md-half-circle { - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; - -webkit-transform: rotate(315deg); - transform: rotate(315deg); } - md-progress-circular[value="100"] .md-inner .md-right .md-half-circle { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); } - md-progress-circular[value="100"] .md-inner .md-gap { - border-bottom-width: 5px; - border-bottom-style: solid; - transition: border-bottom-color 0.1s linear; } - md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper { - -webkit-animation: outer-rotate 2.91667s linear infinite; - animation: outer-rotate 2.91667s linear infinite; } - md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner { - -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; - animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; } - md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-duration: 1.3125s; - animation-duration: 1.3125s; - -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); - animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); } - md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle { - -webkit-animation-name: left-wobble; - animation-name: left-wobble; } - md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle { - -webkit-animation-name: right-wobble; - animation-name: right-wobble; } - -md-progress-linear { - display: block; - width: 100%; - height: 5px; } - md-progress-linear .md-container { - overflow: hidden; - position: relative; - height: 5px; - top: 5px; - -webkit-transform: translate(0, 5px) scale(1, 0); - transform: translate(0, 5px) scale(1, 0); - transition: all 0.3s linear; } - md-progress-linear .md-container.md-ready { - -webkit-transform: translate(0, 0) scale(1, 1); - transform: translate(0, 0) scale(1, 1); } - md-progress-linear .md-bar { - height: 5px; - position: absolute; - width: 100%; } - md-progress-linear .md-bar1, md-progress-linear .md-bar2 { - transition: all 0.2s linear; } - md-progress-linear[md-mode=determinate] .md-bar1 { - display: none; } - md-progress-linear[md-mode=indeterminate] .md-bar1 { - -webkit-animation: indeterminate1 4s infinite linear; - animation: indeterminate1 4s infinite linear; } - md-progress-linear[md-mode=indeterminate] .md-bar2 { - -webkit-animation: indeterminate2 4s infinite linear; - animation: indeterminate2 4s infinite linear; } - md-progress-linear[md-mode=buffer] .md-container { - background-color: transparent !important; } - md-progress-linear[md-mode=buffer] .md-dashed:before { - content: ""; - display: block; - height: 5px; - width: 100%; - margin-top: 0px; - position: absolute; - background-color: transparent; - background-size: 10px 10px !important; - background-position: 0px -23px; - -webkit-animation: buffer 3s infinite linear; - animation: buffer 3s infinite linear; } - md-progress-linear[md-mode=query] .md-bar2 { - -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); - animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); } - -@-webkit-keyframes indeterminate1 { - 0% { - -webkit-transform: translateX(-25%) scale(0.5, 1); - transform: translateX(-25%) scale(0.5, 1); } - - 10% { - -webkit-transform: translateX(25%) scale(0.5, 1); - transform: translateX(25%) scale(0.5, 1); } - - 19.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 20% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 30% { - -webkit-transform: translateX(37.5%) scale(0.25, 1); - transform: translateX(37.5%) scale(0.25, 1); } - - 34.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 36.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 37% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 47% { - -webkit-transform: translateX(20%) scale(0.25, 1); - transform: translateX(20%) scale(0.25, 1); } - - 52% { - -webkit-transform: translateX(35%) scale(0.05, 1); - transform: translateX(35%) scale(0.05, 1); } - - 55% { - -webkit-transform: translateX(35%) scale(0.1, 1); - transform: translateX(35%) scale(0.1, 1); } - - 58% { - -webkit-transform: translateX(50%) scale(0.1, 1); - transform: translateX(50%) scale(0.1, 1); } - - 61.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 69.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 70% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 80% { - -webkit-transform: translateX(20%) scale(0.25, 1); - transform: translateX(20%) scale(0.25, 1); } - - 85% { - -webkit-transform: translateX(35%) scale(0.05, 1); - transform: translateX(35%) scale(0.05, 1); } - - 88% { - -webkit-transform: translateX(35%) scale(0.1, 1); - transform: translateX(35%) scale(0.1, 1); } - - 91% { - -webkit-transform: translateX(50%) scale(0.1, 1); - transform: translateX(50%) scale(0.1, 1); } - - 92.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 93% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 100% { - -webkit-transform: translateX(-25%) scale(0.5, 1); - transform: translateX(-25%) scale(0.5, 1); } } - -@keyframes indeterminate1 { - 0% { - -webkit-transform: translateX(-25%) scale(0.5, 1); - transform: translateX(-25%) scale(0.5, 1); } - - 10% { - -webkit-transform: translateX(25%) scale(0.5, 1); - transform: translateX(25%) scale(0.5, 1); } - - 19.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 20% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 30% { - -webkit-transform: translateX(37.5%) scale(0.25, 1); - transform: translateX(37.5%) scale(0.25, 1); } - - 34.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 36.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 37% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 47% { - -webkit-transform: translateX(20%) scale(0.25, 1); - transform: translateX(20%) scale(0.25, 1); } - - 52% { - -webkit-transform: translateX(35%) scale(0.05, 1); - transform: translateX(35%) scale(0.05, 1); } - - 55% { - -webkit-transform: translateX(35%) scale(0.1, 1); - transform: translateX(35%) scale(0.1, 1); } - - 58% { - -webkit-transform: translateX(50%) scale(0.1, 1); - transform: translateX(50%) scale(0.1, 1); } - - 61.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 69.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 70% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 80% { - -webkit-transform: translateX(20%) scale(0.25, 1); - transform: translateX(20%) scale(0.25, 1); } - - 85% { - -webkit-transform: translateX(35%) scale(0.05, 1); - transform: translateX(35%) scale(0.05, 1); } - - 88% { - -webkit-transform: translateX(35%) scale(0.1, 1); - transform: translateX(35%) scale(0.1, 1); } - - 91% { - -webkit-transform: translateX(50%) scale(0.1, 1); - transform: translateX(50%) scale(0.1, 1); } - - 92.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 93% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 100% { - -webkit-transform: translateX(-25%) scale(0.5, 1); - transform: translateX(-25%) scale(0.5, 1); } } - -@-webkit-keyframes indeterminate2 { - 0% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 25.99% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 28% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 38% { - -webkit-transform: translateX(37.5%) scale(0.25, 1); - transform: translateX(37.5%) scale(0.25, 1); } - - 42.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 46.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 49.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 50% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 60% { - -webkit-transform: translateX(-25%) scale(0.5, 1); - transform: translateX(-25%) scale(0.5, 1); } - - 70% { - -webkit-transform: translateX(25%) scale(0.5, 1); - transform: translateX(25%) scale(0.5, 1); } - - 79.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } } - -@keyframes indeterminate2 { - 0% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 25.99% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 28% { - -webkit-transform: translateX(-37.5%) scale(0.25, 1); - transform: translateX(-37.5%) scale(0.25, 1); } - - 38% { - -webkit-transform: translateX(37.5%) scale(0.25, 1); - transform: translateX(37.5%) scale(0.25, 1); } - - 42.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 46.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 49.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } - - 50% { - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } - - 60% { - -webkit-transform: translateX(-25%) scale(0.5, 1); - transform: translateX(-25%) scale(0.5, 1); } - - 70% { - -webkit-transform: translateX(25%) scale(0.5, 1); - transform: translateX(25%) scale(0.5, 1); } - - 79.99% { - -webkit-transform: translateX(50%) scale(0, 1); - transform: translateX(50%) scale(0, 1); } } - -@-webkit-keyframes query { - 0% { - opacity: 1; - -webkit-transform: translateX(35%) scale(0.3, 1); - transform: translateX(35%) scale(0.3, 1); } - - 100% { - opacity: 0; - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } } - -@keyframes query { - 0% { - opacity: 1; - -webkit-transform: translateX(35%) scale(0.3, 1); - transform: translateX(35%) scale(0.3, 1); } - - 100% { - opacity: 0; - -webkit-transform: translateX(-50%) scale(0, 1); - transform: translateX(-50%) scale(0, 1); } } - -@-webkit-keyframes buffer { - 0% { - opacity: 1; - background-position: 0px -23px; } - - 50% { - opacity: 0; } - - 100% { - opacity: 1; - background-position: -200px -23px; } } - -@keyframes buffer { - 0% { - opacity: 1; - background-position: 0px -23px; } - - 50% { - opacity: 0; } - - 100% { - opacity: 1; - background-position: -200px -23px; } } - -md-radio-button, .md-switch-thumb { - display: block; - margin: 15px; - white-space: nowrap; - cursor: pointer; } - md-radio-button input, .md-switch-thumb input { - display: none; } - md-radio-button .md-container, .md-switch-thumb .md-container { - position: relative; - top: 4px; - display: inline-block; - width: 16px; - height: 16px; - cursor: pointer; } - md-radio-button .md-container .md-ripple-container, .md-switch-thumb .md-container .md-ripple-container { - position: absolute; - display: block; - width: 48px; - height: 48px; - left: -16px; - top: -16px; } - md-radio-button .md-off, .md-switch-thumb .md-off { - position: absolute; - top: 0px; - left: 0px; - width: 16px; - height: 16px; - border: solid 2px; - border-radius: 50%; - transition: border-color ease 0.28s; } - md-radio-button .md-on, .md-switch-thumb .md-on { - position: absolute; - top: 0; - left: 0; - width: 16px; - height: 16px; - border-radius: 50%; - transition: -webkit-transform ease 0.28s; - transition: transform ease 0.28s; - -webkit-transform: scale(0); - transform: scale(0); } - md-radio-button.md-checked .md-on, .md-switch-thumb.md-checked .md-on { - -webkit-transform: scale(0.55); - transform: scale(0.55); } - md-radio-button .md-label, .md-switch-thumb .md-label { - position: relative; - display: inline-block; - margin-left: 10px; - margin-right: 10px; - vertical-align: middle; - white-space: normal; - pointer-events: none; - width: auto; } - md-radio-button .circle, .md-switch-thumb .circle { - border-radius: 50%; } - -md-radio-group { - border: 1px dotted transparent; - display: block; - outline: none; } - -md-sidenav { - position: absolute; - width: 304px; - min-width: 304px; - bottom: 0; - z-index: 60; - background-color: white; - overflow: auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - md-sidenav.md-closed { - display: none; } - md-sidenav.md-closed-add, md-sidenav.md-closed-remove { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - /* this is required as of 1.3x to properly - apply all styling in a show/hide animation */ - transition: 0s all; } - md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } - md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove { - position: static; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - md-sidenav.md-locked-open { - width: 304px; - min-width: 304px; } - md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed { - position: static; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - md-sidenav.md-locked-open-remove-active { - transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); - width: 0; - min-width: 0; } - md-sidenav.md-closed.md-locked-open-add { - width: 0; - min-width: 0; - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - md-sidenav.md-closed.md-locked-open-add-active { - transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); - width: 304px; - min-width: 304px; - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -.md-sidenav-backdrop.md-locked-open { - display: none; } - -.md-sidenav-left, md-sidenav { - left: 0; - top: 0; - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - .md-sidenav-left.md-closed, md-sidenav.md-closed { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - -.md-sidenav-right { - left: 100%; - top: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - .md-sidenav-right.md-closed { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -@-webkit-keyframes sliderFocusThumb { - 0% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); } - - 50% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - - 100% { - opacity: 0; } } - -@keyframes sliderFocusThumb { - 0% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); } - - 50% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - - 100% { - opacity: 0; } } - -md-slider { - height: 48px; - position: relative; - display: block; - margin-left: 4px; - margin-right: 4px; - /** - * Track - */ - /** - * Slider thumb - */ - /* The sign that's focused in discrete mode */ - /** - * The border/background that comes in when focused in non-discrete mode - */ - /* Don't animate left/right while panning */ } - md-slider .md-track-container { - width: 100%; - position: absolute; - top: 23px; - height: 2px; } - md-slider .md-track { - position: absolute; - left: 0; - right: 0; - height: 100%; } - md-slider .md-track-fill { - transition: width 0.05s linear; } - md-slider .md-track-ticks { - position: absolute; - left: 0; - right: 0; - height: 100%; } - md-slider .md-thumb-container { - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - transition: -webkit-transform 0.1s linear; - transition: transform 0.1s linear; } - md-slider .md-thumb { - z-index: 1; - position: absolute; - left: -19px; - top: 5px; - width: 38px; - height: 38px; - border-radius: 38px; - -webkit-transform: scale(0.5); - transform: scale(0.5); - transition: all 0.1s linear; } - md-slider .md-thumb:after { - content: ''; - position: absolute; - left: 3px; - top: 3px; - width: 32px; - height: 32px; - border-radius: 32px; - border: 3px solid; } - md-slider .md-sign { - /* Center the children (slider-thumb-text) */ - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - left: -14px; - top: -20px; - width: 28px; - height: 28px; - border-radius: 28px; - -webkit-transform: scale(0.4) translate3d(0, 70px, 0); - transform: scale(0.4) translate3d(0, 70px, 0); - transition: all 0.2s ease-in-out; - /* The arrow pointing down under the sign */ } - md-slider .md-sign:after { - position: absolute; - content: ''; - left: 0px; - border-radius: 16px; - top: 19px; - border-left: 14px solid transparent; - border-right: 14px solid transparent; - border-top: 16px solid; - opacity: 0; - -webkit-transform: translate3d(0, -8px, 0); - transform: translate3d(0, -8px, 0); - transition: all 0.2s ease-in-out; } - md-slider .md-sign .md-thumb-text { - z-index: 1; - font-size: 12px; - font-weight: bold; } - md-slider .md-focus-thumb { - position: absolute; - left: -24px; - top: 0px; - width: 48px; - height: 48px; - border-radius: 48px; - display: none; - opacity: 0; - background-color: #C0C0C0; - -webkit-animation: sliderFocusThumb 0.4s linear; - animation: sliderFocusThumb 0.4s linear; } - md-slider .md-focus-ring { - position: absolute; - left: -24px; - top: 0px; - width: 48px; - height: 48px; - border-radius: 48px; - border: 2px solid #D6D6D6; - background-color: transparent; - -webkit-transform: scale(0); - transform: scale(0); - transition: all 0.2s linear; } - md-slider .md-disabled-thumb { - position: absolute; - left: -22px; - top: 2px; - width: 44px; - height: 44px; - border-radius: 44px; - -webkit-transform: scale(0.35); - transform: scale(0.35); - border: 6px solid; - display: none; } - md-slider.md-min .md-thumb:after { - background-color: white; } - md-slider.md-min .md-sign { - opacity: 0; } - md-slider:focus { - outline: none; } - md-slider.panning .md-thumb-container, md-slider.panning .md-track-fill { - transition: none; } - md-slider:not([md-discrete]) { - /* Hide the sign and ticks in non-discrete mode */ } - md-slider:not([md-discrete]) .md-track-ticks, md-slider:not([md-discrete]) .md-sign { - display: none; } - md-slider:not([md-discrete]):not([disabled]):hover .md-thumb { - -webkit-transform: scale(0.6); - transform: scale(0.6); } - md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb, md-slider:not([md-discrete]):not([disabled]).active .md-focus-thumb { - display: block; } - md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring, md-slider:not([md-discrete]):not([disabled]).active .md-focus-ring { - -webkit-transform: scale(1); - transform: scale(1); } - md-slider:not([md-discrete]):not([disabled]):focus .md-thumb, md-slider:not([md-discrete]):not([disabled]).active .md-thumb { - -webkit-transform: scale(0.85); - transform: scale(0.85); } - md-slider[md-discrete] { - /* Hide the focus thumb in discrete mode */ } - md-slider[md-discrete] .md-focus-thumb, md-slider[md-discrete] .md-focus-ring { - display: none; } - md-slider[md-discrete]:not([disabled]):focus .md-sign, md-slider[md-discrete]:not([disabled]):focus .md-sign:after, md-slider[md-discrete]:not([disabled]).active .md-sign, md-slider[md-discrete]:not([disabled]).active .md-sign:after { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); } - md-slider[disabled] .md-track-fill { - display: none; } - md-slider[disabled] .md-sign { - display: none; } - md-slider[disabled] .md-thumb { - -webkit-transform: scale(0.35); - transform: scale(0.35); } - md-slider[disabled] .md-disabled-thumb { - display: block; } - -.md-sticky-clone { - z-index: 1; - top: 0; - left: 0; - right: 0; - position: absolute !important; - -webkit-transform: translate3d(-9999px, -9999px, 0); - transform: translate3d(-9999px, -9999px, 0); } - .md-sticky-clone[sticky-state="active"] { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect):after { - -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both; - animation: subheaderStickyHoverIn 0.3s ease-out both; } - -@-webkit-keyframes subheaderStickyHoverIn { - 0% { - box-shadow: 0 0 0 0 transparent; } - - 100% { - box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } } - -@keyframes subheaderStickyHoverIn { - 0% { - box-shadow: 0 0 0 0 transparent; } - - 100% { - box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } } - -@-webkit-keyframes subheaderStickyHoverOut { - 0% { - box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } - - 100% { - box-shadow: 0 0 0 0 transparent; } } - -@keyframes subheaderStickyHoverOut { - 0% { - box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } - - 100% { - box-shadow: 0 0 0 0 transparent; } } - -.md-subheader { - display: block; - font-size: 0.9em; - font-weight: 400; - line-height: 1em; - padding: 16px 0px 16px 16px; - margin: 0 0 0 0; - margin-right: 16px; - position: relative; } - .md-subheader:not(.md-sticky-no-effect) { - transition: 0.2s ease-out margin; } - .md-subheader:not(.md-sticky-no-effect):after { - position: absolute; - left: 0; - bottom: 0; - top: 0; - right: -16px; - content: ''; } - .md-subheader:not(.md-sticky-no-effect)[sticky-state="active"] { - margin-top: -2px; } - .md-subheader:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"]:after { - -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both; - animation: subheaderStickyHoverOut 0.3s ease-out both; } - -md-switch { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - md-switch .md-container { - cursor: -webkit-grab; - cursor: grab; - width: 36px; - height: 24px; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin-right: 8px; } - md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container { - cursor: -webkit-grabbing; - cursor: grabbing; } - md-switch .md-label { - border-color: transparent; - border-width: 1px; } - md-switch .md-bar { - left: 1px; - width: 34px; - top: 5px; - height: 14px; - border-radius: 8px; - position: absolute; } - md-switch .md-thumb-container { - top: 2px; - left: 0; - width: 16px; - position: absolute; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 1; } - md-switch.md-checked .md-thumb-container { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - md-switch .md-thumb { - position: absolute; - margin: 0; - left: 0; - top: 0; - outline: none; - height: 20px; - width: 20px; - border-radius: 50%; - box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); } - md-switch .md-thumb .md-ripple-container { - position: absolute; - display: block; - width: auto; - height: auto; - left: -20px; - top: -20px; - right: -20px; - bottom: -20px; } - md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb-container, md-switch:not(.md-dragging) .md-thumb { - transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); - transition-property: -webkit-transform, background-color; - transition-property: transform, background-color; } - md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb { - transition-delay: 0.05s; } - -md-tabs { - display: block; - width: 100%; - font-weight: 500; } - -.md-header { - width: 100%; - height: 48px; - box-sizing: border-box; - position: relative; } - -.md-paginator { - z-index: 1; - margin-right: -2px; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 32px; - min-height: 100%; - cursor: pointer; - border: none; - background-color: transparent; - background-repeat: no-repeat; - background-position: center center; - position: absolute; - /* TODO Once we have a better way to inline svg images, change this - to use svgs correctly */ } - .md-paginator.md-prev { - left: 0; } - .md-paginator.md-next { - right: 0; } - .md-paginator.md-prev { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=='); } - .md-paginator.md-next { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K'); } - -/* If `center` justified, change to left-justify if paginating */ -md-tabs[center] .md-header:not(.md-paginating) .md-header-items { - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - -.md-paginating .md-header-items-container { - left: 32px; - right: 32px; } - -.md-header-items-container { - overflow: hidden; - position: absolute; - left: 0; - right: 0; - height: 100%; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - text-transform: uppercase; - margin: auto; } - .md-header-items-container .md-header-items { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - box-sizing: border-box; - transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); - transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - height: 100%; - width: 99999px; } - -.md-tabs-content { - overflow: hidden; - width: 100%; - position: relative; } - .md-tabs-content .md-tab-content { - height: 100%; } - .md-tabs-content .md-tab-content.ng-hide.ng-animate { - display: block !important; } - .md-tabs-content .md-tab-content.ng-animate { - transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); - transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); - -webkit-transform: translateX(0); - transform: translateX(0); } - .md-tabs-content .md-tab-content.ng-animate.ng-hide-add { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - .md-tabs-content .md-tab-content.ng-animate.ng-hide-add.md-transition-rtl { - -webkit-transform: translateX(100%); - transform: translateX(100%); } - .md-tabs-content .md-tab-content.ng-animate.ng-hide-remove { - position: absolute; - -webkit-transform: translateX(100%); - transform: translateX(100%); - top: 0; - left: 0; - right: 0; - bottom: 0; } - .md-tabs-content .md-tab-content.ng-animate.ng-hide-remove.md-transition-rtl { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); } - .md-tabs-content .md-tab-content.ng-animate.ng-hide-remove.ng-hide-remove-active { - -webkit-transform: translateX(0); - transform: translateX(0); } - -md-tabs-ink-bar { - z-index: 1; - display: none; - position: absolute; - left: 0; - bottom: 0; - box-sizing: border-box; - height: 2px; - margin-top: -2px; - -webkit-transform: scaleX(1); - transform: scaleX(1); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; } - md-tabs-ink-bar.md-transition-right { - transition: right 0.25s cubic-bezier(0.35, 0, 0.25, 1), left 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0.075s; } - md-tabs-ink-bar.md-transition-left { - transition: right 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0.075s, left 0.25s cubic-bezier(0.35, 0, 0.25, 1); } - -md-tab { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: relative; - z-index: 0; - overflow: hidden; - height: 100%; - text-align: center; - cursor: pointer; - padding: 20px 24px; - box-sizing: border-box; - transition: background 0.35s cubic-bezier(0.35, 0, 0.25, 1), color 0.35s cubic-bezier(0.35, 0, 0.25, 1); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - md-tab[disabled] { - pointer-events: none; - cursor: default; } - md-tab:focus { - outline: none; } - md-tab md-tab-label { - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - z-index: 100; - opacity: 1; - overflow: hidden; } - -md-input-group label, .md-input-group label { - display: block; - font-size: 0.75em; } -md-input-group textarea, md-input-group input[type="text"], md-input-group input[type="password"], md-input-group input[type="datetime"], md-input-group input[type="datetime-local"], md-input-group input[type="date"], md-input-group input[type="month"], md-input-group input[type="time"], md-input-group input[type="week"], md-input-group input[type="number"], md-input-group input[type="email"], md-input-group input[type="url"], md-input-group input[type="search"], md-input-group input[type="tel"], md-input-group input[type="color"], .md-input-group textarea, .md-input-group input[type="text"], .md-input-group input[type="password"], .md-input-group input[type="datetime"], .md-input-group input[type="datetime-local"], .md-input-group input[type="date"], .md-input-group input[type="month"], .md-input-group input[type="time"], .md-input-group input[type="week"], .md-input-group input[type="number"], .md-input-group input[type="email"], .md-input-group input[type="url"], .md-input-group input[type="search"], .md-input-group input[type="tel"], .md-input-group input[type="color"] { - display: block; - border-width: 0 0 1px 0; - padding-top: 2px; - line-height: 26px; - padding-bottom: 1px; } - md-input-group textarea:focus, md-input-group input[type="text"]:focus, md-input-group input[type="password"]:focus, md-input-group input[type="datetime"]:focus, md-input-group input[type="datetime-local"]:focus, md-input-group input[type="date"]:focus, md-input-group input[type="month"]:focus, md-input-group input[type="time"]:focus, md-input-group input[type="week"]:focus, md-input-group input[type="number"]:focus, md-input-group input[type="email"]:focus, md-input-group input[type="url"]:focus, md-input-group input[type="search"]:focus, md-input-group input[type="tel"]:focus, md-input-group input[type="color"]:focus, .md-input-group textarea:focus, .md-input-group input[type="text"]:focus, .md-input-group input[type="password"]:focus, .md-input-group input[type="datetime"]:focus, .md-input-group input[type="datetime-local"]:focus, .md-input-group input[type="date"]:focus, .md-input-group input[type="month"]:focus, .md-input-group input[type="time"]:focus, .md-input-group input[type="week"]:focus, .md-input-group input[type="number"]:focus, .md-input-group input[type="email"]:focus, .md-input-group input[type="url"]:focus, .md-input-group input[type="search"]:focus, .md-input-group input[type="tel"]:focus, .md-input-group input[type="color"]:focus { - outline: 0; } -md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea { - background: none; } - -md-input-group, .md-input-group { - padding-bottom: 2px; - margin: 10px 0 8px 0; - position: relative; - display: block; } - md-input-group label, .md-input-group label { - font-size: 1em; - z-index: 1; - pointer-events: none; - -webkit-font-smoothing: antialiased; } - md-input-group label:hover, .md-input-group label:hover { - cursor: text; } - md-input-group label, .md-input-group label { - -webkit-transform: translate3d(0, 22px, 0); - transform: translate3d(0, 22px, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); - transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); } - md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea { - border-bottom-width: 1px; - transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); } - md-input-group.md-input-focused label, .md-input-group.md-input-focused label { - -webkit-transform: translate3d(0, 4px, 0) scale(0.75); - transform: translate3d(0, 4px, 0) scale(0.75); } - md-input-group.md-input-focused input, md-input-group.md-input-focused textarea, .md-input-group.md-input-focused input, .md-input-group.md-input-focused textarea { - border-bottom-width: 2px; } - md-input-group.md-input-focused input, .md-input-group.md-input-focused input { - padding-bottom: 0px; } - md-input-group.md-input-has-value label, .md-input-group.md-input-has-value label { - -webkit-transform: translate3d(0, 4px, 0) scale(0.75); - transform: translate3d(0, 4px, 0) scale(0.75); } - md-input-group.md-input-has-value:not(.md-input-focused) label, .md-input-group.md-input-has-value:not(.md-input-focused) label { - -webkit-transform: translate3d(0, 4px, 0) scale(0.75); - transform: translate3d(0, 4px, 0) scale(0.75); } - md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea { - border-bottom-width: 0px; } - md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea { - background-size: 3px 1px; - background-position: 0 bottom; - background-size: 2px 1px; - background-repeat: repeat-x; - pointer-events: none; } - md-input-group[disabled] label, .md-input-group[disabled] label { - -webkit-transform: translate3d(0, 4px, 0) scale(0.75); - transform: translate3d(0, 4px, 0) scale(0.75); } - md-input-group[disabled] *:not(.md-input-has-value) label, .md-input-group[disabled] *:not(.md-input-has-value) label { - -webkit-transform: translate3d(0, 22px, 0); - transform: translate3d(0, 22px, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); } - -md-toast { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - box-sizing: border-box; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 48px; - padding-left: 24px; - padding-right: 24px; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - border-radius: 2px; - font-size: 14px; - cursor: default; - max-width: 879px; - max-height: 40px; - height: 24px; - z-index: 90; - opacity: 1; - -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg); - transform: translate3d(0, 0, 0) rotateZ(0deg); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - /* Transition differently when swiping */ } - md-toast.md-capsule { - border-radius: 24px; } - md-toast.ng-leave-active { - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } - md-toast.md-swipeleft, md-toast.md-swiperight, md-toast.md-swipeup, md-toast.md-swipedown { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } - md-toast.ng-enter { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - opacity: 0; } - md-toast.ng-enter.md-top { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - md-toast.ng-enter.ng-enter-active { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } - md-toast.ng-leave.ng-leave-active { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - md-toast.ng-leave.ng-leave-active.md-top { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - md-toast.ng-leave.ng-leave-active.md-swipeleft { - -webkit-transform: translate3d(-100%, 0%, 0); - transform: translate3d(-100%, 0%, 0); } - md-toast.ng-leave.ng-leave-active.md-swiperight { - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); } - md-toast .md-action { - line-height: 19px; - padding-left: 24px; - cursor: pointer; - text-transform: uppercase; - float: right; } - -@media (max-width: 600px) { - md-toast { - left: 0; - right: 0; - width: 100%; - max-width: 100%; - min-width: 0; - border-radius: 0; - bottom: 0; } - md-toast.md-top { - bottom: auto; - top: 0; } - } - -@media (min-width: 600px) { - md-toast { - min-width: 288px; - /* - * When the toast doesn't take up the whole screen, - * make it rotate when the user swipes it away - */ } - md-toast.md-bottom { - bottom: 8px; } - md-toast.md-left { - left: 8px; } - md-toast.md-right { - right: 8px; } - md-toast.md-top { - top: 8px; } - md-toast.ng-leave.ng-leave-active.md-swipeleft { - -webkit-transform: translate3d(-100%, 25%, 0) rotateZ(-15deg); - transform: translate3d(-100%, 25%, 0) rotateZ(-15deg); } - md-toast.ng-leave.ng-leave-active.md-swiperight { - -webkit-transform: translate3d(100%, 25%, 0) rotateZ(15deg); - transform: translate3d(100%, 25%, 0) rotateZ(15deg); } - md-toast.ng-leave.ng-leave-active.md-top.md-swipeleft { - -webkit-transform: translate3d(-100%, 0, 0) rotateZ(-15deg); - transform: translate3d(-100%, 0, 0) rotateZ(-15deg); } - md-toast.ng-leave.ng-leave-active.md-top.md-swiperight { - -webkit-transform: translate3d(100%, 0, 0) rotateZ(15deg); - transform: translate3d(100%, 0, 0) rotateZ(15deg); } - } - -md-toolbar { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - z-index: 2; - font-size: 1.3em; - min-height: 64px; - width: 100%; } - md-toolbar.md-tall { - height: 128px; - min-height: 128px; - max-height: 128px; } - md-toolbar.md-medium-tall { - height: 88px; - min-height: 88px; - max-height: 88px; } - md-toolbar.md-medium-tall .md-toolbar-tools { - height: 48px; - min-height: 48px; - max-height: 48px; } - md-toolbar .md-indent { - margin-left: 64px; } - -.md-toolbar-tools { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - width: 100%; - height: 64px; - min-height: 100%; - max-height: 64px; - font-size: inherit; - font-weight: normal; - padding: 0 16px; - margin: 0; } - .md-toolbar-tools > * { - font-size: inherit; } - .md-toolbar-tools h2, .md-toolbar-tools h3 { - font-weight: normal; } - .md-toolbar-tools a { - color: inherit; - text-decoration: none; } - .md-toolbar-tools .fill-height { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .md-toolbar-tools .md-tools { - margin-left: auto; } - .md-toolbar-tools .md-button { - font-size: 14px; } - -@-webkit-keyframes tooltipBackgroundShow { - 0% { - -webkit-transform: scale(0.2); - transform: scale(0.2); - opacity: 0.25; } - - 50% { - opacity: 1; } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes tooltipBackgroundShow { - 0% { - -webkit-transform: scale(0.2); - transform: scale(0.2); - opacity: 0.25; } - - 50% { - opacity: 1; } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@-webkit-keyframes tooltipBackgroundHide { - 0% { - opacity: 1; } - - 100% { - opacity: 0; } } - -@keyframes tooltipBackgroundHide { - 0% { - opacity: 1; } - - 100% { - opacity: 0; } } - -md-tooltip { - position: absolute; - font-size: 14px; - z-index: 100; - overflow: hidden; - pointer-events: none; - border-radius: 4px; - /** - * Depending on the tooltip's size as a multiple of 32 (set by JS), - * change the background's animation duration. - * The larger the tooltip, the less time the background should take to ripple outwards. - */ } - md-tooltip[md-direction="bottom"] { - -webkit-transform: translate3d(0, -30%, 0); - transform: translate3d(0, -30%, 0); - margin-top: 8px; } - md-tooltip[md-direction="top"] { - -webkit-transform: translate3d(0, 30%, 0); - transform: translate3d(0, 30%, 0); - margin-bottom: 8px; } - md-tooltip .md-background { - position: absolute; - left: 50%; - width: 256px; - height: 256px; - margin-left: -128px; - margin-top: -128px; - border-radius: 256px; - opacity: 0.25; - -webkit-transform: scale(0.2); - transform: scale(0.2); } - md-tooltip .md-content { - max-width: 240px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - padding: 8px; - background: transparent; - opacity: 0.3; - transition: inherit; } - md-tooltip.md-hide { - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } - md-tooltip.md-show { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - pointer-events: auto; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - md-tooltip.md-show .md-background { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - -webkit-animation: tooltipBackgroundShow linear; - animation: tooltipBackgroundShow linear; } - md-tooltip.md-show .md-content { - opacity: 0.99; } - md-tooltip.md-hide .md-background { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 0; - -webkit-animation: tooltipBackgroundHide 0.2s linear; - animation: tooltipBackgroundHide 0.2s linear; } - md-tooltip[width-32="1"].md-show .md-background { - -webkit-animation-duration: 900ms; - animation-duration: 900ms; } - md-tooltip[width-32="2"].md-show .md-background { - -webkit-animation-duration: 800ms; - animation-duration: 800ms; } - md-tooltip[width-32="3"].md-show .md-background { - -webkit-animation-duration: 700ms; - animation-duration: 700ms; } - md-tooltip[width-32="4"].md-show .md-background { - -webkit-animation-duration: 600ms; - animation-duration: 600ms; } - md-tooltip[width-32="5"].md-show .md-background { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; } - md-tooltip[width-32="6"].md-show .md-background { - -webkit-animation-duration: 400ms; - animation-duration: 400ms; } - md-tooltip[width-32="7"].md-show .md-background { - -webkit-animation-duration: 300ms; - animation-duration: 300ms; } - md-tooltip[width-32="8"].md-show .md-background { - -webkit-animation-duration: 200ms; - animation-duration: 200ms; } - -.md-whiteframe-z1 { - box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); } - -.md-whiteframe-z2 { - box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2); } - -.md-whiteframe-z3 { - box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.19); } - -.md-whiteframe-z4 { - box-shadow: 0px 16px 28px 0 rgba(0, 0, 0, 0.22); } - -.md-whiteframe-z5 { - box-shadow: 0px 27px 24px 0 rgba(0, 0, 0, 0.2); } diff --git a/UI/WebServerResources/css/angular-material.min.css b/UI/WebServerResources/css/angular-material.min.css deleted file mode 100644 index 641a2c489..000000000 --- a/UI/WebServerResources/css/angular-material.min.css +++ /dev/null @@ -1,6 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.7.0-rc2-master-9a0b3c3 - */*,:after,:before{box-sizing:border-box}:focus{outline:0}body,html{height:100%;color:rgba(0,0,0,.73);background:#fff;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body p,html p{line-height:1.846}body h3,html h3{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;font-size:1.17em;font-weight:700}button,html,input,select,textarea{font-family:RobotoDraft,Roboto,'Helvetica Neue',sans-serif}body{margin:0;padding:0;outline:0}.inset{padding:10px}a{background:0 0;outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}button,input,select,textarea{margin:0;font-size:100%;font-family:inherit;vertical-align:baseline}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default}textarea{vertical-align:top;overflow:auto}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box;-webkit-box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.md-shadow{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;pointer-events:none}.md-button.md-fab,.md-button.md-raised:not([disabled]),.md-shadow-bottom-z-1{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.md-button.md-fab:not([disabled]):focus,.md-button.md-fab:not([disabled]):hover,.md-button.md-raised:not([disabled]):focus,.md-button.md-raised:not([disabled]):hover,.md-shadow-bottom-z-2{box-shadow:0 4px 8px 0 rgba(0,0,0,.4)}.md-shadow-animated.md-shadow{transition:box-shadow .28s cubic-bezier(0.4,0,.2,1)}.md-ripple-container{pointer-events:none;position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;transition:all .55s cubic-bezier(0.25,.8,.25,1)}.md-ripple{position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0;border-radius:50%}.md-ripple.md-ripple-placed{transition:left .9s cubic-bezier(0.25,.8,.25,1),top .9s cubic-bezier(0.25,.8,.25,1),margin .65s cubic-bezier(0.25,.8,.25,1),border .65s cubic-bezier(0.25,.8,.25,1),width .65s cubic-bezier(0.25,.8,.25,1),height .65s cubic-bezier(0.25,.8,.25,1),opacity .65s cubic-bezier(0.25,.8,.25,1),-webkit-transform .65s cubic-bezier(0.25,.8,.25,1);transition:left .9s cubic-bezier(0.25,.8,.25,1),top .9s cubic-bezier(0.25,.8,.25,1),margin .65s cubic-bezier(0.25,.8,.25,1),border .65s cubic-bezier(0.25,.8,.25,1),width .65s cubic-bezier(0.25,.8,.25,1),height .65s cubic-bezier(0.25,.8,.25,1),opacity .65s cubic-bezier(0.25,.8,.25,1),transform .65s cubic-bezier(0.25,.8,.25,1)}.md-ripple.md-ripple-scaled{-webkit-transform:scale(1);transform:scale(1)}.md-ripple.md-ripple-active,.md-ripple.md-ripple-full,.md-ripple.md-ripple-visible{opacity:.2}md-tab>.md-ripple-container .md-ripple{box-sizing:content-box;background-color:transparent!important;border-width:0;border-style:solid;opacity:.2;-webkit-transform:none!important;transform:none!important}md-tab>.md-ripple-container .md-ripple.md-ripple-active,md-tab>.md-ripple-container .md-ripple.md-ripple-full,md-tab>.md-ripple-container .md-ripple.md-ripple-visible{opacity:.2}.md-color-palette-definition{background-image:url("data:image/svg+xml;utf8,{_red_: {_50_: _#ffebee_,_100_: _#ffcdd2_,_200_: _#ef9a9a_,_300_: _#e57373_,_400_: _#ef5350_,_500_: _#f44336_,_600_: _#e53935_,_700_: _#d32f2f_,_800_: _#c62828_,_900_: _#b71c1c_,_A100_: _#ff8a80_,_A200_: _#ff5252_,_A400_: _#ff1744_,_A700_: _#d50000_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_pink_: {_50_: _#fce4ec_,_100_: _#f8bbd0_,_200_: _#f48fb1_,_300_: _#f06292_,_400_: _#ec407a_,_500_: _#e91e63_,_600_: _#d81b60_,_700_: _#c2185b_,_800_: _#ad1457_,_900_: _#880e4f_,_A100_: _#ff80ab_,_A200_: _#ff4081_,_A400_: _#f50057_,_A700_: _#c51162_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_purple_: {_50_: _#f3e5f5_,_100_: _#e1bee7_,_200_: _#ce93d8_,_300_: _#ba68c8_,_400_: _#ab47bc_,_500_: _#9c27b0_,_600_: _#8e24aa_,_700_: _#7b1fa2_,_800_: _#6a1b9a_,_900_: _#4a148c_,_A100_: _#ea80fc_,_A200_: _#e040fb_,_A400_: _#d500f9_,_A700_: _#aa00ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_deep-purple_: {_50_: _#ede7f6_,_100_: _#d1c4e9_,_200_: _#b39ddb_,_300_: _#9575cd_,_400_: _#7e57c2_,_500_: _#673ab7_,_600_: _#5e35b1_,_700_: _#512da8_,_800_: _#4527a0_,_900_: _#311b92_,_A100_: _#b388ff_,_A200_: _#7c4dff_,_A400_: _#651fff_,_A700_: _#6200ea_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_indigo_: {_50_: _#e8eaf6_,_100_: _#c5cae9_,_200_: _#9fa8da_,_300_: _#7986cb_,_400_: _#5c6bc0_,_500_: _#3f51b5_,_600_: _#3949ab_,_700_: _#303f9f_,_800_: _#283593_,_900_: _#1a237e_,_A100_: _#8c9eff_,_A200_: _#536dfe_,_A400_: _#3d5afe_,_A700_: _#304ffe_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_blue_: {_50_: _#e3f2fd_,_100_: _#bbdefb_,_200_: _#90caf9_,_300_: _#64b5f6_,_400_: _#42a5f5_,_500_: _#2196f3_,_600_: _#1e88e5_,_700_: _#1976d2_,_800_: _#1565c0_,_900_: _#0d47a1_,_A100_: _#82b1ff_,_A200_: _#448aff_,_A400_: _#2979ff_,_A700_: _#2962ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _100 200 300 400 A100_},_light-blue_: {_50_: _#e1f5fe_,_100_: _#b3e5fc_,_200_: _#81d4fa_,_300_: _#4fc3f7_,_400_: _#29b6f6_,_500_: _#03a9f4_,_600_: _#039be5_,_700_: _#0288d1_,_800_: _#0277bd_,_900_: _#01579b_,_A100_: _#80d8ff_,_A200_: _#40c4ff_,_A400_: _#00b0ff_,_A700_: _#0091ea_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900 A700_},_cyan_: {_50_: _#e0f7fa_,_100_: _#b2ebf2_,_200_: _#80deea_,_300_: _#4dd0e1_,_400_: _#26c6da_,_500_: _#00bcd4_,_600_: _#00acc1_,_700_: _#0097a7_,_800_: _#00838f_,_900_: _#006064_,_A100_: _#84ffff_,_A200_: _#18ffff_,_A400_: _#00e5ff_,_A700_: _#00b8d4_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_teal_: {_50_: _#e0f2f1_,_100_: _#b2dfdb_,_200_: _#80cbc4_,_300_: _#4db6ac_,_400_: _#26a69a_,_500_: _#009688_,_600_: _#00897b_,_700_: _#00796b_,_800_: _#00695c_,_900_: _#004d40_,_A100_: _#a7ffeb_,_A200_: _#64ffda_,_A400_: _#1de9b6_,_A700_: _#00bfa5_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_green_: {_50_: _#e8f5e9_,_100_: _#c8e6c9_,_200_: _#a5d6a7_,_300_: _#81c784_,_400_: _#66bb6a_,_500_: _#4caf50_,_600_: _#43a047_,_700_: _#388e3c_,_800_: _#2e7d32_,_900_: _#1b5e20_,_A100_: _#b9f6ca_,_A200_: _#69f0ae_,_A400_: _#00e676_,_A700_: _#00c853_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_light-green_: {_50_: _#f1f8e9_,_100_: _#dcedc8_,_200_: _#c5e1a5_,_300_: _#aed581_,_400_: _#9ccc65_,_500_: _#8bc34a_,_600_: _#7cb342_,_700_: _#689f38_,_800_: _#558b2f_,_900_: _#33691e_,_A100_: _#ccff90_,_A200_: _#b2ff59_,_A400_: _#76ff03_,_A700_: _#64dd17_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_lime_: {_50_: _#f9fbe7_,_100_: _#f0f4c3_,_200_: _#e6ee9c_,_300_: _#dce775_,_400_: _#d4e157_,_500_: _#cddc39_,_600_: _#c0ca33_,_700_: _#afb42b_,_800_: _#9e9d24_,_900_: _#827717_,_A100_: _#f4ff81_,_A200_: _#eeff41_,_A400_: _#c6ff00_,_A700_: _#aeea00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _900_},_yellow_: {_50_: _#fffde7_,_100_: _#fff9c4_,_200_: _#fff59d_,_300_: _#fff176_,_400_: _#ffee58_,_500_: _#ffeb3b_,_600_: _#fdd835_,_700_: _#fbc02d_,_800_: _#f9a825_,_900_: _#f57f17_,_A100_: _#ffff8d_,_A200_: _#ffff00_,_A400_: _#ffea00_,_A700_: _#ffd600_,_contrastDefaultColor_: _dark_},_amber_: {_50_: _#fff8e1_,_100_: _#ffecb3_,_200_: _#ffe082_,_300_: _#ffd54f_,_400_: _#ffca28_,_500_: _#ffc107_,_600_: _#ffb300_,_700_: _#ffa000_,_800_: _#ff8f00_,_900_: _#ff6f00_,_A100_: _#ffe57f_,_A200_: _#ffd740_,_A400_: _#ffc400_,_A700_: _#ffab00_,_contrastDefaultColor_: _dark_},_orange_: {_50_: _#fff3e0_,_100_: _#ffe0b2_,_200_: _#ffcc80_,_300_: _#ffb74d_,_400_: _#ffa726_,_500_: _#ff9800_,_600_: _#fb8c00_,_700_: _#f57c00_,_800_: _#ef6c00_,_900_: _#e65100_,_A100_: _#ffd180_,_A200_: _#ffab40_,_A400_: _#ff9100_,_A700_: _#ff6d00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_deep-orange_: {_50_: _#fbe9e7_,_100_: _#ffccbc_,_200_: _#ffab91_,_300_: _#ff8a65_,_400_: _#ff7043_,_500_: _#ff5722_,_600_: _#f4511e_,_700_: _#e64a19_,_800_: _#d84315_,_900_: _#bf360c_,_A100_: _#ff9e80_,_A200_: _#ff6e40_,_A400_: _#ff3d00_,_A700_: _#dd2c00_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100 A200_},_brown_: {_50_: _#efebe9_,_100_: _#d7ccc8_,_200_: _#bcaaa4_,_300_: _#a1887f_,_400_: _#8d6e63_,_500_: _#795548_,_600_: _#6d4c41_,_700_: _#5d4037_,_800_: _#4e342e_,_900_: _#3e2723_,_A100_: _#d7ccc8_,_A200_: _#bcaaa4_,_A400_: _#8d6e63_,_A700_: _#5d4037_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200_},_grey_: {_0_: _#ffffff_,_50_: _#fafafa_,_100_: _#f5f5f5_,_200_: _#eeeeee_,_300_: _#e0e0e0_,_400_: _#bdbdbd_,_500_: _#9e9e9e_,_600_: _#757575_,_700_: _#616161_,_800_: _#424242_,_900_: _#212121_,_1000_: _#000000_,_A100_: _#ffffff_,_A200_: _#eeeeee_,_A400_: _#bdbdbd_,_A700_: _#616161_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _600 700 800 900_},_blue-grey_: {_50_: _#eceff1_,_100_: _#cfd8dc_,_200_: _#b0bec5_,_300_: _#90a4ae_,_400_: _#78909c_,_500_: _#607d8b_,_600_: _#546e7a_,_700_: _#455a64_,_800_: _#37474f_,_900_: _#263238_,_A100_: _#cfd8dc_,_A200_: _#b0bec5_,_A400_: _#78909c_,_A700_: _#455a64_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300_}}");display:none}[layout]{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[layout=column]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[layout=row]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[layout-padding],[layout-padding]>[flex]{padding:8px}[layout-margin],[layout-margin]>[flex]{margin:8px}[layout-wrap]{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}[layout-fill]{margin:0;min-height:100%;width:100%}@-moz-document url-prefix(){[layout-fill]{margin:0;width:100%;min-height:auto;height:inherit}}[flex]{-webkit-flex:1;-ms-flex:1;flex:1}[flex="0"]{-webkit-flex:0 0 0;-ms-flex:0 0 0;flex:0 0 0}[layout=row]>[flex="0"]{max-width:0}[layout=column]>[flex="0"]{max-height:0}[flex="5"]{-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%}[layout=row]>[flex="5"]{max-width:5%}[layout=column]>[flex="5"]{max-height:5%}[flex="10"]{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}[layout=row]>[flex="10"]{max-width:10%}[layout=column]>[flex="10"]{max-height:10%}[flex="15"]{-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%}[layout=row]>[flex="15"]{max-width:15%}[layout=column]>[flex="15"]{max-height:15%}[flex="20"]{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}[layout=row]>[flex="20"]{max-width:20%}[layout=column]>[flex="20"]{max-height:20%}[flex="25"]{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}[layout=row]>[flex="25"]{max-width:25%}[layout=column]>[flex="25"]{max-height:25%}[flex="30"]{-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}[layout=row]>[flex="30"]{max-width:30%}[layout=column]>[flex="30"]{max-height:30%}[flex="35"]{-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%}[layout=row]>[flex="35"]{max-width:35%}[layout=column]>[flex="35"]{max-height:35%}[flex="40"]{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}[layout=row]>[flex="40"]{max-width:40%}[layout=column]>[flex="40"]{max-height:40%}[flex="45"]{-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}[layout=row]>[flex="45"]{max-width:45%}[layout=column]>[flex="45"]{max-height:45%}[flex="50"]{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}[layout=row]>[flex="50"]{max-width:50%}[layout=column]>[flex="50"]{max-height:50%}[flex="55"]{-webkit-flex:0 0 55%;-ms-flex:0 0 55%;flex:0 0 55%}[layout=row]>[flex="55"]{max-width:55%}[layout=column]>[flex="55"]{max-height:55%}[flex="60"]{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%}[layout=row]>[flex="60"]{max-width:60%}[layout=column]>[flex="60"]{max-height:60%}[flex="65"]{-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%}[layout=row]>[flex="65"]{max-width:65%}[layout=column]>[flex="65"]{max-height:65%}[flex="70"]{-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}[layout=row]>[flex="70"]{max-width:70%}[layout=column]>[flex="70"]{max-height:70%}[flex="75"]{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%}[layout=row]>[flex="75"]{max-width:75%}[layout=column]>[flex="75"]{max-height:75%}[flex="80"]{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%}[layout=row]>[flex="80"]{max-width:80%}[layout=column]>[flex="80"]{max-height:80%}[flex="85"]{-webkit-flex:0 0 85%;-ms-flex:0 0 85%;flex:0 0 85%}[layout=row]>[flex="85"]{max-width:85%}[layout=column]>[flex="85"]{max-height:85%}[flex="90"]{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%}[layout=row]>[flex="90"]{max-width:90%}[layout=column]>[flex="90"]{max-height:90%}[flex="95"]{-webkit-flex:0 0 95%;-ms-flex:0 0 95%;flex:0 0 95%}[layout=row]>[flex="95"]{max-width:95%}[layout=column]>[flex="95"]{max-height:95%}[flex="100"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}[layout=row]>[flex="100"]{max-width:100%}[layout=column]>[flex="100"]{max-height:100%}[layout=row]>[flex="33"],[layout=row]>[flex="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}[layout=row]>[flex="66"],[layout=row]>[flex="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}[layout=column]>[flex="33"],[layout=column]>[flex="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-height:33.33%}[layout=column]>[flex="66"],[layout=column]>[flex="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-height:66.66%}[layout-align="center center"],[layout-align="center start"],[layout-align="center end"],[layout-align=center]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[layout-align="end center"],[layout-align="end start"],[layout-align="end end"],[layout-align=end]{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[layout-align="space-around center"],[layout-align="space-around start"],[layout-align="space-around end"],[layout-align=space-around]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}[layout-align="space-between center"],[layout-align="space-between start"],[layout-align="space-between end"],[layout-align=space-between]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[layout-align="center center"],[layout-align="end center"],[layout-align="space-around center"],[layout-align="space-between center"],[layout-align="start center"]{-webkit-align-items:center;-ms-flex-align:center;align-items:center}[layout-align="center start"],[layout-align="end start"],[layout-align="space-around start"],[layout-align="space-between start"],[layout-align="start start"]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[layout-align="center end"],[layout-align="end end"],[layout-align="space-around end"],[layout-align="space-between end"],[layout-align="start end"]{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[hide]:not([show]){display:none}@media (max-width:600px){[hide-sm]:not([show-sm]),[hide]:not([show-sm]){display:none}[layout-align-sm="center center"],[layout-align-sm="center start"],[layout-align-sm="center end"],[layout-align-sm=center]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[layout-align-sm="end center"],[layout-align-sm="end start"],[layout-align-sm="end end"],[layout-align-sm=end]{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[layout-align-sm="space-around center"],[layout-align-sm="space-around start"],[layout-align-sm="space-around end"],[layout-align-sm=space-around]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}[layout-align-sm="space-between center"],[layout-align-sm="space-between start"],[layout-align-sm="space-between end"],[layout-align-sm=space-between]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[layout-align-sm="center center"],[layout-align-sm="end center"],[layout-align-sm="space-around center"],[layout-align-sm="space-between center"],[layout-align-sm="start center"]{-webkit-align-items:center;-ms-flex-align:center;align-items:center}[layout-align-sm="center start"],[layout-align-sm="end start"],[layout-align-sm="space-around start"],[layout-align-sm="space-between start"],[layout-align-sm="start start"]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[layout-align-sm="center end"],[layout-align-sm="end end"],[layout-align-sm="space-around end"],[layout-align-sm="space-between end"],[layout-align-sm="start end"]{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[layout-sm]{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[layout-sm=column]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[layout-sm=row]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex-sm]{-webkit-flex:1;-ms-flex:1;flex:1}[flex-sm="0"]{-webkit-flex:0 0 0;-ms-flex:0 0 0;flex:0 0 0}[layout=row]>[flex-sm="0"]{max-width:0}[layout=column]>[flex-sm="0"]{max-height:0}[flex-sm="5"]{-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%}[layout=row]>[flex-sm="5"]{max-width:5%}[layout=column]>[flex-sm="5"]{max-height:5%}[flex-sm="10"]{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}[layout=row]>[flex-sm="10"]{max-width:10%}[layout=column]>[flex-sm="10"]{max-height:10%}[flex-sm="15"]{-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%}[layout=row]>[flex-sm="15"]{max-width:15%}[layout=column]>[flex-sm="15"]{max-height:15%}[flex-sm="20"]{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}[layout=row]>[flex-sm="20"]{max-width:20%}[layout=column]>[flex-sm="20"]{max-height:20%}[flex-sm="25"]{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}[layout=row]>[flex-sm="25"]{max-width:25%}[layout=column]>[flex-sm="25"]{max-height:25%}[flex-sm="30"]{-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}[layout=row]>[flex-sm="30"]{max-width:30%}[layout=column]>[flex-sm="30"]{max-height:30%}[flex-sm="35"]{-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%}[layout=row]>[flex-sm="35"]{max-width:35%}[layout=column]>[flex-sm="35"]{max-height:35%}[flex-sm="40"]{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}[layout=row]>[flex-sm="40"]{max-width:40%}[layout=column]>[flex-sm="40"]{max-height:40%}[flex-sm="45"]{-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}[layout=row]>[flex-sm="45"]{max-width:45%}[layout=column]>[flex-sm="45"]{max-height:45%}[flex-sm="50"]{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}[layout=row]>[flex-sm="50"]{max-width:50%}[layout=column]>[flex-sm="50"]{max-height:50%}[flex-sm="55"]{-webkit-flex:0 0 55%;-ms-flex:0 0 55%;flex:0 0 55%}[layout=row]>[flex-sm="55"]{max-width:55%}[layout=column]>[flex-sm="55"]{max-height:55%}[flex-sm="60"]{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%}[layout=row]>[flex-sm="60"]{max-width:60%}[layout=column]>[flex-sm="60"]{max-height:60%}[flex-sm="65"]{-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%}[layout=row]>[flex-sm="65"]{max-width:65%}[layout=column]>[flex-sm="65"]{max-height:65%}[flex-sm="70"]{-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}[layout=row]>[flex-sm="70"]{max-width:70%}[layout=column]>[flex-sm="70"]{max-height:70%}[flex-sm="75"]{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%}[layout=row]>[flex-sm="75"]{max-width:75%}[layout=column]>[flex-sm="75"]{max-height:75%}[flex-sm="80"]{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%}[layout=row]>[flex-sm="80"]{max-width:80%}[layout=column]>[flex-sm="80"]{max-height:80%}[flex-sm="85"]{-webkit-flex:0 0 85%;-ms-flex:0 0 85%;flex:0 0 85%}[layout=row]>[flex-sm="85"]{max-width:85%}[layout=column]>[flex-sm="85"]{max-height:85%}[flex-sm="90"]{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%}[layout=row]>[flex-sm="90"]{max-width:90%}[layout=column]>[flex-sm="90"]{max-height:90%}[flex-sm="95"]{-webkit-flex:0 0 95%;-ms-flex:0 0 95%;flex:0 0 95%}[layout=row]>[flex-sm="95"]{max-width:95%}[layout=column]>[flex-sm="95"]{max-height:95%}[flex-sm="100"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}[layout=row]>[flex-sm="100"]{max-width:100%}[layout=column]>[flex-sm="100"]{max-height:100%}[layout=row]>[flex-sm="33"],[layout=row]>[flex-sm="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}[layout=row]>[flex-sm="66"],[layout=row]>[flex-sm="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}[layout=column]>[flex-sm="33"],[layout=column]>[flex-sm="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-height:33.33%}[layout=column]>[flex-sm="66"],[layout=column]>[flex-sm="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-height:66.66%}}@media (min-width:600px){[hide-gt-sm]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]),[hide]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]){display:none}[layout-align-gt-sm="center center"],[layout-align-gt-sm="center start"],[layout-align-gt-sm="center end"],[layout-align-gt-sm=center]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[layout-align-gt-sm="end center"],[layout-align-gt-sm="end start"],[layout-align-gt-sm="end end"],[layout-align-gt-sm=end]{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[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]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}[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]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[layout-align-gt-sm="center center"],[layout-align-gt-sm="end center"],[layout-align-gt-sm="space-around center"],[layout-align-gt-sm="space-between center"],[layout-align-gt-sm="start center"]{-webkit-align-items:center;-ms-flex-align:center;align-items:center}[layout-align-gt-sm="center start"],[layout-align-gt-sm="end start"],[layout-align-gt-sm="space-around start"],[layout-align-gt-sm="space-between start"],[layout-align-gt-sm="start start"]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[layout-align-gt-sm="center end"],[layout-align-gt-sm="end end"],[layout-align-gt-sm="space-around end"],[layout-align-gt-sm="space-between end"],[layout-align-gt-sm="start end"]{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[layout-gt-sm]{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[layout-gt-sm=column]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[layout-gt-sm=row]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex-gt-sm]{-webkit-flex:1;-ms-flex:1;flex:1}[flex-gt-sm="0"]{-webkit-flex:0 0 0;-ms-flex:0 0 0;flex:0 0 0}[layout=row]>[flex-gt-sm="0"]{max-width:0}[layout=column]>[flex-gt-sm="0"]{max-height:0}[flex-gt-sm="5"]{-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%}[layout=row]>[flex-gt-sm="5"]{max-width:5%}[layout=column]>[flex-gt-sm="5"]{max-height:5%}[flex-gt-sm="10"]{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}[layout=row]>[flex-gt-sm="10"]{max-width:10%}[layout=column]>[flex-gt-sm="10"]{max-height:10%}[flex-gt-sm="15"]{-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%}[layout=row]>[flex-gt-sm="15"]{max-width:15%}[layout=column]>[flex-gt-sm="15"]{max-height:15%}[flex-gt-sm="20"]{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}[layout=row]>[flex-gt-sm="20"]{max-width:20%}[layout=column]>[flex-gt-sm="20"]{max-height:20%}[flex-gt-sm="25"]{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}[layout=row]>[flex-gt-sm="25"]{max-width:25%}[layout=column]>[flex-gt-sm="25"]{max-height:25%}[flex-gt-sm="30"]{-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}[layout=row]>[flex-gt-sm="30"]{max-width:30%}[layout=column]>[flex-gt-sm="30"]{max-height:30%}[flex-gt-sm="35"]{-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%}[layout=row]>[flex-gt-sm="35"]{max-width:35%}[layout=column]>[flex-gt-sm="35"]{max-height:35%}[flex-gt-sm="40"]{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}[layout=row]>[flex-gt-sm="40"]{max-width:40%}[layout=column]>[flex-gt-sm="40"]{max-height:40%}[flex-gt-sm="45"]{-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}[layout=row]>[flex-gt-sm="45"]{max-width:45%}[layout=column]>[flex-gt-sm="45"]{max-height:45%}[flex-gt-sm="50"]{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}[layout=row]>[flex-gt-sm="50"]{max-width:50%}[layout=column]>[flex-gt-sm="50"]{max-height:50%}[flex-gt-sm="55"]{-webkit-flex:0 0 55%;-ms-flex:0 0 55%;flex:0 0 55%}[layout=row]>[flex-gt-sm="55"]{max-width:55%}[layout=column]>[flex-gt-sm="55"]{max-height:55%}[flex-gt-sm="60"]{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%}[layout=row]>[flex-gt-sm="60"]{max-width:60%}[layout=column]>[flex-gt-sm="60"]{max-height:60%}[flex-gt-sm="65"]{-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%}[layout=row]>[flex-gt-sm="65"]{max-width:65%}[layout=column]>[flex-gt-sm="65"]{max-height:65%}[flex-gt-sm="70"]{-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}[layout=row]>[flex-gt-sm="70"]{max-width:70%}[layout=column]>[flex-gt-sm="70"]{max-height:70%}[flex-gt-sm="75"]{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%}[layout=row]>[flex-gt-sm="75"]{max-width:75%}[layout=column]>[flex-gt-sm="75"]{max-height:75%}[flex-gt-sm="80"]{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%}[layout=row]>[flex-gt-sm="80"]{max-width:80%}[layout=column]>[flex-gt-sm="80"]{max-height:80%}[flex-gt-sm="85"]{-webkit-flex:0 0 85%;-ms-flex:0 0 85%;flex:0 0 85%}[layout=row]>[flex-gt-sm="85"]{max-width:85%}[layout=column]>[flex-gt-sm="85"]{max-height:85%}[flex-gt-sm="90"]{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%}[layout=row]>[flex-gt-sm="90"]{max-width:90%}[layout=column]>[flex-gt-sm="90"]{max-height:90%}[flex-gt-sm="95"]{-webkit-flex:0 0 95%;-ms-flex:0 0 95%;flex:0 0 95%}[layout=row]>[flex-gt-sm="95"]{max-width:95%}[layout=column]>[flex-gt-sm="95"]{max-height:95%}[flex-gt-sm="100"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}[layout=row]>[flex-gt-sm="100"]{max-width:100%}[layout=column]>[flex-gt-sm="100"]{max-height:100%}[layout=row]>[flex-gt-sm="33"],[layout=row]>[flex-gt-sm="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}[layout=row]>[flex-gt-sm="66"],[layout=row]>[flex-gt-sm="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}[layout=column]>[flex-gt-sm="33"],[layout=column]>[flex-gt-sm="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-height:33.33%}[layout=column]>[flex-gt-sm="66"],[layout=column]>[flex-gt-sm="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-height:66.66%}}@media (min-width:600px) and (max-width:960px){[hide-md]:not([show-md]),[hide]:not([show-md]){display:none}[layout-align-md="center center"],[layout-align-md="center start"],[layout-align-md="center end"],[layout-align-md=center]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[layout-align-md="end center"],[layout-align-md="end start"],[layout-align-md="end end"],[layout-align-md=end]{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[layout-align-md="space-around center"],[layout-align-md="space-around start"],[layout-align-md="space-around end"],[layout-align-md=space-around]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}[layout-align-md="space-between center"],[layout-align-md="space-between start"],[layout-align-md="space-between end"],[layout-align-md=space-between]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[layout-align-md="center center"],[layout-align-md="end center"],[layout-align-md="space-around center"],[layout-align-md="space-between center"],[layout-align-md="start center"]{-webkit-align-items:center;-ms-flex-align:center;align-items:center}[layout-align-md="center start"],[layout-align-md="end start"],[layout-align-md="space-around start"],[layout-align-md="space-between start"],[layout-align-md="start start"]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[layout-align-md="center end"],[layout-align-md="end end"],[layout-align-md="space-around end"],[layout-align-md="space-between end"],[layout-align-md="start end"]{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[layout-md]{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[layout-md=column]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[layout-md=row]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex-md]{-webkit-flex:1;-ms-flex:1;flex:1}[flex-md="0"]{-webkit-flex:0 0 0;-ms-flex:0 0 0;flex:0 0 0}[layout=row]>[flex-md="0"]{max-width:0}[layout=column]>[flex-md="0"]{max-height:0}[flex-md="5"]{-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%}[layout=row]>[flex-md="5"]{max-width:5%}[layout=column]>[flex-md="5"]{max-height:5%}[flex-md="10"]{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}[layout=row]>[flex-md="10"]{max-width:10%}[layout=column]>[flex-md="10"]{max-height:10%}[flex-md="15"]{-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%}[layout=row]>[flex-md="15"]{max-width:15%}[layout=column]>[flex-md="15"]{max-height:15%}[flex-md="20"]{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}[layout=row]>[flex-md="20"]{max-width:20%}[layout=column]>[flex-md="20"]{max-height:20%}[flex-md="25"]{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}[layout=row]>[flex-md="25"]{max-width:25%}[layout=column]>[flex-md="25"]{max-height:25%}[flex-md="30"]{-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}[layout=row]>[flex-md="30"]{max-width:30%}[layout=column]>[flex-md="30"]{max-height:30%}[flex-md="35"]{-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%}[layout=row]>[flex-md="35"]{max-width:35%}[layout=column]>[flex-md="35"]{max-height:35%}[flex-md="40"]{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}[layout=row]>[flex-md="40"]{max-width:40%}[layout=column]>[flex-md="40"]{max-height:40%}[flex-md="45"]{-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}[layout=row]>[flex-md="45"]{max-width:45%}[layout=column]>[flex-md="45"]{max-height:45%}[flex-md="50"]{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}[layout=row]>[flex-md="50"]{max-width:50%}[layout=column]>[flex-md="50"]{max-height:50%}[flex-md="55"]{-webkit-flex:0 0 55%;-ms-flex:0 0 55%;flex:0 0 55%}[layout=row]>[flex-md="55"]{max-width:55%}[layout=column]>[flex-md="55"]{max-height:55%}[flex-md="60"]{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%}[layout=row]>[flex-md="60"]{max-width:60%}[layout=column]>[flex-md="60"]{max-height:60%}[flex-md="65"]{-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%}[layout=row]>[flex-md="65"]{max-width:65%}[layout=column]>[flex-md="65"]{max-height:65%}[flex-md="70"]{-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}[layout=row]>[flex-md="70"]{max-width:70%}[layout=column]>[flex-md="70"]{max-height:70%}[flex-md="75"]{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%}[layout=row]>[flex-md="75"]{max-width:75%}[layout=column]>[flex-md="75"]{max-height:75%}[flex-md="80"]{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%}[layout=row]>[flex-md="80"]{max-width:80%}[layout=column]>[flex-md="80"]{max-height:80%}[flex-md="85"]{-webkit-flex:0 0 85%;-ms-flex:0 0 85%;flex:0 0 85%}[layout=row]>[flex-md="85"]{max-width:85%}[layout=column]>[flex-md="85"]{max-height:85%}[flex-md="90"]{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%}[layout=row]>[flex-md="90"]{max-width:90%}[layout=column]>[flex-md="90"]{max-height:90%}[flex-md="95"]{-webkit-flex:0 0 95%;-ms-flex:0 0 95%;flex:0 0 95%}[layout=row]>[flex-md="95"]{max-width:95%}[layout=column]>[flex-md="95"]{max-height:95%}[flex-md="100"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}[layout=row]>[flex-md="100"]{max-width:100%}[layout=column]>[flex-md="100"]{max-height:100%}[layout=row]>[flex-md="33"],[layout=row]>[flex-md="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}[layout=row]>[flex-md="66"],[layout=row]>[flex-md="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}[layout=column]>[flex-md="33"],[layout=column]>[flex-md="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-height:33.33%}[layout=column]>[flex-md="66"],[layout=column]>[flex-md="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-height:66.66%}}@media (min-width:960px){[hide-gt-md]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]),[hide]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]){display:none}[layout-align-gt-md="center center"],[layout-align-gt-md="center start"],[layout-align-gt-md="center end"],[layout-align-gt-md=center]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[layout-align-gt-md="end center"],[layout-align-gt-md="end start"],[layout-align-gt-md="end end"],[layout-align-gt-md=end]{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[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]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}[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]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[layout-align-gt-md="center center"],[layout-align-gt-md="end center"],[layout-align-gt-md="space-around center"],[layout-align-gt-md="space-between center"],[layout-align-gt-md="start center"]{-webkit-align-items:center;-ms-flex-align:center;align-items:center}[layout-align-gt-md="center start"],[layout-align-gt-md="end start"],[layout-align-gt-md="space-around start"],[layout-align-gt-md="space-between start"],[layout-align-gt-md="start start"]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[layout-align-gt-md="center end"],[layout-align-gt-md="end end"],[layout-align-gt-md="space-around end"],[layout-align-gt-md="space-between end"],[layout-align-gt-md="start end"]{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[layout-gt-md]{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[layout-gt-md=column]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[layout-gt-md=row]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex-gt-md]{-webkit-flex:1;-ms-flex:1;flex:1}[flex-gt-md="0"]{-webkit-flex:0 0 0;-ms-flex:0 0 0;flex:0 0 0}[layout=row]>[flex-gt-md="0"]{max-width:0}[layout=column]>[flex-gt-md="0"]{max-height:0}[flex-gt-md="5"]{-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%}[layout=row]>[flex-gt-md="5"]{max-width:5%}[layout=column]>[flex-gt-md="5"]{max-height:5%}[flex-gt-md="10"]{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}[layout=row]>[flex-gt-md="10"]{max-width:10%}[layout=column]>[flex-gt-md="10"]{max-height:10%}[flex-gt-md="15"]{-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%}[layout=row]>[flex-gt-md="15"]{max-width:15%}[layout=column]>[flex-gt-md="15"]{max-height:15%}[flex-gt-md="20"]{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}[layout=row]>[flex-gt-md="20"]{max-width:20%}[layout=column]>[flex-gt-md="20"]{max-height:20%}[flex-gt-md="25"]{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}[layout=row]>[flex-gt-md="25"]{max-width:25%}[layout=column]>[flex-gt-md="25"]{max-height:25%}[flex-gt-md="30"]{-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}[layout=row]>[flex-gt-md="30"]{max-width:30%}[layout=column]>[flex-gt-md="30"]{max-height:30%}[flex-gt-md="35"]{-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%}[layout=row]>[flex-gt-md="35"]{max-width:35%}[layout=column]>[flex-gt-md="35"]{max-height:35%}[flex-gt-md="40"]{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}[layout=row]>[flex-gt-md="40"]{max-width:40%}[layout=column]>[flex-gt-md="40"]{max-height:40%}[flex-gt-md="45"]{-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}[layout=row]>[flex-gt-md="45"]{max-width:45%}[layout=column]>[flex-gt-md="45"]{max-height:45%}[flex-gt-md="50"]{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}[layout=row]>[flex-gt-md="50"]{max-width:50%}[layout=column]>[flex-gt-md="50"]{max-height:50%}[flex-gt-md="55"]{-webkit-flex:0 0 55%;-ms-flex:0 0 55%;flex:0 0 55%}[layout=row]>[flex-gt-md="55"]{max-width:55%}[layout=column]>[flex-gt-md="55"]{max-height:55%}[flex-gt-md="60"]{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%}[layout=row]>[flex-gt-md="60"]{max-width:60%}[layout=column]>[flex-gt-md="60"]{max-height:60%}[flex-gt-md="65"]{-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%}[layout=row]>[flex-gt-md="65"]{max-width:65%}[layout=column]>[flex-gt-md="65"]{max-height:65%}[flex-gt-md="70"]{-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}[layout=row]>[flex-gt-md="70"]{max-width:70%}[layout=column]>[flex-gt-md="70"]{max-height:70%}[flex-gt-md="75"]{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%}[layout=row]>[flex-gt-md="75"]{max-width:75%}[layout=column]>[flex-gt-md="75"]{max-height:75%}[flex-gt-md="80"]{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%}[layout=row]>[flex-gt-md="80"]{max-width:80%}[layout=column]>[flex-gt-md="80"]{max-height:80%}[flex-gt-md="85"]{-webkit-flex:0 0 85%;-ms-flex:0 0 85%;flex:0 0 85%}[layout=row]>[flex-gt-md="85"]{max-width:85%}[layout=column]>[flex-gt-md="85"]{max-height:85%}[flex-gt-md="90"]{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%}[layout=row]>[flex-gt-md="90"]{max-width:90%}[layout=column]>[flex-gt-md="90"]{max-height:90%}[flex-gt-md="95"]{-webkit-flex:0 0 95%;-ms-flex:0 0 95%;flex:0 0 95%}[layout=row]>[flex-gt-md="95"]{max-width:95%}[layout=column]>[flex-gt-md="95"]{max-height:95%}[flex-gt-md="100"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}[layout=row]>[flex-gt-md="100"]{max-width:100%}[layout=column]>[flex-gt-md="100"]{max-height:100%}[layout=row]>[flex-gt-md="33"],[layout=row]>[flex-gt-md="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}[layout=row]>[flex-gt-md="66"],[layout=row]>[flex-gt-md="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}[layout=column]>[flex-gt-md="33"],[layout=column]>[flex-gt-md="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-height:33.33%}[layout=column]>[flex-gt-md="66"],[layout=column]>[flex-gt-md="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-height:66.66%}}@media (min-width:960px) and (max-width:1200px){[hide-lg]:not([show-lg]),[hide]:not([show-lg]){display:none}[layout-align-lg="center center"],[layout-align-lg="center start"],[layout-align-lg="center end"],[layout-align-lg=center]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[layout-align-lg="end center"],[layout-align-lg="end start"],[layout-align-lg="end end"],[layout-align-lg=end]{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[layout-align-lg="space-around center"],[layout-align-lg="space-around start"],[layout-align-lg="space-around end"],[layout-align-lg=space-around]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}[layout-align-lg="space-between center"],[layout-align-lg="space-between start"],[layout-align-lg="space-between end"],[layout-align-lg=space-between]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[layout-align-lg="center center"],[layout-align-lg="end center"],[layout-align-lg="space-around center"],[layout-align-lg="space-between center"],[layout-align-lg="start center"]{-webkit-align-items:center;-ms-flex-align:center;align-items:center}[layout-align-lg="center start"],[layout-align-lg="end start"],[layout-align-lg="space-around start"],[layout-align-lg="space-between start"],[layout-align-lg="start start"]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[layout-align-lg="center end"],[layout-align-lg="end end"],[layout-align-lg="space-around end"],[layout-align-lg="space-between end"],[layout-align-lg="start end"]{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[layout-lg]{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[layout-lg=column]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[layout-lg=row]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex-lg]{-webkit-flex:1;-ms-flex:1;flex:1}[flex-lg="0"]{-webkit-flex:0 0 0;-ms-flex:0 0 0;flex:0 0 0}[layout=row]>[flex-lg="0"]{max-width:0}[layout=column]>[flex-lg="0"]{max-height:0}[flex-lg="5"]{-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%}[layout=row]>[flex-lg="5"]{max-width:5%}[layout=column]>[flex-lg="5"]{max-height:5%}[flex-lg="10"]{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}[layout=row]>[flex-lg="10"]{max-width:10%}[layout=column]>[flex-lg="10"]{max-height:10%}[flex-lg="15"]{-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%}[layout=row]>[flex-lg="15"]{max-width:15%}[layout=column]>[flex-lg="15"]{max-height:15%}[flex-lg="20"]{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}[layout=row]>[flex-lg="20"]{max-width:20%}[layout=column]>[flex-lg="20"]{max-height:20%}[flex-lg="25"]{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}[layout=row]>[flex-lg="25"]{max-width:25%}[layout=column]>[flex-lg="25"]{max-height:25%}[flex-lg="30"]{-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}[layout=row]>[flex-lg="30"]{max-width:30%}[layout=column]>[flex-lg="30"]{max-height:30%}[flex-lg="35"]{-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%}[layout=row]>[flex-lg="35"]{max-width:35%}[layout=column]>[flex-lg="35"]{max-height:35%}[flex-lg="40"]{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}[layout=row]>[flex-lg="40"]{max-width:40%}[layout=column]>[flex-lg="40"]{max-height:40%}[flex-lg="45"]{-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}[layout=row]>[flex-lg="45"]{max-width:45%}[layout=column]>[flex-lg="45"]{max-height:45%}[flex-lg="50"]{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}[layout=row]>[flex-lg="50"]{max-width:50%}[layout=column]>[flex-lg="50"]{max-height:50%}[flex-lg="55"]{-webkit-flex:0 0 55%;-ms-flex:0 0 55%;flex:0 0 55%}[layout=row]>[flex-lg="55"]{max-width:55%}[layout=column]>[flex-lg="55"]{max-height:55%}[flex-lg="60"]{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%}[layout=row]>[flex-lg="60"]{max-width:60%}[layout=column]>[flex-lg="60"]{max-height:60%}[flex-lg="65"]{-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%}[layout=row]>[flex-lg="65"]{max-width:65%}[layout=column]>[flex-lg="65"]{max-height:65%}[flex-lg="70"]{-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}[layout=row]>[flex-lg="70"]{max-width:70%}[layout=column]>[flex-lg="70"]{max-height:70%}[flex-lg="75"]{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%}[layout=row]>[flex-lg="75"]{max-width:75%}[layout=column]>[flex-lg="75"]{max-height:75%}[flex-lg="80"]{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%}[layout=row]>[flex-lg="80"]{max-width:80%}[layout=column]>[flex-lg="80"]{max-height:80%}[flex-lg="85"]{-webkit-flex:0 0 85%;-ms-flex:0 0 85%;flex:0 0 85%}[layout=row]>[flex-lg="85"]{max-width:85%}[layout=column]>[flex-lg="85"]{max-height:85%}[flex-lg="90"]{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%}[layout=row]>[flex-lg="90"]{max-width:90%}[layout=column]>[flex-lg="90"]{max-height:90%}[flex-lg="95"]{-webkit-flex:0 0 95%;-ms-flex:0 0 95%;flex:0 0 95%}[layout=row]>[flex-lg="95"]{max-width:95%}[layout=column]>[flex-lg="95"]{max-height:95%}[flex-lg="100"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}[layout=row]>[flex-lg="100"]{max-width:100%}[layout=column]>[flex-lg="100"]{max-height:100%}[layout=row]>[flex-lg="33"],[layout=row]>[flex-lg="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}[layout=row]>[flex-lg="66"],[layout=row]>[flex-lg="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}[layout=column]>[flex-lg="33"],[layout=column]>[flex-lg="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-height:33.33%}[layout=column]>[flex-lg="66"],[layout=column]>[flex-lg="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-height:66.66%}}@media (min-width:1200px){[hide-gt-lg]:not([show-gt-lg]),[hide]:not([show-gt-lg]){display:none}[layout-align-gt-lg="center center"],[layout-align-gt-lg="center start"],[layout-align-gt-lg="center end"],[layout-align-gt-lg=center]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[layout-align-gt-lg="end center"],[layout-align-gt-lg="end start"],[layout-align-gt-lg="end end"],[layout-align-gt-lg=end]{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[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]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}[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]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[layout-align-gt-lg="center center"],[layout-align-gt-lg="end center"],[layout-align-gt-lg="space-around center"],[layout-align-gt-lg="space-between center"],[layout-align-gt-lg="start center"]{-webkit-align-items:center;-ms-flex-align:center;align-items:center}[layout-align-gt-lg="center start"],[layout-align-gt-lg="end start"],[layout-align-gt-lg="space-around start"],[layout-align-gt-lg="space-between start"],[layout-align-gt-lg="start start"]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[layout-align-gt-lg="center end"],[layout-align-gt-lg="end end"],[layout-align-gt-lg="space-around end"],[layout-align-gt-lg="space-between end"],[layout-align-gt-lg="start end"]{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[layout-gt-lg]{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[layout-gt-lg=column]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[layout-gt-lg=row]{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex-gt-lg]{-webkit-flex:1;-ms-flex:1;flex:1}[flex-gt-lg="0"]{-webkit-flex:0 0 0;-ms-flex:0 0 0;flex:0 0 0}[layout=row]>[flex-gt-lg="0"]{max-width:0}[layout=column]>[flex-gt-lg="0"]{max-height:0}[flex-gt-lg="5"]{-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%}[layout=row]>[flex-gt-lg="5"]{max-width:5%}[layout=column]>[flex-gt-lg="5"]{max-height:5%}[flex-gt-lg="10"]{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}[layout=row]>[flex-gt-lg="10"]{max-width:10%}[layout=column]>[flex-gt-lg="10"]{max-height:10%}[flex-gt-lg="15"]{-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%}[layout=row]>[flex-gt-lg="15"]{max-width:15%}[layout=column]>[flex-gt-lg="15"]{max-height:15%}[flex-gt-lg="20"]{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}[layout=row]>[flex-gt-lg="20"]{max-width:20%}[layout=column]>[flex-gt-lg="20"]{max-height:20%}[flex-gt-lg="25"]{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}[layout=row]>[flex-gt-lg="25"]{max-width:25%}[layout=column]>[flex-gt-lg="25"]{max-height:25%}[flex-gt-lg="30"]{-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}[layout=row]>[flex-gt-lg="30"]{max-width:30%}[layout=column]>[flex-gt-lg="30"]{max-height:30%}[flex-gt-lg="35"]{-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%}[layout=row]>[flex-gt-lg="35"]{max-width:35%}[layout=column]>[flex-gt-lg="35"]{max-height:35%}[flex-gt-lg="40"]{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}[layout=row]>[flex-gt-lg="40"]{max-width:40%}[layout=column]>[flex-gt-lg="40"]{max-height:40%}[flex-gt-lg="45"]{-webkit-flex:0 0 45%;-ms-flex:0 0 45%;flex:0 0 45%}[layout=row]>[flex-gt-lg="45"]{max-width:45%}[layout=column]>[flex-gt-lg="45"]{max-height:45%}[flex-gt-lg="50"]{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}[layout=row]>[flex-gt-lg="50"]{max-width:50%}[layout=column]>[flex-gt-lg="50"]{max-height:50%}[flex-gt-lg="55"]{-webkit-flex:0 0 55%;-ms-flex:0 0 55%;flex:0 0 55%}[layout=row]>[flex-gt-lg="55"]{max-width:55%}[layout=column]>[flex-gt-lg="55"]{max-height:55%}[flex-gt-lg="60"]{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%}[layout=row]>[flex-gt-lg="60"]{max-width:60%}[layout=column]>[flex-gt-lg="60"]{max-height:60%}[flex-gt-lg="65"]{-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%}[layout=row]>[flex-gt-lg="65"]{max-width:65%}[layout=column]>[flex-gt-lg="65"]{max-height:65%}[flex-gt-lg="70"]{-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}[layout=row]>[flex-gt-lg="70"]{max-width:70%}[layout=column]>[flex-gt-lg="70"]{max-height:70%}[flex-gt-lg="75"]{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%}[layout=row]>[flex-gt-lg="75"]{max-width:75%}[layout=column]>[flex-gt-lg="75"]{max-height:75%}[flex-gt-lg="80"]{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%}[layout=row]>[flex-gt-lg="80"]{max-width:80%}[layout=column]>[flex-gt-lg="80"]{max-height:80%}[flex-gt-lg="85"]{-webkit-flex:0 0 85%;-ms-flex:0 0 85%;flex:0 0 85%}[layout=row]>[flex-gt-lg="85"]{max-width:85%}[layout=column]>[flex-gt-lg="85"]{max-height:85%}[flex-gt-lg="90"]{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%}[layout=row]>[flex-gt-lg="90"]{max-width:90%}[layout=column]>[flex-gt-lg="90"]{max-height:90%}[flex-gt-lg="95"]{-webkit-flex:0 0 95%;-ms-flex:0 0 95%;flex:0 0 95%}[layout=row]>[flex-gt-lg="95"]{max-width:95%}[layout=column]>[flex-gt-lg="95"]{max-height:95%}[flex-gt-lg="100"]{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}[layout=row]>[flex-gt-lg="100"]{max-width:100%}[layout=column]>[flex-gt-lg="100"]{max-height:100%}[layout=row]>[flex-gt-lg="33"],[layout=row]>[flex-gt-lg="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}[layout=row]>[flex-gt-lg="66"],[layout=row]>[flex-gt-lg="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}[layout=column]>[flex-gt-lg="33"],[layout=column]>[flex-gt-lg="34"]{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-height:33.33%}[layout=column]>[flex-gt-lg="66"],[layout=column]>[flex-gt-lg="67"]{-webkit-flex:0 0 66.66%;-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-height:66.66%}}[flex-order="0"]{-webkit-order:0;-ms-flex-order:0;order:0}[flex-order="1"]{-webkit-order:1;-ms-flex-order:1;order:1}[flex-order="2"]{-webkit-order:2;-ms-flex-order:2;order:2}[flex-order="3"]{-webkit-order:3;-ms-flex-order:3;order:3}[flex-order="4"]{-webkit-order:4;-ms-flex-order:4;order:4}[flex-order="5"]{-webkit-order:5;-ms-flex-order:5;order:5}[flex-order="6"]{-webkit-order:6;-ms-flex-order:6;order:6}[flex-order="7"]{-webkit-order:7;-ms-flex-order:7;order:7}[flex-order="8"]{-webkit-order:8;-ms-flex-order:8;order:8}[flex-order="9"]{-webkit-order:9;-ms-flex-order:9;order:9}md-backdrop{z-index:50;background-color:transparent;position:fixed;left:0;top:0;right:0;bottom:0}md-backdrop.md-dialog-backdrop{z-index:79}md-backdrop.md-bottom-sheet-backdrop{z-index:69}md-backdrop.md-sidenav-backdrop{z-index:59}md-backdrop.ng-enter{-webkit-animation:cubic-bezier(0.25,.8,.25,1) mdBackdropFadeIn .5s both;animation:cubic-bezier(0.25,.8,.25,1) mdBackdropFadeIn .5s both}md-backdrop.ng-leave{-webkit-animation:cubic-bezier(0.55,0,.55,.2) mdBackdropFadeOut .2s both;animation:cubic-bezier(0.55,0,.55,.2) mdBackdropFadeOut .2s both}@-webkit-keyframes mdBackdropFadeIn{from{opacity:0}to{opacity:1}}@keyframes mdBackdropFadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes mdBackdropFadeOut{from{opacity:1}to{opacity:0}}@keyframes mdBackdropFadeOut{from{opacity:1}to{opacity:0}}md-bottom-sheet{position:absolute;left:0;right:0;bottom:0;padding:8px 16px 88px;z-index:70;border-top:1px solid;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);transition:all .4s cubic-bezier(0.25,.8,.25,1);transition-property:-webkit-transform;transition-property:transform}md-bottom-sheet.md-has-header{padding-top:0}md-bottom-sheet.ng-enter{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}md-bottom-sheet.ng-enter-active{opacity:1;display:block;-webkit-transform:translate3d(0,80px,0)!important;transform:translate3d(0,80px,0)!important}md-bottom-sheet.ng-leave-active{-webkit-transform:translate3d(0,100%,0)!important;transform:translate3d(0,100%,0)!important;transition:all .3s cubic-bezier(0.55,0,.55,.2)}md-bottom-sheet .md-subheader{background-color:transparent;font-family:RobotoDraft,Roboto,'Helvetica Neue',sans-serif;line-height:56px;padding:0;white-space:nowrap}md-bottom-sheet md-inline-icon{display:inline-block;height:24px;width:24px;fill:#444}md-bottom-sheet md-item{display:-webkit-flex;display:-ms-flexbox;display:flex;outline:0}md-bottom-sheet md-item:hover{cursor:pointer}md-bottom-sheet.md-list md-item{-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:48px}md-bottom-sheet.md-list md-item div.md-icon-container{display:inline-block;height:24px;margin-right:32px}md-bottom-sheet.md-grid{padding-left:24px;padding-right:24px;padding-top:0}md-bottom-sheet.md-grid md-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;transition:all .5s;-webkit-align-items:center;-ms-flex-align:center;align-items:center}md-bottom-sheet.md-grid md-item{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;transition:all .5s;height:96px;margin-top:8px;margin-bottom:8px}@media screen and (max-width:600px){md-bottom-sheet.md-grid md-item{-webkit-flex:1 1 33.33333%;-ms-flex:1 1 33.33333%;flex:1 1 33.33333%;max-width:33.33333%}md-bottom-sheet.md-grid md-item:nth-of-type(3n+1){-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}md-bottom-sheet.md-grid md-item:nth-of-type(3n){-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}}@media screen and (min-width:600px) and (max-width:960px){md-bottom-sheet.md-grid md-item{-webkit-flex:1 1 25%;-ms-flex:1 1 25%;flex:1 1 25%;max-width:25%}}@media screen and (min-width:960px) and (max-width:1200px){md-bottom-sheet.md-grid md-item{-webkit-flex:1 1 16.66667%;-ms-flex:1 1 16.66667%;flex:1 1 16.66667%;max-width:16.66667%}}@media screen and (min-width:1200px){md-bottom-sheet.md-grid md-item{-webkit-flex:1 1 14.28571%;-ms-flex:1 1 14.28571%;flex:1 1 14.28571%;max-width:14.28571%}}md-bottom-sheet.md-grid md-item .md-item-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:48px;padding-bottom:16px}md-bottom-sheet.md-grid md-item .md-grid-item-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:80px}md-bottom-sheet.md-grid md-item .md-icon-container{display:inline-block;box-sizing:border-box;height:48px;width:48px;margin:0}md-bottom-sheet.md-grid md-item p.md-grid-text{font-weight:300;line-height:16px;font-size:13px;margin:0;white-space:nowrap;width:64px;text-align:center;padding-top:8px}.md-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;outline:0;border:0;padding:6px;margin:0;background:0 0;white-space:nowrap;text-align:center;text-transform:uppercase;font-weight:500;font-style:inherit;font-variant:inherit;font-size:inherit;font-family:inherit;line-height:inherit;text-decoration:none;cursor:pointer;overflow:hidden;transition:box-shadow .4s cubic-bezier(0.25,.8,.25,1),background-color .4s cubic-bezier(0.25,.8,.25,1),-webkit-transform .4s cubic-bezier(0.25,.8,.25,1);transition:box-shadow .4s cubic-bezier(0.25,.8,.25,1),background-color .4s cubic-bezier(0.25,.8,.25,1),transform .4s cubic-bezier(0.25,.8,.25,1)}.md-button.ng-hide{transition:none}.md-button.md-cornered{border-radius:0}.md-button.md-icon{padding:0;background:0 0}.md-button.md-raised{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.md-button.md-fab{z-index:20;width:56px;height:56px;border-radius:50%;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.2s linear;transition-property:-webkit-transform,box-shadow;transition-property:transform,box-shadow}.md-button.md-fab.md-fab-bottom-right{top:auto;right:20px;bottom:20px;left:auto;position:absolute}.md-button.md-fab.md-fab-bottom-left{top:auto;right:auto;bottom:20px;left:20px;position:absolute}.md-button.md-fab.md-fab-top-right{top:20px;right:20px;bottom:auto;left:auto;position:absolute}.md-button.md-fab.md-fab-top-left{top:20px;right:auto;bottom:auto;left:20px;position:absolute}.md-button.md-fab md-icon{line-height:56px;margin-top:0}.md-button:not([disabled]).md-fab:focus,.md-button:not([disabled]).md-fab:hover,.md-button:not([disabled]).md-raised:focus,.md-button:not([disabled]).md-raised:hover{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}.md-toast-open-top .md-button.md-fab-top-left,.md-toast-open-top .md-button.md-fab-top-right{-webkit-transform:translate3d(0,42px,0);transform:translate3d(0,42px,0)}.md-toast-open-top .md-button.md-fab-top-left:not([disabled]):focus,.md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):focus,.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover{-webkit-transform:translate3d(0,41px,0);transform:translate3d(0,41px,0)}.md-toast-open-bottom .md-button.md-fab-bottom-left,.md-toast-open-bottom .md-button.md-fab-bottom-right{-webkit-transform:translate3d(0,-42px,0);transform:translate3d(0,-42px,0)}.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):focus,.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):focus,.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover{-webkit-transform:translate3d(0,-43px,0);transform:translate3d(0,-43px,0)}.md-button-group{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;width:100%}.md-button-group>.md-button{-webkit-flex:1;-ms-flex:1;flex:1;display:block;overflow:hidden;width:0;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-group>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-group>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}md-card{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}md-card>img{-webkit-order:0;-ms-flex-order:0;order:0;width:100%}md-card md-card-content{-webkit-order:1;-ms-flex-order:1;order:1;margin:8px}md-checkbox{display:block;margin:15px;white-space:nowrap;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}md-checkbox .md-container{position:relative;top:4px;display:inline-block;width:18px;height:18px}md-checkbox .md-container:after{content:'';position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}md-checkbox .md-container .md-ripple-container{position:absolute;display:block;width:auto;height:auto;left:-15px;top:-15px;right:-15px;bottom:-15px}md-checkbox .md-icon{transition:240ms;position:absolute;top:0;left:0;width:18px;height:18px;border:2px solid;border-radius:2px}md-checkbox.md-checked .md-icon{border:none}md-checkbox[disabled]{cursor:no-drop}md-checkbox:focus .md-label:not(:empty){border-color:#000}md-checkbox.md-checked .md-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:6px;top:2px;display:table;width:6px;height:12px;border:2px solid;border-top:0;border-left:0;content:' '}md-checkbox .md-label{border:1px dotted transparent;position:relative;display:inline-block;margin-left:10px;vertical-align:middle;white-space:normal;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}md-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}md-content[md-scroll-y]{overflow-y:auto;overflow-x:hidden}md-content[md-scroll-x]{overflow-x:auto;overflow-y:hidden}md-content.md-padding{padding:8px}@media (min-width:600px){md-content.md-padding{padding:16px}}.md-dialog-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;right:0;bottom:0;z-index:80}md-dialog{opacity:0;min-width:240px;max-width:80%;max-height:80%;margin:auto;position:relative;overflow:hidden;box-shadow:0 27px 24px 0 rgba(0,0,0,.2);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}md-dialog.transition-in{opacity:1;transition:all .4s cubic-bezier(0.25,.8,.25,1);-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}md-dialog.transition-out{transition:all .4s cubic-bezier(0.25,.8,.25,1);-webkit-transform:translate3d(0,100%,0) scale(0.2);transform:translate3d(0,100%,0) scale(0.2)}md-dialog md-content{-webkit-order:1;-ms-flex-order:1;order:1;padding:24px;overflow:auto;-webkit-overflow-scrolling:touch}md-dialog md-content :first-child{margin-top:0}md-dialog .md-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-order:2;-ms-flex-order:2;order:2;box-sizing:border-box;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:16px;min-height:40px}md-dialog .md-actions>*{margin-left:8px}md-dialog.md-content-overflow .md-actions{border-top:1px solid}md-divider{display:block;border-top:1px solid;margin:0}md-divider[md-inset]{margin-left:80px}md-icon{margin:5px auto auto;padding:0;display:inline-block;background-repeat:no-repeat no-repeat;pointer-events:none}object,svg{fill:currentColor;color:currentColor}md-input-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:2px}md-input-container input[type=color],md-input-container input[type=date],md-input-container input[type=datetime-local],md-input-container input[type=datetime],md-input-container input[type=email],md-input-container input[type=month],md-input-container input[type=number],md-input-container input[type=password],md-input-container input[type=search],md-input-container input[type=tel],md-input-container input[type=text],md-input-container input[type=time],md-input-container input[type=url],md-input-container input[type=week],md-input-container textarea{-moz-appearance:none;-webkit-appearance:none}md-input-container textarea{resize:none;overflow:hidden}md-input-container label{-webkit-order:1;-ms-flex-order:1;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;z-index:1;-webkit-transform:translate3d(0,24px,0) scale(1);transform:translate3d(0,24px,0) scale(1);-webkit-transform-origin:left top;transform-origin:left top;transition:all cubic-bezier(0.25,.8,.25,1) .2s}md-input-container .md-input{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-order:2;-ms-flex-order:2;order:2;display:block;background:0 0;padding-top:2px;padding-bottom:1px;border-width:0 0 1px;line-height:26px;-ms-flex-preferred-size:26px}md-input-container .md-input:focus{outline:0}md-input-container.md-input-focused label,md-input-container.md-input-has-value label{-webkit-transform:translate3d(0,4px,0) scale(0.75);transform:translate3d(0,4px,0) scale(0.75)}md-input-container.md-input-focused .md-input{padding-bottom:0;border-width:0 0 2px}md-input-container .md-input[disabled]{background-position:0 bottom;background-size:3px 1px;background-repeat:repeat-x}md-list{padding:8px 0}md-item-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;position:relative;padding:0}.md-tile-left{min-width:56px;margin-right:-16px}.md-tile-content{-webkit-flex:1;-ms-flex:1;flex:1;padding:16px;text-overflow:ellipsis}.md-tile-content h3{margin:0 0 3px;font-weight:400;font-size:1.1em}.md-tile-content h4{margin:0 0 3px;font-weight:400;font-size:.9em}.md-tile-content p{margin:0 0 3px;font-size:.75em}.md-tile-right{padding-right:0}@-webkit-keyframes outer-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes outer-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes left-wobble{0%,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes left-wobble{0%,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes right-wobble{0%,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes right-wobble{0%,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes sporadic-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes sporadic-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}md-progress-circular{width:50px;height:50px;display:block;position:relative;padding-top:0!important;margin-bottom:0!important;overflow:hidden}md-progress-circular .md-inner{width:50px;height:50px;position:relative}md-progress-circular .md-inner .md-gap{position:absolute;left:24px;right:24px;top:0;bottom:0;border-top:5px solid #000;box-sizing:border-box}md-progress-circular .md-inner .md-left,md-progress-circular .md-inner .md-right{position:absolute;top:0;height:50px;width:25px;overflow:hidden}md-progress-circular .md-inner .md-left .md-half-circle,md-progress-circular .md-inner .md-right .md-half-circle{position:absolute;top:0;width:50px;height:50px;box-sizing:border-box;border-width:5px;border-style:solid;border-color:#000 black transparent;border-radius:50%}md-progress-circular .md-inner .md-left{left:0}md-progress-circular .md-inner .md-left .md-half-circle{left:0;border-right-color:transparent}md-progress-circular .md-inner .md-right{right:0}md-progress-circular .md-inner .md-right .md-half-circle{right:0;border-left-color:transparent}md-progress-circular[value="0"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="0"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}md-progress-circular[value="0"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="1"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="1"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-131.4deg);transform:rotate(-131.4deg)}md-progress-circular[value="1"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="2"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="2"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-127.8deg);transform:rotate(-127.8deg)}md-progress-circular[value="2"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="3"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="3"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-124.2deg);transform:rotate(-124.2deg)}md-progress-circular[value="3"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="4"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="4"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-120.6deg);transform:rotate(-120.6deg)}md-progress-circular[value="4"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="5"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="5"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-117deg);transform:rotate(-117deg)}md-progress-circular[value="5"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="6"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="6"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-113.4deg);transform:rotate(-113.4deg)}md-progress-circular[value="6"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="7"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="7"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-109.8deg);transform:rotate(-109.8deg)}md-progress-circular[value="7"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="8"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="8"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-106.2deg);transform:rotate(-106.2deg)}md-progress-circular[value="8"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="9"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="9"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-102.6deg);transform:rotate(-102.6deg)}md-progress-circular[value="9"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="10"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="10"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-99deg);transform:rotate(-99deg)}md-progress-circular[value="10"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="11"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="11"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-95.4deg);transform:rotate(-95.4deg)}md-progress-circular[value="11"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="12"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="12"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-91.8deg);transform:rotate(-91.8deg)}md-progress-circular[value="12"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="13"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="13"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-88.2deg);transform:rotate(-88.2deg)}md-progress-circular[value="13"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="14"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="14"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-84.6deg);transform:rotate(-84.6deg)}md-progress-circular[value="14"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="15"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="15"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-81deg);transform:rotate(-81deg)}md-progress-circular[value="15"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="16"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="16"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-77.4deg);transform:rotate(-77.4deg)}md-progress-circular[value="16"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="17"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="17"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-73.8deg);transform:rotate(-73.8deg)}md-progress-circular[value="17"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="18"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="18"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-70.2deg);transform:rotate(-70.2deg)}md-progress-circular[value="18"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="19"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="19"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-66.6deg);transform:rotate(-66.6deg)}md-progress-circular[value="19"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="20"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="20"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-63deg);transform:rotate(-63deg)}md-progress-circular[value="20"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="21"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="21"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-59.4deg);transform:rotate(-59.4deg)}md-progress-circular[value="21"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="22"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="22"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-55.8deg);transform:rotate(-55.8deg)}md-progress-circular[value="22"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="23"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="23"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-52.2deg);transform:rotate(-52.2deg)}md-progress-circular[value="23"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="24"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="24"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-48.6deg);transform:rotate(-48.6deg)}md-progress-circular[value="24"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="25"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="25"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}md-progress-circular[value="25"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="26"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="26"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-41.4deg);transform:rotate(-41.4deg)}md-progress-circular[value="26"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="27"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="27"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-37.8deg);transform:rotate(-37.8deg)}md-progress-circular[value="27"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="28"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="28"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-34.2deg);transform:rotate(-34.2deg)}md-progress-circular[value="28"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="29"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="29"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-30.6deg);transform:rotate(-30.6deg)}md-progress-circular[value="29"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="30"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="30"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-27deg);transform:rotate(-27deg)}md-progress-circular[value="30"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="31"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="31"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-23.4deg);transform:rotate(-23.4deg)}md-progress-circular[value="31"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="32"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="32"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-19.8deg);transform:rotate(-19.8deg)}md-progress-circular[value="32"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="33"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="33"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-16.2deg);transform:rotate(-16.2deg)}md-progress-circular[value="33"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="34"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="34"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-12.6deg);transform:rotate(-12.6deg)}md-progress-circular[value="34"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="35"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="35"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}md-progress-circular[value="35"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="36"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="36"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-5.4deg);transform:rotate(-5.4deg)}md-progress-circular[value="36"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="37"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="37"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(-1.8deg);transform:rotate(-1.8deg)}md-progress-circular[value="37"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="38"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="38"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(1.8deg);transform:rotate(1.8deg)}md-progress-circular[value="38"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="39"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="39"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(5.4deg);transform:rotate(5.4deg)}md-progress-circular[value="39"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="40"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="40"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(9deg);transform:rotate(9deg)}md-progress-circular[value="40"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="41"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="41"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(12.6deg);transform:rotate(12.6deg)}md-progress-circular[value="41"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="42"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="42"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(16.2deg);transform:rotate(16.2deg)}md-progress-circular[value="42"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="43"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="43"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(19.8deg);transform:rotate(19.8deg)}md-progress-circular[value="43"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="44"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="44"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(23.4deg);transform:rotate(23.4deg)}md-progress-circular[value="44"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="45"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="45"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(27deg);transform:rotate(27deg)}md-progress-circular[value="45"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="46"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="46"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(30.6deg);transform:rotate(30.6deg)}md-progress-circular[value="46"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="47"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="47"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(34.2deg);transform:rotate(34.2deg)}md-progress-circular[value="47"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="48"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="48"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(37.8deg);transform:rotate(37.8deg)}md-progress-circular[value="48"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="49"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="49"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(41.4deg);transform:rotate(41.4deg)}md-progress-circular[value="49"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="50"] .md-inner .md-left .md-half-circle{-webkit-transform:rotate(135deg);transform:rotate(135deg)}md-progress-circular[value="50"] .md-inner .md-right .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="50"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:transparent!important}md-progress-circular[value="51"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(138.6deg);transform:rotate(138.6deg)}md-progress-circular[value="51"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="51"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="52"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(142.2deg);transform:rotate(142.2deg)}md-progress-circular[value="52"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="52"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="53"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(145.8deg);transform:rotate(145.8deg)}md-progress-circular[value="53"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="53"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="54"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(149.4deg);transform:rotate(149.4deg)}md-progress-circular[value="54"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="54"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="55"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(153deg);transform:rotate(153deg)}md-progress-circular[value="55"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="55"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="56"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(156.6deg);transform:rotate(156.6deg)}md-progress-circular[value="56"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="56"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="57"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(160.2deg);transform:rotate(160.2deg)}md-progress-circular[value="57"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="57"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="58"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(163.8deg);transform:rotate(163.8deg)}md-progress-circular[value="58"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="58"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="59"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(167.4deg);transform:rotate(167.4deg)}md-progress-circular[value="59"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="59"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="60"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(171deg);transform:rotate(171deg)}md-progress-circular[value="60"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="60"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="61"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(174.6deg);transform:rotate(174.6deg)}md-progress-circular[value="61"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="61"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="62"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(178.2deg);transform:rotate(178.2deg)}md-progress-circular[value="62"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="62"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="63"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(181.8deg);transform:rotate(181.8deg)}md-progress-circular[value="63"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="63"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="64"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(185.4deg);transform:rotate(185.4deg)}md-progress-circular[value="64"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="64"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="65"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(189deg);transform:rotate(189deg)}md-progress-circular[value="65"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="65"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="66"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(192.6deg);transform:rotate(192.6deg)}md-progress-circular[value="66"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="66"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="67"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(196.2deg);transform:rotate(196.2deg)}md-progress-circular[value="67"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="67"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="68"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(199.8deg);transform:rotate(199.8deg)}md-progress-circular[value="68"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="68"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="69"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(203.4deg);transform:rotate(203.4deg)}md-progress-circular[value="69"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="69"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="70"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(207deg);transform:rotate(207deg)}md-progress-circular[value="70"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="70"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="71"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(210.6deg);transform:rotate(210.6deg)}md-progress-circular[value="71"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="71"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="72"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(214.2deg);transform:rotate(214.2deg)}md-progress-circular[value="72"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="72"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="73"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(217.8deg);transform:rotate(217.8deg)}md-progress-circular[value="73"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="73"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="74"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(221.4deg);transform:rotate(221.4deg)}md-progress-circular[value="74"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="74"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="75"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(225deg);transform:rotate(225deg)}md-progress-circular[value="75"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="75"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="76"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(228.6deg);transform:rotate(228.6deg)}md-progress-circular[value="76"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="76"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="77"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(232.2deg);transform:rotate(232.2deg)}md-progress-circular[value="77"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="77"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="78"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(235.8deg);transform:rotate(235.8deg)}md-progress-circular[value="78"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="78"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="79"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(239.4deg);transform:rotate(239.4deg)}md-progress-circular[value="79"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="79"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="80"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(243deg);transform:rotate(243deg)}md-progress-circular[value="80"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="80"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="81"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(246.6deg);transform:rotate(246.6deg)}md-progress-circular[value="81"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="81"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="82"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(250.2deg);transform:rotate(250.2deg)}md-progress-circular[value="82"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="82"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="83"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(253.8deg);transform:rotate(253.8deg)}md-progress-circular[value="83"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="83"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="84"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(257.4deg);transform:rotate(257.4deg)}md-progress-circular[value="84"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="84"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="85"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(261deg);transform:rotate(261deg)}md-progress-circular[value="85"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="85"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="86"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(264.6deg);transform:rotate(264.6deg)}md-progress-circular[value="86"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="86"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="87"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(268.2deg);transform:rotate(268.2deg)}md-progress-circular[value="87"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="87"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="88"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(271.8deg);transform:rotate(271.8deg)}md-progress-circular[value="88"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="88"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="89"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(275.4deg);transform:rotate(275.4deg)}md-progress-circular[value="89"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="89"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="90"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(279deg);transform:rotate(279deg)}md-progress-circular[value="90"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="90"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="91"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(282.6deg);transform:rotate(282.6deg)}md-progress-circular[value="91"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="91"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="92"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(286.2deg);transform:rotate(286.2deg)}md-progress-circular[value="92"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="92"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="93"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(289.8deg);transform:rotate(289.8deg)}md-progress-circular[value="93"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="93"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="94"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(293.4deg);transform:rotate(293.4deg)}md-progress-circular[value="94"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="94"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="95"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(297deg);transform:rotate(297deg)}md-progress-circular[value="95"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="95"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="96"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(300.6deg);transform:rotate(300.6deg)}md-progress-circular[value="96"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="96"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="97"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(304.2deg);transform:rotate(304.2deg)}md-progress-circular[value="97"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="97"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="98"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(307.8deg);transform:rotate(307.8deg)}md-progress-circular[value="98"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="98"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="99"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(311.4deg);transform:rotate(311.4deg)}md-progress-circular[value="99"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="99"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[value="100"] .md-inner .md-left .md-half-circle{transition:-webkit-transform .1s linear;transition:transform .1s linear;-webkit-transform:rotate(315deg);transform:rotate(315deg)}md-progress-circular[value="100"] .md-inner .md-right .md-half-circle{-webkit-transform:rotate(45deg);transform:rotate(45deg)}md-progress-circular[value="100"] .md-inner .md-gap{border-bottom-width:5px;border-bottom-style:solid;transition:border-bottom-color .1s linear}md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper{-webkit-animation:outer-rotate 2.91667s linear infinite;animation:outer-rotate 2.91667s linear infinite}md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner{-webkit-animation:sporadic-rotate 5.25s cubic-bezier(0.35,0,.25,1) infinite;animation:sporadic-rotate 5.25s cubic-bezier(0.35,0,.25,1) infinite}md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle,md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1.3125s;animation-duration:1.3125s;-webkit-animation-timing-function:cubic-bezier(0.35,0,.25,1);animation-timing-function:cubic-bezier(0.35,0,.25,1)}md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle{-webkit-animation-name:left-wobble;animation-name:left-wobble}md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle{-webkit-animation-name:right-wobble;animation-name:right-wobble}md-progress-linear{display:block;width:100%;height:5px}md-progress-linear .md-container{overflow:hidden;position:relative;height:5px;top:5px;-webkit-transform:translate(0,5px) scale(1,0);transform:translate(0,5px) scale(1,0);transition:all .3s linear}md-progress-linear .md-container.md-ready{-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1)}md-progress-linear .md-bar{height:5px;position:absolute;width:100%}md-progress-linear .md-bar1,md-progress-linear .md-bar2{transition:all .2s linear}md-progress-linear[md-mode=determinate] .md-bar1{display:none}md-progress-linear[md-mode=indeterminate] .md-bar1{-webkit-animation:indeterminate1 4s infinite linear;animation:indeterminate1 4s infinite linear}md-progress-linear[md-mode=indeterminate] .md-bar2{-webkit-animation:indeterminate2 4s infinite linear;animation:indeterminate2 4s infinite linear}md-progress-linear[md-mode=buffer] .md-container{background-color:transparent!important}md-progress-linear[md-mode=buffer] .md-dashed:before{content:"";display:block;height:5px;width:100%;margin-top:0;position:absolute;background-color:transparent;background-size:10px 10px!important;background-position:0 -23px;-webkit-animation:buffer 3s infinite linear;animation:buffer 3s infinite linear}md-progress-linear[md-mode=query] .md-bar2{-webkit-animation:query .8s infinite cubic-bezier(0.39,.575,.565,1);animation:query .8s infinite cubic-bezier(0.39,.575,.565,1)}@-webkit-keyframes indeterminate1{0%{-webkit-transform:translateX(-25%) scale(0.5,1);transform:translateX(-25%) scale(0.5,1)}10%{-webkit-transform:translateX(25%) scale(0.5,1);transform:translateX(25%) scale(0.5,1)}19.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}20%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}30%{-webkit-transform:translateX(37.5%) scale(0.25,1);transform:translateX(37.5%) scale(0.25,1)}34.99%,36.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}37%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}47%{-webkit-transform:translateX(20%) scale(0.25,1);transform:translateX(20%) scale(0.25,1)}52%{-webkit-transform:translateX(35%) scale(0.05,1);transform:translateX(35%) scale(0.05,1)}55%{-webkit-transform:translateX(35%) scale(0.1,1);transform:translateX(35%) scale(0.1,1)}58%{-webkit-transform:translateX(50%) scale(0.1,1);transform:translateX(50%) scale(0.1,1)}61.99%,69.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}70%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}80%{-webkit-transform:translateX(20%) scale(0.25,1);transform:translateX(20%) scale(0.25,1)}85%{-webkit-transform:translateX(35%) scale(0.05,1);transform:translateX(35%) scale(0.05,1)}88%{-webkit-transform:translateX(35%) scale(0.1,1);transform:translateX(35%) scale(0.1,1)}91%{-webkit-transform:translateX(50%) scale(0.1,1);transform:translateX(50%) scale(0.1,1)}92.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}93%{-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}100%{-webkit-transform:translateX(-25%) scale(0.5,1);transform:translateX(-25%) scale(0.5,1)}}@keyframes indeterminate1{0%{-webkit-transform:translateX(-25%) scale(0.5,1);transform:translateX(-25%) scale(0.5,1)}10%{-webkit-transform:translateX(25%) scale(0.5,1);transform:translateX(25%) scale(0.5,1)}19.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}20%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}30%{-webkit-transform:translateX(37.5%) scale(0.25,1);transform:translateX(37.5%) scale(0.25,1)}34.99%,36.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}37%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}47%{-webkit-transform:translateX(20%) scale(0.25,1);transform:translateX(20%) scale(0.25,1)}52%{-webkit-transform:translateX(35%) scale(0.05,1);transform:translateX(35%) scale(0.05,1)}55%{-webkit-transform:translateX(35%) scale(0.1,1);transform:translateX(35%) scale(0.1,1)}58%{-webkit-transform:translateX(50%) scale(0.1,1);transform:translateX(50%) scale(0.1,1)}61.99%,69.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}70%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}80%{-webkit-transform:translateX(20%) scale(0.25,1);transform:translateX(20%) scale(0.25,1)}85%{-webkit-transform:translateX(35%) scale(0.05,1);transform:translateX(35%) scale(0.05,1)}88%{-webkit-transform:translateX(35%) scale(0.1,1);transform:translateX(35%) scale(0.1,1)}91%{-webkit-transform:translateX(50%) scale(0.1,1);transform:translateX(50%) scale(0.1,1)}92.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}93%{-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}100%{-webkit-transform:translateX(-25%) scale(0.5,1);transform:translateX(-25%) scale(0.5,1)}}@-webkit-keyframes indeterminate2{0%,25.99%{-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}28%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}38%{-webkit-transform:translateX(37.5%) scale(0.25,1);transform:translateX(37.5%) scale(0.25,1)}42.99%,46.99%,49.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}50%{-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}60%{-webkit-transform:translateX(-25%) scale(0.5,1);transform:translateX(-25%) scale(0.5,1)}70%{-webkit-transform:translateX(25%) scale(0.5,1);transform:translateX(25%) scale(0.5,1)}79.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}}@keyframes indeterminate2{0%,25.99%{-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}28%{-webkit-transform:translateX(-37.5%) scale(0.25,1);transform:translateX(-37.5%) scale(0.25,1)}38%{-webkit-transform:translateX(37.5%) scale(0.25,1);transform:translateX(37.5%) scale(0.25,1)}42.99%,46.99%,49.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}50%{-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}60%{-webkit-transform:translateX(-25%) scale(0.5,1);transform:translateX(-25%) scale(0.5,1)}70%{-webkit-transform:translateX(25%) scale(0.5,1);transform:translateX(25%) scale(0.5,1)}79.99%{-webkit-transform:translateX(50%) scale(0,1);transform:translateX(50%) scale(0,1)}}@-webkit-keyframes query{0%{opacity:1;-webkit-transform:translateX(35%) scale(0.3,1);transform:translateX(35%) scale(0.3,1)}100%{opacity:0;-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}}@keyframes query{0%{opacity:1;-webkit-transform:translateX(35%) scale(0.3,1);transform:translateX(35%) scale(0.3,1)}100%{opacity:0;-webkit-transform:translateX(-50%) scale(0,1);transform:translateX(-50%) scale(0,1)}}@-webkit-keyframes buffer{0%{opacity:1;background-position:0 -23px}50%{opacity:0}100%{opacity:1;background-position:-200px -23px}}@keyframes buffer{0%{opacity:1;background-position:0 -23px}50%{opacity:0}100%{opacity:1;background-position:-200px -23px}}.md-switch-thumb,md-radio-button{display:block;margin:15px;white-space:nowrap;cursor:pointer}.md-switch-thumb input,md-radio-button input{display:none}.md-switch-thumb .md-container,md-radio-button .md-container{position:relative;top:4px;display:inline-block;width:16px;height:16px;cursor:pointer}.md-switch-thumb .md-container .md-ripple-container,md-radio-button .md-container .md-ripple-container{position:absolute;display:block;width:48px;height:48px;left:-16px;top:-16px}.md-switch-thumb .md-off,md-radio-button .md-off{position:absolute;top:0;left:0;width:16px;height:16px;border:2px solid;border-radius:50%;transition:border-color ease .28s}.md-switch-thumb .md-on,md-radio-button .md-on{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;transition:-webkit-transform ease .28s;transition:transform ease .28s;-webkit-transform:scale(0);transform:scale(0)}.md-switch-thumb.md-checked .md-on,md-radio-button.md-checked .md-on{-webkit-transform:scale(0.55);transform:scale(0.55)}.md-switch-thumb .md-label,md-radio-button .md-label{position:relative;display:inline-block;margin-left:10px;margin-right:10px;vertical-align:middle;white-space:normal;pointer-events:none;width:auto}.md-switch-thumb .circle,md-radio-button .circle{border-radius:50%}md-radio-group{border:1px dotted transparent;display:block;outline:0}md-sidenav{position:absolute;width:304px;min-width:304px;bottom:0;z-index:60;background-color:#fff;overflow:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}md-sidenav.md-closed{display:none}md-sidenav.md-closed-add,md-sidenav.md-closed-remove{display:-webkit-flex;display:-ms-flexbox;display:flex;transition:0s all}md-sidenav.md-closed-add.md-closed-add-active,md-sidenav.md-closed-remove.md-closed-remove-active{transition:all .4s cubic-bezier(0.25,.8,.25,1)}md-sidenav.md-locked-open-add,md-sidenav.md-locked-open-remove{position:static;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}md-sidenav.md-locked-open{width:304px;min-width:304px}md-sidenav.md-locked-open,md-sidenav.md-locked-open-remove.md-closed,md-sidenav.md-locked-open.md-closed,md-sidenav.md-locked-open.md-closed.md-sidenav-left,md-sidenav.md-locked-open.md-closed.md-sidenav-right{position:static;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}md-sidenav.md-locked-open-remove-active{transition:width .3s cubic-bezier(0.55,0,.55,.2),min-width .3s cubic-bezier(0.55,0,.55,.2);width:0;min-width:0}md-sidenav.md-closed.md-locked-open-add{width:0;min-width:0;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}md-sidenav.md-closed.md-locked-open-add-active{transition:width .3s cubic-bezier(0.55,0,.55,.2),min-width .3s cubic-bezier(0.55,0,.55,.2);width:304px;min-width:304px;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.md-sidenav-backdrop.md-locked-open{display:none}.md-sidenav-left,md-sidenav{left:0;top:0;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.md-sidenav-left.md-closed,md-sidenav.md-closed{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.md-sidenav-right{left:100%;top:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.md-sidenav-right.md-closed{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}@-webkit-keyframes sliderFocusThumb{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}@keyframes sliderFocusThumb{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}md-slider{height:48px;position:relative;display:block;margin-left:4px;margin-right:4px}md-slider .md-track-container{width:100%;position:absolute;top:23px;height:2px}md-slider .md-track{position:absolute;left:0;right:0;height:100%}md-slider .md-track-fill{transition:width .05s linear}md-slider .md-track-ticks{position:absolute;left:0;right:0;height:100%}md-slider .md-thumb-container{position:absolute;left:0;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform .1s linear;transition:transform .1s linear}md-slider .md-thumb{z-index:1;position:absolute;left:-19px;top:5px;width:38px;height:38px;border-radius:38px;-webkit-transform:scale(0.5);transform:scale(0.5);transition:all .1s linear}md-slider .md-thumb:after{content:'';position:absolute;left:3px;top:3px;width:32px;height:32px;border-radius:32px;border:3px solid}md-slider .md-sign{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:-14px;top:-20px;width:28px;height:28px;border-radius:28px;-webkit-transform:scale(0.4) translate3d(0,70px,0);transform:scale(0.4) translate3d(0,70px,0);transition:all .2s ease-in-out}md-slider .md-sign:after{position:absolute;content:'';left:0;border-radius:16px;top:19px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:16px solid;opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0);transition:all .2s ease-in-out}md-slider .md-sign .md-thumb-text{z-index:1;font-size:12px;font-weight:700}md-slider .md-focus-thumb{position:absolute;left:-24px;top:0;width:48px;height:48px;border-radius:48px;display:none;opacity:0;background-color:silver;-webkit-animation:sliderFocusThumb .4s linear;animation:sliderFocusThumb .4s linear}md-slider .md-focus-ring{position:absolute;left:-24px;top:0;width:48px;height:48px;border-radius:48px;border:2px solid #D6D6D6;background-color:transparent;-webkit-transform:scale(0);transform:scale(0);transition:all .2s linear}md-slider .md-disabled-thumb{position:absolute;left:-22px;top:2px;width:44px;height:44px;border-radius:44px;-webkit-transform:scale(0.35);transform:scale(0.35);border:6px solid;display:none}md-slider.md-min .md-thumb:after{background-color:#fff}md-slider.md-min .md-sign{opacity:0}md-slider:focus{outline:0}md-slider.panning .md-thumb-container,md-slider.panning .md-track-fill{transition:none}md-slider:not([md-discrete]) .md-sign,md-slider:not([md-discrete]) .md-track-ticks{display:none}md-slider:not([md-discrete]):not([disabled]):hover .md-thumb{-webkit-transform:scale(0.6);transform:scale(0.6)}md-slider:not([md-discrete]):not([disabled]).active .md-focus-thumb,md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb{display:block}md-slider:not([md-discrete]):not([disabled]).active .md-focus-ring,md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring{-webkit-transform:scale(1);transform:scale(1)}md-slider:not([md-discrete]):not([disabled]).active .md-thumb,md-slider:not([md-discrete]):not([disabled]):focus .md-thumb{-webkit-transform:scale(0.85);transform:scale(0.85)}md-slider[md-discrete] .md-focus-ring,md-slider[md-discrete] .md-focus-thumb{display:none}md-slider[md-discrete]:not([disabled]).active .md-sign,md-slider[md-discrete]:not([disabled]).active .md-sign:after,md-slider[md-discrete]:not([disabled]):focus .md-sign,md-slider[md-discrete]:not([disabled]):focus .md-sign:after{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}md-slider[disabled] .md-sign,md-slider[disabled] .md-track-fill{display:none}md-slider[disabled] .md-thumb{-webkit-transform:scale(0.35);transform:scale(0.35)}md-slider[disabled] .md-disabled-thumb{display:block}.md-sticky-clone{z-index:1;top:0;left:0;right:0;position:absolute!important;-webkit-transform:translate3d(-9999px,-9999px,0);transform:translate3d(-9999px,-9999px,0)}.md-sticky-clone[sticky-state=active]{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect):after{-webkit-animation:subheaderStickyHoverIn .3s ease-out both;animation:subheaderStickyHoverIn .3s ease-out both}@-webkit-keyframes subheaderStickyHoverIn{0%{box-shadow:0 0 transparent}100%{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}}@keyframes subheaderStickyHoverIn{0%{box-shadow:0 0 transparent}100%{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}}@-webkit-keyframes subheaderStickyHoverOut{0%{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}100%{box-shadow:0 0 transparent}}@keyframes subheaderStickyHoverOut{0%{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}100%{box-shadow:0 0 transparent}}.md-subheader{display:block;font-size:.9em;font-weight:400;line-height:1em;padding:16px 0 16px 16px;margin:0 16px 0 0;position:relative}.md-subheader:not(.md-sticky-no-effect){transition:.2s ease-out margin}.md-subheader:not(.md-sticky-no-effect):after{position:absolute;left:0;bottom:0;top:0;right:-16px;content:''}.md-subheader:not(.md-sticky-no-effect)[sticky-state=active]{margin-top:-2px}.md-subheader:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active]:after{-webkit-animation:subheaderStickyHoverOut .3s ease-out both;animation:subheaderStickyHoverOut .3s ease-out both}md-switch{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}md-switch .md-container{cursor:-webkit-grab;cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:8px}md-switch:not([disabled]) .md-dragging,md-switch:not([disabled]).md-dragging .md-container{cursor:-webkit-grabbing;cursor:grabbing}md-switch .md-label{border-color:transparent;border-width:1px}md-switch .md-bar{left:1px;width:34px;top:5px;height:14px;border-radius:8px;position:absolute}md-switch .md-thumb-container{top:2px;left:0;width:16px;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}md-switch.md-checked .md-thumb-container{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}md-switch .md-thumb{position:absolute;margin:0;left:0;top:0;outline:0;height:20px;width:20px;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}md-switch .md-thumb .md-ripple-container{position:absolute;display:block;width:auto;height:auto;left:-20px;top:-20px;right:-20px;bottom:-20px}md-switch:not(.md-dragging) .md-bar,md-switch:not(.md-dragging) .md-thumb,md-switch:not(.md-dragging) .md-thumb-container{transition:all .5s cubic-bezier(0.35,0,.25,1);transition-property:-webkit-transform,background-color;transition-property:transform,background-color}md-switch:not(.md-dragging) .md-bar,md-switch:not(.md-dragging) .md-thumb{transition-delay:.05s}md-tabs{display:block;width:100%;font-weight:500}.md-header{width:100%;height:48px;box-sizing:border-box;position:relative}.md-paginator{z-index:1;margin-right:-2px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:32px;min-height:100%;cursor:pointer;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center center;position:absolute}.md-paginator.md-prev{left:0}.md-paginator.md-next{right:0}.md-paginator.md-prev{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==)}.md-paginator.md-next{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K)}md-tabs[center] .md-header:not(.md-paginating) .md-header-items{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.md-paginating .md-header-items-container{left:32px;right:32px}.md-header-items-container{overflow:hidden;position:absolute;left:0;right:0;height:100%;white-space:nowrap;font-size:14px;font-weight:500;text-transform:uppercase;margin:auto}.md-header-items-container .md-header-items{display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;transition:-webkit-transform .5s cubic-bezier(0.35,0,.25,1);transition:transform .5s cubic-bezier(0.35,0,.25,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);height:100%;width:99999px}.md-tabs-content{overflow:hidden;width:100%;position:relative}.md-tabs-content .md-tab-content{height:100%}.md-tabs-content .md-tab-content.ng-hide.ng-animate{display:block!important}.md-tabs-content .md-tab-content.ng-animate{transition:-webkit-transform .5s cubic-bezier(0.35,0,.25,1);transition:transform .5s cubic-bezier(0.35,0,.25,1);-webkit-transform:translateX(0);transform:translateX(0)}.md-tabs-content .md-tab-content.ng-animate.ng-hide-add{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.md-tabs-content .md-tab-content.ng-animate.ng-hide-add.md-transition-rtl{-webkit-transform:translateX(100%);transform:translateX(100%)}.md-tabs-content .md-tab-content.ng-animate.ng-hide-remove{position:absolute;-webkit-transform:translateX(100%);transform:translateX(100%);top:0;left:0;right:0;bottom:0}.md-tabs-content .md-tab-content.ng-animate.ng-hide-remove.md-transition-rtl{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.md-tabs-content .md-tab-content.ng-animate.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateX(0);transform:translateX(0)}md-tabs-ink-bar{z-index:1;display:none;position:absolute;left:0;bottom:0;box-sizing:border-box;height:2px;margin-top:-2px;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}md-tabs-ink-bar.md-transition-right{transition:right .25s cubic-bezier(0.35,0,.25,1),left .25s cubic-bezier(0.35,0,.25,1) .075s}md-tabs-ink-bar.md-transition-left{transition:right .25s cubic-bezier(0.35,0,.25,1) .075s,left .25s cubic-bezier(0.35,0,.25,1)}md-tab{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;overflow:hidden;height:100%;text-align:center;cursor:pointer;padding:20px 24px;box-sizing:border-box;transition:background .35s cubic-bezier(0.35,0,.25,1),color .35s cubic-bezier(0.35,0,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}md-tab[disabled]{pointer-events:none;cursor:default}md-tab:focus{outline:0}md-tab md-tab-label{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;z-index:100;opacity:1;overflow:hidden}.md-input-group label,md-input-group label{display:block}.md-input-group input[type=color],.md-input-group input[type=date],.md-input-group input[type=datetime-local],.md-input-group input[type=datetime],.md-input-group input[type=email],.md-input-group input[type=month],.md-input-group input[type=number],.md-input-group input[type=password],.md-input-group input[type=search],.md-input-group input[type=tel],.md-input-group input[type=text],.md-input-group input[type=time],.md-input-group input[type=url],.md-input-group input[type=week],.md-input-group textarea,md-input-group input[type=color],md-input-group input[type=date],md-input-group input[type=datetime-local],md-input-group input[type=datetime],md-input-group input[type=email],md-input-group input[type=month],md-input-group input[type=number],md-input-group input[type=password],md-input-group input[type=search],md-input-group input[type=tel],md-input-group input[type=text],md-input-group input[type=time],md-input-group input[type=url],md-input-group input[type=week],md-input-group textarea{display:block;border-width:0 0 1px;padding-top:2px;line-height:26px;padding-bottom:1px}.md-input-group input[type=color]:focus,.md-input-group input[type=date]:focus,.md-input-group input[type=datetime-local]:focus,.md-input-group input[type=datetime]:focus,.md-input-group input[type=email]:focus,.md-input-group input[type=month]:focus,.md-input-group input[type=number]:focus,.md-input-group input[type=password]:focus,.md-input-group input[type=search]:focus,.md-input-group input[type=tel]:focus,.md-input-group input[type=text]:focus,.md-input-group input[type=time]:focus,.md-input-group input[type=url]:focus,.md-input-group input[type=week]:focus,.md-input-group textarea:focus,md-input-group input[type=color]:focus,md-input-group input[type=date]:focus,md-input-group input[type=datetime-local]:focus,md-input-group input[type=datetime]:focus,md-input-group input[type=email]:focus,md-input-group input[type=month]:focus,md-input-group input[type=number]:focus,md-input-group input[type=password]:focus,md-input-group input[type=search]:focus,md-input-group input[type=tel]:focus,md-input-group input[type=text]:focus,md-input-group input[type=time]:focus,md-input-group input[type=url]:focus,md-input-group input[type=week]:focus,md-input-group textarea:focus{outline:0}.md-input-group input,.md-input-group textarea,md-input-group input,md-input-group textarea{background:0 0}.md-input-group,md-input-group{padding-bottom:2px;margin:10px 0 8px;position:relative;display:block}.md-input-group label,md-input-group label{font-size:1em;z-index:1;pointer-events:none;-webkit-font-smoothing:antialiased}.md-input-group label:hover,md-input-group label:hover{cursor:text}.md-input-group label,md-input-group label{-webkit-transform:translate3d(0,22px,0);transform:translate3d(0,22px,0);-webkit-transform-origin:left center;transform-origin:left center;transition:all .15s cubic-bezier(0.35,0,.25,1)}.md-input-group input,.md-input-group textarea,md-input-group input,md-input-group textarea{border-bottom-width:1px;transition:all .15s cubic-bezier(0.35,0,.25,1)}.md-input-group.md-input-focused label,md-input-group.md-input-focused label{-webkit-transform:translate3d(0,4px,0) scale(0.75);transform:translate3d(0,4px,0) scale(0.75)}.md-input-group.md-input-focused input,.md-input-group.md-input-focused textarea,md-input-group.md-input-focused input,md-input-group.md-input-focused textarea{border-bottom-width:2px}.md-input-group.md-input-focused input,md-input-group.md-input-focused input{padding-bottom:0}.md-input-group.md-input-has-value label,.md-input-group.md-input-has-value:not(.md-input-focused) label,md-input-group.md-input-has-value label,md-input-group.md-input-has-value:not(.md-input-focused) label{-webkit-transform:translate3d(0,4px,0) scale(0.75);transform:translate3d(0,4px,0) scale(0.75)}.md-input-group[disabled] input,.md-input-group[disabled] textarea,md-input-group[disabled] input,md-input-group[disabled] textarea{border-bottom-width:0;background-position:0 bottom;background-size:2px 1px;background-repeat:repeat-x;pointer-events:none}.md-input-group[disabled] label,md-input-group[disabled] label{-webkit-transform:translate3d(0,4px,0) scale(0.75);transform:translate3d(0,4px,0) scale(0.75)}.md-input-group[disabled] :not(.md-input-has-value) label,md-input-group[disabled] :not(.md-input-has-value) label{-webkit-transform:translate3d(0,22px,0);transform:translate3d(0,22px,0);-webkit-transform-origin:left center;transform-origin:left center;transition:all .15s cubic-bezier(0.35,0,.25,1)}md-toast{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;box-sizing:border-box;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:48px;padding-left:24px;padding-right:24px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);border-radius:2px;font-size:14px;cursor:default;max-width:879px;max-height:40px;height:24px;z-index:90;opacity:1;-webkit-transform:translate3d(0,0,0) rotateZ(0deg);transform:translate3d(0,0,0) rotateZ(0deg);transition:all .4s cubic-bezier(0.25,.8,.25,1)}md-toast.md-capsule{border-radius:24px}md-toast.ng-leave-active{transition:all .3s cubic-bezier(0.55,0,.55,.2)}md-toast.md-swipedown,md-toast.md-swipeleft,md-toast.md-swiperight,md-toast.md-swipeup{transition:all .4s cubic-bezier(0.25,.8,.25,1)}md-toast.ng-enter{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:0}md-toast.ng-enter.md-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}md-toast.ng-enter.ng-enter-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}md-toast.ng-leave.ng-leave-active{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}md-toast.ng-leave.ng-leave-active.md-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}md-toast.ng-leave.ng-leave-active.md-swipeleft{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}md-toast.ng-leave.ng-leave-active.md-swiperight{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}md-toast .md-action{line-height:19px;padding-left:24px;cursor:pointer;text-transform:uppercase;float:right}@media (max-width:600px){md-toast{left:0;right:0;width:100%;max-width:100%;min-width:0;border-radius:0;bottom:0}md-toast.md-top{bottom:auto;top:0}}@media (min-width:600px){md-toast{min-width:288px}md-toast.md-bottom{bottom:8px}md-toast.md-left{left:8px}md-toast.md-right{right:8px}md-toast.md-top{top:8px}md-toast.ng-leave.ng-leave-active.md-swipeleft{-webkit-transform:translate3d(-100%,25%,0) rotateZ(-15deg);transform:translate3d(-100%,25%,0) rotateZ(-15deg)}md-toast.ng-leave.ng-leave-active.md-swiperight{-webkit-transform:translate3d(100%,25%,0) rotateZ(15deg);transform:translate3d(100%,25%,0) rotateZ(15deg)}md-toast.ng-leave.ng-leave-active.md-top.md-swipeleft{-webkit-transform:translate3d(-100%,0,0) rotateZ(-15deg);transform:translate3d(-100%,0,0) rotateZ(-15deg)}md-toast.ng-leave.ng-leave-active.md-top.md-swiperight{-webkit-transform:translate3d(100%,0,0) rotateZ(15deg);transform:translate3d(100%,0,0) rotateZ(15deg)}}md-toolbar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2;font-size:1.3em;min-height:64px;width:100%}md-toolbar.md-tall{height:128px;min-height:128px;max-height:128px}md-toolbar.md-medium-tall{height:88px;min-height:88px;max-height:88px}md-toolbar.md-medium-tall .md-toolbar-tools{height:48px;min-height:48px;max-height:48px}md-toolbar .md-indent{margin-left:64px}.md-toolbar-tools{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:64px;min-height:100%;max-height:64px;font-size:inherit;font-weight:400;padding:0 16px;margin:0}.md-toolbar-tools>*{font-size:inherit}.md-toolbar-tools h2,.md-toolbar-tools h3{font-weight:400}.md-toolbar-tools a{color:inherit;text-decoration:none}.md-toolbar-tools .fill-height{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.md-toolbar-tools .md-tools{margin-left:auto}.md-toolbar-tools .md-button{font-size:14px}@-webkit-keyframes tooltipBackgroundShow{0%{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:.25}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes tooltipBackgroundShow{0%{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:.25}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes tooltipBackgroundHide{0%{opacity:1}100%{opacity:0}}@keyframes tooltipBackgroundHide{0%{opacity:1}100%{opacity:0}}md-tooltip{position:absolute;font-size:14px;z-index:100;overflow:hidden;pointer-events:none;border-radius:4px}md-tooltip[md-direction=bottom]{-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0);margin-top:8px}md-tooltip[md-direction=top]{-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);margin-bottom:8px}md-tooltip .md-background{position:absolute;left:50%;width:256px;height:256px;margin-left:-128px;margin-top:-128px;border-radius:256px;opacity:.25;-webkit-transform:scale(0.2);transform:scale(0.2)}md-tooltip .md-content{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px;background:0 0;opacity:.3;transition:inherit}md-tooltip.md-hide{transition:all .3s cubic-bezier(0.55,0,.55,.2)}md-tooltip.md-show{transition:all .4s cubic-bezier(0.25,.8,.25,1);pointer-events:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}md-tooltip.md-show .md-background{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:tooltipBackgroundShow linear;animation:tooltipBackgroundShow linear}md-tooltip.md-show .md-content{opacity:.99}md-tooltip.md-hide .md-background{-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-animation:tooltipBackgroundHide .2s linear;animation:tooltipBackgroundHide .2s linear}md-tooltip[width-32="1"].md-show .md-background{-webkit-animation-duration:900ms;animation-duration:900ms}md-tooltip[width-32="2"].md-show .md-background{-webkit-animation-duration:800ms;animation-duration:800ms}md-tooltip[width-32="3"].md-show .md-background{-webkit-animation-duration:700ms;animation-duration:700ms}md-tooltip[width-32="4"].md-show .md-background{-webkit-animation-duration:600ms;animation-duration:600ms}md-tooltip[width-32="5"].md-show .md-background{-webkit-animation-duration:500ms;animation-duration:500ms}md-tooltip[width-32="6"].md-show .md-background{-webkit-animation-duration:400ms;animation-duration:400ms}md-tooltip[width-32="7"].md-show .md-background{-webkit-animation-duration:300ms;animation-duration:300ms}md-tooltip[width-32="8"].md-show .md-background{-webkit-animation-duration:200ms;animation-duration:200ms}.md-whiteframe-z1{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.md-whiteframe-z2{box-shadow:0 8px 17px rgba(0,0,0,.2)}.md-whiteframe-z3{box-shadow:0 17px 50px rgba(0,0,0,.19)}.md-whiteframe-z4{box-shadow:0 16px 28px 0 rgba(0,0,0,.22)}.md-whiteframe-z5{box-shadow:0 27px 24px 0 rgba(0,0,0,.2)} \ No newline at end of file diff --git a/UI/WebServerResources/css/app.css b/UI/WebServerResources/css/app.css deleted file mode 100644 index f94269ec1..000000000 --- a/UI/WebServerResources/css/app.css +++ /dev/null @@ -1,27 +0,0 @@ -[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { - display: none !important; } - -.animate-show { - -webkit-transition: all linear 0.5s; - transition: all linear 0.5s; - line-height: 20px; - opacity: 1; - padding: 10px; - border: 1px solid black; - background: white; } - -.animate-show.ng-hide-add, .animate-show.ng-hide-remove { - display: block !important; } - -.animate-show.ng-hide { - line-height: 0; - opacity: 0; - padding: 0 10px; } - -.reveal-modal .close-reveal-modal:hover { - color: #aaa; } - -._selected { - /* -webkit-border-radius: 2px; */ - /* -moz-border-radius: 2px; */ - /* border-radius: 2px; */ } diff --git a/UI/WebServerResources/css/blue-grey-theme.css b/UI/WebServerResources/css/blue-grey-theme.css deleted file mode 100644 index a36fc21f2..000000000 --- a/UI/WebServerResources/css/blue-grey-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-blue-grey-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-blue-grey-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-blue-grey-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-blue-grey-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-blue-grey-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-blue-grey-theme { - border-radius: 3px; } - .md-button.md-blue-grey-theme:not([disabled]):hover, .md-button.md-blue-grey-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-blue-grey-theme.md-fab { - border-radius: 50%; } - .md-button.md-blue-grey-theme.md-primary { - color: #78909c; - fill: #78909c; } - .md-button.md-blue-grey-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-blue-grey-theme.md-raised, .md-button.md-blue-grey-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-blue-grey-theme.md-raised:not([disabled]):hover, .md-button.md-blue-grey-theme.md-raised:not([disabled]):focus, .md-button.md-blue-grey-theme.md-fab:not([disabled]):hover, .md-button.md-blue-grey-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-blue-grey-theme.md-raised.md-primary, .md-button.md-blue-grey-theme.md-fab.md-primary { - color: white; - background-color: #607d8b; } - .md-button.md-blue-grey-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-blue-grey-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-blue-grey-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-blue-grey-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #546e7a; } - .md-button.md-blue-grey-theme.md-raised.md-warn, .md-button.md-blue-grey-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-blue-grey-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-blue-grey-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-blue-grey-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-blue-grey-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-blue-grey-theme[disabled], .md-button.md-blue-grey-theme.md-raised[disabled], .md-button.md-blue-grey-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-blue-grey-theme { - border-radius: 2px; } - md-card.md-blue-grey-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-blue-grey-theme .md-ripple { - color: #43a047; } -md-checkbox.md-blue-grey-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-blue-grey-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-blue-grey-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-blue-grey-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-blue-grey-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-blue-grey-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-blue-grey-theme { - background-color: #ffffff; } - -md-dialog.md-blue-grey-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-blue-grey-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-blue-grey-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-blue-grey-theme { - background-color: transparent; } - md-progress-circular.md-blue-grey-theme .md-inner .md-gap { - border-top-color: #607d8b; - border-bottom-color: #607d8b; } - md-progress-circular.md-blue-grey-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-blue-grey-theme .md-inner .md-right .md-half-circle { - border-top-color: #607d8b; } - md-progress-circular.md-blue-grey-theme .md-inner .md-right .md-half-circle { - border-right-color: #607d8b; } - md-progress-circular.md-blue-grey-theme .md-inner .md-left .md-half-circle { - border-left-color: #607d8b; } - -md-progress-linear.md-blue-grey-theme .md-container { - background-color: #cfd8dc; } -md-progress-linear.md-blue-grey-theme .md-bar { - background-color: #607d8b; } -md-progress-linear.md-blue-grey-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#cfd8dc 0%, #cfd8dc 16%, transparent 42%); } -md-progress-linear.md-blue-grey-theme[md-mode=buffer] .md-bar1 { - background-color: #cfd8dc; } - -md-radio-button.md-blue-grey-theme .md-off, md-switch.md-blue-grey-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-blue-grey-theme .md-on, md-switch.md-blue-grey-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-blue-grey-theme.md-checked .md-off, md-switch.md-blue-grey-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-blue-grey-theme.md-checked .md-ink-ripple, md-switch.md-blue-grey-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-blue-grey-theme .md-container .md-ripple, md-switch.md-blue-grey-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-blue-grey-theme[disabled] .md-container .md-off, md-switch.md-blue-grey-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-blue-grey-theme[disabled] .md-container .md-on, md-switch.md-blue-grey-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-blue-grey-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-blue-grey-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-blue-grey-theme .md-track-fill { - background-color: #607d8b; } -md-slider.md-blue-grey-theme .md-thumb:after { - border-color: #607d8b; - background-color: #607d8b; } -md-slider.md-blue-grey-theme .md-sign { - background-color: #607d8b; } - md-slider.md-blue-grey-theme .md-sign:after { - border-top-color: #607d8b; } -md-slider.md-blue-grey-theme .md-thumb-text { - color: white; } -md-slider.md-blue-grey-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-blue-grey-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-blue-grey-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-blue-grey-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-blue-grey-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-blue-grey-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-blue-grey-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-blue-grey-theme.md-primary { - color: #607d8b; } - -md-switch.md-blue-grey-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-blue-grey-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-blue-grey-theme.md-checked .md-thumb { - background-color: #607d8b; } -md-switch.md-blue-grey-theme.md-checked .md-bar { - background-color: rgba(96, 125, 139, 0.5); } -md-switch.md-blue-grey-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-blue-grey-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-blue-grey-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-blue-grey-theme .md-header { - background-color: #607d8b; } -md-tabs.md-blue-grey-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-blue-grey-theme md-tab { - color: #cfd8dc; } - md-tabs.md-blue-grey-theme md-tab.active { - color: white; } - md-tabs.md-blue-grey-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-blue-grey-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-blue-grey-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-blue-grey-theme input, md-input-group.md-blue-grey-theme textarea { - text-shadow: none; } - md-input-group.md-blue-grey-theme input:-ms-input-placeholder, md-input-group.md-blue-grey-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-blue-grey-theme input::-webkit-input-placeholder, md-input-group.md-blue-grey-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-blue-grey-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-blue-grey-theme input, md-input-group.md-blue-grey-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-blue-grey-theme.md-input-focused input, md-input-group.md-blue-grey-theme.md-input-focused textarea { - border-color: #607d8b; } -md-input-group.md-blue-grey-theme.md-input-focused label { - color: #607d8b; } -md-input-group.md-blue-grey-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-blue-grey-theme[disabled] input, md-input-group.md-blue-grey-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-blue-grey-theme { - background-color: #323232; - color: white; } - md-toast.md-blue-grey-theme .md-button { - color: white; } - md-toast.md-blue-grey-theme .md-action { - } - -md-toolbar.md-blue-grey-theme { - background-color: #607d8b; - color: white; } - md-toolbar.md-blue-grey-theme .md-button { - color: white; } - -md-tooltip.md-blue-grey-theme { - color: #ffffff; } - md-tooltip.md-blue-grey-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/default-theme.css b/UI/WebServerResources/css/default-theme.css deleted file mode 100644 index e30d5a5f9..000000000 --- a/UI/WebServerResources/css/default-theme.css +++ /dev/null @@ -1,356 +0,0 @@ -md-backdrop.md-opaque.md-THEME_NAME-theme { - background-color: '{{foreground-4-0.5}}'; - position: absolute; } - -md-bottom-sheet.md-THEME_NAME-theme { - background-color: '{{background-50}}'; - border-top-color: '{{background-300}}'; } - md-bottom-sheet.md-THEME_NAME-theme.md-list md-item { - color: '{{foreground-1}}'; } - md-bottom-sheet.md-THEME_NAME-theme .md-subheader { - background-color: '{{background-50}}'; } - md-bottom-sheet.md-THEME_NAME-theme .md-subheader { - color: '{{foreground-1}}'; } - -.md-button.md-THEME_NAME-theme { - border-radius: 3px; } - .md-button.md-THEME_NAME-theme:not([disabled]):hover, .md-button.md-THEME_NAME-theme:not([disabled]):focus { - background-color: '{{background-500-0.2}}'; } - .md-button.md-THEME_NAME-theme.md-primary { - color: '{{primary-color}}'; } - .md-button.md-THEME_NAME-theme.md-primary.md-raised, .md-button.md-THEME_NAME-theme.md-primary.md-fab { - color: '{{primary-contrast}}'; - background-color: '{{primary-color}}'; } - .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):focus, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):focus { - background-color: '{{primary-600}}'; } - .md-button.md-THEME_NAME-theme.md-fab { - border-radius: 50%; } - .md-button.md-THEME_NAME-theme.md-raised, .md-button.md-THEME_NAME-theme.md-fab { - color: '{{background-contrast}}'; - background-color: '{{background-500-0.185}}'; } - .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):focus, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):focus { - background-color: '{{background-500-0.3}}'; } - .md-button.md-THEME_NAME-theme.md-warn { - color: '{{warn-color}}'; } - .md-button.md-THEME_NAME-theme.md-warn.md-raised, .md-button.md-THEME_NAME-theme.md-warn.md-fab { - color: '{{warn-contrast}}'; - background-color: '{{warn-color}}'; } - .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):focus, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):focus { - background-color: '{{warn-700}}'; } - .md-button.md-THEME_NAME-theme.md-accent { - color: '{{accent-color}}'; } - .md-button.md-THEME_NAME-theme.md-accent.md-raised, .md-button.md-THEME_NAME-theme.md-accent.md-fab { - color: '{{accent-contrast}}'; - background-color: '{{accent-color}}'; } - .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):focus, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):focus { - background-color: '{{accent-700}}'; } - .md-button.md-THEME_NAME-theme[disabled], .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] { - color: '{{foreground-3}}'; - background-color: transparent; - cursor: not-allowed; } - -md-card.md-THEME_NAME-theme { - border-radius: 2px; } - md-card.md-THEME_NAME-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-THEME_NAME-theme .md-ripple { - color: '{{accent-600}}'; } -md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple { - color: '{{background-600}}'; } -md-checkbox.md-THEME_NAME-theme .md-icon { - border-color: '{{foreground-2}}'; } -md-checkbox.md-THEME_NAME-theme.md-checked .md-icon { - background-color: '{{accent-color-0.87}}'; } -md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after { - border-color: '{{background-200}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple { - color: '{{primary-600}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple { - color: '{{background-600}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-icon { - border-color: '{{foreground-2}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon { - background-color: '{{primary-color-0.87}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after { - border-color: '{{background-200}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple { - color: '{{warn-600}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ripple { - color: '{{background-600}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-icon { - border-color: '{{foreground-2}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon { - background-color: '{{warn-color-0.87}}'; } -md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after { - border-color: '{{background-200}}'; } -md-checkbox.md-THEME_NAME-theme[disabled] .md-icon { - border-color: '{{foreground-3}}'; } -md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon { - background-color: '{{foreground-3}}'; } - -md-content.md-THEME_NAME-theme { - background-color: '{{background-hue-3}}'; } - -md-dialog.md-THEME_NAME-theme { - border-radius: 4px; - background-color: '{{background-hue-3}}'; } - md-dialog.md-THEME_NAME-theme.md-content-overflow .md-actions { - border-top-color: '{{foreground-4}}'; } - -md-divider.md-THEME_NAME-theme { - border-top-color: '{{foreground-4}}'; } - -md-progress-circular.md-THEME_NAME-theme { - background-color: transparent; } - md-progress-circular.md-THEME_NAME-theme .md-inner .md-gap { - border-top-color: '{{primary-color}}'; - border-bottom-color: '{{primary-color}}'; } - md-progress-circular.md-THEME_NAME-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme .md-inner .md-right .md-half-circle { - border-top-color: '{{primary-color}}'; } - md-progress-circular.md-THEME_NAME-theme .md-inner .md-right .md-half-circle { - border-right-color: '{{primary-color}}'; } - md-progress-circular.md-THEME_NAME-theme .md-inner .md-left .md-half-circle { - border-left-color: '{{primary-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-gap { - border-top-color: '{{warn-color}}'; - border-bottom-color: '{{warn-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-right .md-half-circle { - border-top-color: '{{warn-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-right .md-half-circle { - border-right-color: '{{warn-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-left .md-half-circle { - border-left-color: '{{warn-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-gap { - border-top-color: '{{accent-color}}'; - border-bottom-color: '{{accent-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-right .md-half-circle { - border-top-color: '{{accent-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-right .md-half-circle { - border-right-color: '{{accent-color}}'; } - md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-left .md-half-circle { - border-left-color: '{{accent-color}}'; } - -md-progress-linear.md-THEME_NAME-theme .md-container { - background-color: '{{primary-100}}'; } -md-progress-linear.md-THEME_NAME-theme .md-bar { - background-color: '{{primary-color}}'; } -md-progress-linear.md-THEME_NAME-theme.md-warn .md-container { - background-color: '{{warn-100}}'; } -md-progress-linear.md-THEME_NAME-theme.md-warn .md-bar { - background-color: '{{warn-color}}'; } -md-progress-linear.md-THEME_NAME-theme.md-accent .md-container { - background-color: '{{accent-100}}'; } -md-progress-linear.md-THEME_NAME-theme.md-accent .md-bar { - background-color: '{{accent-color}}'; } -md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-bar1 { - background-color: '{{warn-100}}'; } -md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-dashed:before { - background: radial-gradient('{{warn-100}}' 0%, '{{warn-100}}' 16%, transparent 42%); } -md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-bar1 { - background-color: '{{accent-100}}'; } -md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-dashed:before { - background: radial-gradient('{{accent-100}}' 0%, '{{accent-100}}' 16%, transparent 42%); } - -md-radio-button.md-THEME_NAME-theme .md-off { - border-color: '{{foreground-2}}'; } -md-radio-button.md-THEME_NAME-theme .md-on { - background-color: '{{accent-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme.md-checked .md-off { - border-color: '{{accent-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme.md-checked .md-ink-ripple { - color: '{{accent-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme .md-container .md-ripple { - color: '{{accent-600}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-on { - background-color: '{{warn-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-off { - border-color: '{{warn-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple { - color: '{{warn-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-container .md-ripple { - color: '{{warn-600}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-on { - background-color: '{{primary-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-off { - border-color: '{{primary-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple { - color: '{{primary-color-0.87}}'; } -md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-container .md-ripple { - color: '{{primary-600}}'; } -md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-off { - border-color: '{{foreground-3}}'; } -md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-on { - border-color: '{{foreground-3}}'; } - -md-radio-group.md-THEME_NAME-theme:focus:not(:empty) { - border-color: '{{foreground-1}}'; } - -md-sidenav.md-THEME_NAME-theme { - background-color: '{{background-hue-3}}'; } - -md-slider.md-THEME_NAME-theme .md-track { - background-color: '{{foreground-3}}'; } -md-slider.md-THEME_NAME-theme .md-focus-thumb { - background-color: '{{foreground-2}}'; } -md-slider.md-THEME_NAME-theme .md-focus-ring { - border-color: '{{foreground-4}}'; } -md-slider.md-THEME_NAME-theme .md-disabled-thumb { - border-color: '{{background-hue-3}}'; } -md-slider.md-THEME_NAME-theme.md-min .md-thumb:after { - background-color: '{{background-hue-3}}'; } -md-slider.md-THEME_NAME-theme .md-track.md-track-fill { - background-color: '{{primary-color}}'; } -md-slider.md-THEME_NAME-theme .md-thumb:after { - border-color: '{{primary-color}}'; - background-color: '{{primary-color}}'; } -md-slider.md-THEME_NAME-theme .md-sign { - background-color: '{{primary-color}}'; } - md-slider.md-THEME_NAME-theme .md-sign:after { - border-top-color: '{{primary-color}}'; } -md-slider.md-THEME_NAME-theme .md-thumb-text { - color: '{{primary-contrast}}'; } -md-slider.md-THEME_NAME-theme.md-warn .md-track-fill { - background-color: '{{warn-color}}'; } -md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after { - border-color: '{{warn-color}}'; - background-color: '{{warn-color}}'; } -md-slider.md-THEME_NAME-theme.md-warn .md-sign { - background-color: '{{warn-color}}'; } - md-slider.md-THEME_NAME-theme.md-warn .md-sign:after { - border-top-color: '{{warn-color}}'; } -md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text { - color: '{{warn-contrast}}'; } -md-slider.md-THEME_NAME-theme.md-accent .md-track-fill { - background-color: '{{accent-color}}'; } -md-slider.md-THEME_NAME-theme.md-accent .md-thumb:after { - border-color: '{{accent-color}}'; - background-color: '{{accent-color}}'; } -md-slider.md-THEME_NAME-theme.md-accent .md-sign { - background-color: '{{accent-color}}'; } - md-slider.md-THEME_NAME-theme.md-accent .md-sign:after { - border-top-color: '{{accent-color}}'; } -md-slider.md-THEME_NAME-theme.md-accent .md-thumb-text { - color: '{{accent-contrast}}'; } -md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after { - border-color: '{{foreground-3}}'; } -md-slider.md-THEME_NAME-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: '{{foreground-3}}'; } - -.md-subheader.md-THEME_NAME-theme { - color: '{{ foreground-2-0.23 }}'; - background-color: '{{background-hue-3}}'; } - .md-subheader.md-THEME_NAME-theme.md-primary { - color: '{{primary-color}}'; } - .md-subheader.md-THEME_NAME-theme.md-accent { - color: '{{accent-color}}'; } - .md-subheader.md-THEME_NAME-theme.md-warn { - color: '{{warn-color}}'; } - -md-switch.md-THEME_NAME-theme .md-thumb { - background-color: '{{background-50}}'; } -md-switch.md-THEME_NAME-theme .md-bar { - background-color: '{{background-500}}'; } -md-switch.md-THEME_NAME-theme.md-checked .md-thumb { - background-color: '{{accent-color}}'; } -md-switch.md-THEME_NAME-theme.md-checked .md-bar { - background-color: '{{accent-color-0.5}}'; } -md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-thumb { - background-color: '{{primary-color}}'; } -md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-bar { - background-color: '{{primary-color-0.5}}'; } -md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-thumb { - background-color: '{{warn-color}}'; } -md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-bar { - background-color: '{{warn-color-0.5}}'; } -md-switch.md-THEME_NAME-theme[disabled] .md-thumb { - background-color: '{{background-400}}'; } -md-switch.md-THEME_NAME-theme[disabled] .md-bar { - background-color: '{{foreground-4}}'; } -md-switch.md-THEME_NAME-theme:focus .md-label:not(:empty) { - border-color: '{{foreground-1}}'; - border-style: dotted; } - -md-tabs.md-THEME_NAME-theme .md-header { - background-color: '{{primary-color}}'; } -md-tabs.md-THEME_NAME-theme.md-accent .md-header { - background-color: '{{accent-color}}'; } -md-tabs.md-THEME_NAME-theme.md-accent md-tab:not([disabled]) { - color: '{{accent-100}}'; } - md-tabs.md-THEME_NAME-theme.md-accent md-tab:not([disabled]).active { - color: '{{accent-contrast}}'; } -md-tabs.md-THEME_NAME-theme.md-warn .md-header { - background-color: '{{warn-color}}'; } -md-tabs.md-THEME_NAME-theme.md-warn md-tab:not([disabled]) { - color: '{{warn-100}}'; } - md-tabs.md-THEME_NAME-theme.md-warn md-tab:not([disabled]).active { - color: '{{warn-contrast}}'; } -md-tabs.md-THEME_NAME-theme md-tabs-ink-bar { - color: white; - background: white; } -md-tabs.md-THEME_NAME-theme md-tab { - color: '{{primary-100}}'; } - md-tabs.md-THEME_NAME-theme md-tab.active { - color: '{{primary-contrast}}'; } - md-tabs.md-THEME_NAME-theme md-tab[disabled] { - color: '{{foreground-4}}'; } - md-tabs.md-THEME_NAME-theme md-tab:focus { - color: '{{primary-contrast}}'; - background-color: '{{primary-contrast-0.1}}'; } - md-tabs.md-THEME_NAME-theme md-tab .md-ripple-container { - color: white; } - -md-input-group.md-THEME_NAME-theme input, md-input-group.md-THEME_NAME-theme textarea { - text-shadow: '{{foreground-shadow}}'; } - md-input-group.md-THEME_NAME-theme input:-ms-input-placeholder, md-input-group.md-THEME_NAME-theme textarea:-ms-input-placeholder { - color: '{{foreground-3}}'; } - md-input-group.md-THEME_NAME-theme input::-webkit-input-placeholder, md-input-group.md-THEME_NAME-theme textarea::-webkit-input-placeholder { - color: '{{foreground-3}}'; } -md-input-group.md-THEME_NAME-theme label { - text-shadow: '{{foreground-shadow}}'; - color: '{{foreground-3}}'; } -md-input-group.md-THEME_NAME-theme input, md-input-group.md-THEME_NAME-theme textarea { - color: '{{foreground-1}}'; - border-color: '{{foreground-4}}'; } -md-input-group.md-THEME_NAME-theme.md-input-focused input, md-input-group.md-THEME_NAME-theme.md-input-focused textarea { - border-color: '{{primary-500}}'; } -md-input-group.md-THEME_NAME-theme.md-input-focused label { - color: '{{primary-500}}'; } -md-input-group.md-THEME_NAME-theme.md-input-focused.md-accent input, md-input-group.md-THEME_NAME-theme.md-input-focused.md-accent textarea { - border-color: '{{accent-500}}'; } -md-input-group.md-THEME_NAME-theme.md-input-focused.md-accent label { - color: '{{accent-500}}'; } -md-input-group.md-THEME_NAME-theme.md-input-has-value:not(.md-input-focused) label { - color: '{{foreground-2}}'; } -md-input-group.md-THEME_NAME-theme[disabled] input, md-input-group.md-THEME_NAME-theme[disabled] textarea { - border-bottom-color: '{{foreground-4}}'; - color: '{{foreground-3}}'; } - -md-toast.md-THEME_NAME-theme { - background-color: '{{foreground-1}}'; - color: '{{background-50}}'; } - md-toast.md-THEME_NAME-theme .md-button { - color: '{{background-50}}'; } - md-toast.md-THEME_NAME-theme .md-action { - color: '{{primary-A200}}'; } - md-toast.md-THEME_NAME-theme .md-action.md-accent { - color: '{{accent-A200}}'; } - md-toast.md-THEME_NAME-theme .md-action.md-warn { - color: '{{warn-A200}}'; } - -md-toolbar.md-THEME_NAME-theme { - background-color: '{{primary-color}}'; - color: '{{primary-contrast}}'; } - md-toolbar.md-THEME_NAME-theme .md-button { - color: '{{primary-contrast}}'; } - md-toolbar.md-THEME_NAME-theme.md-accent { - background-color: '{{accent-color}}'; - color: '{{accent-contrast}}'; } - md-toolbar.md-THEME_NAME-theme.md-warn { - background-color: '{{warn-color}}'; - color: '{{warn-contrast}}'; } - -md-tooltip.md-THEME_NAME-theme { - color: '{{background-A100}}'; } - md-tooltip.md-THEME_NAME-theme .md-background { - background-color: '{{foreground-2}}'; } diff --git a/UI/WebServerResources/css/mobile.css b/UI/WebServerResources/css/mobile.css deleted file mode 100644 index a913a7697..000000000 --- a/UI/WebServerResources/css/mobile.css +++ /dev/null @@ -1,7127 +0,0 @@ -/*! - Ionicons, v1.5.2 - Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ - https://twitter.com/benjsperry https://twitter.com/ionicframework - MIT License: https://github.com/driftyco/ionicons -*/ -@font-face { - font-family: "Ionicons"; - src: url("../fonts/ionicons.eot?v=1.5.2"); - src: url("../fonts/ionicons.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.5.2") format("truetype"), url("../fonts/ionicons.woff?v=1.5.2") format("woff"), url("../fonts/ionicons.svg?v=1.5.2#Ionicons") format("svg"); - font-weight: normal; - font-style: normal; } - -.ion, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-contact:before, .ion-android-alarm:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down-left:before, .ion-android-arrow-down-right:before, .ion-android-arrow-forward:before, .ion-android-arrow-up-left:before, .ion-android-arrow-up-right:before, .ion-android-battery:before, .ion-android-book:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-chat:before, .ion-android-checkmark:before, .ion-android-clock:before, .ion-android-close:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-data:before, .ion-android-developer:before, .ion-android-display:before, .ion-android-download:before, .ion-android-drawer:before, .ion-android-dropdown:before, .ion-android-earth:before, .ion-android-folder:before, .ion-android-forums:before, .ion-android-friends:before, .ion-android-hand:before, .ion-android-image:before, .ion-android-inbox:before, .ion-android-information:before, .ion-android-keypad:before, .ion-android-lightbulb:before, .ion-android-locate:before, .ion-android-location:before, .ion-android-mail:before, .ion-android-microphone:before, .ion-android-mixer:before, .ion-android-more:before, .ion-android-note:before, .ion-android-playstore:before, .ion-android-printer:before, .ion-android-promotion:before, .ion-android-reminder:before, .ion-android-remove:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-social:before, .ion-android-social-user:before, .ion-android-sort:before, .ion-android-stair-drawer:before, .ion-android-star:before, .ion-android-stopwatch:before, .ion-android-storage:before, .ion-android-system-back:before, .ion-android-system-home:before, .ion-android-system-windows:before, .ion-android-timer:before, .ion-android-trash:before, .ion-android-user-menu:before, .ion-android-volume:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-flask:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-game-controller-a:before, .ion-game-controller-b:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-icon-social-google-plus:before, .ion-icon-social-google-plus-outline:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios7-alarm:before, .ion-ios7-alarm-outline:before, .ion-ios7-albums:before, .ion-ios7-albums-outline:before, .ion-ios7-americanfootball:before, .ion-ios7-americanfootball-outline:before, .ion-ios7-analytics:before, .ion-ios7-analytics-outline:before, .ion-ios7-arrow-back:before, .ion-ios7-arrow-down:before, .ion-ios7-arrow-forward:before, .ion-ios7-arrow-left:before, .ion-ios7-arrow-right:before, .ion-ios7-arrow-thin-down:before, .ion-ios7-arrow-thin-left:before, .ion-ios7-arrow-thin-right:before, .ion-ios7-arrow-thin-up:before, .ion-ios7-arrow-up:before, .ion-ios7-at:before, .ion-ios7-at-outline:before, .ion-ios7-barcode:before, .ion-ios7-barcode-outline:before, .ion-ios7-baseball:before, .ion-ios7-baseball-outline:before, .ion-ios7-basketball:before, .ion-ios7-basketball-outline:before, .ion-ios7-bell:before, .ion-ios7-bell-outline:before, .ion-ios7-bolt:before, .ion-ios7-bolt-outline:before, .ion-ios7-bookmarks:before, .ion-ios7-bookmarks-outline:before, .ion-ios7-box:before, .ion-ios7-box-outline:before, .ion-ios7-briefcase:before, .ion-ios7-briefcase-outline:before, .ion-ios7-browsers:before, .ion-ios7-browsers-outline:before, .ion-ios7-calculator:before, .ion-ios7-calculator-outline:before, .ion-ios7-calendar:before, .ion-ios7-calendar-outline:before, .ion-ios7-camera:before, .ion-ios7-camera-outline:before, .ion-ios7-cart:before, .ion-ios7-cart-outline:before, .ion-ios7-chatboxes:before, .ion-ios7-chatboxes-outline:before, .ion-ios7-chatbubble:before, .ion-ios7-chatbubble-outline:before, .ion-ios7-checkmark:before, .ion-ios7-checkmark-empty:before, .ion-ios7-checkmark-outline:before, .ion-ios7-circle-filled:before, .ion-ios7-circle-outline:before, .ion-ios7-clock:before, .ion-ios7-clock-outline:before, .ion-ios7-close:before, .ion-ios7-close-empty:before, .ion-ios7-close-outline:before, .ion-ios7-cloud:before, .ion-ios7-cloud-download:before, .ion-ios7-cloud-download-outline:before, .ion-ios7-cloud-outline:before, .ion-ios7-cloud-upload:before, .ion-ios7-cloud-upload-outline:before, .ion-ios7-cloudy:before, .ion-ios7-cloudy-night:before, .ion-ios7-cloudy-night-outline:before, .ion-ios7-cloudy-outline:before, .ion-ios7-cog:before, .ion-ios7-cog-outline:before, .ion-ios7-compose:before, .ion-ios7-compose-outline:before, .ion-ios7-contact:before, .ion-ios7-contact-outline:before, .ion-ios7-copy:before, .ion-ios7-copy-outline:before, .ion-ios7-download:before, .ion-ios7-download-outline:before, .ion-ios7-drag:before, .ion-ios7-email:before, .ion-ios7-email-outline:before, .ion-ios7-expand:before, .ion-ios7-eye:before, .ion-ios7-eye-outline:before, .ion-ios7-fastforward:before, .ion-ios7-fastforward-outline:before, .ion-ios7-filing:before, .ion-ios7-filing-outline:before, .ion-ios7-film:before, .ion-ios7-film-outline:before, .ion-ios7-flag:before, .ion-ios7-flag-outline:before, .ion-ios7-folder:before, .ion-ios7-folder-outline:before, .ion-ios7-football:before, .ion-ios7-football-outline:before, .ion-ios7-gear:before, .ion-ios7-gear-outline:before, .ion-ios7-glasses:before, .ion-ios7-glasses-outline:before, .ion-ios7-heart:before, .ion-ios7-heart-outline:before, .ion-ios7-help:before, .ion-ios7-help-empty:before, .ion-ios7-help-outline:before, .ion-ios7-home:before, .ion-ios7-home-outline:before, .ion-ios7-infinite:before, .ion-ios7-infinite-outline:before, .ion-ios7-information:before, .ion-ios7-information-empty:before, .ion-ios7-information-outline:before, .ion-ios7-ionic-outline:before, .ion-ios7-keypad:before, .ion-ios7-keypad-outline:before, .ion-ios7-lightbulb:before, .ion-ios7-lightbulb-outline:before, .ion-ios7-location:before, .ion-ios7-location-outline:before, .ion-ios7-locked:before, .ion-ios7-locked-outline:before, .ion-ios7-loop:before, .ion-ios7-loop-strong:before, .ion-ios7-medkit:before, .ion-ios7-medkit-outline:before, .ion-ios7-mic:before, .ion-ios7-mic-off:before, .ion-ios7-mic-outline:before, .ion-ios7-minus:before, .ion-ios7-minus-empty:before, .ion-ios7-minus-outline:before, .ion-ios7-monitor:before, .ion-ios7-monitor-outline:before, .ion-ios7-moon:before, .ion-ios7-moon-outline:before, .ion-ios7-more:before, .ion-ios7-more-outline:before, .ion-ios7-musical-note:before, .ion-ios7-musical-notes:before, .ion-ios7-navigate:before, .ion-ios7-navigate-outline:before, .ion-ios7-paper:before, .ion-ios7-paper-outline:before, .ion-ios7-paperplane:before, .ion-ios7-paperplane-outline:before, .ion-ios7-partlysunny:before, .ion-ios7-partlysunny-outline:before, .ion-ios7-pause:before, .ion-ios7-pause-outline:before, .ion-ios7-paw:before, .ion-ios7-paw-outline:before, .ion-ios7-people:before, .ion-ios7-people-outline:before, .ion-ios7-person:before, .ion-ios7-person-outline:before, .ion-ios7-personadd:before, .ion-ios7-personadd-outline:before, .ion-ios7-photos:before, .ion-ios7-photos-outline:before, .ion-ios7-pie:before, .ion-ios7-pie-outline:before, .ion-ios7-play:before, .ion-ios7-play-outline:before, .ion-ios7-plus:before, .ion-ios7-plus-empty:before, .ion-ios7-plus-outline:before, .ion-ios7-pricetag:before, .ion-ios7-pricetag-outline:before, .ion-ios7-pricetags:before, .ion-ios7-pricetags-outline:before, .ion-ios7-printer:before, .ion-ios7-printer-outline:before, .ion-ios7-pulse:before, .ion-ios7-pulse-strong:before, .ion-ios7-rainy:before, .ion-ios7-rainy-outline:before, .ion-ios7-recording:before, .ion-ios7-recording-outline:before, .ion-ios7-redo:before, .ion-ios7-redo-outline:before, .ion-ios7-refresh:before, .ion-ios7-refresh-empty:before, .ion-ios7-refresh-outline:before, .ion-ios7-reload:before, .ion-ios7-reloading:before, .ion-ios7-reverse-camera:before, .ion-ios7-reverse-camera-outline:before, .ion-ios7-rewind:before, .ion-ios7-rewind-outline:before, .ion-ios7-search:before, .ion-ios7-search-strong:before, .ion-ios7-settings:before, .ion-ios7-settings-strong:before, .ion-ios7-shrink:before, .ion-ios7-skipbackward:before, .ion-ios7-skipbackward-outline:before, .ion-ios7-skipforward:before, .ion-ios7-skipforward-outline:before, .ion-ios7-snowy:before, .ion-ios7-speedometer:before, .ion-ios7-speedometer-outline:before, .ion-ios7-star:before, .ion-ios7-star-half:before, .ion-ios7-star-outline:before, .ion-ios7-stopwatch:before, .ion-ios7-stopwatch-outline:before, .ion-ios7-sunny:before, .ion-ios7-sunny-outline:before, .ion-ios7-telephone:before, .ion-ios7-telephone-outline:before, .ion-ios7-tennisball:before, .ion-ios7-tennisball-outline:before, .ion-ios7-thunderstorm:before, .ion-ios7-thunderstorm-outline:before, .ion-ios7-time:before, .ion-ios7-time-outline:before, .ion-ios7-timer:before, .ion-ios7-timer-outline:before, .ion-ios7-toggle:before, .ion-ios7-toggle-outline:before, .ion-ios7-trash:before, .ion-ios7-trash-outline:before, .ion-ios7-undo:before, .ion-ios7-undo-outline:before, .ion-ios7-unlocked:before, .ion-ios7-unlocked-outline:before, .ion-ios7-upload:before, .ion-ios7-upload-outline:before, .ion-ios7-videocam:before, .ion-ios7-videocam-outline:before, .ion-ios7-volume-high:before, .ion-ios7-volume-low:before, .ion-ios7-wineglass:before, .ion-ios7-wineglass-outline:before, .ion-ios7-world:before, .ion-ios7-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-loading-a:before, .ion-load-b:before, .ion-loading-b:before, .ion-load-c:before, .ion-loading-c:before, .ion-load-d:before, .ion-loading-d:before, .ion-location:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-looping:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-refreshing:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { - display: inline-block; - font-family: "Ionicons"; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - text-rendering: auto; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -.ion-spin, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading { - -webkit-animation: spin 1s infinite linear; - -moz-animation: spin 1s infinite linear; - -o-animation: spin 1s infinite linear; - animation: spin 1s infinite linear; } - -@-moz-keyframes spin { - 0% { - -moz-transform: rotate(0deg); } - - 100% { - -moz-transform: rotate(359deg); } } - -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); } - - 100% { - -webkit-transform: rotate(359deg); } } - -@-o-keyframes spin { - 0% { - -o-transform: rotate(0deg); } - - 100% { - -o-transform: rotate(359deg); } } - -@-ms-keyframes spin { - 0% { - -ms-transform: rotate(0deg); } - - 100% { - -ms-transform: rotate(359deg); } } - -@keyframes spin { - 0% { - transform: rotate(0deg); } - - 100% { - transform: rotate(359deg); } } - -.ion-loading-a { - -webkit-animation-timing-function: steps(8, start); - -moz-animation-timing-function: steps(8, start); - animation-timing-function: steps(8, start); } - -.ion-alert:before { - content: "\f101"; } - -.ion-alert-circled:before { - content: "\f100"; } - -.ion-android-add:before { - content: "\f2c7"; } - -.ion-android-add-contact:before { - content: "\f2c6"; } - -.ion-android-alarm:before { - content: "\f2c8"; } - -.ion-android-archive:before { - content: "\f2c9"; } - -.ion-android-arrow-back:before { - content: "\f2ca"; } - -.ion-android-arrow-down-left:before { - content: "\f2cb"; } - -.ion-android-arrow-down-right:before { - content: "\f2cc"; } - -.ion-android-arrow-forward:before { - content: "\f30f"; } - -.ion-android-arrow-up-left:before { - content: "\f2cd"; } - -.ion-android-arrow-up-right:before { - content: "\f2ce"; } - -.ion-android-battery:before { - content: "\f2cf"; } - -.ion-android-book:before { - content: "\f2d0"; } - -.ion-android-calendar:before { - content: "\f2d1"; } - -.ion-android-call:before { - content: "\f2d2"; } - -.ion-android-camera:before { - content: "\f2d3"; } - -.ion-android-chat:before { - content: "\f2d4"; } - -.ion-android-checkmark:before { - content: "\f2d5"; } - -.ion-android-clock:before { - content: "\f2d6"; } - -.ion-android-close:before { - content: "\f2d7"; } - -.ion-android-contact:before { - content: "\f2d8"; } - -.ion-android-contacts:before { - content: "\f2d9"; } - -.ion-android-data:before { - content: "\f2da"; } - -.ion-android-developer:before { - content: "\f2db"; } - -.ion-android-display:before { - content: "\f2dc"; } - -.ion-android-download:before { - content: "\f2dd"; } - -.ion-android-drawer:before { - content: "\f310"; } - -.ion-android-dropdown:before { - content: "\f2de"; } - -.ion-android-earth:before { - content: "\f2df"; } - -.ion-android-folder:before { - content: "\f2e0"; } - -.ion-android-forums:before { - content: "\f2e1"; } - -.ion-android-friends:before { - content: "\f2e2"; } - -.ion-android-hand:before { - content: "\f2e3"; } - -.ion-android-image:before { - content: "\f2e4"; } - -.ion-android-inbox:before { - content: "\f2e5"; } - -.ion-android-information:before { - content: "\f2e6"; } - -.ion-android-keypad:before { - content: "\f2e7"; } - -.ion-android-lightbulb:before { - content: "\f2e8"; } - -.ion-android-locate:before { - content: "\f2e9"; } - -.ion-android-location:before { - content: "\f2ea"; } - -.ion-android-mail:before { - content: "\f2eb"; } - -.ion-android-microphone:before { - content: "\f2ec"; } - -.ion-android-mixer:before { - content: "\f2ed"; } - -.ion-android-more:before { - content: "\f2ee"; } - -.ion-android-note:before { - content: "\f2ef"; } - -.ion-android-playstore:before { - content: "\f2f0"; } - -.ion-android-printer:before { - content: "\f2f1"; } - -.ion-android-promotion:before { - content: "\f2f2"; } - -.ion-android-reminder:before { - content: "\f2f3"; } - -.ion-android-remove:before { - content: "\f2f4"; } - -.ion-android-search:before { - content: "\f2f5"; } - -.ion-android-send:before { - content: "\f2f6"; } - -.ion-android-settings:before { - content: "\f2f7"; } - -.ion-android-share:before { - content: "\f2f8"; } - -.ion-android-social:before { - content: "\f2fa"; } - -.ion-android-social-user:before { - content: "\f2f9"; } - -.ion-android-sort:before { - content: "\f2fb"; } - -.ion-android-stair-drawer:before { - content: "\f311"; } - -.ion-android-star:before { - content: "\f2fc"; } - -.ion-android-stopwatch:before { - content: "\f2fd"; } - -.ion-android-storage:before { - content: "\f2fe"; } - -.ion-android-system-back:before { - content: "\f2ff"; } - -.ion-android-system-home:before { - content: "\f300"; } - -.ion-android-system-windows:before { - content: "\f301"; } - -.ion-android-timer:before { - content: "\f302"; } - -.ion-android-trash:before { - content: "\f303"; } - -.ion-android-user-menu:before { - content: "\f312"; } - -.ion-android-volume:before { - content: "\f304"; } - -.ion-android-wifi:before { - content: "\f305"; } - -.ion-aperture:before { - content: "\f313"; } - -.ion-archive:before { - content: "\f102"; } - -.ion-arrow-down-a:before { - content: "\f103"; } - -.ion-arrow-down-b:before { - content: "\f104"; } - -.ion-arrow-down-c:before { - content: "\f105"; } - -.ion-arrow-expand:before { - content: "\f25e"; } - -.ion-arrow-graph-down-left:before { - content: "\f25f"; } - -.ion-arrow-graph-down-right:before { - content: "\f260"; } - -.ion-arrow-graph-up-left:before { - content: "\f261"; } - -.ion-arrow-graph-up-right:before { - content: "\f262"; } - -.ion-arrow-left-a:before { - content: "\f106"; } - -.ion-arrow-left-b:before { - content: "\f107"; } - -.ion-arrow-left-c:before { - content: "\f108"; } - -.ion-arrow-move:before { - content: "\f263"; } - -.ion-arrow-resize:before { - content: "\f264"; } - -.ion-arrow-return-left:before { - content: "\f265"; } - -.ion-arrow-return-right:before { - content: "\f266"; } - -.ion-arrow-right-a:before { - content: "\f109"; } - -.ion-arrow-right-b:before { - content: "\f10a"; } - -.ion-arrow-right-c:before { - content: "\f10b"; } - -.ion-arrow-shrink:before { - content: "\f267"; } - -.ion-arrow-swap:before { - content: "\f268"; } - -.ion-arrow-up-a:before { - content: "\f10c"; } - -.ion-arrow-up-b:before { - content: "\f10d"; } - -.ion-arrow-up-c:before { - content: "\f10e"; } - -.ion-asterisk:before { - content: "\f314"; } - -.ion-at:before { - content: "\f10f"; } - -.ion-bag:before { - content: "\f110"; } - -.ion-battery-charging:before { - content: "\f111"; } - -.ion-battery-empty:before { - content: "\f112"; } - -.ion-battery-full:before { - content: "\f113"; } - -.ion-battery-half:before { - content: "\f114"; } - -.ion-battery-low:before { - content: "\f115"; } - -.ion-beaker:before { - content: "\f269"; } - -.ion-beer:before { - content: "\f26a"; } - -.ion-bluetooth:before { - content: "\f116"; } - -.ion-bonfire:before { - content: "\f315"; } - -.ion-bookmark:before { - content: "\f26b"; } - -.ion-briefcase:before { - content: "\f26c"; } - -.ion-bug:before { - content: "\f2be"; } - -.ion-calculator:before { - content: "\f26d"; } - -.ion-calendar:before { - content: "\f117"; } - -.ion-camera:before { - content: "\f118"; } - -.ion-card:before { - content: "\f119"; } - -.ion-cash:before { - content: "\f316"; } - -.ion-chatbox:before { - content: "\f11b"; } - -.ion-chatbox-working:before { - content: "\f11a"; } - -.ion-chatboxes:before { - content: "\f11c"; } - -.ion-chatbubble:before { - content: "\f11e"; } - -.ion-chatbubble-working:before { - content: "\f11d"; } - -.ion-chatbubbles:before { - content: "\f11f"; } - -.ion-checkmark:before { - content: "\f122"; } - -.ion-checkmark-circled:before { - content: "\f120"; } - -.ion-checkmark-round:before { - content: "\f121"; } - -.ion-chevron-down:before { - content: "\f123"; } - -.ion-chevron-left:before { - content: "\f124"; } - -.ion-chevron-right:before { - content: "\f125"; } - -.ion-chevron-up:before { - content: "\f126"; } - -.ion-clipboard:before { - content: "\f127"; } - -.ion-clock:before { - content: "\f26e"; } - -.ion-close:before { - content: "\f12a"; } - -.ion-close-circled:before { - content: "\f128"; } - -.ion-close-round:before { - content: "\f129"; } - -.ion-closed-captioning:before { - content: "\f317"; } - -.ion-cloud:before { - content: "\f12b"; } - -.ion-code:before { - content: "\f271"; } - -.ion-code-download:before { - content: "\f26f"; } - -.ion-code-working:before { - content: "\f270"; } - -.ion-coffee:before { - content: "\f272"; } - -.ion-compass:before { - content: "\f273"; } - -.ion-compose:before { - content: "\f12c"; } - -.ion-connection-bars:before { - content: "\f274"; } - -.ion-contrast:before { - content: "\f275"; } - -.ion-cube:before { - content: "\f318"; } - -.ion-disc:before { - content: "\f12d"; } - -.ion-document:before { - content: "\f12f"; } - -.ion-document-text:before { - content: "\f12e"; } - -.ion-drag:before { - content: "\f130"; } - -.ion-earth:before { - content: "\f276"; } - -.ion-edit:before { - content: "\f2bf"; } - -.ion-egg:before { - content: "\f277"; } - -.ion-eject:before { - content: "\f131"; } - -.ion-email:before { - content: "\f132"; } - -.ion-eye:before { - content: "\f133"; } - -.ion-eye-disabled:before { - content: "\f306"; } - -.ion-female:before { - content: "\f278"; } - -.ion-filing:before { - content: "\f134"; } - -.ion-film-marker:before { - content: "\f135"; } - -.ion-fireball:before { - content: "\f319"; } - -.ion-flag:before { - content: "\f279"; } - -.ion-flame:before { - content: "\f31a"; } - -.ion-flash:before { - content: "\f137"; } - -.ion-flash-off:before { - content: "\f136"; } - -.ion-flask:before { - content: "\f138"; } - -.ion-folder:before { - content: "\f139"; } - -.ion-fork:before { - content: "\f27a"; } - -.ion-fork-repo:before { - content: "\f2c0"; } - -.ion-forward:before { - content: "\f13a"; } - -.ion-funnel:before { - content: "\f31b"; } - -.ion-game-controller-a:before { - content: "\f13b"; } - -.ion-game-controller-b:before { - content: "\f13c"; } - -.ion-gear-a:before { - content: "\f13d"; } - -.ion-gear-b:before { - content: "\f13e"; } - -.ion-grid:before { - content: "\f13f"; } - -.ion-hammer:before { - content: "\f27b"; } - -.ion-happy:before { - content: "\f31c"; } - -.ion-headphone:before { - content: "\f140"; } - -.ion-heart:before { - content: "\f141"; } - -.ion-heart-broken:before { - content: "\f31d"; } - -.ion-help:before { - content: "\f143"; } - -.ion-help-buoy:before { - content: "\f27c"; } - -.ion-help-circled:before { - content: "\f142"; } - -.ion-home:before { - content: "\f144"; } - -.ion-icecream:before { - content: "\f27d"; } - -.ion-icon-social-google-plus:before { - content: "\f146"; } - -.ion-icon-social-google-plus-outline:before { - content: "\f145"; } - -.ion-image:before { - content: "\f147"; } - -.ion-images:before { - content: "\f148"; } - -.ion-information:before { - content: "\f14a"; } - -.ion-information-circled:before { - content: "\f149"; } - -.ion-ionic:before { - content: "\f14b"; } - -.ion-ios7-alarm:before { - content: "\f14d"; } - -.ion-ios7-alarm-outline:before { - content: "\f14c"; } - -.ion-ios7-albums:before { - content: "\f14f"; } - -.ion-ios7-albums-outline:before { - content: "\f14e"; } - -.ion-ios7-americanfootball:before { - content: "\f31f"; } - -.ion-ios7-americanfootball-outline:before { - content: "\f31e"; } - -.ion-ios7-analytics:before { - content: "\f321"; } - -.ion-ios7-analytics-outline:before { - content: "\f320"; } - -.ion-ios7-arrow-back:before { - content: "\f150"; } - -.ion-ios7-arrow-down:before { - content: "\f151"; } - -.ion-ios7-arrow-forward:before { - content: "\f152"; } - -.ion-ios7-arrow-left:before { - content: "\f153"; } - -.ion-ios7-arrow-right:before { - content: "\f154"; } - -.ion-ios7-arrow-thin-down:before { - content: "\f27e"; } - -.ion-ios7-arrow-thin-left:before { - content: "\f27f"; } - -.ion-ios7-arrow-thin-right:before { - content: "\f280"; } - -.ion-ios7-arrow-thin-up:before { - content: "\f281"; } - -.ion-ios7-arrow-up:before { - content: "\f155"; } - -.ion-ios7-at:before { - content: "\f157"; } - -.ion-ios7-at-outline:before { - content: "\f156"; } - -.ion-ios7-barcode:before { - content: "\f323"; } - -.ion-ios7-barcode-outline:before { - content: "\f322"; } - -.ion-ios7-baseball:before { - content: "\f325"; } - -.ion-ios7-baseball-outline:before { - content: "\f324"; } - -.ion-ios7-basketball:before { - content: "\f327"; } - -.ion-ios7-basketball-outline:before { - content: "\f326"; } - -.ion-ios7-bell:before { - content: "\f159"; } - -.ion-ios7-bell-outline:before { - content: "\f158"; } - -.ion-ios7-bolt:before { - content: "\f15b"; } - -.ion-ios7-bolt-outline:before { - content: "\f15a"; } - -.ion-ios7-bookmarks:before { - content: "\f15d"; } - -.ion-ios7-bookmarks-outline:before { - content: "\f15c"; } - -.ion-ios7-box:before { - content: "\f15f"; } - -.ion-ios7-box-outline:before { - content: "\f15e"; } - -.ion-ios7-briefcase:before { - content: "\f283"; } - -.ion-ios7-briefcase-outline:before { - content: "\f282"; } - -.ion-ios7-browsers:before { - content: "\f161"; } - -.ion-ios7-browsers-outline:before { - content: "\f160"; } - -.ion-ios7-calculator:before { - content: "\f285"; } - -.ion-ios7-calculator-outline:before { - content: "\f284"; } - -.ion-ios7-calendar:before { - content: "\f163"; } - -.ion-ios7-calendar-outline:before { - content: "\f162"; } - -.ion-ios7-camera:before { - content: "\f165"; } - -.ion-ios7-camera-outline:before { - content: "\f164"; } - -.ion-ios7-cart:before { - content: "\f167"; } - -.ion-ios7-cart-outline:before { - content: "\f166"; } - -.ion-ios7-chatboxes:before { - content: "\f169"; } - -.ion-ios7-chatboxes-outline:before { - content: "\f168"; } - -.ion-ios7-chatbubble:before { - content: "\f16b"; } - -.ion-ios7-chatbubble-outline:before { - content: "\f16a"; } - -.ion-ios7-checkmark:before { - content: "\f16e"; } - -.ion-ios7-checkmark-empty:before { - content: "\f16c"; } - -.ion-ios7-checkmark-outline:before { - content: "\f16d"; } - -.ion-ios7-circle-filled:before { - content: "\f16f"; } - -.ion-ios7-circle-outline:before { - content: "\f170"; } - -.ion-ios7-clock:before { - content: "\f172"; } - -.ion-ios7-clock-outline:before { - content: "\f171"; } - -.ion-ios7-close:before { - content: "\f2bc"; } - -.ion-ios7-close-empty:before { - content: "\f2bd"; } - -.ion-ios7-close-outline:before { - content: "\f2bb"; } - -.ion-ios7-cloud:before { - content: "\f178"; } - -.ion-ios7-cloud-download:before { - content: "\f174"; } - -.ion-ios7-cloud-download-outline:before { - content: "\f173"; } - -.ion-ios7-cloud-outline:before { - content: "\f175"; } - -.ion-ios7-cloud-upload:before { - content: "\f177"; } - -.ion-ios7-cloud-upload-outline:before { - content: "\f176"; } - -.ion-ios7-cloudy:before { - content: "\f17a"; } - -.ion-ios7-cloudy-night:before { - content: "\f308"; } - -.ion-ios7-cloudy-night-outline:before { - content: "\f307"; } - -.ion-ios7-cloudy-outline:before { - content: "\f179"; } - -.ion-ios7-cog:before { - content: "\f17c"; } - -.ion-ios7-cog-outline:before { - content: "\f17b"; } - -.ion-ios7-compose:before { - content: "\f17e"; } - -.ion-ios7-compose-outline:before { - content: "\f17d"; } - -.ion-ios7-contact:before { - content: "\f180"; } - -.ion-ios7-contact-outline:before { - content: "\f17f"; } - -.ion-ios7-copy:before { - content: "\f182"; } - -.ion-ios7-copy-outline:before { - content: "\f181"; } - -.ion-ios7-download:before { - content: "\f184"; } - -.ion-ios7-download-outline:before { - content: "\f183"; } - -.ion-ios7-drag:before { - content: "\f185"; } - -.ion-ios7-email:before { - content: "\f187"; } - -.ion-ios7-email-outline:before { - content: "\f186"; } - -.ion-ios7-expand:before { - content: "\f30d"; } - -.ion-ios7-eye:before { - content: "\f189"; } - -.ion-ios7-eye-outline:before { - content: "\f188"; } - -.ion-ios7-fastforward:before { - content: "\f18b"; } - -.ion-ios7-fastforward-outline:before { - content: "\f18a"; } - -.ion-ios7-filing:before { - content: "\f18d"; } - -.ion-ios7-filing-outline:before { - content: "\f18c"; } - -.ion-ios7-film:before { - content: "\f18f"; } - -.ion-ios7-film-outline:before { - content: "\f18e"; } - -.ion-ios7-flag:before { - content: "\f191"; } - -.ion-ios7-flag-outline:before { - content: "\f190"; } - -.ion-ios7-folder:before { - content: "\f193"; } - -.ion-ios7-folder-outline:before { - content: "\f192"; } - -.ion-ios7-football:before { - content: "\f329"; } - -.ion-ios7-football-outline:before { - content: "\f328"; } - -.ion-ios7-gear:before { - content: "\f195"; } - -.ion-ios7-gear-outline:before { - content: "\f194"; } - -.ion-ios7-glasses:before { - content: "\f197"; } - -.ion-ios7-glasses-outline:before { - content: "\f196"; } - -.ion-ios7-heart:before { - content: "\f199"; } - -.ion-ios7-heart-outline:before { - content: "\f198"; } - -.ion-ios7-help:before { - content: "\f19c"; } - -.ion-ios7-help-empty:before { - content: "\f19a"; } - -.ion-ios7-help-outline:before { - content: "\f19b"; } - -.ion-ios7-home:before { - content: "\f32b"; } - -.ion-ios7-home-outline:before { - content: "\f32a"; } - -.ion-ios7-infinite:before { - content: "\f19e"; } - -.ion-ios7-infinite-outline:before { - content: "\f19d"; } - -.ion-ios7-information:before { - content: "\f1a1"; } - -.ion-ios7-information-empty:before { - content: "\f19f"; } - -.ion-ios7-information-outline:before { - content: "\f1a0"; } - -.ion-ios7-ionic-outline:before { - content: "\f1a2"; } - -.ion-ios7-keypad:before { - content: "\f1a4"; } - -.ion-ios7-keypad-outline:before { - content: "\f1a3"; } - -.ion-ios7-lightbulb:before { - content: "\f287"; } - -.ion-ios7-lightbulb-outline:before { - content: "\f286"; } - -.ion-ios7-location:before { - content: "\f1a6"; } - -.ion-ios7-location-outline:before { - content: "\f1a5"; } - -.ion-ios7-locked:before { - content: "\f1a8"; } - -.ion-ios7-locked-outline:before { - content: "\f1a7"; } - -.ion-ios7-loop:before { - content: "\f32d"; } - -.ion-ios7-loop-strong:before { - content: "\f32c"; } - -.ion-ios7-medkit:before { - content: "\f289"; } - -.ion-ios7-medkit-outline:before { - content: "\f288"; } - -.ion-ios7-mic:before { - content: "\f1ab"; } - -.ion-ios7-mic-off:before { - content: "\f1a9"; } - -.ion-ios7-mic-outline:before { - content: "\f1aa"; } - -.ion-ios7-minus:before { - content: "\f1ae"; } - -.ion-ios7-minus-empty:before { - content: "\f1ac"; } - -.ion-ios7-minus-outline:before { - content: "\f1ad"; } - -.ion-ios7-monitor:before { - content: "\f1b0"; } - -.ion-ios7-monitor-outline:before { - content: "\f1af"; } - -.ion-ios7-moon:before { - content: "\f1b2"; } - -.ion-ios7-moon-outline:before { - content: "\f1b1"; } - -.ion-ios7-more:before { - content: "\f1b4"; } - -.ion-ios7-more-outline:before { - content: "\f1b3"; } - -.ion-ios7-musical-note:before { - content: "\f1b5"; } - -.ion-ios7-musical-notes:before { - content: "\f1b6"; } - -.ion-ios7-navigate:before { - content: "\f1b8"; } - -.ion-ios7-navigate-outline:before { - content: "\f1b7"; } - -.ion-ios7-paper:before { - content: "\f32f"; } - -.ion-ios7-paper-outline:before { - content: "\f32e"; } - -.ion-ios7-paperplane:before { - content: "\f1ba"; } - -.ion-ios7-paperplane-outline:before { - content: "\f1b9"; } - -.ion-ios7-partlysunny:before { - content: "\f1bc"; } - -.ion-ios7-partlysunny-outline:before { - content: "\f1bb"; } - -.ion-ios7-pause:before { - content: "\f1be"; } - -.ion-ios7-pause-outline:before { - content: "\f1bd"; } - -.ion-ios7-paw:before { - content: "\f331"; } - -.ion-ios7-paw-outline:before { - content: "\f330"; } - -.ion-ios7-people:before { - content: "\f1c0"; } - -.ion-ios7-people-outline:before { - content: "\f1bf"; } - -.ion-ios7-person:before { - content: "\f1c2"; } - -.ion-ios7-person-outline:before { - content: "\f1c1"; } - -.ion-ios7-personadd:before { - content: "\f1c4"; } - -.ion-ios7-personadd-outline:before { - content: "\f1c3"; } - -.ion-ios7-photos:before { - content: "\f1c6"; } - -.ion-ios7-photos-outline:before { - content: "\f1c5"; } - -.ion-ios7-pie:before { - content: "\f28b"; } - -.ion-ios7-pie-outline:before { - content: "\f28a"; } - -.ion-ios7-play:before { - content: "\f1c8"; } - -.ion-ios7-play-outline:before { - content: "\f1c7"; } - -.ion-ios7-plus:before { - content: "\f1cb"; } - -.ion-ios7-plus-empty:before { - content: "\f1c9"; } - -.ion-ios7-plus-outline:before { - content: "\f1ca"; } - -.ion-ios7-pricetag:before { - content: "\f28d"; } - -.ion-ios7-pricetag-outline:before { - content: "\f28c"; } - -.ion-ios7-pricetags:before { - content: "\f333"; } - -.ion-ios7-pricetags-outline:before { - content: "\f332"; } - -.ion-ios7-printer:before { - content: "\f1cd"; } - -.ion-ios7-printer-outline:before { - content: "\f1cc"; } - -.ion-ios7-pulse:before { - content: "\f335"; } - -.ion-ios7-pulse-strong:before { - content: "\f334"; } - -.ion-ios7-rainy:before { - content: "\f1cf"; } - -.ion-ios7-rainy-outline:before { - content: "\f1ce"; } - -.ion-ios7-recording:before { - content: "\f1d1"; } - -.ion-ios7-recording-outline:before { - content: "\f1d0"; } - -.ion-ios7-redo:before { - content: "\f1d3"; } - -.ion-ios7-redo-outline:before { - content: "\f1d2"; } - -.ion-ios7-refresh:before { - content: "\f1d6"; } - -.ion-ios7-refresh-empty:before { - content: "\f1d4"; } - -.ion-ios7-refresh-outline:before { - content: "\f1d5"; } - -.ion-ios7-reload:before, .ion-ios7-reloading:before { - content: "\f28e"; } - -.ion-ios7-reverse-camera:before { - content: "\f337"; } - -.ion-ios7-reverse-camera-outline:before { - content: "\f336"; } - -.ion-ios7-rewind:before { - content: "\f1d8"; } - -.ion-ios7-rewind-outline:before { - content: "\f1d7"; } - -.ion-ios7-search:before { - content: "\f1da"; } - -.ion-ios7-search-strong:before { - content: "\f1d9"; } - -.ion-ios7-settings:before { - content: "\f339"; } - -.ion-ios7-settings-strong:before { - content: "\f338"; } - -.ion-ios7-shrink:before { - content: "\f30e"; } - -.ion-ios7-skipbackward:before { - content: "\f1dc"; } - -.ion-ios7-skipbackward-outline:before { - content: "\f1db"; } - -.ion-ios7-skipforward:before { - content: "\f1de"; } - -.ion-ios7-skipforward-outline:before { - content: "\f1dd"; } - -.ion-ios7-snowy:before { - content: "\f309"; } - -.ion-ios7-speedometer:before { - content: "\f290"; } - -.ion-ios7-speedometer-outline:before { - content: "\f28f"; } - -.ion-ios7-star:before { - content: "\f1e0"; } - -.ion-ios7-star-half:before { - content: "\f33a"; } - -.ion-ios7-star-outline:before { - content: "\f1df"; } - -.ion-ios7-stopwatch:before { - content: "\f1e2"; } - -.ion-ios7-stopwatch-outline:before { - content: "\f1e1"; } - -.ion-ios7-sunny:before { - content: "\f1e4"; } - -.ion-ios7-sunny-outline:before { - content: "\f1e3"; } - -.ion-ios7-telephone:before { - content: "\f1e6"; } - -.ion-ios7-telephone-outline:before { - content: "\f1e5"; } - -.ion-ios7-tennisball:before { - content: "\f33c"; } - -.ion-ios7-tennisball-outline:before { - content: "\f33b"; } - -.ion-ios7-thunderstorm:before { - content: "\f1e8"; } - -.ion-ios7-thunderstorm-outline:before { - content: "\f1e7"; } - -.ion-ios7-time:before { - content: "\f292"; } - -.ion-ios7-time-outline:before { - content: "\f291"; } - -.ion-ios7-timer:before { - content: "\f1ea"; } - -.ion-ios7-timer-outline:before { - content: "\f1e9"; } - -.ion-ios7-toggle:before { - content: "\f33e"; } - -.ion-ios7-toggle-outline:before { - content: "\f33d"; } - -.ion-ios7-trash:before { - content: "\f1ec"; } - -.ion-ios7-trash-outline:before { - content: "\f1eb"; } - -.ion-ios7-undo:before { - content: "\f1ee"; } - -.ion-ios7-undo-outline:before { - content: "\f1ed"; } - -.ion-ios7-unlocked:before { - content: "\f1f0"; } - -.ion-ios7-unlocked-outline:before { - content: "\f1ef"; } - -.ion-ios7-upload:before { - content: "\f1f2"; } - -.ion-ios7-upload-outline:before { - content: "\f1f1"; } - -.ion-ios7-videocam:before { - content: "\f1f4"; } - -.ion-ios7-videocam-outline:before { - content: "\f1f3"; } - -.ion-ios7-volume-high:before { - content: "\f1f5"; } - -.ion-ios7-volume-low:before { - content: "\f1f6"; } - -.ion-ios7-wineglass:before { - content: "\f294"; } - -.ion-ios7-wineglass-outline:before { - content: "\f293"; } - -.ion-ios7-world:before { - content: "\f1f8"; } - -.ion-ios7-world-outline:before { - content: "\f1f7"; } - -.ion-ipad:before { - content: "\f1f9"; } - -.ion-iphone:before { - content: "\f1fa"; } - -.ion-ipod:before { - content: "\f1fb"; } - -.ion-jet:before { - content: "\f295"; } - -.ion-key:before { - content: "\f296"; } - -.ion-knife:before { - content: "\f297"; } - -.ion-laptop:before { - content: "\f1fc"; } - -.ion-leaf:before { - content: "\f1fd"; } - -.ion-levels:before { - content: "\f298"; } - -.ion-lightbulb:before { - content: "\f299"; } - -.ion-link:before { - content: "\f1fe"; } - -.ion-load-a:before, .ion-loading-a:before { - content: "\f29a"; } - -.ion-load-b:before, .ion-loading-b:before { - content: "\f29b"; } - -.ion-load-c:before, .ion-loading-c:before { - content: "\f29c"; } - -.ion-load-d:before, .ion-loading-d:before { - content: "\f29d"; } - -.ion-location:before { - content: "\f1ff"; } - -.ion-locked:before { - content: "\f200"; } - -.ion-log-in:before { - content: "\f29e"; } - -.ion-log-out:before { - content: "\f29f"; } - -.ion-loop:before, .ion-looping:before { - content: "\f201"; } - -.ion-magnet:before { - content: "\f2a0"; } - -.ion-male:before { - content: "\f2a1"; } - -.ion-man:before { - content: "\f202"; } - -.ion-map:before { - content: "\f203"; } - -.ion-medkit:before { - content: "\f2a2"; } - -.ion-merge:before { - content: "\f33f"; } - -.ion-mic-a:before { - content: "\f204"; } - -.ion-mic-b:before { - content: "\f205"; } - -.ion-mic-c:before { - content: "\f206"; } - -.ion-minus:before { - content: "\f209"; } - -.ion-minus-circled:before { - content: "\f207"; } - -.ion-minus-round:before { - content: "\f208"; } - -.ion-model-s:before { - content: "\f2c1"; } - -.ion-monitor:before { - content: "\f20a"; } - -.ion-more:before { - content: "\f20b"; } - -.ion-mouse:before { - content: "\f340"; } - -.ion-music-note:before { - content: "\f20c"; } - -.ion-navicon:before { - content: "\f20e"; } - -.ion-navicon-round:before { - content: "\f20d"; } - -.ion-navigate:before { - content: "\f2a3"; } - -.ion-network:before { - content: "\f341"; } - -.ion-no-smoking:before { - content: "\f2c2"; } - -.ion-nuclear:before { - content: "\f2a4"; } - -.ion-outlet:before { - content: "\f342"; } - -.ion-paper-airplane:before { - content: "\f2c3"; } - -.ion-paperclip:before { - content: "\f20f"; } - -.ion-pause:before { - content: "\f210"; } - -.ion-person:before { - content: "\f213"; } - -.ion-person-add:before { - content: "\f211"; } - -.ion-person-stalker:before { - content: "\f212"; } - -.ion-pie-graph:before { - content: "\f2a5"; } - -.ion-pin:before { - content: "\f2a6"; } - -.ion-pinpoint:before { - content: "\f2a7"; } - -.ion-pizza:before { - content: "\f2a8"; } - -.ion-plane:before { - content: "\f214"; } - -.ion-planet:before { - content: "\f343"; } - -.ion-play:before { - content: "\f215"; } - -.ion-playstation:before { - content: "\f30a"; } - -.ion-plus:before { - content: "\f218"; } - -.ion-plus-circled:before { - content: "\f216"; } - -.ion-plus-round:before { - content: "\f217"; } - -.ion-podium:before { - content: "\f344"; } - -.ion-pound:before { - content: "\f219"; } - -.ion-power:before { - content: "\f2a9"; } - -.ion-pricetag:before { - content: "\f2aa"; } - -.ion-pricetags:before { - content: "\f2ab"; } - -.ion-printer:before { - content: "\f21a"; } - -.ion-pull-request:before { - content: "\f345"; } - -.ion-qr-scanner:before { - content: "\f346"; } - -.ion-quote:before { - content: "\f347"; } - -.ion-radio-waves:before { - content: "\f2ac"; } - -.ion-record:before { - content: "\f21b"; } - -.ion-refresh:before, .ion-refreshing:before { - content: "\f21c"; } - -.ion-reply:before { - content: "\f21e"; } - -.ion-reply-all:before { - content: "\f21d"; } - -.ion-ribbon-a:before { - content: "\f348"; } - -.ion-ribbon-b:before { - content: "\f349"; } - -.ion-sad:before { - content: "\f34a"; } - -.ion-scissors:before { - content: "\f34b"; } - -.ion-search:before { - content: "\f21f"; } - -.ion-settings:before { - content: "\f2ad"; } - -.ion-share:before { - content: "\f220"; } - -.ion-shuffle:before { - content: "\f221"; } - -.ion-skip-backward:before { - content: "\f222"; } - -.ion-skip-forward:before { - content: "\f223"; } - -.ion-social-android:before { - content: "\f225"; } - -.ion-social-android-outline:before { - content: "\f224"; } - -.ion-social-apple:before { - content: "\f227"; } - -.ion-social-apple-outline:before { - content: "\f226"; } - -.ion-social-bitcoin:before { - content: "\f2af"; } - -.ion-social-bitcoin-outline:before { - content: "\f2ae"; } - -.ion-social-buffer:before { - content: "\f229"; } - -.ion-social-buffer-outline:before { - content: "\f228"; } - -.ion-social-designernews:before { - content: "\f22b"; } - -.ion-social-designernews-outline:before { - content: "\f22a"; } - -.ion-social-dribbble:before { - content: "\f22d"; } - -.ion-social-dribbble-outline:before { - content: "\f22c"; } - -.ion-social-dropbox:before { - content: "\f22f"; } - -.ion-social-dropbox-outline:before { - content: "\f22e"; } - -.ion-social-facebook:before { - content: "\f231"; } - -.ion-social-facebook-outline:before { - content: "\f230"; } - -.ion-social-foursquare:before { - content: "\f34d"; } - -.ion-social-foursquare-outline:before { - content: "\f34c"; } - -.ion-social-freebsd-devil:before { - content: "\f2c4"; } - -.ion-social-github:before { - content: "\f233"; } - -.ion-social-github-outline:before { - content: "\f232"; } - -.ion-social-google:before { - content: "\f34f"; } - -.ion-social-google-outline:before { - content: "\f34e"; } - -.ion-social-googleplus:before { - content: "\f235"; } - -.ion-social-googleplus-outline:before { - content: "\f234"; } - -.ion-social-hackernews:before { - content: "\f237"; } - -.ion-social-hackernews-outline:before { - content: "\f236"; } - -.ion-social-instagram:before { - content: "\f351"; } - -.ion-social-instagram-outline:before { - content: "\f350"; } - -.ion-social-linkedin:before { - content: "\f239"; } - -.ion-social-linkedin-outline:before { - content: "\f238"; } - -.ion-social-pinterest:before { - content: "\f2b1"; } - -.ion-social-pinterest-outline:before { - content: "\f2b0"; } - -.ion-social-reddit:before { - content: "\f23b"; } - -.ion-social-reddit-outline:before { - content: "\f23a"; } - -.ion-social-rss:before { - content: "\f23d"; } - -.ion-social-rss-outline:before { - content: "\f23c"; } - -.ion-social-skype:before { - content: "\f23f"; } - -.ion-social-skype-outline:before { - content: "\f23e"; } - -.ion-social-tumblr:before { - content: "\f241"; } - -.ion-social-tumblr-outline:before { - content: "\f240"; } - -.ion-social-tux:before { - content: "\f2c5"; } - -.ion-social-twitter:before { - content: "\f243"; } - -.ion-social-twitter-outline:before { - content: "\f242"; } - -.ion-social-usd:before { - content: "\f353"; } - -.ion-social-usd-outline:before { - content: "\f352"; } - -.ion-social-vimeo:before { - content: "\f245"; } - -.ion-social-vimeo-outline:before { - content: "\f244"; } - -.ion-social-windows:before { - content: "\f247"; } - -.ion-social-windows-outline:before { - content: "\f246"; } - -.ion-social-wordpress:before { - content: "\f249"; } - -.ion-social-wordpress-outline:before { - content: "\f248"; } - -.ion-social-yahoo:before { - content: "\f24b"; } - -.ion-social-yahoo-outline:before { - content: "\f24a"; } - -.ion-social-youtube:before { - content: "\f24d"; } - -.ion-social-youtube-outline:before { - content: "\f24c"; } - -.ion-speakerphone:before { - content: "\f2b2"; } - -.ion-speedometer:before { - content: "\f2b3"; } - -.ion-spoon:before { - content: "\f2b4"; } - -.ion-star:before { - content: "\f24e"; } - -.ion-stats-bars:before { - content: "\f2b5"; } - -.ion-steam:before { - content: "\f30b"; } - -.ion-stop:before { - content: "\f24f"; } - -.ion-thermometer:before { - content: "\f2b6"; } - -.ion-thumbsdown:before { - content: "\f250"; } - -.ion-thumbsup:before { - content: "\f251"; } - -.ion-toggle:before { - content: "\f355"; } - -.ion-toggle-filled:before { - content: "\f354"; } - -.ion-trash-a:before { - content: "\f252"; } - -.ion-trash-b:before { - content: "\f253"; } - -.ion-trophy:before { - content: "\f356"; } - -.ion-umbrella:before { - content: "\f2b7"; } - -.ion-university:before { - content: "\f357"; } - -.ion-unlocked:before { - content: "\f254"; } - -.ion-upload:before { - content: "\f255"; } - -.ion-usb:before { - content: "\f2b8"; } - -.ion-videocamera:before { - content: "\f256"; } - -.ion-volume-high:before { - content: "\f257"; } - -.ion-volume-low:before { - content: "\f258"; } - -.ion-volume-medium:before { - content: "\f259"; } - -.ion-volume-mute:before { - content: "\f25a"; } - -.ion-wand:before { - content: "\f358"; } - -.ion-waterdrop:before { - content: "\f25b"; } - -.ion-wifi:before { - content: "\f25c"; } - -.ion-wineglass:before { - content: "\f2b9"; } - -.ion-woman:before { - content: "\f25d"; } - -.ion-wrench:before { - content: "\f2ba"; } - -.ion-xbox:before { - content: "\f30c"; } - -/** - * Resets - * -------------------------------------------------- - * Adapted from normalize.css and some reset.css. We don't care even one - * bit about old IE, so we don't need any hacks for that in here. - * - * There are probably other things we could remove here, as well. - * - * normalize.css v2.1.2 | MIT License | git.io/normalize - - * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) - * http://cssreset.com - */ -html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, fieldset, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - vertical-align: baseline; - font: inherit; - font-size: 100%; } - -ol, ul { - list-style: none; } - -blockquote, q { - quotes: none; } - -blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; } - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Hide the `template` element in IE, Safari, and Firefox < 22. - */ -[hidden], template { - display: none; } - -script { - display: none !important; } - -/* ========================================================================== - Base - ========================================================================== */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ -html { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-family: sans-serif; - /* 1 */ - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove default margin. - */ -body { - margin: 0; - line-height: 1; } - -/** - * Remove default outlines. - */ -a, button, :focus, a:focus, button:focus, a:active, a:hover { - outline: 0; } - -/* * - * Remove tap highlight color - */ -a { - -webkit-user-drag: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; } - a[href]:hover { - cursor: pointer; } - -/* ========================================================================== - Typography - ========================================================================== */ -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ -b, strong { - font-weight: bold; } - -/** - * Address styling not present in Safari 5 and Chrome. - */ -dfn { - font-style: italic; } - -/** - * Address differences between Firefox and other browsers. - */ -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; } - -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ -code, kbd, pre, samp { - font-size: 1em; - font-family: monospace, serif; } - -/** - * Improve readability of pre-formatted text in all browsers. - */ -pre { - white-space: pre-wrap; } - -/** - * Set consistent quote types. - */ -q { - quotes: "\201C" "\201D" "\2018" "\2019"; } - -/** - * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, sup { - position: relative; - vertical-align: baseline; - font-size: 75%; - line-height: 0; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -/** - * Define consistent border, margin, and padding. - */ -fieldset { - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; - border: 1px solid #c0c0c0; } - -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - padding: 0; - /* 2 */ - border: 0; - /* 1 */ } - -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - * 4. Remove any default :focus styles - * 5. Make sure webkit font smoothing is being inherited - * 6. Remove default gradient in Android Firefox / FirefoxOS - */ -button, input, select, textarea { - margin: 0; - /* 3 */ - font-size: 100%; - /* 2 */ - font-family: inherit; - /* 1 */ - outline-offset: 0; - /* 4 */ - outline-style: none; - /* 4 */ - outline-width: 0; - /* 4 */ - -webkit-font-smoothing: inherit; - /* 5 */ - background-image: none; - /* 6 */ } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `importnt` in - * the UA stylesheet. - */ -button, input { - line-height: normal; } - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. - * Correct `select` style inheritance in Firefox 4+ and Opera. - */ -button, select { - text-transform: none; } - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ -button, html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; - /* 3 */ - -webkit-appearance: button; - /* 2 */ } - -/** - * Re-set default cursor for disabled elements. - */ -button[disabled], html input[disabled] { - cursor: default; } - -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ -input[type="search"] { - -webkit-box-sizing: content-box; - /* 2 */ - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; - /* 1 */ } - -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ -input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * Remove inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; - border: 0; } - -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ -textarea { - overflow: auto; - /* 1 */ - vertical-align: top; - /* 2 */ } - -img { - -webkit-user-drag: none; } - -/* ========================================================================== - Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-spacing: 0; - border-collapse: collapse; } - -/** - * Scaffolding - * -------------------------------------------------- - */ -*, *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -html { - overflow: hidden; - -ms-touch-action: pan-y; - touch-action: pan-y; } - -body, .ionic-body { - -webkit-touch-callout: none; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - text-size-adjust: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: hidden; - margin: 0; - padding: 0; - color: #000; - word-wrap: break-word; - font-size: 14px; - font-family: "Helvetica Neue", "Roboto", sans-serif; - line-height: 20px; - text-rendering: optimizeLegibility; - -webkit-backface-visibility: hidden; - -webkit-user-drag: none; } - -body.grade-b, body.grade-c { - text-rendering: auto; } - -.content { - position: relative; } - -.scroll-content { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: hidden; - margin-top: -1px; - padding-top: 1px; - width: auto; - height: auto; } - -.scroll-content-false, .menu .scroll-content.scroll-content-false { - z-index: 11; } - -.scroll-view { - position: relative; - display: block; - overflow: hidden; - margin-top: -1px; } - -/** - * Scroll is the scroll view component available for complex and custom - * scroll view functionality. - */ -.scroll { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-touch-callout: none; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - text-size-adjust: none; - -webkit-transform-origin: left top; - transform-origin: left top; } - -::-webkit-scrollbar { - display: none; } - -.scroll-bar { - position: absolute; - z-index: 9999; } - -.ng-animate .scroll-bar { - visibility: hidden; } - -.scroll-bar-h { - right: 2px; - bottom: 3px; - left: 2px; - height: 3px; } - .scroll-bar-h .scroll-bar-indicator { - height: 100%; } - -.scroll-bar-v { - top: 2px; - right: 3px; - bottom: 2px; - width: 3px; } - .scroll-bar-v .scroll-bar-indicator { - width: 100%; } - -.scroll-bar-indicator { - position: absolute; - border-radius: 4px; - background: rgba(0, 0, 0, 0.3); - opacity: 1; - -webkit-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; } - .scroll-bar-indicator.scroll-bar-fade-out { - opacity: 0; } - -.platform-android .scroll-bar-indicator { - border-radius: 0; } - -.grade-b .scroll-bar-indicator, .grade-c .scroll-bar-indicator { - background: #aaa; } - .grade-b .scroll-bar-indicator.scroll-bar-fade-out, .grade-c .scroll-bar-indicator.scroll-bar-fade-out { - -webkit-transition: none; - transition: none; } - -@keyframes refresh-spin { - 0% { - transform: translate3d(0, 0, 0) rotate(0); } - - 100% { - transform: translate3d(0, 0, 0) rotate(180deg); } } - -@-webkit-keyframes refresh-spin { - 0% { - -webkit-transform: translate3d(0, 0, 0) rotate(0); } - - 100% { - -webkit-transform: translate3d(0, 0, 0) rotate(180deg); } } - -@keyframes refresh-spin-back { - 0% { - transform: translate3d(0, 0, 0) rotate(180deg); } - - 100% { - transform: translate3d(0, 0, 0) rotate(0); } } - -@-webkit-keyframes refresh-spin-back { - 0% { - -webkit-transform: translate3d(0, 0, 0) rotate(180deg); } - - 100% { - -webkit-transform: translate3d(0, 0, 0) rotate(0); } } - -.scroll-refresher { - position: absolute; - top: -60px; - right: 0; - left: 0; - overflow: hidden; - margin: auto; - height: 60px; } - .scroll-refresher .ionic-refresher-content { - position: absolute; - bottom: 15px; - left: 0; - width: 100%; - color: #666666; - text-align: center; - font-size: 30px; } - .scroll-refresher .ionic-refresher-content .text-refreshing, .scroll-refresher .ionic-refresher-content .text-pulling { - font-size: 16px; - line-height: 16px; } - .scroll-refresher .ionic-refresher-content.ionic-refresher-with-text { - bottom: 10px; } - .scroll-refresher .icon-refreshing, .scroll-refresher .icon-pulling { - width: 100%; - -webkit-backface-visibility: hidden; - -webkit-transform-style: preserve-3d; - backface-visibility: hidden; - transform-style: preserve-3d; } - .scroll-refresher .icon-pulling { - -webkit-animation-name: refresh-spin-back; - animation-name: refresh-spin-back; - -webkit-animation-duration: 200ms; - animation-duration: 200ms; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-fill-mode: none; - animation-fill-mode: none; - -webkit-transform: translate3d(0, 0, 0) rotate(0deg); - transform: translate3d(0, 0, 0) rotate(0deg); } - .scroll-refresher .icon-refreshing, .scroll-refresher .text-refreshing { - display: none; } - .scroll-refresher .icon-refreshing { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; } - .scroll-refresher.active .icon-pulling:not(.pulling-rotation-disabled) { - -webkit-animation-name: refresh-spin; - animation-name: refresh-spin; - -webkit-transform: translate3d(0, 0, 0) rotate(-180deg); - transform: translate3d(0, 0, 0) rotate(-180deg); } - .scroll-refresher.active.refreshing { - -webkit-transition: transform 0.2s; - transition: transform 0.2s; - -webkit-transition: -webkit-transform 0.2s; - transition: -webkit-transform 0.2s; - -webkit-transform: scale(1, 1); - transform: scale(1, 1); } - .scroll-refresher.active.refreshing .icon-pulling, .scroll-refresher.active.refreshing .text-pulling { - display: none; } - .scroll-refresher.active.refreshing .icon-refreshing, .scroll-refresher.active.refreshing .text-refreshing { - display: block; } - .scroll-refresher.active.refreshing.refreshing-tail { - -webkit-transform: scale(0, 0); - transform: scale(0, 0); } - -ion-infinite-scroll { - height: 60px; - width: 100%; - opacity: 0; - display: block; - -webkit-transition: opacity 0.25s; - transition: opacity 0.25s; - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-direction: normal; - -webkit-box-orient: horizontal; - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - -moz-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; } - ion-infinite-scroll .icon { - color: #666666; - font-size: 30px; - color: #666666; } - ion-infinite-scroll.active { - opacity: 1; } - -.overflow-scroll { - overflow-x: hidden; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; - top: 0; - right: 0; - bottom: 0; - left: 0; - position: absolute; } - .overflow-scroll .scroll { - position: static; - height: 100%; - -webkit-transform: translate3d(0, 0, 0); } - -/* If you change these, change platform.scss as well */ -.has-header { - top: 44px; } - -.no-header { - top: 0; } - -.has-subheader { - top: 88px; } - -.has-tabs-top { - top: 93px; } - -.has-header.has-subheader.has-tabs-top { - top: 137px; } - -.has-footer { - bottom: 44px; } - -.has-subfooter { - bottom: 88px; } - -.has-tabs, .bar-footer.has-tabs { - bottom: 49px; } - -.has-footer.has-tabs { - bottom: 93px; } - -.pane { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-duration: 0; - transition-duration: 0; - z-index: 1; } - -.view { - z-index: 1; } - -.pane, .view { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #fff; - overflow: hidden; } - -.view-container { - position: absolute; - display: block; - width: 100%; - height: 100%; } - -/** - * Typography - * -------------------------------------------------- - */ -p { - margin: 0 0 10px; } - -small { - font-size: 85%; } - -cite { - font-style: normal; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center { - text-align: center; } - -h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - color: #000; - font-weight: 500; - font-family: "Helvetica Neue", "Roboto", sans-serif; - line-height: 1.2; } - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { - font-weight: normal; - line-height: 1; } - -h1, .h1, h2, .h2, h3, .h3 { - margin-top: 20px; - margin-bottom: 10px; } - h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child { - margin-top: 0; } - h1 + h1, h1 + .h1, h1 + h2, h1 + .h2, h1 + h3, h1 + .h3, .h1 + h1, .h1 + .h1, .h1 + h2, .h1 + .h2, .h1 + h3, .h1 + .h3, h2 + h1, h2 + .h1, h2 + h2, h2 + .h2, h2 + h3, h2 + .h3, .h2 + h1, .h2 + .h1, .h2 + h2, .h2 + .h2, .h2 + h3, .h2 + .h3, h3 + h1, h3 + .h1, h3 + h2, h3 + .h2, h3 + h3, h3 + .h3, .h3 + h1, .h3 + .h1, .h3 + h2, .h3 + .h2, .h3 + h3, .h3 + .h3 { - margin-top: 10px; } - -h4, .h4, h5, .h5, h6, .h6 { - margin-top: 10px; - margin-bottom: 10px; } - -h1, .h1 { - font-size: 36px; } - -h2, .h2 { - font-size: 30px; } - -h3, .h3 { - font-size: 24px; } - -h4, .h4 { - font-size: 18px; } - -h5, .h5 { - font-size: 14px; } - -h6, .h6 { - font-size: 12px; } - -h1 small, .h1 small { - font-size: 24px; } - -h2 small, .h2 small { - font-size: 18px; } - -h3 small, .h3 small, h4 small, .h4 small { - font-size: 14px; } - -dl { - margin-bottom: 20px; } - -dt, dd { - line-height: 1.428571429; } - -dt { - font-weight: bold; } - -blockquote { - margin: 0 0 20px; - padding: 10px 20px; - border-left: 5px solid gray; } - blockquote p { - font-weight: 300; - font-size: 17.5px; - line-height: 1.25; } - blockquote p:last-child { - margin-bottom: 0; } - blockquote small { - display: block; - line-height: 1.428571429; } - blockquote small:before { - content: '\2014 \00A0'; } - -q:before, q:after, blockquote:before, blockquote:after { - content: ""; } - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 1.428571429; } - -a.subdued { - padding-right: 10px; - color: #888; - text-decoration: none; } - a.subdued:hover { - text-decoration: none; } - a.subdued:last-child { - padding-right: 0; } - -/** - * Action Sheets - * -------------------------------------------------- - */ -.action-sheet-backdrop { - -webkit-transition: background-color 300ms ease-in-out; - transition: background-color 300ms ease-in-out; - position: fixed; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0); } - .action-sheet-backdrop.active { - background-color: rgba(0, 0, 0, 0.5); } - -.action-sheet-wrapper { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: absolute; - bottom: 0; - width: 100%; } - -.action-sheet-up { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -.action-sheet { - margin-left: 15px; - margin-right: 15px; - width: auto; - z-index: 11; - overflow: hidden; } - .action-sheet .button { - display: block; - padding: 1px; - width: 100%; - border-radius: 0; - background-color: transparent; - color: #387ef5; - font-size: 18px; } - .action-sheet .button.destructive { - color: #ef473a; } - -.action-sheet-title { - padding: 10px; - color: #666666; - text-align: center; - font-size: 12px; } - -.action-sheet-group { - margin-bottom: 5px; - border-radius: 3px 3px 3px 3px; - background-color: #fff; } - .action-sheet-group .button { - border-width: 1px 0px 0px 0px; - border-radius: 0; } - .action-sheet-group .button.active { - background-color: transparent; - color: inherit; } - .action-sheet-group .button:first-child:last-child { - border-width: 0; } - -.action-sheet-open { - pointer-events: none; } - .action-sheet-open.modal-open .modal { - pointer-events: none; } - .action-sheet-open .action-sheet-backdrop { - pointer-events: auto; } - -.backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.4); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.1s opacity linear; - transition: 0.1s opacity linear; } - .backdrop.visible { - visibility: visible; } - .backdrop.active { - opacity: 1; } - -/** - * Bar (Headers and Footers) - * -------------------------------------------------- - */ -.bar { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: absolute; - right: 0; - left: 0; - z-index: 9; - box-sizing: border-box; - padding: 5px; - width: 100%; - height: 44px; - border-width: 0; - border-style: solid; - border-top: 1px solid transparent; - border-bottom: 1px solid #ddd; - background-color: white; - /* border-width: 1px will actually create 2 device pixels on retina */ - /* this nifty trick sets an actual 1px border on hi-res displays */ - background-size: 0; } - @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { - .bar { - border: none; - background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); - background-position: bottom; - background-size: 100% 1px; - background-repeat: no-repeat; } } - .bar.bar-clear { - border: none; - background: none; - color: #fff; } - .bar.bar-clear .button { - color: #fff; } - .bar.bar-clear .title { - color: #fff; } - .bar.item-input-inset .item-input-wrapper { - margin-top: -1px; } - .bar.item-input-inset .item-input-wrapper input { - padding-left: 8px; - width: 94%; - height: 28px; - background: transparent; } - .bar.bar-light { - border-color: #ddd; - background-color: white; - background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); - color: #444; } - .bar.bar-light .title { - color: #444; } - .bar.bar-light.bar-footer { - background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); } - .bar.bar-stable { - border-color: #b2b2b2; - background-color: #f8f8f8; - background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); - color: #444; } - .bar.bar-stable .title { - color: #444; } - .bar.bar-stable.bar-footer { - background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); } - .bar.bar-positive { - border-color: #0c60ee; - background-color: #387ef5; - background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%); - color: #fff; } - .bar.bar-positive .title { - color: #fff; } - .bar.bar-positive.bar-footer { - background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%); } - .bar.bar-calm { - border-color: #0a9dc7; - background-color: #11c1f3; - background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%); - color: #fff; } - .bar.bar-calm .title { - color: #fff; } - .bar.bar-calm.bar-footer { - background-image: linear-gradient(180deg, #0a9dc7, #0a9dc7 50%, transparent 50%); } - .bar.bar-assertive { - border-color: #e42112; - background-color: #ef473a; - background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%); - color: #fff; } - .bar.bar-assertive .title { - color: #fff; } - .bar.bar-assertive.bar-footer { - background-image: linear-gradient(180deg, #e42112, #e42112 50%, transparent 50%); } - .bar.bar-balanced { - border-color: #28a54c; - background-color: #33cd5f; - background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%); - color: #fff; } - .bar.bar-balanced .title { - color: #fff; } - .bar.bar-balanced.bar-footer { - background-image: linear-gradient(180deg, #28a54c, #0c60ee 50%, transparent 50%); } - .bar.bar-energized { - border-color: #e6b500; - background-color: #ffc900; - background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%); - color: #fff; } - .bar.bar-energized .title { - color: #fff; } - .bar.bar-energized.bar-footer { - background-image: linear-gradient(180deg, #e6b500, #e6b500 50%, transparent 50%); } - .bar.bar-royal { - border-color: #6b46e5; - background-color: #886aea; - background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%); - color: #fff; } - .bar.bar-royal .title { - color: #fff; } - .bar.bar-royal.bar-footer { - background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%); } - .bar.bar-dark { - border-color: #111; - background-color: #444444; - background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%); - color: #fff; } - .bar.bar-dark .title { - color: #fff; } - .bar.bar-dark.bar-footer { - background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); } - .bar .title { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 0; - overflow: hidden; - margin: 0 10px; - min-width: 30px; - height: 43px; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 17px; - font-weight: 500; - line-height: 44px; } - .bar .title.title-left { - text-align: left; } - .bar .title.title-right { - text-align: right; } - .bar .title a { - color: inherit; } - .bar .button { - z-index: 1; - padding: 0 8px; - min-width: initial; - min-height: 31px; - font-weight: 400; - font-size: 13px; - line-height: 32px; } - .bar .button.button-icon:before, .bar .button .icon:before, .bar .button.icon:before, .bar .button.icon-left:before, .bar .button.icon-right:before { - padding-right: 2px; - padding-left: 2px; - font-size: 20px; - line-height: 32px; } - .bar .button.button-icon { - font-size: 17px; } - .bar .button.button-icon .icon:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before { - vertical-align: top; - font-size: 32px; - line-height: 32px; } - .bar .button.button-clear { - padding-right: 2px; - padding-left: 2px; - font-weight: 300; - font-size: 17px; } - .bar .button.button-clear .icon:before, .bar .button.button-clear.icon:before, .bar .button.button-clear.icon-left:before, .bar .button.button-clear.icon-right:before { - font-size: 32px; - line-height: 32px; } - .bar .button.back-button { - display: block; - margin-right: 5px; - padding: 0; - white-space: nowrap; - font-weight: 400; } - .bar .button.back-button.active, .bar .button.back-button.activated { - opacity: 0.2; } - .bar .button-bar > .button, .bar .buttons > .button { - min-height: 31px; - line-height: 32px; } - .bar .button-bar + .button, .bar .button + .button-bar { - margin-left: 5px; } - .bar .buttons, .bar .buttons.primary-buttons, .bar .buttons.secondary-buttons { - display: inherit; } - .bar .buttons span { - display: inline-block; } - .bar .buttons-left span { - margin-right: 5px; } - .bar .buttons-right span { - margin-left: 5px; } - .bar .title + .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons { - position: absolute; - top: 5px; - right: 5px; - bottom: 5px; } - -.bar-light .button { - border-color: #ddd; - background-color: white; - color: #444; } - .bar-light .button:hover { - color: #444; - text-decoration: none; } - .bar-light .button.active, .bar-light .button.activated { - border-color: #ccc; - background-color: #fafafa; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-light .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #444; - font-size: 17px; } - .bar-light .button.button-icon { - border-color: transparent; - background: none; } - -.bar-stable .button { - border-color: #b2b2b2; - background-color: #f8f8f8; - color: #444; } - .bar-stable .button:hover { - color: #444; - text-decoration: none; } - .bar-stable .button.active, .bar-stable .button.activated { - border-color: #a2a2a2; - background-color: #e5e5e5; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-stable .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #444; - font-size: 17px; } - .bar-stable .button.button-icon { - border-color: transparent; - background: none; } - -.bar-positive .button { - border-color: #0c60ee; - background-color: #387ef5; - color: #fff; } - .bar-positive .button:hover { - color: #fff; - text-decoration: none; } - .bar-positive .button.active, .bar-positive .button.activated { - border-color: #0c60ee; - background-color: #0c60ee; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-positive .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-positive .button.button-icon { - border-color: transparent; - background: none; } - -.bar-calm .button { - border-color: #0a9dc7; - background-color: #11c1f3; - color: #fff; } - .bar-calm .button:hover { - color: #fff; - text-decoration: none; } - .bar-calm .button.active, .bar-calm .button.activated { - border-color: #0a9dc7; - background-color: #0a9dc7; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-calm .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-calm .button.button-icon { - border-color: transparent; - background: none; } - -.bar-assertive .button { - border-color: #e42112; - background-color: #ef473a; - color: #fff; } - .bar-assertive .button:hover { - color: #fff; - text-decoration: none; } - .bar-assertive .button.active, .bar-assertive .button.activated { - border-color: #e42112; - background-color: #e42112; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-assertive .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-assertive .button.button-icon { - border-color: transparent; - background: none; } - -.bar-balanced .button { - border-color: #28a54c; - background-color: #33cd5f; - color: #fff; } - .bar-balanced .button:hover { - color: #fff; - text-decoration: none; } - .bar-balanced .button.active, .bar-balanced .button.activated { - border-color: #28a54c; - background-color: #28a54c; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-balanced .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-balanced .button.button-icon { - border-color: transparent; - background: none; } - -.bar-energized .button { - border-color: #e6b500; - background-color: #ffc900; - color: #fff; } - .bar-energized .button:hover { - color: #fff; - text-decoration: none; } - .bar-energized .button.active, .bar-energized .button.activated { - border-color: #e6b500; - background-color: #e6b500; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-energized .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-energized .button.button-icon { - border-color: transparent; - background: none; } - -.bar-royal .button { - border-color: #6b46e5; - background-color: #886aea; - color: #fff; } - .bar-royal .button:hover { - color: #fff; - text-decoration: none; } - .bar-royal .button.active, .bar-royal .button.activated { - border-color: #6b46e5; - background-color: #6b46e5; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-royal .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-royal .button.button-icon { - border-color: transparent; - background: none; } - -.bar-dark .button { - border-color: #111; - background-color: #444444; - color: #fff; } - .bar-dark .button:hover { - color: #fff; - text-decoration: none; } - .bar-dark .button.active, .bar-dark .button.activated { - border-color: #000; - background-color: #262626; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .bar-dark .button.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #fff; - font-size: 17px; } - .bar-dark .button.button-icon { - border-color: transparent; - background: none; } - -.bar-header { - top: 0; - border-top-width: 0; - border-bottom-width: 1px; } - .bar-header.has-tabs-top { - border-bottom-width: 0px; - background-image: none; } - -.bar-footer { - bottom: 0; - border-top-width: 1px; - border-bottom-width: 0; - background-position: top; - height: 44px; } - .bar-footer.item-input-inset { - position: absolute; } - -.bar-tabs { - padding: 0; } - -.bar-subheader { - top: 44px; - display: block; - height: 44px; } - -.bar-subfooter { - bottom: 44px; - display: block; - height: 44px; } - -.nav-bar-block { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 9; } - -.bar .back-button.hide, .bar .buttons .hide { - display: none; } - -/** - * Tabs - * -------------------------------------------------- - * A navigation bar with any number of tab items supported. - */ -.tabs { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-direction: normal; - -webkit-box-orient: horizontal; - -webkit-flex-direction: horizontal; - -moz-flex-direction: horizontal; - -ms-flex-direction: horizontal; - flex-direction: horizontal; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - -moz-justify-content: center; - justify-content: center; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - border-color: #b2b2b2; - background-color: #f8f8f8; - background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); - color: #444; - position: absolute; - bottom: 0; - z-index: 5; - width: 100%; - height: 49px; - border-style: solid; - border-top-width: 1px; - background-size: 0; - line-height: 49px; } - .tabs .tab-item .badge { - background-color: #444; - color: #f8f8f8; } - @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { - .tabs { - padding-top: 2px; - border-top: none !important; - border-bottom: none; - background-position: top; - background-size: 100% 1px; - background-repeat: no-repeat; } } - -/* Allow parent element of tabs to define color, or just the tab itself */ -.tabs-light > .tabs, .tabs.tabs-light { - border-color: #ddd; - background-color: #fff; - background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); - color: #444; } - .tabs-light > .tabs .tab-item .badge, .tabs.tabs-light .tab-item .badge { - background-color: #444; - color: #fff; } - -.tabs-stable > .tabs, .tabs.tabs-stable { - border-color: #b2b2b2; - background-color: #f8f8f8; - background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); - color: #444; } - .tabs-stable > .tabs .tab-item .badge, .tabs.tabs-stable .tab-item .badge { - background-color: #444; - color: #f8f8f8; } - -.tabs-positive > .tabs, .tabs.tabs-positive { - border-color: #0c60ee; - background-color: #387ef5; - background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%); - color: #fff; } - .tabs-positive > .tabs .tab-item .badge, .tabs.tabs-positive .tab-item .badge { - background-color: #fff; - color: #387ef5; } - -.tabs-calm > .tabs, .tabs.tabs-calm { - border-color: #0a9dc7; - background-color: #11c1f3; - background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%); - color: #fff; } - .tabs-calm > .tabs .tab-item .badge, .tabs.tabs-calm .tab-item .badge { - background-color: #fff; - color: #11c1f3; } - -.tabs-assertive > .tabs, .tabs.tabs-assertive { - border-color: #e42112; - background-color: #ef473a; - background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%); - color: #fff; } - .tabs-assertive > .tabs .tab-item .badge, .tabs.tabs-assertive .tab-item .badge { - background-color: #fff; - color: #ef473a; } - -.tabs-balanced > .tabs, .tabs.tabs-balanced { - border-color: #28a54c; - background-color: #33cd5f; - background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%); - color: #fff; } - .tabs-balanced > .tabs .tab-item .badge, .tabs.tabs-balanced .tab-item .badge { - background-color: #fff; - color: #33cd5f; } - -.tabs-energized > .tabs, .tabs.tabs-energized { - border-color: #e6b500; - background-color: #ffc900; - background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%); - color: #fff; } - .tabs-energized > .tabs .tab-item .badge, .tabs.tabs-energized .tab-item .badge { - background-color: #fff; - color: #ffc900; } - -.tabs-royal > .tabs, .tabs.tabs-royal { - border-color: #6b46e5; - background-color: #886aea; - background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%); - color: #fff; } - .tabs-royal > .tabs .tab-item .badge, .tabs.tabs-royal .tab-item .badge { - background-color: #fff; - color: #886aea; } - -.tabs-dark > .tabs, .tabs.tabs-dark { - border-color: #111; - background-color: #444; - background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%); - color: #fff; } - .tabs-dark > .tabs .tab-item .badge, .tabs.tabs-dark .tab-item .badge { - background-color: #fff; - color: #444; } - -.tabs-striped .tabs { - background-color: white; - background-image: none; - border: none; - border-bottom: 1px solid #ddd; - padding-top: 2px; } -.tabs-striped .tab-item.tab-item-active, .tabs-striped .tab-item.active, .tabs-striped .tab-item.activated { - margin-top: -2px; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #444; } - .tabs-striped .tab-item.tab-item-active .badge, .tabs-striped .tab-item.active .badge, .tabs-striped .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-light .tabs { - background-color: #fff; } -.tabs-striped.tabs-light .tab-item { - color: rgba(68, 68, 68, 0.4); - opacity: 1; } - .tabs-striped.tabs-light .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-light .tab-item.tab-item-active, .tabs-striped.tabs-light .tab-item.active, .tabs-striped.tabs-light .tab-item.activated { - margin-top: -2px; - color: #444; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #444; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-stable .tabs { - background-color: #f8f8f8; } -.tabs-striped.tabs-stable .tab-item { - color: rgba(68, 68, 68, 0.4); - opacity: 1; } - .tabs-striped.tabs-stable .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-stable .tab-item.tab-item-active, .tabs-striped.tabs-stable .tab-item.active, .tabs-striped.tabs-stable .tab-item.activated { - margin-top: -2px; - color: #444; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #444; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-positive .tabs { - background-color: #387ef5; } -.tabs-striped.tabs-positive .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-positive .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-positive .tab-item.tab-item-active, .tabs-striped.tabs-positive .tab-item.active, .tabs-striped.tabs-positive .tab-item.activated { - margin-top: -2px; - color: #fff; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #fff; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-calm .tabs { - background-color: #11c1f3; } -.tabs-striped.tabs-calm .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-calm .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-calm .tab-item.tab-item-active, .tabs-striped.tabs-calm .tab-item.active, .tabs-striped.tabs-calm .tab-item.activated { - margin-top: -2px; - color: #fff; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #fff; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-assertive .tabs { - background-color: #ef473a; } -.tabs-striped.tabs-assertive .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-assertive .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-assertive .tab-item.tab-item-active, .tabs-striped.tabs-assertive .tab-item.active, .tabs-striped.tabs-assertive .tab-item.activated { - margin-top: -2px; - color: #fff; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #fff; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-balanced .tabs { - background-color: #33cd5f; } -.tabs-striped.tabs-balanced .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-balanced .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-balanced .tab-item.tab-item-active, .tabs-striped.tabs-balanced .tab-item.active, .tabs-striped.tabs-balanced .tab-item.activated { - margin-top: -2px; - color: #fff; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #fff; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-energized .tabs { - background-color: #ffc900; } -.tabs-striped.tabs-energized .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-energized .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-energized .tab-item.tab-item-active, .tabs-striped.tabs-energized .tab-item.active, .tabs-striped.tabs-energized .tab-item.activated { - margin-top: -2px; - color: #fff; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #fff; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-royal .tabs { - background-color: #886aea; } -.tabs-striped.tabs-royal .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-royal .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-royal .tab-item.tab-item-active, .tabs-striped.tabs-royal .tab-item.active, .tabs-striped.tabs-royal .tab-item.activated { - margin-top: -2px; - color: #fff; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #fff; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-dark .tabs { - background-color: #444; } -.tabs-striped.tabs-dark .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-dark .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-dark .tab-item.tab-item-active, .tabs-striped.tabs-dark .tab-item.active, .tabs-striped.tabs-dark .tab-item.activated { - margin-top: -2px; - color: #fff; - border-style: solid; - border-width: 2px 0 0 0; - border-color: #fff; } -.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge { - top: 4%; } -.tabs-striped.tabs-background-light .tabs { - background-color: #fff; - background-image: none; } -.tabs-striped.tabs-background-stable .tabs { - background-color: #f8f8f8; - background-image: none; } -.tabs-striped.tabs-background-positive .tabs { - background-color: #387ef5; - background-image: none; } -.tabs-striped.tabs-background-calm .tabs { - background-color: #11c1f3; - background-image: none; } -.tabs-striped.tabs-background-assertive .tabs { - background-color: #ef473a; - background-image: none; } -.tabs-striped.tabs-background-balanced .tabs { - background-color: #33cd5f; - background-image: none; } -.tabs-striped.tabs-background-energized .tabs { - background-color: #ffc900; - background-image: none; } -.tabs-striped.tabs-background-royal .tabs { - background-color: #886aea; - background-image: none; } -.tabs-striped.tabs-background-dark .tabs { - background-color: #444; - background-image: none; } -.tabs-striped.tabs-color-light .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-light .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-light .tab-item.tab-item-active, .tabs-striped.tabs-color-light .tab-item.active, .tabs-striped.tabs-color-light .tab-item.activated { - margin-top: -2px; - color: #fff; - border: 0 solid #fff; - border-top-width: 2px; } - .tabs-striped.tabs-color-light .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-light .tab-item.active .badge, .tabs-striped.tabs-color-light .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-stable .tab-item { - color: rgba(248, 248, 248, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-stable .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-stable .tab-item.tab-item-active, .tabs-striped.tabs-color-stable .tab-item.active, .tabs-striped.tabs-color-stable .tab-item.activated { - margin-top: -2px; - color: #f8f8f8; - border: 0 solid #f8f8f8; - border-top-width: 2px; } - .tabs-striped.tabs-color-stable .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-stable .tab-item.active .badge, .tabs-striped.tabs-color-stable .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-positive .tab-item { - color: rgba(56, 126, 245, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-positive .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-positive .tab-item.tab-item-active, .tabs-striped.tabs-color-positive .tab-item.active, .tabs-striped.tabs-color-positive .tab-item.activated { - margin-top: -2px; - color: #387ef5; - border: 0 solid #387ef5; - border-top-width: 2px; } - .tabs-striped.tabs-color-positive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-positive .tab-item.active .badge, .tabs-striped.tabs-color-positive .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-calm .tab-item { - color: rgba(17, 193, 243, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-calm .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-calm .tab-item.tab-item-active, .tabs-striped.tabs-color-calm .tab-item.active, .tabs-striped.tabs-color-calm .tab-item.activated { - margin-top: -2px; - color: #11c1f3; - border: 0 solid #11c1f3; - border-top-width: 2px; } - .tabs-striped.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-calm .tab-item.active .badge, .tabs-striped.tabs-color-calm .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-assertive .tab-item { - color: rgba(239, 71, 58, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-assertive .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-assertive .tab-item.tab-item-active, .tabs-striped.tabs-color-assertive .tab-item.active, .tabs-striped.tabs-color-assertive .tab-item.activated { - margin-top: -2px; - color: #ef473a; - border: 0 solid #ef473a; - border-top-width: 2px; } - .tabs-striped.tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-assertive .tab-item.active .badge, .tabs-striped.tabs-color-assertive .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-balanced .tab-item { - color: rgba(51, 205, 95, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-balanced .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-balanced .tab-item.tab-item-active, .tabs-striped.tabs-color-balanced .tab-item.active, .tabs-striped.tabs-color-balanced .tab-item.activated { - margin-top: -2px; - color: #33cd5f; - border: 0 solid #33cd5f; - border-top-width: 2px; } - .tabs-striped.tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-balanced .tab-item.active .badge, .tabs-striped.tabs-color-balanced .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-energized .tab-item { - color: rgba(255, 201, 0, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-energized .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-energized .tab-item.tab-item-active, .tabs-striped.tabs-color-energized .tab-item.active, .tabs-striped.tabs-color-energized .tab-item.activated { - margin-top: -2px; - color: #ffc900; - border: 0 solid #ffc900; - border-top-width: 2px; } - .tabs-striped.tabs-color-energized .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-energized .tab-item.active .badge, .tabs-striped.tabs-color-energized .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-royal .tab-item { - color: rgba(136, 106, 234, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-royal .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-royal .tab-item.tab-item-active, .tabs-striped.tabs-color-royal .tab-item.active, .tabs-striped.tabs-color-royal .tab-item.activated { - margin-top: -2px; - color: #886aea; - border: 0 solid #886aea; - border-top-width: 2px; } - .tabs-striped.tabs-color-royal .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-royal .tab-item.active .badge, .tabs-striped.tabs-color-royal .tab-item.activated .badge { - top: 2px; - opacity: 1; } -.tabs-striped.tabs-color-dark .tab-item { - color: rgba(68, 68, 68, 0.4); - opacity: 1; } - .tabs-striped.tabs-color-dark .tab-item .badge { - opacity: 0.4; } - .tabs-striped.tabs-color-dark .tab-item.tab-item-active, .tabs-striped.tabs-color-dark .tab-item.active, .tabs-striped.tabs-color-dark .tab-item.activated { - margin-top: -2px; - color: #444; - border: 0 solid #444; - border-top-width: 2px; } - .tabs-striped.tabs-color-dark .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-dark .tab-item.active .badge, .tabs-striped.tabs-color-dark .tab-item.activated .badge { - top: 2px; - opacity: 1; } - -.tabs-background-light .tabs, .tabs-background-light > .tabs { - background-color: #fff; - background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); - border-color: #ddd; } - -.tabs-background-stable .tabs, .tabs-background-stable > .tabs { - background-color: #f8f8f8; - background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); - border-color: #b2b2b2; } - -.tabs-background-positive .tabs, .tabs-background-positive > .tabs { - background-color: #387ef5; - background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%); - border-color: #0c60ee; } - -.tabs-background-calm .tabs, .tabs-background-calm > .tabs { - background-color: #11c1f3; - background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%); - border-color: #0a9dc7; } - -.tabs-background-assertive .tabs, .tabs-background-assertive > .tabs { - background-color: #ef473a; - background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%); - border-color: #e42112; } - -.tabs-background-balanced .tabs, .tabs-background-balanced > .tabs { - background-color: #33cd5f; - background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%); - border-color: #28a54c; } - -.tabs-background-energized .tabs, .tabs-background-energized > .tabs { - background-color: #ffc900; - background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%); - border-color: #e6b500; } - -.tabs-background-royal .tabs, .tabs-background-royal > .tabs { - background-color: #886aea; - background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%); - border-color: #6b46e5; } - -.tabs-background-dark .tabs, .tabs-background-dark > .tabs { - background-color: #444; - background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%); - border-color: #111; } - -.tabs-color-light .tab-item { - color: rgba(255, 255, 255, 0.4); - opacity: 1; } - .tabs-color-light .tab-item .badge { - opacity: 0.4; } - .tabs-color-light .tab-item.tab-item-active, .tabs-color-light .tab-item.active, .tabs-color-light .tab-item.activated { - color: #fff; - border: 0 solid #fff; } - .tabs-color-light .tab-item.tab-item-active .badge, .tabs-color-light .tab-item.active .badge, .tabs-color-light .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-stable .tab-item { - color: rgba(248, 248, 248, 0.4); - opacity: 1; } - .tabs-color-stable .tab-item .badge { - opacity: 0.4; } - .tabs-color-stable .tab-item.tab-item-active, .tabs-color-stable .tab-item.active, .tabs-color-stable .tab-item.activated { - color: #f8f8f8; - border: 0 solid #f8f8f8; } - .tabs-color-stable .tab-item.tab-item-active .badge, .tabs-color-stable .tab-item.active .badge, .tabs-color-stable .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-positive .tab-item { - color: rgba(56, 126, 245, 0.4); - opacity: 1; } - .tabs-color-positive .tab-item .badge { - opacity: 0.4; } - .tabs-color-positive .tab-item.tab-item-active, .tabs-color-positive .tab-item.active, .tabs-color-positive .tab-item.activated { - color: #387ef5; - border: 0 solid #387ef5; } - .tabs-color-positive .tab-item.tab-item-active .badge, .tabs-color-positive .tab-item.active .badge, .tabs-color-positive .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-calm .tab-item { - color: rgba(17, 193, 243, 0.4); - opacity: 1; } - .tabs-color-calm .tab-item .badge { - opacity: 0.4; } - .tabs-color-calm .tab-item.tab-item-active, .tabs-color-calm .tab-item.active, .tabs-color-calm .tab-item.activated { - color: #11c1f3; - border: 0 solid #11c1f3; } - .tabs-color-calm .tab-item.tab-item-active .badge, .tabs-color-calm .tab-item.active .badge, .tabs-color-calm .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-assertive .tab-item { - color: rgba(239, 71, 58, 0.4); - opacity: 1; } - .tabs-color-assertive .tab-item .badge { - opacity: 0.4; } - .tabs-color-assertive .tab-item.tab-item-active, .tabs-color-assertive .tab-item.active, .tabs-color-assertive .tab-item.activated { - color: #ef473a; - border: 0 solid #ef473a; } - .tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-color-assertive .tab-item.active .badge, .tabs-color-assertive .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-balanced .tab-item { - color: rgba(51, 205, 95, 0.4); - opacity: 1; } - .tabs-color-balanced .tab-item .badge { - opacity: 0.4; } - .tabs-color-balanced .tab-item.tab-item-active, .tabs-color-balanced .tab-item.active, .tabs-color-balanced .tab-item.activated { - color: #33cd5f; - border: 0 solid #33cd5f; } - .tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-color-balanced .tab-item.active .badge, .tabs-color-balanced .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-energized .tab-item { - color: rgba(255, 201, 0, 0.4); - opacity: 1; } - .tabs-color-energized .tab-item .badge { - opacity: 0.4; } - .tabs-color-energized .tab-item.tab-item-active, .tabs-color-energized .tab-item.active, .tabs-color-energized .tab-item.activated { - color: #ffc900; - border: 0 solid #ffc900; } - .tabs-color-energized .tab-item.tab-item-active .badge, .tabs-color-energized .tab-item.active .badge, .tabs-color-energized .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-royal .tab-item { - color: rgba(136, 106, 234, 0.4); - opacity: 1; } - .tabs-color-royal .tab-item .badge { - opacity: 0.4; } - .tabs-color-royal .tab-item.tab-item-active, .tabs-color-royal .tab-item.active, .tabs-color-royal .tab-item.activated { - color: #886aea; - border: 0 solid #886aea; } - .tabs-color-royal .tab-item.tab-item-active .badge, .tabs-color-royal .tab-item.active .badge, .tabs-color-royal .tab-item.activated .badge { - opacity: 1; } - -.tabs-color-dark .tab-item { - color: rgba(68, 68, 68, 0.4); - opacity: 1; } - .tabs-color-dark .tab-item .badge { - opacity: 0.4; } - .tabs-color-dark .tab-item.tab-item-active, .tabs-color-dark .tab-item.active, .tabs-color-dark .tab-item.activated { - color: #444; - border: 0 solid #444; } - .tabs-color-dark .tab-item.tab-item-active .badge, .tabs-color-dark .tab-item.active .badge, .tabs-color-dark .tab-item.activated .badge { - opacity: 1; } - -ion-tabs.tabs-color-active-light .tab-item { - color: #444; } - ion-tabs.tabs-color-active-light .tab-item.tab-item-active, ion-tabs.tabs-color-active-light .tab-item.active, ion-tabs.tabs-color-active-light .tab-item.activated { - color: #fff; } -ion-tabs.tabs-color-active-stable .tab-item { - color: #444; } - ion-tabs.tabs-color-active-stable .tab-item.tab-item-active, ion-tabs.tabs-color-active-stable .tab-item.active, ion-tabs.tabs-color-active-stable .tab-item.activated { - color: #f8f8f8; } -ion-tabs.tabs-color-active-positive .tab-item { - color: #444; } - ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated { - color: #387ef5; } -ion-tabs.tabs-color-active-calm .tab-item { - color: #444; } - ion-tabs.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-color-active-calm .tab-item.activated { - color: #11c1f3; } -ion-tabs.tabs-color-active-assertive .tab-item { - color: #444; } - ion-tabs.tabs-color-active-assertive .tab-item.tab-item-active, ion-tabs.tabs-color-active-assertive .tab-item.active, ion-tabs.tabs-color-active-assertive .tab-item.activated { - color: #ef473a; } -ion-tabs.tabs-color-active-balanced .tab-item { - color: #444; } - ion-tabs.tabs-color-active-balanced .tab-item.tab-item-active, ion-tabs.tabs-color-active-balanced .tab-item.active, ion-tabs.tabs-color-active-balanced .tab-item.activated { - color: #33cd5f; } -ion-tabs.tabs-color-active-energized .tab-item { - color: #444; } - ion-tabs.tabs-color-active-energized .tab-item.tab-item-active, ion-tabs.tabs-color-active-energized .tab-item.active, ion-tabs.tabs-color-active-energized .tab-item.activated { - color: #ffc900; } -ion-tabs.tabs-color-active-royal .tab-item { - color: #444; } - ion-tabs.tabs-color-active-royal .tab-item.tab-item-active, ion-tabs.tabs-color-active-royal .tab-item.active, ion-tabs.tabs-color-active-royal .tab-item.activated { - color: #886aea; } -ion-tabs.tabs-color-active-dark .tab-item { - color: #fff; } - ion-tabs.tabs-color-active-dark .tab-item.tab-item-active, ion-tabs.tabs-color-active-dark .tab-item.active, ion-tabs.tabs-color-active-dark .tab-item.activated { - color: #444; } - -.tabs-top.tabs-striped { - padding-bottom: 0; } - .tabs-top.tabs-striped .tab-item { - background: transparent; - -webkit-transition: all 0.1s ease; - -moz-transition: all 0.1s ease; - -ms-transition: all 0.1s ease; - -o-transition: all 0.1s ease; - transition: all 0.1s ease; } - .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated { - margin-top: 0; - margin-bottom: -2px; - border-width: 0px 0px 2px 0px !important; - border-style: solid; } - .tabs-top.tabs-striped .tab-item .badge { - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -ms-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; } - -/* Allow parent element to have tabs-top */ -/* If you change this, change platform.scss as well */ -.tabs-top > .tabs, .tabs.tabs-top { - top: 44px; - padding-top: 0; - background-position: bottom; - border-top-width: 0; - border-bottom-width: 1px; } - .tabs-top > .tabs .tab-item.tab-item-active .badge, .tabs-top > .tabs .tab-item.active .badge, .tabs-top > .tabs .tab-item.activated .badge, .tabs.tabs-top .tab-item.tab-item-active .badge, .tabs.tabs-top .tab-item.active .badge, .tabs.tabs-top .tab-item.activated .badge { - top: 4%; } - -.tabs-top ~ .bar-header { - border-bottom-width: 0; } - -.tab-item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - display: block; - overflow: hidden; - max-width: 150px; - height: 100%; - color: inherit; - text-align: center; - text-decoration: none; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: 400; - font-size: 14px; - font-family: "Helvetica Neue", "Roboto", sans-serif; - opacity: 0.7; } - .tab-item:hover { - cursor: pointer; } - .tab-item.tab-hidden { - display: none; } - -.tabs-item-hide > .tabs, .tabs.tabs-item-hide { - display: none; } - -.tabs-icon-top > .tabs .tab-item, .tabs-icon-top.tabs .tab-item, .tabs-icon-bottom > .tabs .tab-item, .tabs-icon-bottom.tabs .tab-item { - font-size: 10px; - line-height: 14px; } - -.tab-item .icon { - display: block; - margin: 0 auto; - height: 32px; - font-size: 32px; } - -.tabs-icon-left.tabs .tab-item, .tabs-icon-left > .tabs .tab-item, .tabs-icon-right.tabs .tab-item, .tabs-icon-right > .tabs .tab-item { - font-size: 10px; } - .tabs-icon-left.tabs .tab-item .icon, .tabs-icon-left > .tabs .tab-item .icon, .tabs-icon-right.tabs .tab-item .icon, .tabs-icon-right > .tabs .tab-item .icon { - display: inline-block; - vertical-align: top; - margin-top: -0.1em; } - .tabs-icon-left.tabs .tab-item .icon:before, .tabs-icon-left > .tabs .tab-item .icon:before, .tabs-icon-right.tabs .tab-item .icon:before, .tabs-icon-right > .tabs .tab-item .icon:before { - font-size: 24px; - line-height: 49px; } - -.tabs-icon-left > .tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .icon { - padding-right: 3px; } - -.tabs-icon-right > .tabs .tab-item .icon, .tabs-icon-right.tabs .tab-item .icon { - padding-left: 3px; } - -.tabs-icon-only > .tabs .icon, .tabs-icon-only.tabs .icon { - line-height: inherit; } - -.tab-item.has-badge { - position: relative; } - -.tab-item .badge { - position: absolute; - top: 4%; - right: 33%; - right: calc(50% - 26px); - padding: 1px 6px; - height: auto; - font-size: 12px; - line-height: 16px; } - -/* Navigational tab */ -/* Active state for tab */ -.tab-item.tab-item-active, .tab-item.active, .tab-item.activated { - opacity: 1; } - .tab-item.tab-item-active.tab-item-light, .tab-item.active.tab-item-light, .tab-item.activated.tab-item-light { - color: #fff; } - .tab-item.tab-item-active.tab-item-stable, .tab-item.active.tab-item-stable, .tab-item.activated.tab-item-stable { - color: #f8f8f8; } - .tab-item.tab-item-active.tab-item-positive, .tab-item.active.tab-item-positive, .tab-item.activated.tab-item-positive { - color: #387ef5; } - .tab-item.tab-item-active.tab-item-calm, .tab-item.active.tab-item-calm, .tab-item.activated.tab-item-calm { - color: #11c1f3; } - .tab-item.tab-item-active.tab-item-assertive, .tab-item.active.tab-item-assertive, .tab-item.activated.tab-item-assertive { - color: #ef473a; } - .tab-item.tab-item-active.tab-item-balanced, .tab-item.active.tab-item-balanced, .tab-item.activated.tab-item-balanced { - color: #33cd5f; } - .tab-item.tab-item-active.tab-item-energized, .tab-item.active.tab-item-energized, .tab-item.activated.tab-item-energized { - color: #ffc900; } - .tab-item.tab-item-active.tab-item-royal, .tab-item.active.tab-item-royal, .tab-item.activated.tab-item-royal { - color: #886aea; } - .tab-item.tab-item-active.tab-item-dark, .tab-item.active.tab-item-dark, .tab-item.activated.tab-item-dark { - color: #444; } - -.item.tabs { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - padding: 0; } - .item.tabs .icon:before { - position: relative; } - -.tab-item.disabled, .tab-item[disabled] { - opacity: 0.4; - cursor: default; - pointer-events: none; } - -/** - * Menus - * -------------------------------------------------- - * Side panel structure - */ -.menu { - position: absolute; - top: 0; - bottom: 0; - z-index: 0; - overflow: hidden; - min-height: 100%; - max-height: 100%; - width: 275px; - background-color: #fff; } - .menu .scroll-content { - z-index: 10; } - .menu .bar-header { - z-index: 11; } - -.menu-content { - -webkit-transform: none; - transform: none; - box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2); } - -.menu-open .menu-content .pane, .menu-open .menu-content .scroll-content { - pointer-events: none; } - -.grade-b .menu-content, .grade-c .menu-content { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - right: -1px; - left: -1px; - border-right: 1px solid #ccc; - border-left: 1px solid #ccc; - box-shadow: none; } - -.menu-left { - left: 0; } - -.menu-right { - right: 0; } - -.aside-open.aside-resizing .menu-right { - display: none; } - -.menu-animated { - -webkit-transition: -webkit-transform 200ms ease; - transition: transform 200ms ease; } - -/** - * Modals - * -------------------------------------------------- - * Modals are independent windows that slide in from off-screen. - */ -.modal-backdrop { - -webkit-transition: background-color 300ms ease-in-out; - transition: background-color 300ms ease-in-out; - position: fixed; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0); } - .modal-backdrop.active { - background-color: rgba(0, 0, 0, 0.5); } - -.modal { - display: block; - position: absolute; - top: 0; - z-index: 10; - overflow: hidden; - min-height: 100%; - width: 100%; - background-color: #fff; } - -@media (min-width: 680px) { - .modal { - top: 20%; - right: 20%; - bottom: 20%; - left: 20%; - overflow: visible; - min-height: 240px; - width: 60%; } - - .modal.ng-leave-active { - bottom: 0; } - - .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) { - height: 44px; } - .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * { - margin-top: 0; } - .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs, .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top { - top: 44px; } - .platform-ios.platform-cordova .modal-wrapper .modal .has-header, .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader { - top: 44px; } - .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader { - top: 88px; } - .platform-ios.platform-cordova .modal-wrapper .modal .has-tabs-top { - top: 93px; } - .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top { - top: 137px; } - } - -.modal-open { - pointer-events: none; } - .modal-open .modal, .modal-open .modal-backdrop { - pointer-events: auto; } - .modal-open.loading-active .modal, .modal-open.loading-active .modal-backdrop { - pointer-events: none; } - -/** - * Popovers - * -------------------------------------------------- - * Popovers are independent views which float over content - */ -.popover-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0); } - .popover-backdrop.active { - background-color: rgba(0, 0, 0, 0.1); } - -.popover { - position: absolute; - top: 25%; - left: 50%; - z-index: 10; - display: block; - margin-top: 12px; - margin-left: -110px; - height: 280px; - width: 220px; - background-color: #fff; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - opacity: 0; } - .popover .item:first-child { - border-top: 0; } - .popover .item:last-child { - border-bottom: 0; } - .popover.popover-bottom { - margin-top: -12px; } - -.popover, .popover .bar-header { - border-radius: 2px; } - -.popover .scroll-content { - z-index: 1; - margin: 2px 0; } - -.popover .bar-header { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - -.popover .has-header { - border-top-right-radius: 0; - border-top-left-radius: 0; } - -.popover-arrow { - display: none; } - -.platform-ios .popover { - box-shadow: 0 0 40px rgba(0, 0, 0, 0.08); } -.platform-ios .popover, .platform-ios .popover .bar-header { - border-radius: 10px; } -.platform-ios .popover .scroll-content { - margin: 8px 0; - border-radius: 10px; } -.platform-ios .popover .scroll-content.has-header { - margin-top: 0; } -.platform-ios .popover-arrow { - position: absolute; - display: block; - top: -17px; - width: 30px; - height: 19px; - overflow: hidden; } - .platform-ios .popover-arrow:after { - position: absolute; - top: 12px; - left: 5px; - width: 20px; - height: 20px; - background-color: #fff; - border-radius: 3px; - content: ''; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); } -.platform-ios .popover-bottom .popover-arrow { - top: auto; - bottom: -10px; } - .platform-ios .popover-bottom .popover-arrow:after { - top: -6px; } - -.platform-android .popover { - margin-top: -32px; - background-color: #fafafa; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); } - .platform-android .popover .item { - border-color: #fafafa; - background-color: #fafafa; - color: #4d4d4d; } - .platform-android .popover.popover-bottom { - margin-top: 32px; } -.platform-android .popover-backdrop, .platform-android .popover-backdrop.active { - background-color: transparent; } - -.popover-open { - pointer-events: none; } - .popover-open .popover, .popover-open .popover-backdrop { - pointer-events: auto; } - .popover-open.loading-active .popover, .popover-open.loading-active .popover-backdrop { - pointer-events: none; } - -@media (min-width: 680px) { - .popover { - width: 360px; } - } - -/** - * Popups - * -------------------------------------------------- - */ -.popup-container { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - background: rgba(0, 0, 0, 0); - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - -moz-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - z-index: 12; - visibility: hidden; } - .popup-container.popup-showing { - visibility: visible; } - .popup-container.popup-hidden .popup { - -webkit-animation-name: scaleOut; - animation-name: scaleOut; - -webkit-animation-duration: 0.1s; - animation-duration: 0.1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - .popup-container.active .popup { - -webkit-animation-name: superScaleIn; - animation-name: superScaleIn; - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - .popup-container .popup { - width: 250px; - max-width: 100%; - max-height: 90%; - border-radius: 0px; - background-color: rgba(255, 255, 255, 0.9); - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-direction: normal; - -webkit-box-orient: vertical; - -webkit-flex-direction: column; - -moz-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - -.popup-head { - padding: 15px 10px; - border-bottom: 1px solid #eee; - text-align: center; } - -.popup-title { - margin: 0; - padding: 0; - font-size: 15px; } - -.popup-sub-title { - margin: 5px 0 0 0; - padding: 0; - font-weight: normal; - font-size: 11px; } - -.popup-body { - padding: 10px; - overflow: scroll; } - -.popup-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-direction: normal; - -webkit-box-orient: horizontal; - -webkit-flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - padding: 10px; - min-height: 65px; } - .popup-buttons .button { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - display: block; - min-height: 45px; - border-radius: 2px; - line-height: 20px; - margin-right: 5px; } - .popup-buttons .button:last-child { - margin-right: 0px; } - -.popup-open { - pointer-events: none; } - .popup-open.modal-open .modal { - pointer-events: none; } - .popup-open .popup-backdrop, .popup-open .popup { - pointer-events: auto; } - -/** - * Loading - * -------------------------------------------------- - */ -.loading-container { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - z-index: 13; - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - -moz-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - -webkit-transition: 0.2s opacity linear; - transition: 0.2s opacity linear; - visibility: hidden; - opacity: 0; } - .loading-container:not(.visible) .icon { - display: none; } - .loading-container.visible { - visibility: visible; } - .loading-container.active { - opacity: 1; } - .loading-container .loading { - padding: 20px; - border-radius: 5px; - background-color: rgba(0, 0, 0, 0.7); - color: #fff; - text-align: center; - text-overflow: ellipsis; - font-size: 15px; } - .loading-container .loading h1, .loading-container .loading h2, .loading-container .loading h3, .loading-container .loading h4, .loading-container .loading h5, .loading-container .loading h6 { - color: #fff; } - -/** - * Items - * -------------------------------------------------- - */ -.item { - border-color: #ddd; - background-color: #fff; - color: #444; - position: relative; - z-index: 2; - display: block; - margin: -1px; - padding: 16px; - border-width: 1px; - border-style: solid; - font-size: 16px; } - .item h2 { - margin: 0 0 2px 0; - font-size: 16px; - font-weight: normal; } - .item h3 { - margin: 0 0 4px 0; - font-size: 14px; } - .item h4 { - margin: 0 0 4px 0; - font-size: 12px; } - .item h5, .item h6 { - margin: 0 0 3px 0; - font-size: 10px; } - .item p { - color: #666; - font-size: 14px; - margin-bottom: 2px; } - .item h1:last-child, .item h2:last-child, .item h3:last-child, .item h4:last-child, .item h5:last-child, .item h6:last-child, .item p:last-child { - margin-bottom: 0; } - .item .badge { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - top: 16px; - right: 32px; } - .item.item-button-right .badge { - right: 67px; } - .item.item-divider .badge { - top: 8px; } - .item .badge + .badge { - margin-right: 5px; } - .item.item-light { - border-color: #ddd; - background-color: #fff; - color: #444; } - .item.item-stable { - border-color: #b2b2b2; - background-color: #f8f8f8; - color: #444; } - .item.item-positive { - border-color: #0c60ee; - background-color: #387ef5; - color: #fff; } - .item.item-calm { - border-color: #0a9dc7; - background-color: #11c1f3; - color: #fff; } - .item.item-assertive { - border-color: #e42112; - background-color: #ef473a; - color: #fff; } - .item.item-balanced { - border-color: #28a54c; - background-color: #33cd5f; - color: #fff; } - .item.item-energized { - border-color: #e6b500; - background-color: #ffc900; - color: #fff; } - .item.item-royal { - border-color: #6b46e5; - background-color: #886aea; - color: #fff; } - .item.item-dark { - border-color: #111; - background-color: #444; - color: #fff; } - .item[ng-click]:hover { - cursor: pointer; } - -.list-borderless .item, .item-borderless { - border-width: 0; } - -.item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated { - border-color: #ccc; - background-color: #D9D9D9; } - .item.active.item-light, .item.activated.item-light, .item-complex.active .item-content.item-light, .item-complex.activated .item-content.item-light, .item .item-content.active.item-light, .item .item-content.activated.item-light { - border-color: #ccc; - background-color: #fafafa; } - .item.active.item-stable, .item.activated.item-stable, .item-complex.active .item-content.item-stable, .item-complex.activated .item-content.item-stable, .item .item-content.active.item-stable, .item .item-content.activated.item-stable { - border-color: #a2a2a2; - background-color: #e5e5e5; } - .item.active.item-positive, .item.activated.item-positive, .item-complex.active .item-content.item-positive, .item-complex.activated .item-content.item-positive, .item .item-content.active.item-positive, .item .item-content.activated.item-positive { - border-color: #0c60ee; - background-color: #0c60ee; } - .item.active.item-calm, .item.activated.item-calm, .item-complex.active .item-content.item-calm, .item-complex.activated .item-content.item-calm, .item .item-content.active.item-calm, .item .item-content.activated.item-calm { - border-color: #0a9dc7; - background-color: #0a9dc7; } - .item.active.item-assertive, .item.activated.item-assertive, .item-complex.active .item-content.item-assertive, .item-complex.activated .item-content.item-assertive, .item .item-content.active.item-assertive, .item .item-content.activated.item-assertive { - border-color: #e42112; - background-color: #e42112; } - .item.active.item-balanced, .item.activated.item-balanced, .item-complex.active .item-content.item-balanced, .item-complex.activated .item-content.item-balanced, .item .item-content.active.item-balanced, .item .item-content.activated.item-balanced { - border-color: #28a54c; - background-color: #28a54c; } - .item.active.item-energized, .item.activated.item-energized, .item-complex.active .item-content.item-energized, .item-complex.activated .item-content.item-energized, .item .item-content.active.item-energized, .item .item-content.activated.item-energized { - border-color: #e6b500; - background-color: #e6b500; } - .item.active.item-royal, .item.activated.item-royal, .item-complex.active .item-content.item-royal, .item-complex.activated .item-content.item-royal, .item .item-content.active.item-royal, .item .item-content.activated.item-royal { - border-color: #6b46e5; - background-color: #6b46e5; } - .item.active.item-dark, .item.activated.item-dark, .item-complex.active .item-content.item-dark, .item-complex.activated .item-content.item-dark, .item .item-content.active.item-dark, .item .item-content.activated.item-dark { - border-color: #000; - background-color: #262626; } - -.item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - -a.item { - color: inherit; - text-decoration: none; } - a.item:hover, a.item:focus { - text-decoration: none; } - -/** - * Complex Items - * -------------------------------------------------- - * Adding .item-complex allows the .item to be slidable and - * have options underneath the button, but also requires an - * additional .item-content element inside .item. - * Basically .item-complex removes any default settings which - * .item added, so that .item-content looks them as just .item. - */ -.item-complex, a.item.item-complex, button.item.item-complex { - padding: 0; } - -.item-complex .item-content, .item-radio .item-content { - position: relative; - z-index: 2; - padding: 16px 49px 16px 16px; - border: none; - background-color: white; } - -a.item-content { - display: block; - color: inherit; - text-decoration: none; } - -.item-text-wrap .item, .item-text-wrap .item-content, .item-text-wrap, .item-text-wrap h1, .item-text-wrap h2, .item-text-wrap h3, .item-text-wrap h4, .item-text-wrap h5, .item-text-wrap h6, .item-text-wrap p, .item-complex.item-text-wrap .item-content, .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p { - overflow: visible; - white-space: normal; } - -.item-complex.item-text-wrap, .item-complex.item-text-wrap h1, .item-complex.item-text-wrap h2, .item-complex.item-text-wrap h3, .item-complex.item-text-wrap h4, .item-complex.item-text-wrap h5, .item-complex.item-text-wrap h6, .item-complex.item-text-wrap p { - overflow: visible; - white-space: normal; } - -.item-complex.item-light > .item-content { - border-color: #ddd; - background-color: #fff; - color: #444; } - .item-complex.item-light > .item-content.active, .item-complex.item-light > .item-content:active { - border-color: #ccc; - background-color: #fafafa; } -.item-complex.item-stable > .item-content { - border-color: #b2b2b2; - background-color: #f8f8f8; - color: #444; } - .item-complex.item-stable > .item-content.active, .item-complex.item-stable > .item-content:active { - border-color: #a2a2a2; - background-color: #e5e5e5; } -.item-complex.item-positive > .item-content { - border-color: #0c60ee; - background-color: #387ef5; - color: #fff; } - .item-complex.item-positive > .item-content.active, .item-complex.item-positive > .item-content:active { - border-color: #0c60ee; - background-color: #0c60ee; } -.item-complex.item-calm > .item-content { - border-color: #0a9dc7; - background-color: #11c1f3; - color: #fff; } - .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active { - border-color: #0a9dc7; - background-color: #0a9dc7; } -.item-complex.item-assertive > .item-content { - border-color: #e42112; - background-color: #ef473a; - color: #fff; } - .item-complex.item-assertive > .item-content.active, .item-complex.item-assertive > .item-content:active { - border-color: #e42112; - background-color: #e42112; } -.item-complex.item-balanced > .item-content { - border-color: #28a54c; - background-color: #33cd5f; - color: #fff; } - .item-complex.item-balanced > .item-content.active, .item-complex.item-balanced > .item-content:active { - border-color: #28a54c; - background-color: #28a54c; } -.item-complex.item-energized > .item-content { - border-color: #e6b500; - background-color: #ffc900; - color: #fff; } - .item-complex.item-energized > .item-content.active, .item-complex.item-energized > .item-content:active { - border-color: #e6b500; - background-color: #e6b500; } -.item-complex.item-royal > .item-content { - border-color: #6b46e5; - background-color: #886aea; - color: #fff; } - .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active { - border-color: #6b46e5; - background-color: #6b46e5; } -.item-complex.item-dark > .item-content { - border-color: #111; - background-color: #444; - color: #fff; } - .item-complex.item-dark > .item-content.active, .item-complex.item-dark > .item-content:active { - border-color: #000; - background-color: #262626; } - -/** - * Item Icons - * -------------------------------------------------- - */ -.item-icon-left .icon, .item-icon-right .icon { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 0; - height: 100%; - font-size: 32px; } - .item-icon-left .icon:before, .item-icon-right .icon:before { - display: block; - width: 32px; - text-align: center; } - -.item .fill-icon { - min-width: 30px; - min-height: 30px; - font-size: 28px; } - -.item-icon-left { - padding-left: 54px; } - .item-icon-left .icon { - left: 11px; } - -.item-complex.item-icon-left { - padding-left: 0; } - .item-complex.item-icon-left .item-content { - padding-left: 54px; } - -.item-icon-right { - padding-right: 54px; } - .item-icon-right .icon { - right: 11px; } - -.item-complex.item-icon-right { - padding-right: 0; } - .item-complex.item-icon-right .item-content { - padding-right: 54px; } - -.item-icon-left.item-icon-right .icon:first-child { - right: auto; } - -.item-icon-left.item-icon-right .icon:last-child, .item-icon-left .item-delete .icon { - left: auto; } - -.item-icon-left .icon-accessory, .item-icon-right .icon-accessory { - color: #ccc; - font-size: 16px; } - -.item-icon-left .icon-accessory { - left: 3px; } - -.item-icon-right .icon-accessory { - right: 3px; } - -/** - * Item Button - * -------------------------------------------------- - * An item button is a child button inside an .item (not the entire .item) - */ -.item-button-left { - padding-left: 72px; } - -.item-button-left > .button, .item-button-left .item-content > .button { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 8px; - left: 11px; - min-width: 34px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - .item-button-left > .button .icon:before, .item-button-left .item-content > .button .icon:before { - position: relative; - left: auto; - width: auto; - line-height: 31px; } - .item-button-left > .button > .button, .item-button-left .item-content > .button > .button { - margin: 0px 2px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - -.item-button-right, a.item.item-button-right, button.item.item-button-right { - padding-right: 80px; } - -.item-button-right > .button, .item-button-right .item-content > .button, .item-button-right > .buttons, .item-button-right .item-content > .buttons { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 8px; - right: 16px; - min-width: 34px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - .item-button-right > .button .icon:before, .item-button-right .item-content > .button .icon:before, .item-button-right > .buttons .icon:before, .item-button-right .item-content > .buttons .icon:before { - position: relative; - left: auto; - width: auto; - line-height: 31px; } - .item-button-right > .button > .button, .item-button-right .item-content > .button > .button, .item-button-right > .buttons > .button, .item-button-right .item-content > .buttons > .button { - margin: 0px 2px; - min-width: 34px; - min-height: 34px; - font-size: 18px; - line-height: 32px; } - -.item-avatar, .item-avatar .item-content, .item-avatar-left, .item-avatar-left .item-content { - padding-left: 72px; - min-height: 72px; } - .item-avatar > img:first-child, .item-avatar .item-image, .item-avatar .item-content > img:first-child, .item-avatar .item-content .item-image, .item-avatar-left > img:first-child, .item-avatar-left .item-image, .item-avatar-left .item-content > img:first-child, .item-avatar-left .item-content .item-image { - position: absolute; - top: 16px; - left: 16px; - max-width: 40px; - max-height: 40px; - width: 100%; - border-radius: 50%; } - -.item-avatar-right, .item-avatar-right .item-content { - padding-right: 72px; - min-height: 72px; } - .item-avatar-right > img:first-child, .item-avatar-right .item-image, .item-avatar-right .item-content > img:first-child, .item-avatar-right .item-content .item-image { - position: absolute; - top: 16px; - right: 16px; - max-width: 40px; - max-height: 40px; - width: 100%; - border-radius: 50%; } - -.item-thumbnail-left, .item-thumbnail-left .item-content { - padding-top: 8px; - padding-left: 106px; - min-height: 100px; } - .item-thumbnail-left > img:first-child, .item-thumbnail-left .item-image, .item-thumbnail-left .item-content > img:first-child, .item-thumbnail-left .item-content .item-image { - position: absolute; - top: 10px; - left: 10px; - max-width: 80px; - max-height: 80px; - width: 100%; } - -.item-avatar.item-complex, .item-avatar-left.item-complex, .item-thumbnail-left.item-complex { - padding-top: 0; - padding-left: 0; } - -.item-thumbnail-right, .item-thumbnail-right .item-content { - padding-top: 8px; - padding-right: 106px; - min-height: 100px; } - .item-thumbnail-right > img:first-child, .item-thumbnail-right .item-image, .item-thumbnail-right .item-content > img:first-child, .item-thumbnail-right .item-content .item-image { - position: absolute; - top: 10px; - right: 10px; - max-width: 80px; - max-height: 80px; - width: 100%; } - -.item-avatar-right.item-complex, .item-thumbnail-right.item-complex { - padding-top: 0; - padding-right: 0; } - -.item-image { - padding: 0; - text-align: center; } - .item-image img:first-child, .item-image .list-img { - width: 100%; - vertical-align: middle; } - -.item-body { - overflow: auto; - padding: 16px; - text-overflow: inherit; - white-space: normal; } - .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p { - margin-top: 16px; - margin-bottom: 16px; } - -.item-divider { - padding-top: 8px; - padding-bottom: 8px; - min-height: 30px; - background-color: #f5f5f5; - color: #222; - font-weight: 500; } - -.platform-ios .item-divider-platform, .item-divider-ios { - padding-top: 26px; - text-transform: uppercase; - font-weight: 300; - font-size: 13px; - background-color: #efeff4; - color: #555; } - -.platform-android .item-divider-platform, .item-divider-android { - font-weight: 300; - font-size: 13px; } - -.item-note { - float: right; - color: #aaa; - font-size: 14px; } - -.item-left-editable .item-content, .item-right-editable .item-content { - -webkit-transition-duration: 250ms; - transition-duration: 250ms; - -webkit-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - transition-property: transform; } - -.list-left-editing .item-left-editable .item-content, .item-left-editing.item-left-editable .item-content { - -webkit-transform: translate3d(50px, 0, 0); - transform: translate3d(50px, 0, 0); } - -.list-right-editing .item-right-editable .item-content, .item-right-editing.item-right-editable .item-content { - -webkit-transform: translate3d(-50px, 0, 0); - transform: translate3d(-50px, 0, 0); } - -.item-remove-animate.ng-leave { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; } -.item-remove-animate.ng-leave .item-content, .item-remove-animate.ng-leave:last-of-type { - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - -webkit-transition-property: all; - transition-property: all; } -.item-remove-animate.ng-leave.ng-leave-active .item-content { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) !important; - transform: translate3d(-100%, 0, 0) !important; } -.item-remove-animate.ng-leave.ng-leave-active:last-of-type { - opacity: 0; } -.item-remove-animate.ng-leave.ng-leave-active ~ ion-item:not(.ng-leave) { - -webkit-transform: translate3d(0, -webkit-calc(-100% + 1px), 0); - transform: translate3d(0, calc(-100% + 1px), 0); - -webkit-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1); - transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1); - -webkit-transition-property: all; - transition-property: all; } - -.item-left-edit { - -webkit-transition: all ease-in-out 125ms; - transition: all ease-in-out 125ms; - position: absolute; - top: 0; - left: 0; - z-index: 0; - width: 50px; - height: 100%; - line-height: 100%; - display: none; - opacity: 0; - -webkit-transform: translate3d(-21px, 0, 0); - transform: translate3d(-21px, 0, 0); } - .item-left-edit .button { - height: 100%; } - .item-left-edit .button.icon { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 0; - height: 100%; } - .item-left-edit.visible { - display: block; } - .item-left-edit.visible.active { - opacity: 1; - -webkit-transform: translate3d(8px, 0, 0); - transform: translate3d(8px, 0, 0); } - -.list-left-editing .item-left-edit { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - -.item-delete .button.icon { - color: #ef473a; - font-size: 24px; } - .item-delete .button.icon:hover { - opacity: 0.7; } - -.item-right-edit { - -webkit-transition: all ease-in-out 125ms; - transition: all ease-in-out 125ms; - position: absolute; - top: 0; - right: 0; - z-index: 0; - width: 75px; - height: 100%; - background: inherit; - padding-left: 20px; - display: none; - opacity: 0; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); } - .item-right-edit .button { - min-width: 50px; - height: 100%; } - .item-right-edit .button.icon { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: absolute; - top: 0; - height: 100%; - font-size: 32px; } - .item-right-edit.visible { - display: block; - z-index: 3; } - .item-right-edit.visible.active { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -.list-right-editing .item-right-edit { - -webkit-transition-delay: 125ms; - transition-delay: 125ms; } - -.item-reorder .button.icon { - color: #444; - font-size: 32px; } - -.item-reordering { - position: absolute; - left: 0; - top: 0; - z-index: 9; - width: 100%; - box-shadow: 0px 0px 10px 0px #aaa; } - .item-reordering .item-reorder { - z-index: 1; } - -.item-placeholder { - opacity: 0.7; } - -/** - * The hidden right-side buttons that can be exposed under a list item - * with dragging. - */ -.item-options { - position: absolute; - top: 0; - right: 0; - z-index: 1; - height: 100%; } - .item-options .button { - height: 100%; - border: none; - border-radius: 0; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -moz-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; } - .item-options .button:before { - margin: 0 auto; } - -/** - * Lists - * -------------------------------------------------- - */ -.list { - position: relative; - padding-top: 1px; - padding-bottom: 1px; - padding-left: 0; - margin-bottom: 20px; } - -.list:last-child { - margin-bottom: 0px; } - .list:last-child.card { - margin-bottom: 40px; } - -/** - * List Header - * -------------------------------------------------- - */ -.list-header { - margin-top: 20px; - padding: 5px 15px; - background-color: transparent; - color: #222; - font-weight: bold; } - -.card.list .list-item { - padding-right: 1px; - padding-left: 1px; } - -/** - * Cards and Inset Lists - * -------------------------------------------------- - * A card and list-inset are close to the same thing, except a card as a box shadow. - */ -.card, .list-inset { - overflow: hidden; - margin: 20px 10px; - border-radius: 2px; - background-color: #fff; } - -.card { - padding-top: 1px; - padding-bottom: 1px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } - .card .item { - border-left: 0; - border-right: 0; } - .card .item:first-child { - border-top: 0; } - .card .item:last-child { - border-bottom: 0; } - -.padding .card, .padding .list-inset { - margin-left: 0; - margin-right: 0; } - -.card .item:first-child, .list-inset .item:first-child, .padding > .list .item:first-child { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } - .card .item:first-child .item-content, .list-inset .item:first-child .item-content, .padding > .list .item:first-child .item-content { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } -.card .item:last-child, .list-inset .item:last-child, .padding > .list .item:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } - .card .item:last-child .item-content, .list-inset .item:last-child .item-content, .padding > .list .item:last-child .item-content { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } - -.card .item:last-child, .list-inset .item:last-child { - margin-bottom: -1px; } - -.card .item, .list-inset .item, .padding > .list .item, .padding-horizontal > .list .item { - margin-right: 0; - margin-left: 0; } - .card .item.item-input input, .list-inset .item.item-input input, .padding > .list .item.item-input input, .padding-horizontal > .list .item.item-input input { - padding-right: 44px; } - -.padding-left > .list .item { - margin-left: 0; } - -.padding-right > .list .item { - margin-right: 0; } - -/** - * Badges - * -------------------------------------------------- - */ -.badge { - background-color: transparent; - color: #AAAAAA; - z-index: 1; - display: inline-block; - padding: 3px 8px; - min-width: 10px; - border-radius: 10px; - vertical-align: baseline; - text-align: center; - white-space: nowrap; - font-weight: bold; - font-size: 14px; - line-height: 16px; } - .badge:empty { - display: none; } - -.tabs .tab-item .badge.badge-light, .badge.badge-light { - background-color: #fff; - color: #444; } -.tabs .tab-item .badge.badge-stable, .badge.badge-stable { - background-color: #f8f8f8; - color: #444; } -.tabs .tab-item .badge.badge-positive, .badge.badge-positive { - background-color: #387ef5; - color: #fff; } -.tabs .tab-item .badge.badge-calm, .badge.badge-calm { - background-color: #11c1f3; - color: #fff; } -.tabs .tab-item .badge.badge-assertive, .badge.badge-assertive { - background-color: #ef473a; - color: #fff; } -.tabs .tab-item .badge.badge-balanced, .badge.badge-balanced { - background-color: #33cd5f; - color: #fff; } -.tabs .tab-item .badge.badge-energized, .badge.badge-energized { - background-color: #ffc900; - color: #fff; } -.tabs .tab-item .badge.badge-royal, .badge.badge-royal { - background-color: #886aea; - color: #fff; } -.tabs .tab-item .badge.badge-dark, .badge.badge-dark { - background-color: #444; - color: #fff; } - -.button .badge { - position: relative; - top: -1px; } - -/** - * Slide Box - * -------------------------------------------------- - */ -.slider { - position: relative; - visibility: hidden; - overflow: hidden; } - -.slider-slides { - position: relative; - height: 100%; } - -.slider-slide { - position: relative; - display: block; - float: left; - width: 100%; - height: 100%; - vertical-align: top; } - -.slider-slide-image > img { - width: 100%; } - -.slider-pager { - position: absolute; - bottom: 20px; - z-index: 1; - width: 100%; - height: 15px; - text-align: center; } - .slider-pager .slider-pager-page { - display: inline-block; - margin: 0px 3px; - width: 15px; - color: #000; - text-decoration: none; - opacity: 0.3; } - .slider-pager .slider-pager-page.active { - -webkit-transition: opacity 0.4s ease-in; - transition: opacity 0.4s ease-in; - opacity: 1; } - -/** - * Forms - * -------------------------------------------------- - */ -form { - margin: 0 0 1.428571429; } - -legend { - display: block; - margin-bottom: 1.428571429; - padding: 0; - width: 100%; - border: 1px solid #ddd; - color: #444; - font-size: 21px; - line-height: 2.857142858; } - legend small { - color: #f8f8f8; - font-size: 1.0714285718; } - -label, input, button, select, textarea { - font-weight: normal; - font-size: 14px; - line-height: 1.428571429; } - -input, button, select, textarea { - font-family: "Helvetica Neue", "Roboto", sans-serif; } - -.item-input { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: relative; - overflow: hidden; - padding: 6px 0 5px 16px; } - .item-input input { - -webkit-border-radius: 0; - border-radius: 0; - -webkit-box-flex: 1; - -webkit-flex: 1 0 220px; - -moz-box-flex: 1; - -moz-flex: 1 0 220px; - -ms-flex: 1 0 220px; - flex: 1 0 220px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin: 0; - padding-right: 24px; - background-color: transparent; } - .item-input .button .icon { - -webkit-box-flex: 0; - -webkit-flex: 0 0 24px; - -moz-box-flex: 0; - -moz-flex: 0 0 24px; - -ms-flex: 0 0 24px; - flex: 0 0 24px; - position: static; - display: inline-block; - height: auto; - text-align: center; - font-size: 16px; } - .item-input .button-bar { - -webkit-border-radius: 0; - border-radius: 0; - -webkit-box-flex: 1; - -webkit-flex: 1 0 220px; - -moz-box-flex: 1; - -moz-flex: 1 0 220px; - -ms-flex: 1 0 220px; - flex: 1 0 220px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } - .item-input .icon { - min-width: 14px; } - -.item-input-inset { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - position: relative; - overflow: hidden; - padding: 10.6666666667px; } - -.item-input-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1 0; - -moz-box-flex: 1; - -moz-flex: 1 0; - -ms-flex: 1 0; - flex: 1 0; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - -webkit-border-radius: 4px; - border-radius: 4px; - padding-right: 8px; - padding-left: 8px; - background: #eee; } - -.item-input-inset .item-input-wrapper input { - padding-left: 4px; - height: 29px; - background: transparent; - line-height: 18px; } - -.item-input-wrapper ~ .button { - margin-left: 10.6666666667px; } - -.input-label { - -webkit-box-flex: 1; - -webkit-flex: 1 0 100px; - -moz-box-flex: 1; - -moz-flex: 1 0 100px; - -ms-flex: 1 0 100px; - flex: 1 0 100px; - display: table; - padding: 7px 10px 7px 0px; - max-width: 200px; - width: 35%; - color: #444; - font-size: 16px; } - -.placeholder-icon { - color: #aaa; } - .placeholder-icon:first-child { - padding-right: 6px; } - .placeholder-icon:last-child { - padding-left: 6px; } - -.item-stacked-label { - display: block; - background-color: transparent; - box-shadow: none; } - .item-stacked-label .input-label, .item-stacked-label .icon { - display: inline-block; - padding: 4px 0 0 0px; - vertical-align: middle; } - -.item-stacked-label input, .item-stacked-label textarea { - -webkit-border-radius: 2px; - border-radius: 2px; - padding: 4px 8px 3px 0; - border: none; - background-color: #fff; } - -.item-stacked-label input { - overflow: hidden; - height: 46px; } - -.item-floating-label { - display: block; - background-color: transparent; - box-shadow: none; } - .item-floating-label .input-label { - position: relative; - padding: 5px 0 0 0; - opacity: 0; - top: 10px; - -webkit-transition: opacity 0.15s ease-in, top 0.2s linear; - transition: opacity 0.15s ease-in, top 0.2s linear; } - .item-floating-label .input-label.has-input { - opacity: 1; - top: 0; - -webkit-transition: opacity 0.15s ease-in, top 0.2s linear; - transition: opacity 0.15s ease-in, top 0.2s linear; } - -textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { - display: block; - padding-top: 2px; - padding-left: 0; - height: 34px; - color: #111; - vertical-align: middle; - font-size: 14px; - line-height: 16px; } - -.platform-ios input[type="datetime-local"], .platform-ios input[type="date"], .platform-ios input[type="month"], .platform-ios input[type="time"], .platform-ios input[type="week"], .platform-android input[type="datetime-local"], .platform-android input[type="date"], .platform-android input[type="month"], .platform-android input[type="time"], .platform-android input[type="week"] { - padding-top: 8px; } - -input, textarea { - width: 100%; } - -textarea { - padding-left: 0; } - textarea::-moz-placeholder { - color: #aaaaaa; } - textarea:-ms-input-placeholder { - color: #aaaaaa; } - textarea::-webkit-input-placeholder { - color: #aaaaaa; - text-indent: -3px; } - -textarea { - height: auto; } - -textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { - border: 0; } - -input[type="radio"], input[type="checkbox"] { - margin: 0; - line-height: normal; } - -input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { - width: auto; } - -input[type="file"] { - line-height: 34px; } - -.previous-input-focus, .cloned-text-input + input, .cloned-text-input + textarea { - position: absolute !important; - left: -9999px; - width: 200px; } - -input::-moz-placeholder, textarea::-moz-placeholder { - color: #aaaaaa; } -input:-ms-input-placeholder, textarea:-ms-input-placeholder { - color: #aaaaaa; } -input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { - color: #aaaaaa; - text-indent: 0; } - -input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly] { - background-color: #f8f8f8; - cursor: not-allowed; } - -input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { - background-color: transparent; } - -/** - * Checkbox - * -------------------------------------------------- - */ -.checkbox { - position: relative; - display: inline-block; - padding: 7px 7px; - cursor: pointer; } - .checkbox input:before, .checkbox .checkbox-icon:before { - border-color: #ddd; } - .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before { - background: #387ef5; - border-color: #387ef5; } - -.checkbox-light input:before, .checkbox-light .checkbox-icon:before { - border-color: #ddd; } -.checkbox-light input:checked:before, .checkbox-light input:checked + .checkbox-icon:before { - background: #ddd; - border-color: #ddd; } - -.checkbox-stable input:before, .checkbox-stable .checkbox-icon:before { - border-color: #b2b2b2; } -.checkbox-stable input:checked:before, .checkbox-stable input:checked + .checkbox-icon:before { - background: #b2b2b2; - border-color: #b2b2b2; } - -.checkbox-positive input:before, .checkbox-positive .checkbox-icon:before { - border-color: #387ef5; } -.checkbox-positive input:checked:before, .checkbox-positive input:checked + .checkbox-icon:before { - background: #387ef5; - border-color: #387ef5; } - -.checkbox-calm input:before, .checkbox-calm .checkbox-icon:before { - border-color: #11c1f3; } -.checkbox-calm input:checked:before, .checkbox-calm input:checked + .checkbox-icon:before { - background: #11c1f3; - border-color: #11c1f3; } - -.checkbox-assertive input:before, .checkbox-assertive .checkbox-icon:before { - border-color: #ef473a; } -.checkbox-assertive input:checked:before, .checkbox-assertive input:checked + .checkbox-icon:before { - background: #ef473a; - border-color: #ef473a; } - -.checkbox-balanced input:before, .checkbox-balanced .checkbox-icon:before { - border-color: #33cd5f; } -.checkbox-balanced input:checked:before, .checkbox-balanced input:checked + .checkbox-icon:before { - background: #33cd5f; - border-color: #33cd5f; } - -.checkbox-energized input:before, .checkbox-energized .checkbox-icon:before { - border-color: #ffc900; } -.checkbox-energized input:checked:before, .checkbox-energized input:checked + .checkbox-icon:before { - background: #ffc900; - border-color: #ffc900; } - -.checkbox-royal input:before, .checkbox-royal .checkbox-icon:before { - border-color: #886aea; } -.checkbox-royal input:checked:before, .checkbox-royal input:checked + .checkbox-icon:before { - background: #886aea; - border-color: #886aea; } - -.checkbox-dark input:before, .checkbox-dark .checkbox-icon:before { - border-color: #444; } -.checkbox-dark input:checked:before, .checkbox-dark input:checked + .checkbox-icon:before { - background: #444; - border-color: #444; } - -.checkbox input:disabled:before, .checkbox input:disabled + .checkbox-icon:before { - border-color: #ddd; } - -.checkbox input:disabled:checked:before, .checkbox input:disabled:checked + .checkbox-icon:before { - background: #ddd; } - -.checkbox.checkbox-input-hidden input { - display: none !important; } - -.checkbox input, .checkbox-icon { - position: relative; - width: 28px; - height: 28px; - display: block; - border: 0; - background: transparent; - cursor: pointer; - -webkit-appearance: none; } - .checkbox input:before, .checkbox-icon:before { - display: table; - width: 100%; - height: 100%; - border-width: 1px; - border-style: solid; - border-radius: 28px; - background: #fff; - content: ' '; - -webkit-transition: background-color 20ms ease-in-out; - transition: background-color 20ms ease-in-out; } - -.checkbox input:checked:before, input:checked + .checkbox-icon:before { - border-width: 2px; } - -.checkbox input:after, .checkbox-icon:after { - -webkit-transition: opacity 0.05s ease-in-out; - transition: opacity 0.05s ease-in-out; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - position: absolute; - top: 33%; - left: 25%; - display: table; - width: 14px; - height: 6px; - border: 1px solid #fff; - border-top: 0; - border-right: 0; - content: ' '; - opacity: 0; } - -.platform-android .checkbox-platform input:before, .platform-android .checkbox-platform .checkbox-icon:before, .checkbox-square input:before, .checkbox-square .checkbox-icon:before { - border-radius: 2px; - width: 72%; - height: 72%; - margin-top: 14%; - margin-left: 14%; - border-width: 2px; } - -.platform-android .checkbox-platform input:after, .platform-android .checkbox-platform .checkbox-icon:after, .checkbox-square input:after, .checkbox-square .checkbox-icon:after { - border-width: 2px; - top: 19%; - left: 25%; - width: 13px; - height: 7px; } - -.grade-c .checkbox input:after, .grade-c .checkbox-icon:after { - -webkit-transform: rotate(0); - transform: rotate(0); - top: 3px; - left: 4px; - border: none; - color: #fff; - content: '\2713'; - font-weight: bold; - font-size: 20px; } - -.checkbox input:checked:after, input:checked + .checkbox-icon:after { - opacity: 1; } - -.item-checkbox { - padding-left: 60px; } - .item-checkbox.active { - box-shadow: none; } - -.item-checkbox .checkbox { - position: absolute; - top: 50%; - right: 8px; - left: 8px; - z-index: 3; - margin-top: -21px; } - -.item-checkbox.item-checkbox-right { - padding-right: 60px; - padding-left: 16px; } - -.item-checkbox-right .checkbox input, .item-checkbox-right .checkbox-icon { - float: right; } - -/** - * Toggle - * -------------------------------------------------- - */ -.item-toggle { - pointer-events: none; } - -.toggle { - position: relative; - display: inline-block; - pointer-events: auto; - margin: -5px; - padding: 5px; } - .toggle input:checked + .track { - border-color: #387ef5; - background-color: #387ef5; } - .toggle.dragging .handle { - background-color: #f2f2f2 !important; } - .toggle.toggle-light input:checked + .track { - border-color: #ddd; - background-color: #ddd; } - .toggle.toggle-stable input:checked + .track { - border-color: #b2b2b2; - background-color: #b2b2b2; } - .toggle.toggle-positive input:checked + .track { - border-color: #387ef5; - background-color: #387ef5; } - .toggle.toggle-calm input:checked + .track { - border-color: #11c1f3; - background-color: #11c1f3; } - .toggle.toggle-assertive input:checked + .track { - border-color: #ef473a; - background-color: #ef473a; } - .toggle.toggle-balanced input:checked + .track { - border-color: #33cd5f; - background-color: #33cd5f; } - .toggle.toggle-energized input:checked + .track { - border-color: #ffc900; - background-color: #ffc900; } - .toggle.toggle-royal input:checked + .track { - border-color: #886aea; - background-color: #886aea; } - .toggle.toggle-dark input:checked + .track { - border-color: #444; - background-color: #444; } - -.toggle input { - display: none; } - -/* the track appearance when the toggle is "off" */ -.toggle .track { - -webkit-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-property: background-color, border; - transition-property: background-color, border; - display: inline-block; - box-sizing: border-box; - width: 54px; - height: 32px; - border: solid 2px #E5E5E5; - border-radius: 20px; - background-color: #E5E5E5; - content: ' '; - cursor: pointer; - pointer-events: none; } - -/* Fix to avoid background color bleeding */ -/* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */ -.platform-android4_2 .toggle .track { - -webkit-background-clip: padding-box; } - -/* the handle (circle) thats inside the toggle's track area */ -/* also the handle's appearance when it is "off" */ -.toggle .handle { - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; - position: absolute; - display: block; - width: 28px; - height: 28px; - border-radius: 28px; - background-color: #fff; - top: 7px; - left: 7px; } - .toggle .handle:before { - position: absolute; - top: -4px; - left: -22px; - padding: 19px 35px; - content: " "; } - -.toggle input:checked + .track .handle { - -webkit-transform: translate3d(22px, 0, 0); - transform: translate3d(22px, 0, 0); - background-color: #fff; } - -.item-toggle.active { - box-shadow: none; } - -.item-toggle, .item-toggle.item-complex .item-content { - padding-right: 102px; } - -.item-toggle.item-complex { - padding-right: 0; } - -.item-toggle .toggle { - position: absolute; - top: 8px; - right: 16px; - z-index: 3; } - -.toggle input:disabled + .track { - opacity: 0.6; } - -/** - * Radio Button Inputs - * -------------------------------------------------- - */ -.item-radio { - padding: 0; } - .item-radio:hover { - cursor: pointer; } - -.item-radio .item-content { - /* give some room to the right for the checkmark icon */ - padding-right: 64px; } - -.item-radio .radio-icon { - /* checkmark icon will be hidden by default */ - position: absolute; - top: 0; - right: 0; - z-index: 3; - visibility: hidden; - padding: 14px; - height: 100%; - font-size: 24px; } - -.item-radio input { - /* hide any radio button inputs elements (the ugly circles) */ - position: absolute; - left: -9999px; } - .item-radio input:checked ~ .item-content { - /* style the item content when its checked */ - background: #f7f7f7; } - .item-radio input:checked ~ .radio-icon { - /* show the checkmark icon when its checked */ - visibility: visible; } - -.platform-android.grade-b .item-radio, .platform-android.grade-c .item-radio { - -webkit-animation: androidCheckedbugfix infinite 1s; } - -@-webkit-keyframes androidCheckedbugfix { - from { - padding: 0; } - - to { - padding: 0; } } - -/** - * Range - * -------------------------------------------------- - */ -input[type="range"] { - display: inline-block; - overflow: hidden; - margin-top: 5px; - margin-bottom: 5px; - padding-right: 2px; - padding-left: 1px; - width: auto; - height: 43px; - outline: none; - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc)); - background: linear-gradient(to right, #ccc 0%, #ccc 100%); - background-position: center; - background-size: 99% 2px; - background-repeat: no-repeat; - -webkit-appearance: none; } - input[type="range"]::-webkit-slider-thumb { - position: relative; - width: 28px; - height: 28px; - border-radius: 50%; - background-color: #fff; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2); - cursor: pointer; - -webkit-appearance: none; - border: 0; } - input[type="range"]::-webkit-slider-thumb:before { - /* what creates the colorful line on the left side of the slider */ - position: absolute; - top: 13px; - left: -2001px; - width: 2000px; - height: 2px; - background: #444; - content: ' '; } - input[type="range"]::-webkit-slider-thumb:after { - /* create a larger (but hidden) hit area */ - position: absolute; - top: -15px; - left: -15px; - padding: 30px; - content: ' '; } - -.range { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; - padding: 2px 11px; } - .range.range-light input::-webkit-slider-thumb:before { - background: #ddd; } - .range.range-stable input::-webkit-slider-thumb:before { - background: #b2b2b2; } - .range.range-positive input::-webkit-slider-thumb:before { - background: #387ef5; } - .range.range-calm input::-webkit-slider-thumb:before { - background: #11c1f3; } - .range.range-balanced input::-webkit-slider-thumb:before { - background: #33cd5f; } - .range.range-assertive input::-webkit-slider-thumb:before { - background: #ef473a; } - .range.range-energized input::-webkit-slider-thumb:before { - background: #ffc900; } - .range.range-royal input::-webkit-slider-thumb:before { - background: #886aea; } - .range.range-dark input::-webkit-slider-thumb:before { - background: #444; } - -.range .icon { - -webkit-box-flex: 0; - -webkit-flex: 0; - -moz-box-flex: 0; - -moz-flex: 0; - -ms-flex: 0; - flex: 0; - display: block; - min-width: 24px; - text-align: center; - font-size: 24px; } - -.range input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - display: block; - margin-right: 10px; - margin-left: 10px; } - -.range-label { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -moz-box-flex: 0; - -moz-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: block; - white-space: nowrap; } - -.range-label:first-child { - padding-left: 5px; } - -.range input + .range-label { - padding-right: 5px; - padding-left: 0; } - -/** - * Select - * -------------------------------------------------- - */ -.item-select { - position: relative; } - .item-select select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: absolute; - top: 0; - right: 0; - padding: 14px 48px 16px 16px; - max-width: 65%; - border: none; - background: #fff; - color: #333; - text-indent: 0.01px; - text-overflow: ''; - white-space: nowrap; - font-size: 14px; - cursor: pointer; - direction: rtl; } - .item-select select::-ms-expand { - display: none; } - .item-select option { - direction: ltr; } - .item-select:after { - position: absolute; - top: 50%; - right: 16px; - margin-top: -3px; - width: 0; - height: 0; - border-top: 5px solid; - border-right: 5px solid rgba(0, 0, 0, 0); - border-left: 5px solid rgba(0, 0, 0, 0); - color: #999; - content: ""; - pointer-events: none; } - .item-select.item-light select { - background: #fff; - color: #444; } - .item-select.item-stable select { - background: #f8f8f8; - color: #444; } - .item-select.item-stable:after, .item-select.item-stable .input-label { - color: #656565; } - .item-select.item-positive select { - background: #387ef5; - color: #fff; } - .item-select.item-positive:after, .item-select.item-positive .input-label { - color: #fff; } - .item-select.item-calm select { - background: #11c1f3; - color: #fff; } - .item-select.item-calm:after, .item-select.item-calm .input-label { - color: #fff; } - .item-select.item-assertive select { - background: #ef473a; - color: #fff; } - .item-select.item-assertive:after, .item-select.item-assertive .input-label { - color: #fff; } - .item-select.item-balanced select { - background: #33cd5f; - color: #fff; } - .item-select.item-balanced:after, .item-select.item-balanced .input-label { - color: #fff; } - .item-select.item-energized select { - background: #ffc900; - color: #fff; } - .item-select.item-energized:after, .item-select.item-energized .input-label { - color: #fff; } - .item-select.item-royal select { - background: #886aea; - color: #fff; } - .item-select.item-royal:after, .item-select.item-royal .input-label { - color: #fff; } - .item-select.item-dark select { - background: #444; - color: #fff; } - .item-select.item-dark:after, .item-select.item-dark .input-label { - color: #fff; } - -select[multiple], select[size] { - height: auto; } - -/** - * Progress - * -------------------------------------------------- - */ -progress { - display: block; - margin: 15px auto; - width: 100%; } - -/** - * Buttons - * -------------------------------------------------- - */ -.button { - border-color: #b2b2b2; - background-color: #f8f8f8; - color: #444; - position: relative; - display: inline-block; - margin: 0; - padding: 0 12px; - min-width: 52px; - min-height: 47px; - border-width: 1px; - border-style: solid; - border-radius: 2px; - vertical-align: top; - text-align: center; - text-overflow: ellipsis; - font-size: 16px; - line-height: 42px; - cursor: pointer; } - .button:hover { - color: #444; - text-decoration: none; } - .button.active, .button.activated { - border-color: #a2a2a2; - background-color: #e5e5e5; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button:after { - position: absolute; - top: -6px; - right: -6px; - bottom: -6px; - left: -6px; - content: ' '; } - .button .icon { - vertical-align: top; - pointer-events: none; } - .button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before { - display: inline-block; - padding: 0 0 1px 0; - vertical-align: inherit; - font-size: 24px; - line-height: 41px; - pointer-events: none; } - .button.icon-left:before { - float: left; - padding-right: 0.2em; - padding-left: 0; } - .button.icon-right:before { - float: right; - padding-right: 0; - padding-left: 0.2em; } - .button.button-block, .button.button-full { - margin-top: 10px; - margin-bottom: 10px; } - .button.button-light { - border-color: #ddd; - background-color: #fff; - color: #444; } - .button.button-light:hover { - color: #444; - text-decoration: none; } - .button.button-light.active, .button.button-light.activated { - border-color: #ccc; - background-color: #fafafa; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-light.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #ddd; } - .button.button-light.button-icon { - border-color: transparent; - background: none; } - .button.button-light.button-outline { - border-color: #ddd; - background: transparent; - color: #ddd; } - .button.button-light.button-outline.active, .button.button-light.button-outline.activated { - background-color: #ddd; - box-shadow: none; - color: #fff; } - .button.button-stable { - border-color: #b2b2b2; - background-color: #f8f8f8; - color: #444; } - .button.button-stable:hover { - color: #444; - text-decoration: none; } - .button.button-stable.active, .button.button-stable.activated { - border-color: #a2a2a2; - background-color: #e5e5e5; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-stable.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #b2b2b2; } - .button.button-stable.button-icon { - border-color: transparent; - background: none; } - .button.button-stable.button-outline { - border-color: #b2b2b2; - background: transparent; - color: #b2b2b2; } - .button.button-stable.button-outline.active, .button.button-stable.button-outline.activated { - background-color: #b2b2b2; - box-shadow: none; - color: #fff; } - .button.button-positive { - border-color: #0c60ee; - background-color: #387ef5; - color: #fff; } - .button.button-positive:hover { - color: #fff; - text-decoration: none; } - .button.button-positive.active, .button.button-positive.activated { - border-color: #0c60ee; - background-color: #0c60ee; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-positive.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #387ef5; } - .button.button-positive.button-icon { - border-color: transparent; - background: none; } - .button.button-positive.button-outline { - border-color: #387ef5; - background: transparent; - color: #387ef5; } - .button.button-positive.button-outline.active, .button.button-positive.button-outline.activated { - background-color: #387ef5; - box-shadow: none; - color: #fff; } - .button.button-calm { - border-color: #0a9dc7; - background-color: #11c1f3; - color: #fff; } - .button.button-calm:hover { - color: #fff; - text-decoration: none; } - .button.button-calm.active, .button.button-calm.activated { - border-color: #0a9dc7; - background-color: #0a9dc7; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-calm.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #11c1f3; } - .button.button-calm.button-icon { - border-color: transparent; - background: none; } - .button.button-calm.button-outline { - border-color: #11c1f3; - background: transparent; - color: #11c1f3; } - .button.button-calm.button-outline.active, .button.button-calm.button-outline.activated { - background-color: #11c1f3; - box-shadow: none; - color: #fff; } - .button.button-assertive { - border-color: #e42112; - background-color: #ef473a; - color: #fff; } - .button.button-assertive:hover { - color: #fff; - text-decoration: none; } - .button.button-assertive.active, .button.button-assertive.activated { - border-color: #e42112; - background-color: #e42112; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-assertive.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #ef473a; } - .button.button-assertive.button-icon { - border-color: transparent; - background: none; } - .button.button-assertive.button-outline { - border-color: #ef473a; - background: transparent; - color: #ef473a; } - .button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated { - background-color: #ef473a; - box-shadow: none; - color: #fff; } - .button.button-balanced { - border-color: #28a54c; - background-color: #33cd5f; - color: #fff; } - .button.button-balanced:hover { - color: #fff; - text-decoration: none; } - .button.button-balanced.active, .button.button-balanced.activated { - border-color: #28a54c; - background-color: #28a54c; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-balanced.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #33cd5f; } - .button.button-balanced.button-icon { - border-color: transparent; - background: none; } - .button.button-balanced.button-outline { - border-color: #33cd5f; - background: transparent; - color: #33cd5f; } - .button.button-balanced.button-outline.active, .button.button-balanced.button-outline.activated { - background-color: #33cd5f; - box-shadow: none; - color: #fff; } - .button.button-energized { - border-color: #e6b500; - background-color: #ffc900; - color: #fff; } - .button.button-energized:hover { - color: #fff; - text-decoration: none; } - .button.button-energized.active, .button.button-energized.activated { - border-color: #e6b500; - background-color: #e6b500; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-energized.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #ffc900; } - .button.button-energized.button-icon { - border-color: transparent; - background: none; } - .button.button-energized.button-outline { - border-color: #ffc900; - background: transparent; - color: #ffc900; } - .button.button-energized.button-outline.active, .button.button-energized.button-outline.activated { - background-color: #ffc900; - box-shadow: none; - color: #fff; } - .button.button-royal { - border-color: #6b46e5; - background-color: #886aea; - color: #fff; } - .button.button-royal:hover { - color: #fff; - text-decoration: none; } - .button.button-royal.active, .button.button-royal.activated { - border-color: #6b46e5; - background-color: #6b46e5; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-royal.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #886aea; } - .button.button-royal.button-icon { - border-color: transparent; - background: none; } - .button.button-royal.button-outline { - border-color: #886aea; - background: transparent; - color: #886aea; } - .button.button-royal.button-outline.active, .button.button-royal.button-outline.activated { - background-color: #886aea; - box-shadow: none; - color: #fff; } - .button.button-dark { - border-color: #111; - background-color: #444; - color: #fff; } - .button.button-dark:hover { - color: #fff; - text-decoration: none; } - .button.button-dark.active, .button.button-dark.activated { - border-color: #000; - background-color: #262626; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .button.button-dark.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #444; } - .button.button-dark.button-icon { - border-color: transparent; - background: none; } - .button.button-dark.button-outline { - border-color: #444; - background: transparent; - color: #444; } - .button.button-dark.button-outline.active, .button.button-dark.button-outline.activated { - background-color: #444; - box-shadow: none; - color: #fff; } - -.button-small, .label { - padding: 2px 4px 1px; - min-width: 28px; - min-height: 30px; - font-size: 12px; - line-height: 26px; } - .button-small .icon:before, .label .icon:before, .button-small.icon:before, .icon.label:before, .button-small.icon-left:before, .icon-left.label:before, .button-small.icon-right:before, .icon-right.label:before { - font-size: 16px; - line-height: 19px; - margin-top: 3px; } - -.button-large { - padding: 0 16px; - min-width: 68px; - min-height: 59px; - font-size: 20px; - line-height: 53px; } - .button-large .icon:before, .button-large.icon:before, .button-large.icon-left:before, .button-large.icon-right:before { - padding-bottom: 2px; - font-size: 32px; - line-height: 51px; } - -.button-icon { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - padding: 0 6px; - min-width: initial; - border-color: transparent; - background: none; } - .button-icon.button.active, .button-icon.button.activated { - border-color: transparent; - background: none; - box-shadow: none; - opacity: 0.3; } - .button-icon .icon:before, .button-icon.icon:before { - font-size: 32px; } - -.button-clear { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - padding: 0 6px; - max-height: 42px; - border-color: transparent; - background: none; - box-shadow: none; } - .button-clear.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #b2b2b2; } - .button-clear.button-icon { - border-color: transparent; - background: none; } - .button-clear.active, .button-clear.activated { - opacity: 0.3; } - -.button-outline { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - background: none; - box-shadow: none; } - .button-outline.button-outline { - border-color: #b2b2b2; - background: transparent; - color: #b2b2b2; } - .button-outline.button-outline.active, .button-outline.button-outline.activated { - background-color: #b2b2b2; - box-shadow: none; - color: #fff; } - -.padding > .button.button-block:first-child { - margin-top: 0; } - -.button-block { - display: block; - clear: both; } - .button-block:after { - clear: both; } - -.button-full, .button-full > .button { - display: block; - margin-right: 0; - margin-left: 0; - border-right-width: 0; - border-left-width: 0; - border-radius: 0; } - -button.button-block, button.button-full, .button-full > button.button, input.button.button-block { - width: 100%; } - -a.button { - text-decoration: none; } - a.button .icon:before, a.button.icon:before, a.button.icon-left:before, a.button.icon-right:before { - margin-top: 2px; } - -.button.disabled, .button[disabled] { - opacity: 0.4; - cursor: default !important; - pointer-events: none; } - -/** - * Button Bar - * -------------------------------------------------- - */ -.button-bar { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; } - .button-bar.button-bar-inline { - display: block; - width: auto; - *zoom: 1; } - .button-bar.button-bar-inline:before, .button-bar.button-bar-inline:after { - display: table; - content: ""; - line-height: 0; } - .button-bar.button-bar-inline:after { - clear: both; } - .button-bar.button-bar-inline > .button { - width: auto; - display: inline-block; - float: left; } - -.button-bar > .button { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - display: block; - overflow: hidden; - padding: 0 16px; - width: 0; - border-width: 1px 0px 1px 1px; - border-radius: 0; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; } - .button-bar > .button:before, .button-bar > .button .icon:before { - line-height: 44px; } - .button-bar > .button:first-child { - border-radius: 2px 0px 0px 2px; } - .button-bar > .button:last-child { - border-right-width: 1px; - border-radius: 0px 2px 2px 0px; } - -/** - * Grid - * -------------------------------------------------- - * Using flexbox for the grid, inspired by Philip Walton: - * http://philipwalton.github.io/solved-by-flexbox/demos/grids/ - * By default each .col within a .row will evenly take up - * available width, and the height of each .col with take - * up the height of the tallest .col in the same .row. - */ -.row { - display: -webkit-box; - display: -webkit-flex; - display: -moz-box; - display: -moz-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - width: 100%; } - -.row-wrap { - -webkit-flex-wrap: wrap; - -moz-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -.row + .row { - margin-top: -5px; - padding-top: 0; } - -.col { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - display: block; - padding: 5px; - width: 100%; } - -/* Vertically Align Columns */ -/* .row-* vertically aligns every .col in the .row */ -.row-top { - -webkit-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - -moz-align-items: flex-start; - align-items: flex-start; } - -.row-bottom { - -webkit-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - -moz-align-items: flex-end; - align-items: flex-end; } - -.row-center { - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - -moz-align-items: center; - align-items: center; } - -.row-stretch { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - -webkit-align-items: stretch; - -moz-align-items: stretch; - align-items: stretch; } - -.row-baseline { - -webkit-box-align: baseline; - -ms-flex-align: baseline; - -webkit-align-items: baseline; - -moz-align-items: baseline; - align-items: baseline; } - -/* .col-* vertically aligns an individual .col */ -.col-top { - -webkit-align-self: flex-start; - -moz-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; } - -.col-bottom { - -webkit-align-self: flex-end; - -moz-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; } - -.col-center { - -webkit-align-self: center; - -moz-align-self: center; - -ms-flex-item-align: center; - align-self: center; } - -/* Column Offsets */ -.col-offset-10 { - margin-left: 10%; } - -.col-offset-20 { - margin-left: 20%; } - -.col-offset-25 { - margin-left: 25%; } - -.col-offset-33, .col-offset-34 { - margin-left: 33.3333%; } - -.col-offset-50 { - margin-left: 50%; } - -.col-offset-66, .col-offset-67 { - margin-left: 66.6666%; } - -.col-offset-75 { - margin-left: 75%; } - -.col-offset-80 { - margin-left: 80%; } - -.col-offset-90 { - margin-left: 90%; } - -/* Explicit Column Percent Sizes */ -/* By default each grid column will evenly distribute */ -/* across the grid. However, you can specify individual */ -/* columns to take up a certain size of the available area */ -.col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 10%; - -moz-box-flex: 0; - -moz-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; - max-width: 10%; } - -.col-20 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 20%; - -moz-box-flex: 0; - -moz-flex: 0 0 20%; - -ms-flex: 0 0 20%; - flex: 0 0 20%; - max-width: 20%; } - -.col-25 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -moz-box-flex: 0; - -moz-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; } - -.col-33, .col-34 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -moz-box-flex: 0; - -moz-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - max-width: 33.3333%; } - -.col-50 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -moz-box-flex: 0; - -moz-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - max-width: 50%; } - -.col-66, .col-67 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.6666%; - -moz-box-flex: 0; - -moz-flex: 0 0 66.6666%; - -ms-flex: 0 0 66.6666%; - flex: 0 0 66.6666%; - max-width: 66.6666%; } - -.col-75 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -moz-box-flex: 0; - -moz-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; } - -.col-80 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 80%; - -moz-box-flex: 0; - -moz-flex: 0 0 80%; - -ms-flex: 0 0 80%; - flex: 0 0 80%; - max-width: 80%; } - -.col-90 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 90%; - -moz-box-flex: 0; - -moz-flex: 0 0 90%; - -ms-flex: 0 0 90%; - flex: 0 0 90%; - max-width: 90%; } - -/* Responsive Grid Classes */ -/* Adding a class of responsive-X to a row */ -/* will trigger the flex-direction to */ -/* change to column and add some margin */ -/* to any columns in the row for clearity */ -@media (max-width: 567px) { - .responsive-sm { - -webkit-box-direction: normal; - -moz-box-direction: normal; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .responsive-sm .col, .responsive-sm .col-10, .responsive-sm .col-20, .responsive-sm .col-25, .responsive-sm .col-33, .responsive-sm .col-34, .responsive-sm .col-50, .responsive-sm .col-66, .responsive-sm .col-67, .responsive-sm .col-75, .responsive-sm .col-80, .responsive-sm .col-90 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - margin-bottom: 15px; - margin-left: 0; - max-width: 100%; - width: 100%; } - } - -@media (max-width: 767px) { - .responsive-md { - -webkit-box-direction: normal; - -moz-box-direction: normal; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .responsive-md .col, .responsive-md .col-10, .responsive-md .col-20, .responsive-md .col-25, .responsive-md .col-33, .responsive-md .col-34, .responsive-md .col-50, .responsive-md .col-66, .responsive-md .col-67, .responsive-md .col-75, .responsive-md .col-80, .responsive-md .col-90 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - margin-bottom: 15px; - margin-left: 0; - max-width: 100%; - width: 100%; } - } - -@media (max-width: 1023px) { - .responsive-lg { - -webkit-box-direction: normal; - -moz-box-direction: normal; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .responsive-lg .col, .responsive-lg .col-10, .responsive-lg .col-20, .responsive-lg .col-25, .responsive-lg .col-33, .responsive-lg .col-34, .responsive-lg .col-50, .responsive-lg .col-66, .responsive-lg .col-67, .responsive-lg .col-75, .responsive-lg .col-80, .responsive-lg .col-90 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -moz-box-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; - margin-bottom: 15px; - margin-left: 0; - max-width: 100%; - width: 100%; } - } - -/** - * Utility Classes - * -------------------------------------------------- - */ -.hide { - display: none; } - -.opacity-hide { - opacity: 0; } - -.grade-b .opacity-hide, .grade-c .opacity-hide { - opacity: 1; - display: none; } - -.show { - display: block; } - -.opacity-show { - opacity: 1; } - -.invisible { - visibility: hidden; } - -.keyboard-open .hide-on-keyboard-open { - display: none; } - -.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs, .keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer { - bottom: 0; } - -.inline { - display: inline-block; } - -.disable-pointer-events { - pointer-events: none; } - -.enable-pointer-events { - pointer-events: auto; } - -.disable-user-behavior { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-touch-callout: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - -webkit-user-drag: none; - -ms-touch-action: none; - -ms-content-zooming: none; } - -.click-block { - position: absolute; - top: 0; - left: 0; - z-index: 99999; - width: 100%; - height: 100%; - opacity: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -.click-block-hide { - -webkit-transform: translate3d(-9999px, 0, 0); - transform: translate3d(-9999px, 0, 0); } - -.no-resize { - resize: none; } - -.block { - display: block; - clear: both; } - .block:after { - display: block; - visibility: hidden; - clear: both; - height: 0; - content: "."; } - -.full-image { - width: 100%; } - -.clearfix { - *zoom: 1; } - .clearfix:before, .clearfix:after { - display: table; - content: ""; - line-height: 0; } - .clearfix:after { - clear: both; } - -/** - * Content Padding - * -------------------------------------------------- - */ -.padding { - padding: 10px; } - -.padding-top, .padding-vertical { - padding-top: 10px; } - -.padding-right, .padding-horizontal { - padding-right: 10px; } - -.padding-bottom, .padding-vertical { - padding-bottom: 10px; } - -.padding-left, .padding-horizontal { - padding-left: 10px; } - -/** - * Rounded - * -------------------------------------------------- - */ -.rounded { - border-radius: 4px; } - -/** - * Utility Colors - * -------------------------------------------------- - * Utility colors are added to help set a naming convention. You'll - * notice we purposely do not use words like "red" or "blue", but - * instead have colors which represent an emotion or generic theme. - */ -.light, a.light { - color: #fff; } - -.light-bg { - background-color: #fff; } - -.light-border { - border-color: #ddd; } - -.stable, a.stable { - color: #f8f8f8; } - -.stable-bg { - background-color: #f8f8f8; } - -.stable-border { - border-color: #b2b2b2; } - -.positive, a.positive { - color: #387ef5; } - -.positive-bg { - background-color: #387ef5; } - -.positive-border { - border-color: #0c60ee; } - -.calm, a.calm { - color: #11c1f3; } - -.calm-bg { - background-color: #11c1f3; } - -.calm-border { - border-color: #0a9dc7; } - -.assertive, a.assertive { - color: #ef473a; } - -.assertive-bg { - background-color: #ef473a; } - -.assertive-border { - border-color: #e42112; } - -.balanced, a.balanced { - color: #33cd5f; } - -.balanced-bg { - background-color: #33cd5f; } - -.balanced-border { - border-color: #28a54c; } - -.energized, a.energized { - color: #ffc900; } - -.energized-bg { - background-color: #ffc900; } - -.energized-border { - border-color: #e6b500; } - -.royal, a.royal { - color: #886aea; } - -.royal-bg { - background-color: #886aea; } - -.royal-border { - border-color: #6b46e5; } - -.dark, a.dark { - color: #444; } - -.dark-bg { - background-color: #444; } - -.dark-border { - border-color: #111; } - -/** - * Platform - * -------------------------------------------------- - * Platform specific tweaks - */ -.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) { - height: 64px; } - .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper { - margin-top: 19px !important; } - .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * { - margin-top: 20px; } -.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top { - top: 64px; } -.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader { - top: 64px; } -.platform-ios.platform-cordova:not(.fullscreen) .has-subheader { - top: 108px; } -.platform-ios.platform-cordova:not(.fullscreen) .has-tabs-top { - top: 113px; } -.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top { - top: 157px; } -.platform-ios.platform-cordova.status-bar-hide { - margin-bottom: 20px; } - -@media (orientation: landscape) { - .platform-ios.platform-browser.platform-ipad { - position: fixed; } - } - -.platform-c:not(.enable-transitions) * { - -webkit-transition: none !important; - transition: none !important; } - -.slide-in-up { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - -.slide-in-up.ng-enter, .slide-in-up > .ng-enter { - -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; - transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; } - -.slide-in-up.ng-enter-active, .slide-in-up > .ng-enter-active { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -.slide-in-up.ng-leave, .slide-in-up > .ng-leave { - -webkit-transition: all ease-in-out 250ms; - transition: all ease-in-out 250ms; } - -@-webkit-keyframes scaleOut { - from { - -webkit-transform: scale(1); - opacity: 1; } - - to { - -webkit-transform: scale(0.8); - opacity: 0; } } - -@keyframes scaleOut { - from { - transform: scale(1); - opacity: 1; } - - to { - transform: scale(0.8); - opacity: 0; } } - -@-webkit-keyframes superScaleIn { - from { - -webkit-transform: scale(1.2); - opacity: 0; } - - to { - -webkit-transform: scale(1); - opacity: 1; } } - -@keyframes superScaleIn { - from { - transform: scale(1.2); - opacity: 0; } - - to { - transform: scale(1); - opacity: 1; } } - -[nav-view-transition="ios"] [nav-view="entering"], [nav-view-transition="ios"] [nav-view="leaving"] { - -webkit-transition-duration: 450ms; - transition-duration: 450ms; - -webkit-transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1); - transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, transform; } -[nav-view-transition="ios"][nav-view-direction="forward"], [nav-view-transition="ios"][nav-view-direction="back"] { - background-color: #000; } -[nav-view-transition="ios"] [nav-view="active"], [nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="entering"], [nav-view-transition="ios"][nav-view-direction="back"] [nav-view="leaving"] { - z-index: 3; } -[nav-view-transition="ios"][nav-view-direction="back"] [nav-view="entering"], [nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="leaving"] { - z-index: 2; } - -[nav-bar-transition="ios"] .title, [nav-bar-transition="ios"] .buttons, [nav-bar-transition="ios"] .back-text { - -webkit-transition-duration: 450ms; - transition-duration: 450ms; - -webkit-transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1); - transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, transform; } -[nav-bar-transition="ios"] [nav-bar="active"], [nav-bar-transition="ios"] [nav-bar="entering"] { - z-index: 10; } - [nav-bar-transition="ios"] [nav-bar="active"] .bar, [nav-bar-transition="ios"] [nav-bar="entering"] .bar { - background: transparent; } -[nav-bar-transition="ios"] [nav-bar="cached"] { - display: block; } - [nav-bar-transition="ios"] [nav-bar="cached"] .header-item { - display: none; } - -[nav-view-transition="android"] [nav-view="entering"], [nav-view-transition="android"] [nav-view="leaving"] { - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1); - -webkit-transition-property: -webkit-transform; - transition-property: transform; } -[nav-view-transition="android"] [nav-view="active"], [nav-view-transition="android"][nav-view-direction="forward"] [nav-view="entering"], [nav-view-transition="android"][nav-view-direction="back"] [nav-view="leaving"] { - z-index: 3; } -[nav-view-transition="android"][nav-view-direction="back"] [nav-view="entering"], [nav-view-transition="android"][nav-view-direction="forward"] [nav-view="leaving"] { - z-index: 2; } - -[nav-bar-transition="android"] .title, [nav-bar-transition="android"] .buttons { - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1); - -webkit-transition-property: opacity; - transition-property: opacity; } -[nav-bar-transition="android"] [nav-bar="active"], [nav-bar-transition="android"] [nav-bar="entering"] { - z-index: 10; } - [nav-bar-transition="android"] [nav-bar="active"] .bar, [nav-bar-transition="android"] [nav-bar="entering"] .bar { - background: transparent; } -[nav-bar-transition="android"] [nav-bar="cached"] { - display: block; } - [nav-bar-transition="android"] [nav-bar="cached"] .header-item { - display: none; } - -[nav-view="cached"], [nav-bar="cached"] { - display: none; } - -[nav-view="stage"] { - opacity: 0; - -webkit-transition-duration: 0; - transition-duration: 0; } - -[nav-bar="stage"] .title, [nav-bar="stage"] .buttons, [nav-bar="stage"] .back-text { - position: absolute; - opacity: 0; - -webkit-transition-duration: 0s; - transition-duration: 0s; } - -.ion-plus-circled { - color: #33cd5f; } - -.button.button-icon.button-assertive { - color: #ef473a; } -.button.button-icon.button-small.icon:before, .button.button-icon.icon.label:before { - font-size: 16px; } - -.list-clear > .list { - border-top: 1px solid #ddd; } - .list-clear > .list > ion-item { - border: 0; } - .list-clear > .list > ion-item, .list-clear > .list > ion-item a { - padding-top: 5px !important; - padding-bottom: 5px !important; } - .list-clear > .list > ion-item address { - margin-bottom: 5px !important; } - -ion-content a.button { - margin-left: 5px; - margin-right: 5px; } -ion-content .list-address, ion-content .list-address .list { - border-left: 1px solid #ddd; } -ion-content .list-address ion-item { - border: 0; - padding-left: 2px !important; - padding-right: 0px; } - ion-content .list-address ion-item.item-input input { - flex: 1 0 120px; } - -ion-list.small a { - padding-top: 5px !important; - padding-bottom: 5px !important; } -ion-list.small h2, ion-list.small p { - font-size: 14px; } -ion-list.small p { - margin: 0 !important; } - -ion-item small { - display: block; - color: #387ef5 !important; } -ion-item .right { - float: right; } -ion-item[collection-repeat] { - width: 100%; } - -.item-complex.item-icon-left.childLevel1 { - padding-left: 10px; } - -.item-complex.item-icon-left.childLevel2 { - padding-left: 20px; } - -.item-complex.item-icon-left.childLevel3 { - padding-left: 30px; } - -.item-complex.item-icon-left.childLevel4 { - padding-left: 40px; } - -.item-complex.item-icon-left.childLevel5 { - padding-left: 50px; } - -.item-complex.item-icon-left.childLevel6 { - padding-left: 60px; } - -.item-complex.item-icon-left.childLevel7 { - padding-left: 70px; } - -.item-complex.item-icon-left.childLevel8 { - padding-left: 80px; } - -.item-complex.item-icon-left.childLevel9 { - padding-left: 90px; } - -.item-complex.item-icon-left.childLevel10 { - padding-left: 100px; } - -.item-complex.item-icon-left.childLevel11 { - padding-left: 110px; } - -/* Additional styles */ -.label { - border-color: #111; - background-color: #444; - color: #fff; - border-radius: 4px; - margin-left: 4px; } - .label:hover { - color: #fff; - text-decoration: none; } - .label.active, .label.activated { - border-color: #000; - background-color: #262626; - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); } - .label.button-clear { - border-color: transparent; - background: none; - box-shadow: none; - color: #444; } - .label.button-icon { - border-color: transparent; - background: none; } - .label.button-outline { - border-color: #444; - background: transparent; - color: #444; } - .label.button-outline.active, .label.button-outline.activated { - background-color: #444; - box-shadow: none; - color: #fff; } - -.subtitle { - margin-left: 5px; - margin-top: 5px; - color: #4a87ee; - line-height: initial; - font-size: 120%; - text-shadow: 1px #145fd7; } - diff --git a/UI/WebServerResources/css/ng-tags-input.bootstrap.css b/UI/WebServerResources/css/ng-tags-input.bootstrap.css deleted file mode 100644 index c706c157c..000000000 --- a/UI/WebServerResources/css/ng-tags-input.bootstrap.css +++ /dev/null @@ -1,176 +0,0 @@ -tags-input { - box-shadow: none; - border: none; - padding: 0; - min-height: 34px; -} -tags-input .host { - margin: 0; -} -tags-input .tags { - -moz-appearance: none; - -webkit-appearance: none; - border: 1px solid #cccccc; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -} -tags-input .tags .tag-item { - color: white; - background: #428bca; - border: 1px solid #357ebd; - border-radius: 4px; -} -tags-input .tags .tag-item.selected { - color: white; - background: #d9534f; - border: 1px solid #d43f3a; -} -tags-input .tags .tag-item .remove-button:hover { - text-decoration: none; -} -tags-input .tags.focused { - border: 1px solid #66afe9; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -} -tags-input .autocomplete { - border-radius: 4px; -} -tags-input .autocomplete .suggestion-item.selected { - color: #262626; - background-color: whitesmoke; -} -tags-input .autocomplete .suggestion-item.selected em { - color: #262626; - background-color: whitesmoke; -} -tags-input .autocomplete .suggestion-item em { - color: black; - background-color: white; -} -tags-input.ng-invalid .tags { - border-color: #843534; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; -} -tags-input[disabled] .tags { - background-color: #eeeeee; -} -tags-input[disabled] .tags .tag-item { - background: #337ab7; - opacity: 0.65; -} -tags-input[disabled] .tags .input { - background-color: #eeeeee; -} - -.input-group tags-input { - padding: 0; - display: table-cell; -} -.input-group tags-input:not(:first-child) .tags { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.input-group tags-input:not(:last-child) .tags { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.input-group-lg tags-input:first-child .tags { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.input-group-lg tags-input:last-child .tags { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.input-group-sm tags-input:first-child .tags { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.input-group-sm tags-input:last-child .tags { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -tags-input.ti-input-lg, .input-group-lg tags-input { - min-height: 46px; -} -tags-input.ti-input-lg .tags, .input-group-lg tags-input .tags { - border-radius: 6px; -} -tags-input.ti-input-lg .tags .tag-item, .input-group-lg tags-input .tags .tag-item { - height: 38px; - line-height: 37px; - font-size: 18px; - border-radius: 6px; -} -tags-input.ti-input-lg .tags .tag-item .remove-button, .input-group-lg tags-input .tags .tag-item .remove-button { - font-size: 20px; -} -tags-input.ti-input-lg .tags .input, .input-group-lg tags-input .tags .input { - height: 38px; - font-size: 18px; -} -tags-input.ti-input-sm, .input-group-sm tags-input { - min-height: 30px; -} -tags-input.ti-input-sm .tags, .input-group-sm tags-input .tags { - border-radius: 3px; -} -tags-input.ti-input-sm .tags .tag-item, .input-group-sm tags-input .tags .tag-item { - height: 22px; - line-height: 21px; - font-size: 12px; - border-radius: 3px; -} -tags-input.ti-input-sm .tags .tag-item .remove-button, .input-group-sm tags-input .tags .tag-item .remove-button { - font-size: 16px; -} -tags-input.ti-input-sm .tags .input, .input-group-sm tags-input .tags .input { - height: 22px; - font-size: 12px; -} - -.has-feedback tags-input .tags { - padding-right: 30px; -} - -.has-success tags-input .tags { - border-color: #3c763d; -} -.has-success tags-input .tags.focused { - border-color: #2b542c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; -} - -.has-error tags-input .tags { - border-color: #a94442; -} -.has-error tags-input .tags.focused { - border-color: #843534; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; -} - -.has-warning tags-input .tags { - border-color: #8a6d3b; -} -.has-warning tags-input .tags.focused { - border-color: #66512c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; -} diff --git a/UI/WebServerResources/css/ng-tags-input.bootstrap.min.css b/UI/WebServerResources/css/ng-tags-input.bootstrap.min.css deleted file mode 100644 index d3c90a84c..000000000 --- a/UI/WebServerResources/css/ng-tags-input.bootstrap.min.css +++ /dev/null @@ -1 +0,0 @@ -tags-input{box-shadow:none;border:none;padding:0;min-height:34px}tags-input .host{margin:0}tags-input .tags{-moz-appearance:none;-webkit-appearance:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}tags-input .tags .tag-item{color:#fff;background:#428bca;border:1px solid #357ebd;border-radius:4px}tags-input .tags .tag-item.selected{color:#fff;background:#d9534f;border:1px solid #d43f3a}tags-input .tags .tag-item .remove-button:hover{text-decoration:none}tags-input .tags.focused{border:1px solid #66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}tags-input .autocomplete{border-radius:4px}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#262626;background-color:#f5f5f5}tags-input .autocomplete .suggestion-item em{color:#000;background-color:#fff}tags-input.ng-invalid .tags{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}tags-input[disabled] .tags{background-color:#eee}tags-input[disabled] .tags .tag-item{background:#337ab7;opacity:.65}tags-input[disabled] .tags .input{background-color:#eee}.input-group tags-input{padding:0;display:table-cell}.input-group tags-input:not(:first-child) .tags{border-top-left-radius:0;border-bottom-left-radius:0}.input-group tags-input:not(:last-child) .tags{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-lg tags-input:first-child .tags{border-top-left-radius:6px;border-bottom-left-radius:6px}.input-group-lg tags-input:last-child .tags{border-top-right-radius:6px;border-bottom-right-radius:6px}.input-group-sm tags-input:first-child .tags{border-top-left-radius:3px;border-bottom-left-radius:3px}.input-group-sm tags-input:last-child .tags{border-top-right-radius:3px;border-bottom-right-radius:3px}.input-group-lg tags-input,tags-input.ti-input-lg{min-height:46px}.input-group-lg tags-input .tags,tags-input.ti-input-lg .tags{border-radius:6px}.input-group-lg tags-input .tags .tag-item,tags-input.ti-input-lg .tags .tag-item{height:38px;line-height:37px;font-size:18px;border-radius:6px}.input-group-lg tags-input .tags .tag-item .remove-button,tags-input.ti-input-lg .tags .tag-item .remove-button{font-size:20px}.input-group-lg tags-input .tags .input,tags-input.ti-input-lg .tags .input{height:38px;font-size:18px}.input-group-sm tags-input,tags-input.ti-input-sm{min-height:30px}.input-group-sm tags-input .tags,tags-input.ti-input-sm .tags{border-radius:3px}.input-group-sm tags-input .tags .tag-item,tags-input.ti-input-sm .tags .tag-item{height:22px;line-height:21px;font-size:12px;border-radius:3px}.input-group-sm tags-input .tags .tag-item .remove-button,tags-input.ti-input-sm .tags .tag-item .remove-button{font-size:16px}.input-group-sm tags-input .tags .input,tags-input.ti-input-sm .tags .input{height:22px;font-size:12px}.has-feedback tags-input .tags{padding-right:30px}.has-success tags-input .tags{border-color:#3c763d}.has-success tags-input .tags.focused{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-error tags-input .tags{border-color:#a94442}.has-error tags-input .tags.focused{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-warning tags-input .tags{border-color:#8a6d3b}.has-warning tags-input .tags.focused{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b} \ No newline at end of file diff --git a/UI/WebServerResources/css/ng-tags-input.css b/UI/WebServerResources/css/ng-tags-input.css deleted file mode 100644 index 77e228283..000000000 --- a/UI/WebServerResources/css/ng-tags-input.css +++ /dev/null @@ -1,158 +0,0 @@ -tags-input { - display: block; -} -tags-input *, tags-input *:before, tags-input *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -tags-input .host { - position: relative; - margin-top: 5px; - margin-bottom: 5px; - height: 100%; -} -tags-input .host:active { - outline: none; -} - -tags-input .tags { - -moz-appearance: textfield; - -webkit-appearance: textfield; - padding: 1px; - overflow: hidden; - word-wrap: break-word; - cursor: text; - background-color: white; - border: 1px solid darkgray; - box-shadow: 1px 1px 1px 0 lightgray inset; - height: 100%; -} -tags-input .tags.focused { - outline: none; - -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6); - -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6); - box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6); -} -tags-input .tags .tag-list { - margin: 0; - padding: 0; - list-style-type: none; -} -tags-input .tags .tag-item { - margin: 2px; - padding: 0 5px; - display: inline-block; - float: left; - font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; - height: 26px; - line-height: 25px; - border: 1px solid #acacac; - border-radius: 3px; - background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); - background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); -} -tags-input .tags .tag-item.selected { - background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); - background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); -} -tags-input .tags .tag-item .remove-button { - margin: 0 0 0 5px; - padding: 0; - border: none; - background: none; - cursor: pointer; - vertical-align: middle; - font: bold 16px Arial, sans-serif; - color: #585858; -} -tags-input .tags .tag-item .remove-button:active { - color: red; -} -tags-input .tags .input { - border: 0; - outline: none; - margin: 2px; - padding: 0; - padding-left: 5px; - float: left; - height: 26px; - font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; -} -tags-input .tags .input.invalid-tag { - color: red; -} -tags-input .tags .input::-ms-clear { - display: none; -} -tags-input.ng-invalid .tags { - -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); - -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); - box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); -} -tags-input[disabled] .host:focus { - outline: none; -} -tags-input[disabled] .tags { - background-color: #eeeeee; - cursor: default; -} -tags-input[disabled] .tags .tag-item { - opacity: 0.65; - background: -webkit-linear-gradient(top, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%); - background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%); -} -tags-input[disabled] .tags .tag-item .remove-button { - cursor: default; -} -tags-input[disabled] .tags .tag-item .remove-button:active { - color: #585858; -} -tags-input[disabled] .tags .input { - background-color: #eeeeee; - cursor: default; -} - -tags-input .autocomplete { - margin-top: 5px; - position: absolute; - padding: 5px 0; - z-index: 999; - width: 100%; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -} -tags-input .autocomplete .suggestion-list { - margin: 0; - padding: 0; - list-style-type: none; - max-height: 280px; - overflow-y: auto; - position: relative; -} -tags-input .autocomplete .suggestion-item { - padding: 5px 10px; - cursor: pointer; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif; - color: black; - background-color: white; -} -tags-input .autocomplete .suggestion-item.selected { - color: white; - background-color: #0097cf; -} -tags-input .autocomplete .suggestion-item.selected em { - color: white; - background-color: #0097cf; -} -tags-input .autocomplete .suggestion-item em { - font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif; - color: black; - background-color: white; -} diff --git a/UI/WebServerResources/css/ng-tags-input.min.css b/UI/WebServerResources/css/ng-tags-input.min.css deleted file mode 100644 index ee4a4a98d..000000000 --- a/UI/WebServerResources/css/ng-tags-input.min.css +++ /dev/null @@ -1 +0,0 @@ -tags-input{display:block}tags-input *,tags-input :after,tags-input :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}tags-input .host{position:relative;margin-top:5px;margin-bottom:5px;height:100%}tags-input .host:active{outline:0}tags-input .tags{-moz-appearance:textfield;-webkit-appearance:textfield;padding:1px;overflow:hidden;word-wrap:break-word;cursor:text;background-color:#fff;border:1px solid #a9a9a9;box-shadow:1px 1px 1px 0 #d3d3d3 inset;height:100%}tags-input .tags.focused{outline:0;-webkit-box-shadow:0 0 3px 1px rgba(5,139,242,.6);-moz-box-shadow:0 0 3px 1px rgba(5,139,242,.6);box-shadow:0 0 3px 1px rgba(5,139,242,.6)}tags-input .tags .tag-list{margin:0;padding:0;list-style-type:none}tags-input .tags .tag-item{margin:2px;padding:0 5px;display:inline-block;float:left;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;height:26px;line-height:25px;border:1px solid #acacac;border-radius:3px;background:-webkit-linear-gradient(top,#f0f9ff 0,#cbebff 47%,#a1dbff 100%);background:linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%)}tags-input .tags .tag-item.selected{background:-webkit-linear-gradient(top,#febbbb 0,#fe9090 45%,#ff5c5c 100%);background:linear-gradient(to bottom,#febbbb 0,#fe9090 45%,#ff5c5c 100%)}tags-input .tags .tag-item .remove-button{margin:0 0 0 5px;padding:0;border:none;background:0 0;cursor:pointer;vertical-align:middle;font:700 16px Arial,sans-serif;color:#585858}tags-input .tags .tag-item .remove-button:active{color:red}tags-input .tags .input{border:0;outline:0;margin:2px;padding:0;padding-left:5px;float:left;height:26px;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif}tags-input .tags .input.invalid-tag{color:red}tags-input .tags .input::-ms-clear{display:none}tags-input.ng-invalid .tags{-webkit-box-shadow:0 0 3px 1px rgba(255,0,0,.6);-moz-box-shadow:0 0 3px 1px rgba(255,0,0,.6);box-shadow:0 0 3px 1px rgba(255,0,0,.6)}tags-input[disabled] .host:focus{outline:0}tags-input[disabled] .tags{background-color:#eee;cursor:default}tags-input[disabled] .tags .tag-item{opacity:.65;background:-webkit-linear-gradient(top,#f0f9ff 0,rgba(203,235,255,.75)47%,rgba(161,219,255,.62)100%);background:linear-gradient(to bottom,#f0f9ff 0,rgba(203,235,255,.75)47%,rgba(161,219,255,.62)100%)}tags-input[disabled] .tags .tag-item .remove-button{cursor:default}tags-input[disabled] .tags .tag-item .remove-button:active{color:#585858}tags-input[disabled] .tags .input{background-color:#eee;cursor:default}tags-input .autocomplete{margin-top:5px;position:absolute;padding:5px 0;z-index:999;width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}tags-input .autocomplete .suggestion-list{margin:0;padding:0;list-style-type:none;max-height:280px;overflow-y:auto;position:relative}tags-input .autocomplete .suggestion-item{padding:5px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#fff;background-color:#0097cf}tags-input .autocomplete .suggestion-item em{font:normal bold 16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff} \ No newline at end of file diff --git a/UI/WebServerResources/css/themes/amber-theme.css b/UI/WebServerResources/css/themes/amber-theme.css deleted file mode 100644 index 0f37b890f..000000000 --- a/UI/WebServerResources/css/themes/amber-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-amber-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-amber-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-amber-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-amber-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-amber-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-amber-theme { - border-radius: 3px; } - .md-button.md-amber-theme:not([disabled]):hover, .md-button.md-amber-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-amber-theme.md-fab { - border-radius: 50%; } - .md-button.md-amber-theme.md-primary { - color: #ffca28; - fill: #ffca28; } - .md-button.md-amber-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-amber-theme.md-raised, .md-button.md-amber-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-amber-theme.md-raised:not([disabled]):hover, .md-button.md-amber-theme.md-raised:not([disabled]):focus, .md-button.md-amber-theme.md-fab:not([disabled]):hover, .md-button.md-amber-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-amber-theme.md-raised.md-primary, .md-button.md-amber-theme.md-fab.md-primary { - color: rgba(0, 0, 0, 0.73); - background-color: #ffc107; } - .md-button.md-amber-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-amber-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-amber-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-amber-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #ffb300; } - .md-button.md-amber-theme.md-raised.md-warn, .md-button.md-amber-theme.md-fab.md-warn { - color: rgba(0, 0, 0, 0.73); - background-color: #f44336; } - .md-button.md-amber-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-amber-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-amber-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-amber-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-amber-theme[disabled], .md-button.md-amber-theme.md-raised[disabled], .md-button.md-amber-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-amber-theme { - border-radius: 2px; } - md-card.md-amber-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-amber-theme .md-ripple { - color: #43a047; } -md-checkbox.md-amber-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-amber-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-amber-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-amber-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-amber-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-amber-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-amber-theme { - background-color: #ffffff; } - -md-dialog.md-amber-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-amber-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-amber-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-amber-theme { - background-color: transparent; } - md-progress-circular.md-amber-theme .md-inner .md-gap { - border-top-color: #ffc107; - border-bottom-color: #ffc107; } - md-progress-circular.md-amber-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-amber-theme .md-inner .md-right .md-half-circle { - border-top-color: #ffc107; } - md-progress-circular.md-amber-theme .md-inner .md-right .md-half-circle { - border-right-color: #ffc107; } - md-progress-circular.md-amber-theme .md-inner .md-left .md-half-circle { - border-left-color: #ffc107; } - -md-progress-linear.md-amber-theme .md-container { - background-color: #ffecb3; } -md-progress-linear.md-amber-theme .md-bar { - background-color: #ffc107; } -md-progress-linear.md-amber-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#ffecb3 0%, #ffecb3 16%, transparent 42%); } -md-progress-linear.md-amber-theme[md-mode=buffer] .md-bar1 { - background-color: #ffecb3; } - -md-radio-button.md-amber-theme .md-off, md-switch.md-amber-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-amber-theme .md-on, md-switch.md-amber-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-amber-theme.md-checked .md-off, md-switch.md-amber-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-amber-theme.md-checked .md-ink-ripple, md-switch.md-amber-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-amber-theme .md-container .md-ripple, md-switch.md-amber-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-amber-theme[disabled] .md-container .md-off, md-switch.md-amber-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-amber-theme[disabled] .md-container .md-on, md-switch.md-amber-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-amber-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-amber-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-amber-theme .md-track-fill { - background-color: #ffc107; } -md-slider.md-amber-theme .md-thumb:after { - border-color: #ffc107; - background-color: #ffc107; } -md-slider.md-amber-theme .md-sign { - background-color: #ffc107; } - md-slider.md-amber-theme .md-sign:after { - border-top-color: #ffc107; } -md-slider.md-amber-theme .md-thumb-text { - color: rgba(0, 0, 0, 0.73); } -md-slider.md-amber-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-amber-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-amber-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-amber-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-amber-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-amber-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-amber-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-amber-theme.md-primary { - color: #ffc107; } - -md-switch.md-amber-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-amber-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-amber-theme.md-checked .md-thumb { - background-color: #ffc107; } -md-switch.md-amber-theme.md-checked .md-bar { - background-color: rgba(255, 193, 7, 0.5); } -md-switch.md-amber-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-amber-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-amber-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-amber-theme .md-header { - background-color: #ffc107; } -md-tabs.md-amber-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-amber-theme md-tab { - color: #ffecb3; } - md-tabs.md-amber-theme md-tab.active { - color: rgba(0, 0, 0, 0.73); } - md-tabs.md-amber-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-amber-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-amber-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-amber-theme input, md-input-group.md-amber-theme textarea { - text-shadow: none; } - md-input-group.md-amber-theme input:-ms-input-placeholder, md-input-group.md-amber-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-amber-theme input::-webkit-input-placeholder, md-input-group.md-amber-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-amber-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-amber-theme input, md-input-group.md-amber-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-amber-theme.md-input-focused input, md-input-group.md-amber-theme.md-input-focused textarea { - border-color: #ffc107; } -md-input-group.md-amber-theme.md-input-focused label { - color: #ffc107; } -md-input-group.md-amber-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-amber-theme[disabled] input, md-input-group.md-amber-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-amber-theme { - background-color: #323232; - color: white; } - md-toast.md-amber-theme .md-button { - color: white; } - md-toast.md-amber-theme .md-action { - color: #ffd740; } - -md-toolbar.md-amber-theme { - background-color: #ffc107; - color: rgba(0, 0, 0, 0.73); } - md-toolbar.md-amber-theme .md-button { - color: rgba(0, 0, 0, 0.73); } - -md-tooltip.md-amber-theme { - color: #ffffff; } - md-tooltip.md-amber-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/blue-theme.css b/UI/WebServerResources/css/themes/blue-theme.css deleted file mode 100644 index 66e3c58bc..000000000 --- a/UI/WebServerResources/css/themes/blue-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-blue-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-blue-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-blue-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-blue-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-blue-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-blue-theme { - border-radius: 3px; } - .md-button.md-blue-theme:not([disabled]):hover, .md-button.md-blue-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-blue-theme.md-fab { - border-radius: 50%; } - .md-button.md-blue-theme.md-primary { - color: #42a5f5; - fill: #42a5f5; } - .md-button.md-blue-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-blue-theme.md-raised, .md-button.md-blue-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-blue-theme.md-raised:not([disabled]):hover, .md-button.md-blue-theme.md-raised:not([disabled]):focus, .md-button.md-blue-theme.md-fab:not([disabled]):hover, .md-button.md-blue-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-blue-theme.md-raised.md-primary, .md-button.md-blue-theme.md-fab.md-primary { - color: white; - background-color: #2196f3; } - .md-button.md-blue-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-blue-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-blue-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-blue-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #1e88e5; } - .md-button.md-blue-theme.md-raised.md-warn, .md-button.md-blue-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-blue-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-blue-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-blue-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-blue-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-blue-theme[disabled], .md-button.md-blue-theme.md-raised[disabled], .md-button.md-blue-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-blue-theme { - border-radius: 2px; } - md-card.md-blue-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-blue-theme .md-ripple { - color: #43a047; } -md-checkbox.md-blue-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-blue-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-blue-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-blue-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-blue-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-blue-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-blue-theme { - background-color: #ffffff; } - -md-dialog.md-blue-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-blue-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-blue-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-blue-theme { - background-color: transparent; } - md-progress-circular.md-blue-theme .md-inner .md-gap { - border-top-color: #2196f3; - border-bottom-color: #2196f3; } - md-progress-circular.md-blue-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-blue-theme .md-inner .md-right .md-half-circle { - border-top-color: #2196f3; } - md-progress-circular.md-blue-theme .md-inner .md-right .md-half-circle { - border-right-color: #2196f3; } - md-progress-circular.md-blue-theme .md-inner .md-left .md-half-circle { - border-left-color: #2196f3; } - -md-progress-linear.md-blue-theme .md-container { - background-color: #bbdefb; } -md-progress-linear.md-blue-theme .md-bar { - background-color: #2196f3; } -md-progress-linear.md-blue-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#bbdefb 0%, #bbdefb 16%, transparent 42%); } -md-progress-linear.md-blue-theme[md-mode=buffer] .md-bar1 { - background-color: #bbdefb; } - -md-radio-button.md-blue-theme .md-off, md-switch.md-blue-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-blue-theme .md-on, md-switch.md-blue-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-blue-theme.md-checked .md-off, md-switch.md-blue-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-blue-theme.md-checked .md-ink-ripple, md-switch.md-blue-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-blue-theme .md-container .md-ripple, md-switch.md-blue-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-blue-theme[disabled] .md-container .md-off, md-switch.md-blue-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-blue-theme[disabled] .md-container .md-on, md-switch.md-blue-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-blue-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-blue-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-blue-theme .md-track-fill { - background-color: #2196f3; } -md-slider.md-blue-theme .md-thumb:after { - border-color: #2196f3; - background-color: #2196f3; } -md-slider.md-blue-theme .md-sign { - background-color: #2196f3; } - md-slider.md-blue-theme .md-sign:after { - border-top-color: #2196f3; } -md-slider.md-blue-theme .md-thumb-text { - color: white; } -md-slider.md-blue-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-blue-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-blue-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-blue-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-blue-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-blue-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-blue-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-blue-theme.md-primary { - color: #2196f3; } - -md-switch.md-blue-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-blue-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-blue-theme.md-checked .md-thumb { - background-color: #2196f3; } -md-switch.md-blue-theme.md-checked .md-bar { - background-color: rgba(33, 150, 243, 0.5); } -md-switch.md-blue-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-blue-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-blue-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-blue-theme .md-header { - background-color: #2196f3; } -md-tabs.md-blue-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-blue-theme md-tab { - color: #bbdefb; } - md-tabs.md-blue-theme md-tab.active { - color: white; } - md-tabs.md-blue-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-blue-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-blue-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-blue-theme input, md-input-group.md-blue-theme textarea { - text-shadow: none; } - md-input-group.md-blue-theme input:-ms-input-placeholder, md-input-group.md-blue-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-blue-theme input::-webkit-input-placeholder, md-input-group.md-blue-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-blue-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-blue-theme input, md-input-group.md-blue-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-blue-theme.md-input-focused input, md-input-group.md-blue-theme.md-input-focused textarea { - border-color: #2196f3; } -md-input-group.md-blue-theme.md-input-focused label { - color: #2196f3; } -md-input-group.md-blue-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-blue-theme[disabled] input, md-input-group.md-blue-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-blue-theme { - background-color: #323232; - color: white; } - md-toast.md-blue-theme .md-button { - color: white; } - md-toast.md-blue-theme .md-action { - color: #448aff; } - -md-toolbar.md-blue-theme { - background-color: #2196f3; - color: white; } - md-toolbar.md-blue-theme .md-button { - color: white; } - -md-tooltip.md-blue-theme { - color: #ffffff; } - md-tooltip.md-blue-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/brown-theme.css b/UI/WebServerResources/css/themes/brown-theme.css deleted file mode 100644 index 9e6c7b4b4..000000000 --- a/UI/WebServerResources/css/themes/brown-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-brown-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-brown-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-brown-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-brown-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-brown-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-brown-theme { - border-radius: 3px; } - .md-button.md-brown-theme:not([disabled]):hover, .md-button.md-brown-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-brown-theme.md-fab { - border-radius: 50%; } - .md-button.md-brown-theme.md-primary { - color: #8d6e63; - fill: #8d6e63; } - .md-button.md-brown-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-brown-theme.md-raised, .md-button.md-brown-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-brown-theme.md-raised:not([disabled]):hover, .md-button.md-brown-theme.md-raised:not([disabled]):focus, .md-button.md-brown-theme.md-fab:not([disabled]):hover, .md-button.md-brown-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-brown-theme.md-raised.md-primary, .md-button.md-brown-theme.md-fab.md-primary { - color: white; - background-color: #795548; } - .md-button.md-brown-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-brown-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-brown-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-brown-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #6d4c41; } - .md-button.md-brown-theme.md-raised.md-warn, .md-button.md-brown-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-brown-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-brown-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-brown-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-brown-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-brown-theme[disabled], .md-button.md-brown-theme.md-raised[disabled], .md-button.md-brown-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-brown-theme { - border-radius: 2px; } - md-card.md-brown-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-brown-theme .md-ripple { - color: #43a047; } -md-checkbox.md-brown-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-brown-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-brown-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-brown-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-brown-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-brown-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-brown-theme { - background-color: #ffffff; } - -md-dialog.md-brown-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-brown-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-brown-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-brown-theme { - background-color: transparent; } - md-progress-circular.md-brown-theme .md-inner .md-gap { - border-top-color: #795548; - border-bottom-color: #795548; } - md-progress-circular.md-brown-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-brown-theme .md-inner .md-right .md-half-circle { - border-top-color: #795548; } - md-progress-circular.md-brown-theme .md-inner .md-right .md-half-circle { - border-right-color: #795548; } - md-progress-circular.md-brown-theme .md-inner .md-left .md-half-circle { - border-left-color: #795548; } - -md-progress-linear.md-brown-theme .md-container { - background-color: #d7ccc8; } -md-progress-linear.md-brown-theme .md-bar { - background-color: #795548; } -md-progress-linear.md-brown-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#d7ccc8 0%, #d7ccc8 16%, transparent 42%); } -md-progress-linear.md-brown-theme[md-mode=buffer] .md-bar1 { - background-color: #d7ccc8; } - -md-radio-button.md-brown-theme .md-off, md-switch.md-brown-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-brown-theme .md-on, md-switch.md-brown-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-brown-theme.md-checked .md-off, md-switch.md-brown-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-brown-theme.md-checked .md-ink-ripple, md-switch.md-brown-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-brown-theme .md-container .md-ripple, md-switch.md-brown-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-brown-theme[disabled] .md-container .md-off, md-switch.md-brown-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-brown-theme[disabled] .md-container .md-on, md-switch.md-brown-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-brown-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-brown-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-brown-theme .md-track-fill { - background-color: #795548; } -md-slider.md-brown-theme .md-thumb:after { - border-color: #795548; - background-color: #795548; } -md-slider.md-brown-theme .md-sign { - background-color: #795548; } - md-slider.md-brown-theme .md-sign:after { - border-top-color: #795548; } -md-slider.md-brown-theme .md-thumb-text { - color: white; } -md-slider.md-brown-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-brown-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-brown-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-brown-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-brown-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-brown-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-brown-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-brown-theme.md-primary { - color: #795548; } - -md-switch.md-brown-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-brown-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-brown-theme.md-checked .md-thumb { - background-color: #795548; } -md-switch.md-brown-theme.md-checked .md-bar { - background-color: rgba(121, 85, 72, 0.5); } -md-switch.md-brown-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-brown-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-brown-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-brown-theme .md-header { - background-color: #795548; } -md-tabs.md-brown-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-brown-theme md-tab { - color: #d7ccc8; } - md-tabs.md-brown-theme md-tab.active { - color: white; } - md-tabs.md-brown-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-brown-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-brown-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-brown-theme input, md-input-group.md-brown-theme textarea { - text-shadow: none; } - md-input-group.md-brown-theme input:-ms-input-placeholder, md-input-group.md-brown-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-brown-theme input::-webkit-input-placeholder, md-input-group.md-brown-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-brown-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-brown-theme input, md-input-group.md-brown-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-brown-theme.md-input-focused input, md-input-group.md-brown-theme.md-input-focused textarea { - border-color: #795548; } -md-input-group.md-brown-theme.md-input-focused label { - color: #795548; } -md-input-group.md-brown-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-brown-theme[disabled] input, md-input-group.md-brown-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-brown-theme { - background-color: #323232; - color: white; } - md-toast.md-brown-theme .md-button { - color: white; } - md-toast.md-brown-theme .md-action { - } - -md-toolbar.md-brown-theme { - background-color: #795548; - color: white; } - md-toolbar.md-brown-theme .md-button { - color: white; } - -md-tooltip.md-brown-theme { - color: #ffffff; } - md-tooltip.md-brown-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/cyan-theme.css b/UI/WebServerResources/css/themes/cyan-theme.css deleted file mode 100644 index 8c2ef5da3..000000000 --- a/UI/WebServerResources/css/themes/cyan-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-cyan-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-cyan-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-cyan-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-cyan-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-cyan-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-cyan-theme { - border-radius: 3px; } - .md-button.md-cyan-theme:not([disabled]):hover, .md-button.md-cyan-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-cyan-theme.md-fab { - border-radius: 50%; } - .md-button.md-cyan-theme.md-primary { - color: #26c6da; - fill: #26c6da; } - .md-button.md-cyan-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-cyan-theme.md-raised, .md-button.md-cyan-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-cyan-theme.md-raised:not([disabled]):hover, .md-button.md-cyan-theme.md-raised:not([disabled]):focus, .md-button.md-cyan-theme.md-fab:not([disabled]):hover, .md-button.md-cyan-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-cyan-theme.md-raised.md-primary, .md-button.md-cyan-theme.md-fab.md-primary { - color: white; - background-color: #00bcd4; } - .md-button.md-cyan-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-cyan-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-cyan-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-cyan-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #00acc1; } - .md-button.md-cyan-theme.md-raised.md-warn, .md-button.md-cyan-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-cyan-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-cyan-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-cyan-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-cyan-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-cyan-theme[disabled], .md-button.md-cyan-theme.md-raised[disabled], .md-button.md-cyan-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-cyan-theme { - border-radius: 2px; } - md-card.md-cyan-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-cyan-theme .md-ripple { - color: #43a047; } -md-checkbox.md-cyan-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-cyan-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-cyan-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-cyan-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-cyan-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-cyan-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-cyan-theme { - background-color: #ffffff; } - -md-dialog.md-cyan-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-cyan-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-cyan-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-cyan-theme { - background-color: transparent; } - md-progress-circular.md-cyan-theme .md-inner .md-gap { - border-top-color: #00bcd4; - border-bottom-color: #00bcd4; } - md-progress-circular.md-cyan-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-cyan-theme .md-inner .md-right .md-half-circle { - border-top-color: #00bcd4; } - md-progress-circular.md-cyan-theme .md-inner .md-right .md-half-circle { - border-right-color: #00bcd4; } - md-progress-circular.md-cyan-theme .md-inner .md-left .md-half-circle { - border-left-color: #00bcd4; } - -md-progress-linear.md-cyan-theme .md-container { - background-color: #b2ebf2; } -md-progress-linear.md-cyan-theme .md-bar { - background-color: #00bcd4; } -md-progress-linear.md-cyan-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#b2ebf2 0%, #b2ebf2 16%, transparent 42%); } -md-progress-linear.md-cyan-theme[md-mode=buffer] .md-bar1 { - background-color: #b2ebf2; } - -md-radio-button.md-cyan-theme .md-off, md-switch.md-cyan-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-cyan-theme .md-on, md-switch.md-cyan-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-cyan-theme.md-checked .md-off, md-switch.md-cyan-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-cyan-theme.md-checked .md-ink-ripple, md-switch.md-cyan-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-cyan-theme .md-container .md-ripple, md-switch.md-cyan-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-cyan-theme[disabled] .md-container .md-off, md-switch.md-cyan-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-cyan-theme[disabled] .md-container .md-on, md-switch.md-cyan-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-cyan-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-cyan-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-cyan-theme .md-track-fill { - background-color: #00bcd4; } -md-slider.md-cyan-theme .md-thumb:after { - border-color: #00bcd4; - background-color: #00bcd4; } -md-slider.md-cyan-theme .md-sign { - background-color: #00bcd4; } - md-slider.md-cyan-theme .md-sign:after { - border-top-color: #00bcd4; } -md-slider.md-cyan-theme .md-thumb-text { - color: white; } -md-slider.md-cyan-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-cyan-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-cyan-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-cyan-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-cyan-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-cyan-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-cyan-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-cyan-theme.md-primary { - color: #00bcd4; } - -md-switch.md-cyan-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-cyan-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-cyan-theme.md-checked .md-thumb { - background-color: #00bcd4; } -md-switch.md-cyan-theme.md-checked .md-bar { - background-color: rgba(0, 188, 212, 0.5); } -md-switch.md-cyan-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-cyan-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-cyan-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-cyan-theme .md-header { - background-color: #00bcd4; } -md-tabs.md-cyan-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-cyan-theme md-tab { - color: #b2ebf2; } - md-tabs.md-cyan-theme md-tab.active { - color: white; } - md-tabs.md-cyan-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-cyan-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-cyan-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-cyan-theme input, md-input-group.md-cyan-theme textarea { - text-shadow: none; } - md-input-group.md-cyan-theme input:-ms-input-placeholder, md-input-group.md-cyan-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-cyan-theme input::-webkit-input-placeholder, md-input-group.md-cyan-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-cyan-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-cyan-theme input, md-input-group.md-cyan-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-cyan-theme.md-input-focused input, md-input-group.md-cyan-theme.md-input-focused textarea { - border-color: #00bcd4; } -md-input-group.md-cyan-theme.md-input-focused label { - color: #00bcd4; } -md-input-group.md-cyan-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-cyan-theme[disabled] input, md-input-group.md-cyan-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-cyan-theme { - background-color: #323232; - color: white; } - md-toast.md-cyan-theme .md-button { - color: white; } - md-toast.md-cyan-theme .md-action { - color: #18ffff; } - -md-toolbar.md-cyan-theme { - background-color: #00bcd4; - color: white; } - md-toolbar.md-cyan-theme .md-button { - color: white; } - -md-tooltip.md-cyan-theme { - color: #ffffff; } - md-tooltip.md-cyan-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/deep-orange-theme.css b/UI/WebServerResources/css/themes/deep-orange-theme.css deleted file mode 100644 index d9bc28f19..000000000 --- a/UI/WebServerResources/css/themes/deep-orange-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-deep-orange-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-deep-orange-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-deep-orange-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-deep-orange-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-deep-orange-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-deep-orange-theme { - border-radius: 3px; } - .md-button.md-deep-orange-theme:not([disabled]):hover, .md-button.md-deep-orange-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-deep-orange-theme.md-fab { - border-radius: 50%; } - .md-button.md-deep-orange-theme.md-primary { - color: #ff7043; - fill: #ff7043; } - .md-button.md-deep-orange-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-deep-orange-theme.md-raised, .md-button.md-deep-orange-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-deep-orange-theme.md-raised:not([disabled]):hover, .md-button.md-deep-orange-theme.md-raised:not([disabled]):focus, .md-button.md-deep-orange-theme.md-fab:not([disabled]):hover, .md-button.md-deep-orange-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-deep-orange-theme.md-raised.md-primary, .md-button.md-deep-orange-theme.md-fab.md-primary { - color: white; - background-color: #ff5722; } - .md-button.md-deep-orange-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-deep-orange-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-deep-orange-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-deep-orange-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #f4511e; } - .md-button.md-deep-orange-theme.md-raised.md-warn, .md-button.md-deep-orange-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-deep-orange-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-deep-orange-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-deep-orange-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-deep-orange-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-deep-orange-theme[disabled], .md-button.md-deep-orange-theme.md-raised[disabled], .md-button.md-deep-orange-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-deep-orange-theme { - border-radius: 2px; } - md-card.md-deep-orange-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-deep-orange-theme .md-ripple { - color: #43a047; } -md-checkbox.md-deep-orange-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-deep-orange-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-deep-orange-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-deep-orange-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-deep-orange-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-deep-orange-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-deep-orange-theme { - background-color: #ffffff; } - -md-dialog.md-deep-orange-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-deep-orange-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-deep-orange-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-deep-orange-theme { - background-color: transparent; } - md-progress-circular.md-deep-orange-theme .md-inner .md-gap { - border-top-color: #ff5722; - border-bottom-color: #ff5722; } - md-progress-circular.md-deep-orange-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-deep-orange-theme .md-inner .md-right .md-half-circle { - border-top-color: #ff5722; } - md-progress-circular.md-deep-orange-theme .md-inner .md-right .md-half-circle { - border-right-color: #ff5722; } - md-progress-circular.md-deep-orange-theme .md-inner .md-left .md-half-circle { - border-left-color: #ff5722; } - -md-progress-linear.md-deep-orange-theme .md-container { - background-color: #ffccbc; } -md-progress-linear.md-deep-orange-theme .md-bar { - background-color: #ff5722; } -md-progress-linear.md-deep-orange-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#ffccbc 0%, #ffccbc 16%, transparent 42%); } -md-progress-linear.md-deep-orange-theme[md-mode=buffer] .md-bar1 { - background-color: #ffccbc; } - -md-radio-button.md-deep-orange-theme .md-off, md-switch.md-deep-orange-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-deep-orange-theme .md-on, md-switch.md-deep-orange-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-deep-orange-theme.md-checked .md-off, md-switch.md-deep-orange-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-deep-orange-theme.md-checked .md-ink-ripple, md-switch.md-deep-orange-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-deep-orange-theme .md-container .md-ripple, md-switch.md-deep-orange-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-deep-orange-theme[disabled] .md-container .md-off, md-switch.md-deep-orange-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-deep-orange-theme[disabled] .md-container .md-on, md-switch.md-deep-orange-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-deep-orange-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-deep-orange-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-deep-orange-theme .md-track-fill { - background-color: #ff5722; } -md-slider.md-deep-orange-theme .md-thumb:after { - border-color: #ff5722; - background-color: #ff5722; } -md-slider.md-deep-orange-theme .md-sign { - background-color: #ff5722; } - md-slider.md-deep-orange-theme .md-sign:after { - border-top-color: #ff5722; } -md-slider.md-deep-orange-theme .md-thumb-text { - color: white; } -md-slider.md-deep-orange-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-deep-orange-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-deep-orange-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-deep-orange-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-deep-orange-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-deep-orange-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-deep-orange-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-deep-orange-theme.md-primary { - color: #ff5722; } - -md-switch.md-deep-orange-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-deep-orange-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-deep-orange-theme.md-checked .md-thumb { - background-color: #ff5722; } -md-switch.md-deep-orange-theme.md-checked .md-bar { - background-color: rgba(255, 87, 34, 0.5); } -md-switch.md-deep-orange-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-deep-orange-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-deep-orange-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-deep-orange-theme .md-header { - background-color: #ff5722; } -md-tabs.md-deep-orange-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-deep-orange-theme md-tab { - color: #ffccbc; } - md-tabs.md-deep-orange-theme md-tab.active { - color: white; } - md-tabs.md-deep-orange-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-deep-orange-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-deep-orange-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-deep-orange-theme input, md-input-group.md-deep-orange-theme textarea { - text-shadow: none; } - md-input-group.md-deep-orange-theme input:-ms-input-placeholder, md-input-group.md-deep-orange-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-deep-orange-theme input::-webkit-input-placeholder, md-input-group.md-deep-orange-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-deep-orange-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-deep-orange-theme input, md-input-group.md-deep-orange-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-deep-orange-theme.md-input-focused input, md-input-group.md-deep-orange-theme.md-input-focused textarea { - border-color: #ff5722; } -md-input-group.md-deep-orange-theme.md-input-focused label { - color: #ff5722; } -md-input-group.md-deep-orange-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-deep-orange-theme[disabled] input, md-input-group.md-deep-orange-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-deep-orange-theme { - background-color: #323232; - color: white; } - md-toast.md-deep-orange-theme .md-button { - color: white; } - md-toast.md-deep-orange-theme .md-action { - color: #ff6e40; } - -md-toolbar.md-deep-orange-theme { - background-color: #ff5722; - color: white; } - md-toolbar.md-deep-orange-theme .md-button { - color: white; } - -md-tooltip.md-deep-orange-theme { - color: #ffffff; } - md-tooltip.md-deep-orange-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/deep-purple-theme.css b/UI/WebServerResources/css/themes/deep-purple-theme.css deleted file mode 100644 index 9c0b5a202..000000000 --- a/UI/WebServerResources/css/themes/deep-purple-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-deep-purple-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-deep-purple-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-deep-purple-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-deep-purple-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-deep-purple-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-deep-purple-theme { - border-radius: 3px; } - .md-button.md-deep-purple-theme:not([disabled]):hover, .md-button.md-deep-purple-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-deep-purple-theme.md-fab { - border-radius: 50%; } - .md-button.md-deep-purple-theme.md-primary { - color: #7e57c2; - fill: #7e57c2; } - .md-button.md-deep-purple-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-deep-purple-theme.md-raised, .md-button.md-deep-purple-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-deep-purple-theme.md-raised:not([disabled]):hover, .md-button.md-deep-purple-theme.md-raised:not([disabled]):focus, .md-button.md-deep-purple-theme.md-fab:not([disabled]):hover, .md-button.md-deep-purple-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-deep-purple-theme.md-raised.md-primary, .md-button.md-deep-purple-theme.md-fab.md-primary { - color: white; - background-color: #673ab7; } - .md-button.md-deep-purple-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-deep-purple-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-deep-purple-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-deep-purple-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #5e35b1; } - .md-button.md-deep-purple-theme.md-raised.md-warn, .md-button.md-deep-purple-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-deep-purple-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-deep-purple-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-deep-purple-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-deep-purple-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-deep-purple-theme[disabled], .md-button.md-deep-purple-theme.md-raised[disabled], .md-button.md-deep-purple-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-deep-purple-theme { - border-radius: 2px; } - md-card.md-deep-purple-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-deep-purple-theme .md-ripple { - color: #43a047; } -md-checkbox.md-deep-purple-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-deep-purple-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-deep-purple-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-deep-purple-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-deep-purple-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-deep-purple-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-deep-purple-theme { - background-color: #ffffff; } - -md-dialog.md-deep-purple-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-deep-purple-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-deep-purple-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-deep-purple-theme { - background-color: transparent; } - md-progress-circular.md-deep-purple-theme .md-inner .md-gap { - border-top-color: #673ab7; - border-bottom-color: #673ab7; } - md-progress-circular.md-deep-purple-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-deep-purple-theme .md-inner .md-right .md-half-circle { - border-top-color: #673ab7; } - md-progress-circular.md-deep-purple-theme .md-inner .md-right .md-half-circle { - border-right-color: #673ab7; } - md-progress-circular.md-deep-purple-theme .md-inner .md-left .md-half-circle { - border-left-color: #673ab7; } - -md-progress-linear.md-deep-purple-theme .md-container { - background-color: #d1c4e9; } -md-progress-linear.md-deep-purple-theme .md-bar { - background-color: #673ab7; } -md-progress-linear.md-deep-purple-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#d1c4e9 0%, #d1c4e9 16%, transparent 42%); } -md-progress-linear.md-deep-purple-theme[md-mode=buffer] .md-bar1 { - background-color: #d1c4e9; } - -md-radio-button.md-deep-purple-theme .md-off, md-switch.md-deep-purple-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-deep-purple-theme .md-on, md-switch.md-deep-purple-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-deep-purple-theme.md-checked .md-off, md-switch.md-deep-purple-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-deep-purple-theme.md-checked .md-ink-ripple, md-switch.md-deep-purple-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-deep-purple-theme .md-container .md-ripple, md-switch.md-deep-purple-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-deep-purple-theme[disabled] .md-container .md-off, md-switch.md-deep-purple-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-deep-purple-theme[disabled] .md-container .md-on, md-switch.md-deep-purple-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-deep-purple-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-deep-purple-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-deep-purple-theme .md-track-fill { - background-color: #673ab7; } -md-slider.md-deep-purple-theme .md-thumb:after { - border-color: #673ab7; - background-color: #673ab7; } -md-slider.md-deep-purple-theme .md-sign { - background-color: #673ab7; } - md-slider.md-deep-purple-theme .md-sign:after { - border-top-color: #673ab7; } -md-slider.md-deep-purple-theme .md-thumb-text { - color: white; } -md-slider.md-deep-purple-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-deep-purple-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-deep-purple-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-deep-purple-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-deep-purple-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-deep-purple-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-deep-purple-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-deep-purple-theme.md-primary { - color: #673ab7; } - -md-switch.md-deep-purple-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-deep-purple-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-deep-purple-theme.md-checked .md-thumb { - background-color: #673ab7; } -md-switch.md-deep-purple-theme.md-checked .md-bar { - background-color: rgba(103, 58, 183, 0.5); } -md-switch.md-deep-purple-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-deep-purple-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-deep-purple-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-deep-purple-theme .md-header { - background-color: #673ab7; } -md-tabs.md-deep-purple-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-deep-purple-theme md-tab { - color: #d1c4e9; } - md-tabs.md-deep-purple-theme md-tab.active { - color: white; } - md-tabs.md-deep-purple-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-deep-purple-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-deep-purple-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-deep-purple-theme input, md-input-group.md-deep-purple-theme textarea { - text-shadow: none; } - md-input-group.md-deep-purple-theme input:-ms-input-placeholder, md-input-group.md-deep-purple-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-deep-purple-theme input::-webkit-input-placeholder, md-input-group.md-deep-purple-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-deep-purple-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-deep-purple-theme input, md-input-group.md-deep-purple-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-deep-purple-theme.md-input-focused input, md-input-group.md-deep-purple-theme.md-input-focused textarea { - border-color: #673ab7; } -md-input-group.md-deep-purple-theme.md-input-focused label { - color: #673ab7; } -md-input-group.md-deep-purple-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-deep-purple-theme[disabled] input, md-input-group.md-deep-purple-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-deep-purple-theme { - background-color: #323232; - color: white; } - md-toast.md-deep-purple-theme .md-button { - color: white; } - md-toast.md-deep-purple-theme .md-action { - color: #7c4dff; } - -md-toolbar.md-deep-purple-theme { - background-color: #673ab7; - color: white; } - md-toolbar.md-deep-purple-theme .md-button { - color: white; } - -md-tooltip.md-deep-purple-theme { - color: #ffffff; } - md-tooltip.md-deep-purple-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/green-theme.css b/UI/WebServerResources/css/themes/green-theme.css deleted file mode 100644 index f4e3b0747..000000000 --- a/UI/WebServerResources/css/themes/green-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-green-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-green-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-green-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-green-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-green-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-green-theme { - border-radius: 3px; } - .md-button.md-green-theme:not([disabled]):hover, .md-button.md-green-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-green-theme.md-fab { - border-radius: 50%; } - .md-button.md-green-theme.md-primary { - color: #66bb6a; - fill: #66bb6a; } - .md-button.md-green-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-green-theme.md-raised, .md-button.md-green-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-green-theme.md-raised:not([disabled]):hover, .md-button.md-green-theme.md-raised:not([disabled]):focus, .md-button.md-green-theme.md-fab:not([disabled]):hover, .md-button.md-green-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-green-theme.md-raised.md-primary, .md-button.md-green-theme.md-fab.md-primary { - color: white; - background-color: #4caf50; } - .md-button.md-green-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-green-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-green-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-green-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #43a047; } - .md-button.md-green-theme.md-raised.md-warn, .md-button.md-green-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-green-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-green-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-green-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-green-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-green-theme[disabled], .md-button.md-green-theme.md-raised[disabled], .md-button.md-green-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-green-theme { - border-radius: 2px; } - md-card.md-green-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-green-theme .md-ripple { - color: #43a047; } -md-checkbox.md-green-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-green-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-green-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-green-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-green-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-green-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-green-theme { - background-color: #ffffff; } - -md-dialog.md-green-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-green-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-green-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-green-theme { - background-color: transparent; } - md-progress-circular.md-green-theme .md-inner .md-gap { - border-top-color: #4caf50; - border-bottom-color: #4caf50; } - md-progress-circular.md-green-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-green-theme .md-inner .md-right .md-half-circle { - border-top-color: #4caf50; } - md-progress-circular.md-green-theme .md-inner .md-right .md-half-circle { - border-right-color: #4caf50; } - md-progress-circular.md-green-theme .md-inner .md-left .md-half-circle { - border-left-color: #4caf50; } - -md-progress-linear.md-green-theme .md-container { - background-color: #c8e6c9; } -md-progress-linear.md-green-theme .md-bar { - background-color: #4caf50; } -md-progress-linear.md-green-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#c8e6c9 0%, #c8e6c9 16%, transparent 42%); } -md-progress-linear.md-green-theme[md-mode=buffer] .md-bar1 { - background-color: #c8e6c9; } - -md-radio-button.md-green-theme .md-off, md-switch.md-green-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-green-theme .md-on, md-switch.md-green-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-green-theme.md-checked .md-off, md-switch.md-green-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-green-theme.md-checked .md-ink-ripple, md-switch.md-green-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-green-theme .md-container .md-ripple, md-switch.md-green-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-green-theme[disabled] .md-container .md-off, md-switch.md-green-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-green-theme[disabled] .md-container .md-on, md-switch.md-green-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-green-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-green-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-green-theme .md-track-fill { - background-color: #4caf50; } -md-slider.md-green-theme .md-thumb:after { - border-color: #4caf50; - background-color: #4caf50; } -md-slider.md-green-theme .md-sign { - background-color: #4caf50; } - md-slider.md-green-theme .md-sign:after { - border-top-color: #4caf50; } -md-slider.md-green-theme .md-thumb-text { - color: white; } -md-slider.md-green-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-green-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-green-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-green-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-green-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-green-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-green-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-green-theme.md-primary { - color: #4caf50; } - -md-switch.md-green-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-green-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-green-theme.md-checked .md-thumb { - background-color: #4caf50; } -md-switch.md-green-theme.md-checked .md-bar { - background-color: rgba(76, 175, 80, 0.5); } -md-switch.md-green-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-green-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-green-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-green-theme .md-header { - background-color: #4caf50; } -md-tabs.md-green-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-green-theme md-tab { - color: #c8e6c9; } - md-tabs.md-green-theme md-tab.active { - color: white; } - md-tabs.md-green-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-green-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-green-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-green-theme input, md-input-group.md-green-theme textarea { - text-shadow: none; } - md-input-group.md-green-theme input:-ms-input-placeholder, md-input-group.md-green-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-green-theme input::-webkit-input-placeholder, md-input-group.md-green-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-green-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-green-theme input, md-input-group.md-green-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-green-theme.md-input-focused input, md-input-group.md-green-theme.md-input-focused textarea { - border-color: #4caf50; } -md-input-group.md-green-theme.md-input-focused label { - color: #4caf50; } -md-input-group.md-green-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-green-theme[disabled] input, md-input-group.md-green-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-green-theme { - background-color: #323232; - color: white; } - md-toast.md-green-theme .md-button { - color: white; } - md-toast.md-green-theme .md-action { - color: #69f0ae; } - -md-toolbar.md-green-theme { - background-color: #4caf50; - color: white; } - md-toolbar.md-green-theme .md-button { - color: white; } - -md-tooltip.md-green-theme { - color: #ffffff; } - md-tooltip.md-green-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/grey-theme.css b/UI/WebServerResources/css/themes/grey-theme.css deleted file mode 100644 index d92be80d6..000000000 --- a/UI/WebServerResources/css/themes/grey-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-grey-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-grey-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-grey-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-grey-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-grey-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-grey-theme { - border-radius: 3px; } - .md-button.md-grey-theme:not([disabled]):hover, .md-button.md-grey-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-grey-theme.md-fab { - border-radius: 50%; } - .md-button.md-grey-theme.md-primary { - color: #bdbdbd; - fill: #bdbdbd; } - .md-button.md-grey-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-grey-theme.md-raised, .md-button.md-grey-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-grey-theme.md-raised:not([disabled]):hover, .md-button.md-grey-theme.md-raised:not([disabled]):focus, .md-button.md-grey-theme.md-fab:not([disabled]):hover, .md-button.md-grey-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-grey-theme.md-raised.md-primary, .md-button.md-grey-theme.md-fab.md-primary { - color: rgba(0, 0, 0, 0.73); - background-color: #9e9e9e; } - .md-button.md-grey-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-grey-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-grey-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-grey-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #757575; } - .md-button.md-grey-theme.md-raised.md-warn, .md-button.md-grey-theme.md-fab.md-warn { - color: rgba(0, 0, 0, 0.73); - background-color: #f44336; } - .md-button.md-grey-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-grey-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-grey-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-grey-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-grey-theme[disabled], .md-button.md-grey-theme.md-raised[disabled], .md-button.md-grey-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-grey-theme { - border-radius: 2px; } - md-card.md-grey-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-grey-theme .md-ripple { - color: #43a047; } -md-checkbox.md-grey-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-grey-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-grey-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-grey-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-grey-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-grey-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-grey-theme { - background-color: #ffffff; } - -md-dialog.md-grey-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-grey-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-grey-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-grey-theme { - background-color: transparent; } - md-progress-circular.md-grey-theme .md-inner .md-gap { - border-top-color: #9e9e9e; - border-bottom-color: #9e9e9e; } - md-progress-circular.md-grey-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-grey-theme .md-inner .md-right .md-half-circle { - border-top-color: #9e9e9e; } - md-progress-circular.md-grey-theme .md-inner .md-right .md-half-circle { - border-right-color: #9e9e9e; } - md-progress-circular.md-grey-theme .md-inner .md-left .md-half-circle { - border-left-color: #9e9e9e; } - -md-progress-linear.md-grey-theme .md-container { - background-color: #f5f5f5; } -md-progress-linear.md-grey-theme .md-bar { - background-color: #9e9e9e; } -md-progress-linear.md-grey-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#f5f5f5 0%, #f5f5f5 16%, transparent 42%); } -md-progress-linear.md-grey-theme[md-mode=buffer] .md-bar1 { - background-color: #f5f5f5; } - -md-radio-button.md-grey-theme .md-off, md-switch.md-grey-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-grey-theme .md-on, md-switch.md-grey-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-grey-theme.md-checked .md-off, md-switch.md-grey-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-grey-theme.md-checked .md-ink-ripple, md-switch.md-grey-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-grey-theme .md-container .md-ripple, md-switch.md-grey-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-grey-theme[disabled] .md-container .md-off, md-switch.md-grey-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-grey-theme[disabled] .md-container .md-on, md-switch.md-grey-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-grey-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-grey-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-grey-theme .md-track-fill { - background-color: #9e9e9e; } -md-slider.md-grey-theme .md-thumb:after { - border-color: #9e9e9e; - background-color: #9e9e9e; } -md-slider.md-grey-theme .md-sign { - background-color: #9e9e9e; } - md-slider.md-grey-theme .md-sign:after { - border-top-color: #9e9e9e; } -md-slider.md-grey-theme .md-thumb-text { - color: rgba(0, 0, 0, 0.73); } -md-slider.md-grey-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-grey-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-grey-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-grey-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-grey-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-grey-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-grey-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-grey-theme.md-primary { - color: #9e9e9e; } - -md-switch.md-grey-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-grey-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-grey-theme.md-checked .md-thumb { - background-color: #9e9e9e; } -md-switch.md-grey-theme.md-checked .md-bar { - background-color: rgba(158, 158, 158, 0.5); } -md-switch.md-grey-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-grey-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-grey-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-grey-theme .md-header { - background-color: #9e9e9e; } -md-tabs.md-grey-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-grey-theme md-tab { - color: #f5f5f5; } - md-tabs.md-grey-theme md-tab.active { - color: rgba(0, 0, 0, 0.73); } - md-tabs.md-grey-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-grey-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-grey-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-grey-theme input, md-input-group.md-grey-theme textarea { - text-shadow: none; } - md-input-group.md-grey-theme input:-ms-input-placeholder, md-input-group.md-grey-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-grey-theme input::-webkit-input-placeholder, md-input-group.md-grey-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-grey-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-grey-theme input, md-input-group.md-grey-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-grey-theme.md-input-focused input, md-input-group.md-grey-theme.md-input-focused textarea { - border-color: #9e9e9e; } -md-input-group.md-grey-theme.md-input-focused label { - color: #9e9e9e; } -md-input-group.md-grey-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-grey-theme[disabled] input, md-input-group.md-grey-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-grey-theme { - background-color: #323232; - color: white; } - md-toast.md-grey-theme .md-button { - color: white; } - md-toast.md-grey-theme .md-action { - } - -md-toolbar.md-grey-theme { - background-color: #9e9e9e; - color: rgba(0, 0, 0, 0.73); } - md-toolbar.md-grey-theme .md-button { - color: rgba(0, 0, 0, 0.73); } - -md-tooltip.md-grey-theme { - color: #ffffff; } - md-tooltip.md-grey-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/indigo-theme.css b/UI/WebServerResources/css/themes/indigo-theme.css deleted file mode 100644 index 4be871695..000000000 --- a/UI/WebServerResources/css/themes/indigo-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-indigo-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-indigo-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-indigo-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-indigo-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-indigo-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-indigo-theme { - border-radius: 3px; } - .md-button.md-indigo-theme:not([disabled]):hover, .md-button.md-indigo-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-indigo-theme.md-fab { - border-radius: 50%; } - .md-button.md-indigo-theme.md-primary { - color: #5c6bc0; - fill: #5c6bc0; } - .md-button.md-indigo-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-indigo-theme.md-raised, .md-button.md-indigo-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-indigo-theme.md-raised:not([disabled]):hover, .md-button.md-indigo-theme.md-raised:not([disabled]):focus, .md-button.md-indigo-theme.md-fab:not([disabled]):hover, .md-button.md-indigo-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-indigo-theme.md-raised.md-primary, .md-button.md-indigo-theme.md-fab.md-primary { - color: white; - background-color: #3f51b5; } - .md-button.md-indigo-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-indigo-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-indigo-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-indigo-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #3949ab; } - .md-button.md-indigo-theme.md-raised.md-warn, .md-button.md-indigo-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-indigo-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-indigo-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-indigo-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-indigo-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-indigo-theme[disabled], .md-button.md-indigo-theme.md-raised[disabled], .md-button.md-indigo-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-indigo-theme { - border-radius: 2px; } - md-card.md-indigo-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-indigo-theme .md-ripple { - color: #43a047; } -md-checkbox.md-indigo-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-indigo-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-indigo-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-indigo-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-indigo-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-indigo-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-indigo-theme { - background-color: #ffffff; } - -md-dialog.md-indigo-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-indigo-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-indigo-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-indigo-theme { - background-color: transparent; } - md-progress-circular.md-indigo-theme .md-inner .md-gap { - border-top-color: #3f51b5; - border-bottom-color: #3f51b5; } - md-progress-circular.md-indigo-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-indigo-theme .md-inner .md-right .md-half-circle { - border-top-color: #3f51b5; } - md-progress-circular.md-indigo-theme .md-inner .md-right .md-half-circle { - border-right-color: #3f51b5; } - md-progress-circular.md-indigo-theme .md-inner .md-left .md-half-circle { - border-left-color: #3f51b5; } - -md-progress-linear.md-indigo-theme .md-container { - background-color: #c5cae9; } -md-progress-linear.md-indigo-theme .md-bar { - background-color: #3f51b5; } -md-progress-linear.md-indigo-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#c5cae9 0%, #c5cae9 16%, transparent 42%); } -md-progress-linear.md-indigo-theme[md-mode=buffer] .md-bar1 { - background-color: #c5cae9; } - -md-radio-button.md-indigo-theme .md-off, md-switch.md-indigo-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-indigo-theme .md-on, md-switch.md-indigo-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-indigo-theme.md-checked .md-off, md-switch.md-indigo-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-indigo-theme.md-checked .md-ink-ripple, md-switch.md-indigo-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-indigo-theme .md-container .md-ripple, md-switch.md-indigo-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-indigo-theme[disabled] .md-container .md-off, md-switch.md-indigo-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-indigo-theme[disabled] .md-container .md-on, md-switch.md-indigo-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-indigo-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-indigo-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-indigo-theme .md-track-fill { - background-color: #3f51b5; } -md-slider.md-indigo-theme .md-thumb:after { - border-color: #3f51b5; - background-color: #3f51b5; } -md-slider.md-indigo-theme .md-sign { - background-color: #3f51b5; } - md-slider.md-indigo-theme .md-sign:after { - border-top-color: #3f51b5; } -md-slider.md-indigo-theme .md-thumb-text { - color: white; } -md-slider.md-indigo-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-indigo-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-indigo-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-indigo-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-indigo-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-indigo-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-indigo-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-indigo-theme.md-primary { - color: #3f51b5; } - -md-switch.md-indigo-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-indigo-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-indigo-theme.md-checked .md-thumb { - background-color: #3f51b5; } -md-switch.md-indigo-theme.md-checked .md-bar { - background-color: rgba(63, 81, 181, 0.5); } -md-switch.md-indigo-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-indigo-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-indigo-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-indigo-theme .md-header { - background-color: #3f51b5; } -md-tabs.md-indigo-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-indigo-theme md-tab { - color: #c5cae9; } - md-tabs.md-indigo-theme md-tab.active { - color: white; } - md-tabs.md-indigo-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-indigo-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-indigo-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-indigo-theme input, md-input-group.md-indigo-theme textarea { - text-shadow: none; } - md-input-group.md-indigo-theme input:-ms-input-placeholder, md-input-group.md-indigo-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-indigo-theme input::-webkit-input-placeholder, md-input-group.md-indigo-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-indigo-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-indigo-theme input, md-input-group.md-indigo-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-indigo-theme.md-input-focused input, md-input-group.md-indigo-theme.md-input-focused textarea { - border-color: #3f51b5; } -md-input-group.md-indigo-theme.md-input-focused label { - color: #3f51b5; } -md-input-group.md-indigo-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-indigo-theme[disabled] input, md-input-group.md-indigo-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-indigo-theme { - background-color: #323232; - color: white; } - md-toast.md-indigo-theme .md-button { - color: white; } - md-toast.md-indigo-theme .md-action { - color: #536dfe; } - -md-toolbar.md-indigo-theme { - background-color: #3f51b5; - color: white; } - md-toolbar.md-indigo-theme .md-button { - color: white; } - -md-tooltip.md-indigo-theme { - color: #ffffff; } - md-tooltip.md-indigo-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/light-blue-dark-theme.css b/UI/WebServerResources/css/themes/light-blue-dark-theme.css deleted file mode 100644 index 2f95c29b1..000000000 --- a/UI/WebServerResources/css/themes/light-blue-dark-theme.css +++ /dev/null @@ -1,230 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-light-blue-dark-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-light-blue-dark-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-light-blue-dark-theme.md-list md-item { - color: #fefefe; } - md-bottom-sheet.md-light-blue-dark-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-light-blue-dark-theme .md-subheader { - color: #fefefe; } - -.md-button.md-light-blue-dark-theme { - border-radius: 3px; } - .md-button.md-light-blue-dark-theme:not([disabled]):hover, .md-button.md-light-blue-dark-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-light-blue-dark-theme.md-fab { - border-radius: 50%; } - .md-button.md-light-blue-dark-theme.md-primary { - color: #29b6f6; - fill: #29b6f6; } - .md-button.md-light-blue-dark-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-light-blue-dark-theme.md-raised, .md-button.md-light-blue-dark-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-light-blue-dark-theme.md-raised:not([disabled]):hover, .md-button.md-light-blue-dark-theme.md-raised:not([disabled]):focus, .md-button.md-light-blue-dark-theme.md-fab:not([disabled]):hover, .md-button.md-light-blue-dark-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-light-blue-dark-theme.md-raised.md-primary, .md-button.md-light-blue-dark-theme.md-fab.md-primary { - color: white; - background-color: #03a9f4; } - .md-button.md-light-blue-dark-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-light-blue-dark-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-light-blue-dark-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-light-blue-dark-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #039be5; } - .md-button.md-light-blue-dark-theme.md-raised.md-warn, .md-button.md-light-blue-dark-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-light-blue-dark-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-light-blue-dark-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-light-blue-dark-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-light-blue-dark-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-light-blue-dark-theme[disabled], .md-button.md-light-blue-dark-theme.md-raised[disabled], .md-button.md-light-blue-dark-theme.md-fab[disabled] { - color: #696969; - fill: #696969; - background-color: transparent; - cursor: not-allowed; } - -md-card.md-light-blue-dark-theme { - border-radius: 2px; } - md-card.md-light-blue-dark-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-light-blue-dark-theme .md-ripple { - color: #43a047; } -md-checkbox.md-light-blue-dark-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-light-blue-dark-theme .md-icon { - border-color: #fefefe; } -md-checkbox.md-light-blue-dark-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-light-blue-dark-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-light-blue-dark-theme[disabled] .md-icon { - border-color: #696969; } -md-checkbox.md-light-blue-dark-theme[disabled].md-checked .md-icon { - background-color: #696969; } - -md-content.md-light-blue-dark-theme { - background-color: #333; } - -md-dialog.md-light-blue-dark-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-light-blue-dark-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-light-blue-dark-theme { - border-top-color: rgba(255, 255, 255, 0.12); } - -md-progress-circular.md-light-blue-dark-theme { - background-color: transparent; } - md-progress-circular.md-light-blue-dark-theme .md-inner .md-gap { - border-top-color: #03a9f4; - border-bottom-color: #03a9f4; } - md-progress-circular.md-light-blue-dark-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-light-blue-dark-theme .md-inner .md-right .md-half-circle { - border-top-color: #03a9f4; } - md-progress-circular.md-light-blue-dark-theme .md-inner .md-right .md-half-circle { - border-right-color: #03a9f4; } - md-progress-circular.md-light-blue-dark-theme .md-inner .md-left .md-half-circle { - border-left-color: #03a9f4; } - -md-progress-linear.md-light-blue-dark-theme .md-container { - background-color: #b3e5fc; } -md-progress-linear.md-light-blue-dark-theme .md-bar { - background-color: #03a9f4; } -md-progress-linear.md-light-blue-dark-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#b3e5fc 0%, #b3e5fc 16%, transparent 42%); } -md-progress-linear.md-light-blue-dark-theme[md-mode=buffer] .md-bar1 { - background-color: #b3e5fc; } - -md-radio-button.md-light-blue-dark-theme .md-off, md-switch.md-light-blue-dark-theme .md-switch-thumb .md-off { - border-color: #fefefe; } -md-radio-button.md-light-blue-dark-theme .md-on, md-switch.md-light-blue-dark-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-light-blue-dark-theme.md-checked .md-off, md-switch.md-light-blue-dark-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-light-blue-dark-theme.md-checked .md-ink-ripple, md-switch.md-light-blue-dark-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-light-blue-dark-theme .md-container .md-ripple, md-switch.md-light-blue-dark-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-light-blue-dark-theme[disabled] .md-container .md-off, md-switch.md-light-blue-dark-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: #696969; } -md-radio-button.md-light-blue-dark-theme[disabled] .md-container .md-on, md-switch.md-light-blue-dark-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: #696969; } - -md-radio-group.md-light-blue-dark-theme:focus:not(:empty) { - border-color: #DBDBDB; } - -md-slider.md-light-blue-dark-theme .md-track { - background-color: #696969; } -md-slider.md-light-blue-dark-theme .md-track-fill { - background-color: #03a9f4; } -md-slider.md-light-blue-dark-theme .md-thumb:after { - border-color: #03a9f4; - background-color: #03a9f4; } -md-slider.md-light-blue-dark-theme .md-sign { - background-color: #03a9f4; } - md-slider.md-light-blue-dark-theme .md-sign:after { - border-top-color: #03a9f4; } -md-slider.md-light-blue-dark-theme .md-thumb-text { - color: white; } -md-slider.md-light-blue-dark-theme .md-focus-thumb { - background-color: #fefefe; } -md-slider.md-light-blue-dark-theme .md-focus-ring { - border-color: rgba(255, 255, 255, 0.12); } -md-slider.md-light-blue-dark-theme .md-disabled-thumb { - border-color: #333; } -md-slider.md-light-blue-dark-theme.md-min .md-thumb:after { - background-color: #333; } -md-slider.md-light-blue-dark-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-light-blue-dark-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-light-blue-dark-theme { - color: #fefefe; - background-color: #333; } - .md-subheader.md-light-blue-dark-theme.md-primary { - color: #03a9f4; } - -md-switch.md-light-blue-dark-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-light-blue-dark-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-light-blue-dark-theme.md-checked .md-thumb { - background-color: #03a9f4; } -md-switch.md-light-blue-dark-theme.md-checked .md-bar { - background-color: rgba(3, 169, 244, 0.5); } -md-switch.md-light-blue-dark-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-light-blue-dark-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-light-blue-dark-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-light-blue-dark-theme .md-header { - background-color: #03a9f4; } -md-tabs.md-light-blue-dark-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-light-blue-dark-theme md-tab { - color: #b3e5fc; } - md-tabs.md-light-blue-dark-theme md-tab.active { - color: white; } - md-tabs.md-light-blue-dark-theme md-tab[disabled] { - color: rgba(255, 255, 255, 0.12); } - md-tabs.md-light-blue-dark-theme md-tab:focus { - border-color: #DBDBDB; } - md-tabs.md-light-blue-dark-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-light-blue-dark-theme input, md-input-group.md-light-blue-dark-theme textarea { - text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px rgba(0, 0, 0, 0.4); } - md-input-group.md-light-blue-dark-theme input:-ms-input-placeholder, md-input-group.md-light-blue-dark-theme textarea:-ms-input-placeholder { - color: #696969; } - md-input-group.md-light-blue-dark-theme input::-webkit-input-placeholder, md-input-group.md-light-blue-dark-theme textarea::-webkit-input-placeholder { - color: #696969; } -md-input-group.md-light-blue-dark-theme label { - text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px rgba(0, 0, 0, 0.4); - color: #696969; } -md-input-group.md-light-blue-dark-theme input, md-input-group.md-light-blue-dark-theme textarea { - color: #DBDBDB; - border-color: rgba(255, 255, 255, 0.12); } -md-input-group.md-light-blue-dark-theme.md-input-focused input, md-input-group.md-light-blue-dark-theme.md-input-focused textarea { - border-color: #03a9f4; } -md-input-group.md-light-blue-dark-theme.md-input-focused label { - color: #03a9f4; } -md-input-group.md-light-blue-dark-theme.md-input-focused.md-input-has-value label { - color: #2ebcfc; } -md-input-group.md-light-blue-dark-theme.md-input-has-value:not(.md-input-focused) label { - color: #a4a4a4; } -md-input-group.md-light-blue-dark-theme[disabled] input, md-input-group.md-light-blue-dark-theme[disabled] textarea { - border-bottom-color: rgba(255, 255, 255, 0.12); - color: #696969; - background-image: linear-gradient(to right, rgba(114, 114, 114, 0.56) 0%, rgba(114, 114, 114, 0.56) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-light-blue-dark-theme { - background-color: #323232; - color: white; } - md-toast.md-light-blue-dark-theme .md-button { - color: white; } - md-toast.md-light-blue-dark-theme .md-action { - color: #40c4ff; } - -md-toolbar.md-light-blue-dark-theme { - background-color: #03a9f4; - color: white; } - md-toolbar.md-light-blue-dark-theme .md-button { - color: white; } - -md-tooltip.md-light-blue-dark-theme { - color: #ffffff; } - md-tooltip.md-light-blue-dark-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/light-green-theme.css b/UI/WebServerResources/css/themes/light-green-theme.css deleted file mode 100644 index fa256a982..000000000 --- a/UI/WebServerResources/css/themes/light-green-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-light-green-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-light-green-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-light-green-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-light-green-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-light-green-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-light-green-theme { - border-radius: 3px; } - .md-button.md-light-green-theme:not([disabled]):hover, .md-button.md-light-green-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-light-green-theme.md-fab { - border-radius: 50%; } - .md-button.md-light-green-theme.md-primary { - color: #9ccc65; - fill: #9ccc65; } - .md-button.md-light-green-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-light-green-theme.md-raised, .md-button.md-light-green-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-light-green-theme.md-raised:not([disabled]):hover, .md-button.md-light-green-theme.md-raised:not([disabled]):focus, .md-button.md-light-green-theme.md-fab:not([disabled]):hover, .md-button.md-light-green-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-light-green-theme.md-raised.md-primary, .md-button.md-light-green-theme.md-fab.md-primary { - color: rgba(0, 0, 0, 0.73); - background-color: #8bc34a; } - .md-button.md-light-green-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-light-green-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-light-green-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-light-green-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #7cb342; } - .md-button.md-light-green-theme.md-raised.md-warn, .md-button.md-light-green-theme.md-fab.md-warn { - color: rgba(0, 0, 0, 0.73); - background-color: #f44336; } - .md-button.md-light-green-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-light-green-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-light-green-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-light-green-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-light-green-theme[disabled], .md-button.md-light-green-theme.md-raised[disabled], .md-button.md-light-green-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-light-green-theme { - border-radius: 2px; } - md-card.md-light-green-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-light-green-theme .md-ripple { - color: #43a047; } -md-checkbox.md-light-green-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-light-green-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-light-green-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-light-green-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-light-green-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-light-green-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-light-green-theme { - background-color: #ffffff; } - -md-dialog.md-light-green-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-light-green-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-light-green-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-light-green-theme { - background-color: transparent; } - md-progress-circular.md-light-green-theme .md-inner .md-gap { - border-top-color: #8bc34a; - border-bottom-color: #8bc34a; } - md-progress-circular.md-light-green-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-light-green-theme .md-inner .md-right .md-half-circle { - border-top-color: #8bc34a; } - md-progress-circular.md-light-green-theme .md-inner .md-right .md-half-circle { - border-right-color: #8bc34a; } - md-progress-circular.md-light-green-theme .md-inner .md-left .md-half-circle { - border-left-color: #8bc34a; } - -md-progress-linear.md-light-green-theme .md-container { - background-color: #dcedc8; } -md-progress-linear.md-light-green-theme .md-bar { - background-color: #8bc34a; } -md-progress-linear.md-light-green-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#dcedc8 0%, #dcedc8 16%, transparent 42%); } -md-progress-linear.md-light-green-theme[md-mode=buffer] .md-bar1 { - background-color: #dcedc8; } - -md-radio-button.md-light-green-theme .md-off, md-switch.md-light-green-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-light-green-theme .md-on, md-switch.md-light-green-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-light-green-theme.md-checked .md-off, md-switch.md-light-green-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-light-green-theme.md-checked .md-ink-ripple, md-switch.md-light-green-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-light-green-theme .md-container .md-ripple, md-switch.md-light-green-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-light-green-theme[disabled] .md-container .md-off, md-switch.md-light-green-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-light-green-theme[disabled] .md-container .md-on, md-switch.md-light-green-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-light-green-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-light-green-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-light-green-theme .md-track-fill { - background-color: #8bc34a; } -md-slider.md-light-green-theme .md-thumb:after { - border-color: #8bc34a; - background-color: #8bc34a; } -md-slider.md-light-green-theme .md-sign { - background-color: #8bc34a; } - md-slider.md-light-green-theme .md-sign:after { - border-top-color: #8bc34a; } -md-slider.md-light-green-theme .md-thumb-text { - color: rgba(0, 0, 0, 0.73); } -md-slider.md-light-green-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-light-green-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-light-green-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-light-green-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-light-green-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-light-green-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-light-green-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-light-green-theme.md-primary { - color: #8bc34a; } - -md-switch.md-light-green-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-light-green-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-light-green-theme.md-checked .md-thumb { - background-color: #8bc34a; } -md-switch.md-light-green-theme.md-checked .md-bar { - background-color: rgba(139, 195, 74, 0.5); } -md-switch.md-light-green-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-light-green-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-light-green-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-light-green-theme .md-header { - background-color: #8bc34a; } -md-tabs.md-light-green-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-light-green-theme md-tab { - color: #dcedc8; } - md-tabs.md-light-green-theme md-tab.active { - color: rgba(0, 0, 0, 0.73); } - md-tabs.md-light-green-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-light-green-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-light-green-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-light-green-theme input, md-input-group.md-light-green-theme textarea { - text-shadow: none; } - md-input-group.md-light-green-theme input:-ms-input-placeholder, md-input-group.md-light-green-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-light-green-theme input::-webkit-input-placeholder, md-input-group.md-light-green-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-light-green-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-light-green-theme input, md-input-group.md-light-green-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-light-green-theme.md-input-focused input, md-input-group.md-light-green-theme.md-input-focused textarea { - border-color: #8bc34a; } -md-input-group.md-light-green-theme.md-input-focused label { - color: #8bc34a; } -md-input-group.md-light-green-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-light-green-theme[disabled] input, md-input-group.md-light-green-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-light-green-theme { - background-color: #323232; - color: white; } - md-toast.md-light-green-theme .md-button { - color: white; } - md-toast.md-light-green-theme .md-action { - color: #b2ff59; } - -md-toolbar.md-light-green-theme { - background-color: #8bc34a; - color: rgba(0, 0, 0, 0.73); } - md-toolbar.md-light-green-theme .md-button { - color: rgba(0, 0, 0, 0.73); } - -md-tooltip.md-light-green-theme { - color: #ffffff; } - md-tooltip.md-light-green-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/lime-theme.css b/UI/WebServerResources/css/themes/lime-theme.css deleted file mode 100644 index 8887c0f87..000000000 --- a/UI/WebServerResources/css/themes/lime-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-lime-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-lime-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-lime-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-lime-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-lime-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-lime-theme { - border-radius: 3px; } - .md-button.md-lime-theme:not([disabled]):hover, .md-button.md-lime-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-lime-theme.md-fab { - border-radius: 50%; } - .md-button.md-lime-theme.md-primary { - color: #d4e157; - fill: #d4e157; } - .md-button.md-lime-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-lime-theme.md-raised, .md-button.md-lime-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-lime-theme.md-raised:not([disabled]):hover, .md-button.md-lime-theme.md-raised:not([disabled]):focus, .md-button.md-lime-theme.md-fab:not([disabled]):hover, .md-button.md-lime-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-lime-theme.md-raised.md-primary, .md-button.md-lime-theme.md-fab.md-primary { - color: rgba(0, 0, 0, 0.73); - background-color: #cddc39; } - .md-button.md-lime-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-lime-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-lime-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-lime-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #c0ca33; } - .md-button.md-lime-theme.md-raised.md-warn, .md-button.md-lime-theme.md-fab.md-warn { - color: rgba(0, 0, 0, 0.73); - background-color: #f44336; } - .md-button.md-lime-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-lime-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-lime-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-lime-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-lime-theme[disabled], .md-button.md-lime-theme.md-raised[disabled], .md-button.md-lime-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-lime-theme { - border-radius: 2px; } - md-card.md-lime-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-lime-theme .md-ripple { - color: #43a047; } -md-checkbox.md-lime-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-lime-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-lime-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-lime-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-lime-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-lime-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-lime-theme { - background-color: #ffffff; } - -md-dialog.md-lime-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-lime-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-lime-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-lime-theme { - background-color: transparent; } - md-progress-circular.md-lime-theme .md-inner .md-gap { - border-top-color: #cddc39; - border-bottom-color: #cddc39; } - md-progress-circular.md-lime-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-lime-theme .md-inner .md-right .md-half-circle { - border-top-color: #cddc39; } - md-progress-circular.md-lime-theme .md-inner .md-right .md-half-circle { - border-right-color: #cddc39; } - md-progress-circular.md-lime-theme .md-inner .md-left .md-half-circle { - border-left-color: #cddc39; } - -md-progress-linear.md-lime-theme .md-container { - background-color: #f0f4c3; } -md-progress-linear.md-lime-theme .md-bar { - background-color: #cddc39; } -md-progress-linear.md-lime-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#f0f4c3 0%, #f0f4c3 16%, transparent 42%); } -md-progress-linear.md-lime-theme[md-mode=buffer] .md-bar1 { - background-color: #f0f4c3; } - -md-radio-button.md-lime-theme .md-off, md-switch.md-lime-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-lime-theme .md-on, md-switch.md-lime-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-lime-theme.md-checked .md-off, md-switch.md-lime-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-lime-theme.md-checked .md-ink-ripple, md-switch.md-lime-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-lime-theme .md-container .md-ripple, md-switch.md-lime-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-lime-theme[disabled] .md-container .md-off, md-switch.md-lime-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-lime-theme[disabled] .md-container .md-on, md-switch.md-lime-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-lime-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-lime-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-lime-theme .md-track-fill { - background-color: #cddc39; } -md-slider.md-lime-theme .md-thumb:after { - border-color: #cddc39; - background-color: #cddc39; } -md-slider.md-lime-theme .md-sign { - background-color: #cddc39; } - md-slider.md-lime-theme .md-sign:after { - border-top-color: #cddc39; } -md-slider.md-lime-theme .md-thumb-text { - color: rgba(0, 0, 0, 0.73); } -md-slider.md-lime-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-lime-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-lime-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-lime-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-lime-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-lime-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-lime-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-lime-theme.md-primary { - color: #cddc39; } - -md-switch.md-lime-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-lime-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-lime-theme.md-checked .md-thumb { - background-color: #cddc39; } -md-switch.md-lime-theme.md-checked .md-bar { - background-color: rgba(205, 220, 57, 0.5); } -md-switch.md-lime-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-lime-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-lime-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-lime-theme .md-header { - background-color: #cddc39; } -md-tabs.md-lime-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-lime-theme md-tab { - color: #f0f4c3; } - md-tabs.md-lime-theme md-tab.active { - color: rgba(0, 0, 0, 0.73); } - md-tabs.md-lime-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-lime-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-lime-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-lime-theme input, md-input-group.md-lime-theme textarea { - text-shadow: none; } - md-input-group.md-lime-theme input:-ms-input-placeholder, md-input-group.md-lime-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-lime-theme input::-webkit-input-placeholder, md-input-group.md-lime-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-lime-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-lime-theme input, md-input-group.md-lime-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-lime-theme.md-input-focused input, md-input-group.md-lime-theme.md-input-focused textarea { - border-color: #cddc39; } -md-input-group.md-lime-theme.md-input-focused label { - color: #cddc39; } -md-input-group.md-lime-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-lime-theme[disabled] input, md-input-group.md-lime-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-lime-theme { - background-color: #323232; - color: white; } - md-toast.md-lime-theme .md-button { - color: white; } - md-toast.md-lime-theme .md-action { - color: #eeff41; } - -md-toolbar.md-lime-theme { - background-color: #cddc39; - color: rgba(0, 0, 0, 0.73); } - md-toolbar.md-lime-theme .md-button { - color: rgba(0, 0, 0, 0.73); } - -md-tooltip.md-lime-theme { - color: #ffffff; } - md-tooltip.md-lime-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/orange-theme.css b/UI/WebServerResources/css/themes/orange-theme.css deleted file mode 100644 index 18a9e66d9..000000000 --- a/UI/WebServerResources/css/themes/orange-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-orange-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-orange-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-orange-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-orange-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-orange-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-orange-theme { - border-radius: 3px; } - .md-button.md-orange-theme:not([disabled]):hover, .md-button.md-orange-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-orange-theme.md-fab { - border-radius: 50%; } - .md-button.md-orange-theme.md-primary { - color: #ffa726; - fill: #ffa726; } - .md-button.md-orange-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-orange-theme.md-raised, .md-button.md-orange-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-orange-theme.md-raised:not([disabled]):hover, .md-button.md-orange-theme.md-raised:not([disabled]):focus, .md-button.md-orange-theme.md-fab:not([disabled]):hover, .md-button.md-orange-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-orange-theme.md-raised.md-primary, .md-button.md-orange-theme.md-fab.md-primary { - color: rgba(0, 0, 0, 0.73); - background-color: #ff9800; } - .md-button.md-orange-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-orange-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-orange-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-orange-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #fb8c00; } - .md-button.md-orange-theme.md-raised.md-warn, .md-button.md-orange-theme.md-fab.md-warn { - color: rgba(0, 0, 0, 0.73); - background-color: #f44336; } - .md-button.md-orange-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-orange-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-orange-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-orange-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-orange-theme[disabled], .md-button.md-orange-theme.md-raised[disabled], .md-button.md-orange-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-orange-theme { - border-radius: 2px; } - md-card.md-orange-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-orange-theme .md-ripple { - color: #43a047; } -md-checkbox.md-orange-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-orange-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-orange-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-orange-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-orange-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-orange-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-orange-theme { - background-color: #ffffff; } - -md-dialog.md-orange-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-orange-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-orange-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-orange-theme { - background-color: transparent; } - md-progress-circular.md-orange-theme .md-inner .md-gap { - border-top-color: #ff9800; - border-bottom-color: #ff9800; } - md-progress-circular.md-orange-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-orange-theme .md-inner .md-right .md-half-circle { - border-top-color: #ff9800; } - md-progress-circular.md-orange-theme .md-inner .md-right .md-half-circle { - border-right-color: #ff9800; } - md-progress-circular.md-orange-theme .md-inner .md-left .md-half-circle { - border-left-color: #ff9800; } - -md-progress-linear.md-orange-theme .md-container { - background-color: #ffe0b2; } -md-progress-linear.md-orange-theme .md-bar { - background-color: #ff9800; } -md-progress-linear.md-orange-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#ffe0b2 0%, #ffe0b2 16%, transparent 42%); } -md-progress-linear.md-orange-theme[md-mode=buffer] .md-bar1 { - background-color: #ffe0b2; } - -md-radio-button.md-orange-theme .md-off, md-switch.md-orange-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-orange-theme .md-on, md-switch.md-orange-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-orange-theme.md-checked .md-off, md-switch.md-orange-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-orange-theme.md-checked .md-ink-ripple, md-switch.md-orange-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-orange-theme .md-container .md-ripple, md-switch.md-orange-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-orange-theme[disabled] .md-container .md-off, md-switch.md-orange-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-orange-theme[disabled] .md-container .md-on, md-switch.md-orange-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-orange-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-orange-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-orange-theme .md-track-fill { - background-color: #ff9800; } -md-slider.md-orange-theme .md-thumb:after { - border-color: #ff9800; - background-color: #ff9800; } -md-slider.md-orange-theme .md-sign { - background-color: #ff9800; } - md-slider.md-orange-theme .md-sign:after { - border-top-color: #ff9800; } -md-slider.md-orange-theme .md-thumb-text { - color: rgba(0, 0, 0, 0.73); } -md-slider.md-orange-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-orange-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-orange-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-orange-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-orange-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-orange-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-orange-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-orange-theme.md-primary { - color: #ff9800; } - -md-switch.md-orange-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-orange-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-orange-theme.md-checked .md-thumb { - background-color: #ff9800; } -md-switch.md-orange-theme.md-checked .md-bar { - background-color: rgba(255, 152, 0, 0.5); } -md-switch.md-orange-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-orange-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-orange-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-orange-theme .md-header { - background-color: #ff9800; } -md-tabs.md-orange-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-orange-theme md-tab { - color: #ffe0b2; } - md-tabs.md-orange-theme md-tab.active { - color: rgba(0, 0, 0, 0.73); } - md-tabs.md-orange-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-orange-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-orange-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-orange-theme input, md-input-group.md-orange-theme textarea { - text-shadow: none; } - md-input-group.md-orange-theme input:-ms-input-placeholder, md-input-group.md-orange-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-orange-theme input::-webkit-input-placeholder, md-input-group.md-orange-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-orange-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-orange-theme input, md-input-group.md-orange-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-orange-theme.md-input-focused input, md-input-group.md-orange-theme.md-input-focused textarea { - border-color: #ff9800; } -md-input-group.md-orange-theme.md-input-focused label { - color: #ff9800; } -md-input-group.md-orange-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-orange-theme[disabled] input, md-input-group.md-orange-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-orange-theme { - background-color: #323232; - color: white; } - md-toast.md-orange-theme .md-button { - color: white; } - md-toast.md-orange-theme .md-action { - color: #ffab40; } - -md-toolbar.md-orange-theme { - background-color: #ff9800; - color: rgba(0, 0, 0, 0.73); } - md-toolbar.md-orange-theme .md-button { - color: rgba(0, 0, 0, 0.73); } - -md-tooltip.md-orange-theme { - color: #ffffff; } - md-tooltip.md-orange-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/pink-theme.css b/UI/WebServerResources/css/themes/pink-theme.css deleted file mode 100644 index 1f5e519bf..000000000 --- a/UI/WebServerResources/css/themes/pink-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-pink-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-pink-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-pink-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-pink-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-pink-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-pink-theme { - border-radius: 3px; } - .md-button.md-pink-theme:not([disabled]):hover, .md-button.md-pink-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-pink-theme.md-fab { - border-radius: 50%; } - .md-button.md-pink-theme.md-primary { - color: #ec407a; - fill: #ec407a; } - .md-button.md-pink-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-pink-theme.md-raised, .md-button.md-pink-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-pink-theme.md-raised:not([disabled]):hover, .md-button.md-pink-theme.md-raised:not([disabled]):focus, .md-button.md-pink-theme.md-fab:not([disabled]):hover, .md-button.md-pink-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-pink-theme.md-raised.md-primary, .md-button.md-pink-theme.md-fab.md-primary { - color: white; - background-color: #e91e63; } - .md-button.md-pink-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-pink-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-pink-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-pink-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #d81b60; } - .md-button.md-pink-theme.md-raised.md-warn, .md-button.md-pink-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-pink-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-pink-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-pink-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-pink-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-pink-theme[disabled], .md-button.md-pink-theme.md-raised[disabled], .md-button.md-pink-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-pink-theme { - border-radius: 2px; } - md-card.md-pink-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-pink-theme .md-ripple { - color: #43a047; } -md-checkbox.md-pink-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-pink-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-pink-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-pink-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-pink-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-pink-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-pink-theme { - background-color: #ffffff; } - -md-dialog.md-pink-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-pink-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-pink-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-pink-theme { - background-color: transparent; } - md-progress-circular.md-pink-theme .md-inner .md-gap { - border-top-color: #e91e63; - border-bottom-color: #e91e63; } - md-progress-circular.md-pink-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-pink-theme .md-inner .md-right .md-half-circle { - border-top-color: #e91e63; } - md-progress-circular.md-pink-theme .md-inner .md-right .md-half-circle { - border-right-color: #e91e63; } - md-progress-circular.md-pink-theme .md-inner .md-left .md-half-circle { - border-left-color: #e91e63; } - -md-progress-linear.md-pink-theme .md-container { - background-color: #f8bbd0; } -md-progress-linear.md-pink-theme .md-bar { - background-color: #e91e63; } -md-progress-linear.md-pink-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#f8bbd0 0%, #f8bbd0 16%, transparent 42%); } -md-progress-linear.md-pink-theme[md-mode=buffer] .md-bar1 { - background-color: #f8bbd0; } - -md-radio-button.md-pink-theme .md-off, md-switch.md-pink-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-pink-theme .md-on, md-switch.md-pink-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-pink-theme.md-checked .md-off, md-switch.md-pink-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-pink-theme.md-checked .md-ink-ripple, md-switch.md-pink-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-pink-theme .md-container .md-ripple, md-switch.md-pink-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-pink-theme[disabled] .md-container .md-off, md-switch.md-pink-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-pink-theme[disabled] .md-container .md-on, md-switch.md-pink-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-pink-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-pink-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-pink-theme .md-track-fill { - background-color: #e91e63; } -md-slider.md-pink-theme .md-thumb:after { - border-color: #e91e63; - background-color: #e91e63; } -md-slider.md-pink-theme .md-sign { - background-color: #e91e63; } - md-slider.md-pink-theme .md-sign:after { - border-top-color: #e91e63; } -md-slider.md-pink-theme .md-thumb-text { - color: white; } -md-slider.md-pink-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-pink-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-pink-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-pink-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-pink-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-pink-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-pink-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-pink-theme.md-primary { - color: #e91e63; } - -md-switch.md-pink-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-pink-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-pink-theme.md-checked .md-thumb { - background-color: #e91e63; } -md-switch.md-pink-theme.md-checked .md-bar { - background-color: rgba(233, 30, 99, 0.5); } -md-switch.md-pink-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-pink-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-pink-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-pink-theme .md-header { - background-color: #e91e63; } -md-tabs.md-pink-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-pink-theme md-tab { - color: #f8bbd0; } - md-tabs.md-pink-theme md-tab.active { - color: white; } - md-tabs.md-pink-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-pink-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-pink-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-pink-theme input, md-input-group.md-pink-theme textarea { - text-shadow: none; } - md-input-group.md-pink-theme input:-ms-input-placeholder, md-input-group.md-pink-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-pink-theme input::-webkit-input-placeholder, md-input-group.md-pink-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-pink-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-pink-theme input, md-input-group.md-pink-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-pink-theme.md-input-focused input, md-input-group.md-pink-theme.md-input-focused textarea { - border-color: #e91e63; } -md-input-group.md-pink-theme.md-input-focused label { - color: #e91e63; } -md-input-group.md-pink-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-pink-theme[disabled] input, md-input-group.md-pink-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-pink-theme { - background-color: #323232; - color: white; } - md-toast.md-pink-theme .md-button { - color: white; } - md-toast.md-pink-theme .md-action { - color: #ff4081; } - -md-toolbar.md-pink-theme { - background-color: #e91e63; - color: white; } - md-toolbar.md-pink-theme .md-button { - color: white; } - -md-tooltip.md-pink-theme { - color: #ffffff; } - md-tooltip.md-pink-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/purple-theme.css b/UI/WebServerResources/css/themes/purple-theme.css deleted file mode 100644 index eb8f15aaa..000000000 --- a/UI/WebServerResources/css/themes/purple-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-purple-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-purple-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-purple-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-purple-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-purple-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-purple-theme { - border-radius: 3px; } - .md-button.md-purple-theme:not([disabled]):hover, .md-button.md-purple-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-purple-theme.md-fab { - border-radius: 50%; } - .md-button.md-purple-theme.md-primary { - color: #ab47bc; - fill: #ab47bc; } - .md-button.md-purple-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-purple-theme.md-raised, .md-button.md-purple-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-purple-theme.md-raised:not([disabled]):hover, .md-button.md-purple-theme.md-raised:not([disabled]):focus, .md-button.md-purple-theme.md-fab:not([disabled]):hover, .md-button.md-purple-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-purple-theme.md-raised.md-primary, .md-button.md-purple-theme.md-fab.md-primary { - color: white; - background-color: #9c27b0; } - .md-button.md-purple-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-purple-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-purple-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-purple-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #8e24aa; } - .md-button.md-purple-theme.md-raised.md-warn, .md-button.md-purple-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-purple-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-purple-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-purple-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-purple-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-purple-theme[disabled], .md-button.md-purple-theme.md-raised[disabled], .md-button.md-purple-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-purple-theme { - border-radius: 2px; } - md-card.md-purple-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-purple-theme .md-ripple { - color: #43a047; } -md-checkbox.md-purple-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-purple-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-purple-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-purple-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-purple-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-purple-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-purple-theme { - background-color: #ffffff; } - -md-dialog.md-purple-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-purple-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-purple-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-purple-theme { - background-color: transparent; } - md-progress-circular.md-purple-theme .md-inner .md-gap { - border-top-color: #9c27b0; - border-bottom-color: #9c27b0; } - md-progress-circular.md-purple-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-purple-theme .md-inner .md-right .md-half-circle { - border-top-color: #9c27b0; } - md-progress-circular.md-purple-theme .md-inner .md-right .md-half-circle { - border-right-color: #9c27b0; } - md-progress-circular.md-purple-theme .md-inner .md-left .md-half-circle { - border-left-color: #9c27b0; } - -md-progress-linear.md-purple-theme .md-container { - background-color: #e1bee7; } -md-progress-linear.md-purple-theme .md-bar { - background-color: #9c27b0; } -md-progress-linear.md-purple-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#e1bee7 0%, #e1bee7 16%, transparent 42%); } -md-progress-linear.md-purple-theme[md-mode=buffer] .md-bar1 { - background-color: #e1bee7; } - -md-radio-button.md-purple-theme .md-off, md-switch.md-purple-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-purple-theme .md-on, md-switch.md-purple-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-purple-theme.md-checked .md-off, md-switch.md-purple-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-purple-theme.md-checked .md-ink-ripple, md-switch.md-purple-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-purple-theme .md-container .md-ripple, md-switch.md-purple-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-purple-theme[disabled] .md-container .md-off, md-switch.md-purple-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-purple-theme[disabled] .md-container .md-on, md-switch.md-purple-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-purple-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-purple-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-purple-theme .md-track-fill { - background-color: #9c27b0; } -md-slider.md-purple-theme .md-thumb:after { - border-color: #9c27b0; - background-color: #9c27b0; } -md-slider.md-purple-theme .md-sign { - background-color: #9c27b0; } - md-slider.md-purple-theme .md-sign:after { - border-top-color: #9c27b0; } -md-slider.md-purple-theme .md-thumb-text { - color: white; } -md-slider.md-purple-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-purple-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-purple-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-purple-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-purple-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-purple-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-purple-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-purple-theme.md-primary { - color: #9c27b0; } - -md-switch.md-purple-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-purple-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-purple-theme.md-checked .md-thumb { - background-color: #9c27b0; } -md-switch.md-purple-theme.md-checked .md-bar { - background-color: rgba(156, 39, 176, 0.5); } -md-switch.md-purple-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-purple-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-purple-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-purple-theme .md-header { - background-color: #9c27b0; } -md-tabs.md-purple-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-purple-theme md-tab { - color: #e1bee7; } - md-tabs.md-purple-theme md-tab.active { - color: white; } - md-tabs.md-purple-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-purple-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-purple-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-purple-theme input, md-input-group.md-purple-theme textarea { - text-shadow: none; } - md-input-group.md-purple-theme input:-ms-input-placeholder, md-input-group.md-purple-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-purple-theme input::-webkit-input-placeholder, md-input-group.md-purple-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-purple-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-purple-theme input, md-input-group.md-purple-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-purple-theme.md-input-focused input, md-input-group.md-purple-theme.md-input-focused textarea { - border-color: #9c27b0; } -md-input-group.md-purple-theme.md-input-focused label { - color: #9c27b0; } -md-input-group.md-purple-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-purple-theme[disabled] input, md-input-group.md-purple-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-purple-theme { - background-color: #323232; - color: white; } - md-toast.md-purple-theme .md-button { - color: white; } - md-toast.md-purple-theme .md-action { - color: #e040fb; } - -md-toolbar.md-purple-theme { - background-color: #9c27b0; - color: white; } - md-toolbar.md-purple-theme .md-button { - color: white; } - -md-tooltip.md-purple-theme { - color: #ffffff; } - md-tooltip.md-purple-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/red-theme.css b/UI/WebServerResources/css/themes/red-theme.css deleted file mode 100644 index 797ef3fb8..000000000 --- a/UI/WebServerResources/css/themes/red-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-red-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-red-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-red-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-red-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-red-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-red-theme { - border-radius: 3px; } - .md-button.md-red-theme:not([disabled]):hover, .md-button.md-red-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-red-theme.md-fab { - border-radius: 50%; } - .md-button.md-red-theme.md-primary { - color: #ef5350; - fill: #ef5350; } - .md-button.md-red-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-red-theme.md-raised, .md-button.md-red-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-red-theme.md-raised:not([disabled]):hover, .md-button.md-red-theme.md-raised:not([disabled]):focus, .md-button.md-red-theme.md-fab:not([disabled]):hover, .md-button.md-red-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-red-theme.md-raised.md-primary, .md-button.md-red-theme.md-fab.md-primary { - color: white; - background-color: #f44336; } - .md-button.md-red-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-red-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-red-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-red-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #e53935; } - .md-button.md-red-theme.md-raised.md-warn, .md-button.md-red-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-red-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-red-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-red-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-red-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-red-theme[disabled], .md-button.md-red-theme.md-raised[disabled], .md-button.md-red-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-red-theme { - border-radius: 2px; } - md-card.md-red-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-red-theme .md-ripple { - color: #43a047; } -md-checkbox.md-red-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-red-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-red-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-red-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-red-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-red-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-red-theme { - background-color: #ffffff; } - -md-dialog.md-red-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-red-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-red-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-red-theme { - background-color: transparent; } - md-progress-circular.md-red-theme .md-inner .md-gap { - border-top-color: #f44336; - border-bottom-color: #f44336; } - md-progress-circular.md-red-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-red-theme .md-inner .md-right .md-half-circle { - border-top-color: #f44336; } - md-progress-circular.md-red-theme .md-inner .md-right .md-half-circle { - border-right-color: #f44336; } - md-progress-circular.md-red-theme .md-inner .md-left .md-half-circle { - border-left-color: #f44336; } - -md-progress-linear.md-red-theme .md-container { - background-color: #ffcdd2; } -md-progress-linear.md-red-theme .md-bar { - background-color: #f44336; } -md-progress-linear.md-red-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#ffcdd2 0%, #ffcdd2 16%, transparent 42%); } -md-progress-linear.md-red-theme[md-mode=buffer] .md-bar1 { - background-color: #ffcdd2; } - -md-radio-button.md-red-theme .md-off, md-switch.md-red-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-red-theme .md-on, md-switch.md-red-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-red-theme.md-checked .md-off, md-switch.md-red-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-red-theme.md-checked .md-ink-ripple, md-switch.md-red-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-red-theme .md-container .md-ripple, md-switch.md-red-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-red-theme[disabled] .md-container .md-off, md-switch.md-red-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-red-theme[disabled] .md-container .md-on, md-switch.md-red-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-red-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-red-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-red-theme .md-track-fill { - background-color: #f44336; } -md-slider.md-red-theme .md-thumb:after { - border-color: #f44336; - background-color: #f44336; } -md-slider.md-red-theme .md-sign { - background-color: #f44336; } - md-slider.md-red-theme .md-sign:after { - border-top-color: #f44336; } -md-slider.md-red-theme .md-thumb-text { - color: white; } -md-slider.md-red-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-red-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-red-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-red-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-red-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-red-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-red-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-red-theme.md-primary { - color: #f44336; } - -md-switch.md-red-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-red-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-red-theme.md-checked .md-thumb { - background-color: #f44336; } -md-switch.md-red-theme.md-checked .md-bar { - background-color: rgba(244, 67, 54, 0.5); } -md-switch.md-red-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-red-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-red-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-red-theme .md-header { - background-color: #f44336; } -md-tabs.md-red-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-red-theme md-tab { - color: #ffcdd2; } - md-tabs.md-red-theme md-tab.active { - color: white; } - md-tabs.md-red-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-red-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-red-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-red-theme input, md-input-group.md-red-theme textarea { - text-shadow: none; } - md-input-group.md-red-theme input:-ms-input-placeholder, md-input-group.md-red-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-red-theme input::-webkit-input-placeholder, md-input-group.md-red-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-red-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-red-theme input, md-input-group.md-red-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-red-theme.md-input-focused input, md-input-group.md-red-theme.md-input-focused textarea { - border-color: #f44336; } -md-input-group.md-red-theme.md-input-focused label { - color: #f44336; } -md-input-group.md-red-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-red-theme[disabled] input, md-input-group.md-red-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-red-theme { - background-color: #323232; - color: white; } - md-toast.md-red-theme .md-button { - color: white; } - md-toast.md-red-theme .md-action { - color: #ff5252; } - -md-toolbar.md-red-theme { - background-color: #f44336; - color: white; } - md-toolbar.md-red-theme .md-button { - color: white; } - -md-tooltip.md-red-theme { - color: #ffffff; } - md-tooltip.md-red-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/teal-theme.css b/UI/WebServerResources/css/themes/teal-theme.css deleted file mode 100644 index 2676e51a6..000000000 --- a/UI/WebServerResources/css/themes/teal-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-teal-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-teal-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-teal-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-teal-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-teal-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-teal-theme { - border-radius: 3px; } - .md-button.md-teal-theme:not([disabled]):hover, .md-button.md-teal-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-teal-theme.md-fab { - border-radius: 50%; } - .md-button.md-teal-theme.md-primary { - color: #26a69a; - fill: #26a69a; } - .md-button.md-teal-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-teal-theme.md-raised, .md-button.md-teal-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-teal-theme.md-raised:not([disabled]):hover, .md-button.md-teal-theme.md-raised:not([disabled]):focus, .md-button.md-teal-theme.md-fab:not([disabled]):hover, .md-button.md-teal-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-teal-theme.md-raised.md-primary, .md-button.md-teal-theme.md-fab.md-primary { - color: white; - background-color: #009688; } - .md-button.md-teal-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-teal-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-teal-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-teal-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #00897b; } - .md-button.md-teal-theme.md-raised.md-warn, .md-button.md-teal-theme.md-fab.md-warn { - color: white; - background-color: #f44336; } - .md-button.md-teal-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-teal-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-teal-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-teal-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-teal-theme[disabled], .md-button.md-teal-theme.md-raised[disabled], .md-button.md-teal-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-teal-theme { - border-radius: 2px; } - md-card.md-teal-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-teal-theme .md-ripple { - color: #43a047; } -md-checkbox.md-teal-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-teal-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-teal-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-teal-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-teal-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-teal-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-teal-theme { - background-color: #ffffff; } - -md-dialog.md-teal-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-teal-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-teal-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-teal-theme { - background-color: transparent; } - md-progress-circular.md-teal-theme .md-inner .md-gap { - border-top-color: #009688; - border-bottom-color: #009688; } - md-progress-circular.md-teal-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-teal-theme .md-inner .md-right .md-half-circle { - border-top-color: #009688; } - md-progress-circular.md-teal-theme .md-inner .md-right .md-half-circle { - border-right-color: #009688; } - md-progress-circular.md-teal-theme .md-inner .md-left .md-half-circle { - border-left-color: #009688; } - -md-progress-linear.md-teal-theme .md-container { - background-color: #b2dfdb; } -md-progress-linear.md-teal-theme .md-bar { - background-color: #009688; } -md-progress-linear.md-teal-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#b2dfdb 0%, #b2dfdb 16%, transparent 42%); } -md-progress-linear.md-teal-theme[md-mode=buffer] .md-bar1 { - background-color: #b2dfdb; } - -md-radio-button.md-teal-theme .md-off, md-switch.md-teal-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-teal-theme .md-on, md-switch.md-teal-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-teal-theme.md-checked .md-off, md-switch.md-teal-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-teal-theme.md-checked .md-ink-ripple, md-switch.md-teal-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-teal-theme .md-container .md-ripple, md-switch.md-teal-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-teal-theme[disabled] .md-container .md-off, md-switch.md-teal-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-teal-theme[disabled] .md-container .md-on, md-switch.md-teal-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-teal-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-teal-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-teal-theme .md-track-fill { - background-color: #009688; } -md-slider.md-teal-theme .md-thumb:after { - border-color: #009688; - background-color: #009688; } -md-slider.md-teal-theme .md-sign { - background-color: #009688; } - md-slider.md-teal-theme .md-sign:after { - border-top-color: #009688; } -md-slider.md-teal-theme .md-thumb-text { - color: white; } -md-slider.md-teal-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-teal-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-teal-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-teal-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-teal-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-teal-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-teal-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-teal-theme.md-primary { - color: #009688; } - -md-switch.md-teal-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-teal-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-teal-theme.md-checked .md-thumb { - background-color: #009688; } -md-switch.md-teal-theme.md-checked .md-bar { - background-color: rgba(0, 150, 136, 0.5); } -md-switch.md-teal-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-teal-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-teal-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-teal-theme .md-header { - background-color: #009688; } -md-tabs.md-teal-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-teal-theme md-tab { - color: #b2dfdb; } - md-tabs.md-teal-theme md-tab.active { - color: white; } - md-tabs.md-teal-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-teal-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-teal-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-teal-theme input, md-input-group.md-teal-theme textarea { - text-shadow: none; } - md-input-group.md-teal-theme input:-ms-input-placeholder, md-input-group.md-teal-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-teal-theme input::-webkit-input-placeholder, md-input-group.md-teal-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-teal-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-teal-theme input, md-input-group.md-teal-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-teal-theme.md-input-focused input, md-input-group.md-teal-theme.md-input-focused textarea { - border-color: #009688; } -md-input-group.md-teal-theme.md-input-focused label { - color: #009688; } -md-input-group.md-teal-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-teal-theme[disabled] input, md-input-group.md-teal-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-teal-theme { - background-color: #323232; - color: white; } - md-toast.md-teal-theme .md-button { - color: white; } - md-toast.md-teal-theme .md-action { - color: #64ffda; } - -md-toolbar.md-teal-theme { - background-color: #009688; - color: white; } - md-toolbar.md-teal-theme .md-button { - color: white; } - -md-tooltip.md-teal-theme { - color: #ffffff; } - md-tooltip.md-teal-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/themes/yellow-theme.css b/UI/WebServerResources/css/themes/yellow-theme.css deleted file mode 100644 index cce27e00f..000000000 --- a/UI/WebServerResources/css/themes/yellow-theme.css +++ /dev/null @@ -1,228 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.6.1-master-c62b970 - */ -md-backdrop.md-opaque.md-yellow-theme { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; } - -md-bottom-sheet.md-yellow-theme { - background-color: #fafafa; - border-top-color: #bdbdbd; } - md-bottom-sheet.md-yellow-theme.md-list md-item { - color: rgba(0, 0, 0, 0.54); } - md-bottom-sheet.md-yellow-theme .md-subheader { - background-color: #fafafa; } - md-bottom-sheet.md-yellow-theme .md-subheader { - color: rgba(0, 0, 0, 0.54); } - -.md-button.md-yellow-theme { - border-radius: 3px; } - .md-button.md-yellow-theme:not([disabled]):hover, .md-button.md-yellow-theme:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.2); } - .md-button.md-yellow-theme.md-fab { - border-radius: 50%; } - .md-button.md-yellow-theme.md-primary { - color: #ffee58; - fill: #ffee58; } - .md-button.md-yellow-theme.md-warn { - color: #ef5350; - fill: #ef5350; } - .md-button.md-yellow-theme.md-raised, .md-button.md-yellow-theme.md-fab { - background-color: rgba(158, 158, 158, 0.185); } - .md-button.md-yellow-theme.md-raised:not([disabled]):hover, .md-button.md-yellow-theme.md-raised:not([disabled]):focus, .md-button.md-yellow-theme.md-fab:not([disabled]):hover, .md-button.md-yellow-theme.md-fab:not([disabled]):focus { - background-color: rgba(158, 158, 158, 0.3); } - .md-button.md-yellow-theme.md-raised.md-primary, .md-button.md-yellow-theme.md-fab.md-primary { - color: rgba(0, 0, 0, 0.73); - background-color: #ffeb3b; } - .md-button.md-yellow-theme.md-raised.md-primary:not([disabled]):hover, .md-button.md-yellow-theme.md-raised.md-primary:not([disabled]):focus, .md-button.md-yellow-theme.md-fab.md-primary:not([disabled]):hover, .md-button.md-yellow-theme.md-fab.md-primary:not([disabled]):focus { - background-color: #fdd835; } - .md-button.md-yellow-theme.md-raised.md-warn, .md-button.md-yellow-theme.md-fab.md-warn { - color: rgba(0, 0, 0, 0.73); - background-color: #f44336; } - .md-button.md-yellow-theme.md-raised.md-warn:not([disabled]):hover, .md-button.md-yellow-theme.md-raised.md-warn:not([disabled]):focus, .md-button.md-yellow-theme.md-fab.md-warn:not([disabled]):hover, .md-button.md-yellow-theme.md-fab.md-warn:not([disabled]):focus { - background-color: #d32f2f; } - .md-button.md-yellow-theme[disabled], .md-button.md-yellow-theme.md-raised[disabled], .md-button.md-yellow-theme.md-fab[disabled] { - color: rgba(0, 0, 0, 0.26); - fill: rgba(0, 0, 0, 0.26); - background-color: transparent; - cursor: not-allowed; } - -md-card.md-yellow-theme { - border-radius: 2px; } - md-card.md-yellow-theme .md-card-image { - border-radius: 2px 2px 0 0; } - -md-checkbox.md-yellow-theme .md-ripple { - color: #43a047; } -md-checkbox.md-yellow-theme.md-checked .md-ripple { - color: #757575; } -md-checkbox.md-yellow-theme .md-icon { - border-color: rgba(0, 0, 0, 0.54); } -md-checkbox.md-yellow-theme.md-checked .md-icon { - background-color: rgba(102, 187, 106, 0.87); } -md-checkbox.md-yellow-theme.md-checked .md-icon:after { - border-color: #eeeeee; } -md-checkbox.md-yellow-theme[disabled] .md-icon { - border-color: rgba(0, 0, 0, 0.26); } -md-checkbox.md-yellow-theme[disabled].md-checked .md-icon { - background-color: rgba(0, 0, 0, 0.26); } - -md-content.md-yellow-theme { - background-color: #ffffff; } - -md-dialog.md-yellow-theme { - border-radius: 4px; - background-color: #ffffff; } - md-dialog.md-yellow-theme.md-content-overflow .md-actions { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-divider.md-yellow-theme { - border-top-color: rgba(0, 0, 0, 0.12); } - -md-progress-circular.md-yellow-theme { - background-color: transparent; } - md-progress-circular.md-yellow-theme .md-inner .md-gap { - border-top-color: #ffeb3b; - border-bottom-color: #ffeb3b; } - md-progress-circular.md-yellow-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-yellow-theme .md-inner .md-right .md-half-circle { - border-top-color: #ffeb3b; } - md-progress-circular.md-yellow-theme .md-inner .md-right .md-half-circle { - border-right-color: #ffeb3b; } - md-progress-circular.md-yellow-theme .md-inner .md-left .md-half-circle { - border-left-color: #ffeb3b; } - -md-progress-linear.md-yellow-theme .md-container { - background-color: #fff9c4; } -md-progress-linear.md-yellow-theme .md-bar { - background-color: #ffeb3b; } -md-progress-linear.md-yellow-theme[md-mode=buffer] .md-dashed:before { - background: radial-gradient(#fff9c4 0%, #fff9c4 16%, transparent 42%); } -md-progress-linear.md-yellow-theme[md-mode=buffer] .md-bar1 { - background-color: #fff9c4; } - -md-radio-button.md-yellow-theme .md-off, md-switch.md-yellow-theme .md-switch-thumb .md-off { - border-color: rgba(0, 0, 0, 0.54); } -md-radio-button.md-yellow-theme .md-on, md-switch.md-yellow-theme .md-switch-thumb .md-on { - background-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-yellow-theme.md-checked .md-off, md-switch.md-yellow-theme .md-switch-thumb.md-checked .md-off { - border-color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-yellow-theme.md-checked .md-ink-ripple, md-switch.md-yellow-theme .md-switch-thumb.md-checked .md-ink-ripple { - color: rgba(102, 187, 106, 0.87); } -md-radio-button.md-yellow-theme .md-container .md-ripple, md-switch.md-yellow-theme .md-switch-thumb .md-container .md-ripple { - color: #43a047; } -md-radio-button.md-yellow-theme[disabled] .md-container .md-off, md-switch.md-yellow-theme .md-switch-thumb[disabled] .md-container .md-off { - border-color: rgba(0, 0, 0, 0.26); } -md-radio-button.md-yellow-theme[disabled] .md-container .md-on, md-switch.md-yellow-theme .md-switch-thumb[disabled] .md-container .md-on { - border-color: rgba(0, 0, 0, 0.26); } - -md-radio-group.md-yellow-theme:focus:not(:empty) { - border-color: rgba(0, 0, 0, 0.73); } - -md-slider.md-yellow-theme .md-track { - background-color: rgba(0, 0, 0, 0.26); } -md-slider.md-yellow-theme .md-track-fill { - background-color: #ffeb3b; } -md-slider.md-yellow-theme .md-thumb:after { - border-color: #ffeb3b; - background-color: #ffeb3b; } -md-slider.md-yellow-theme .md-sign { - background-color: #ffeb3b; } - md-slider.md-yellow-theme .md-sign:after { - border-top-color: #ffeb3b; } -md-slider.md-yellow-theme .md-thumb-text { - color: rgba(0, 0, 0, 0.73); } -md-slider.md-yellow-theme .md-focus-thumb { - background-color: rgba(0, 0, 0, 0.54); } -md-slider.md-yellow-theme .md-focus-ring { - border-color: rgba(0, 0, 0, 0.12); } -md-slider.md-yellow-theme .md-disabled-thumb { - border-color: #ffffff; } -md-slider.md-yellow-theme.md-min .md-thumb:after { - background-color: #ffffff; } -md-slider.md-yellow-theme[disabled] .md-thumb:after { - border-color: #bdbdbd; } -md-slider.md-yellow-theme[disabled]:not(.md-min) .md-thumb:after { - background-color: #bdbdbd; } - -.md-subheader.md-yellow-theme { - color: rgba(0, 0, 0, 0.54); - background-color: #ffffff; } - .md-subheader.md-yellow-theme.md-primary { - color: #ffeb3b; } - -md-switch.md-yellow-theme .md-thumb { - background-color: #fafafa; } -md-switch.md-yellow-theme .md-bar { - background-color: #9e9e9e; } -md-switch.md-yellow-theme.md-checked .md-thumb { - background-color: #ffeb3b; } -md-switch.md-yellow-theme.md-checked .md-bar { - background-color: rgba(255, 235, 59, 0.5); } -md-switch.md-yellow-theme[disabled] .md-thumb { - background-color: #bdbdbd; } -md-switch.md-yellow-theme[disabled] .md-bar { - background-color: rgba(0, 0, 0, 0.12); } -md-switch.md-yellow-theme:focus .md-label:not(:empty) { - border-color: black; - border-style: dotted; } - -md-tabs.md-yellow-theme .md-header { - background-color: #ffeb3b; } -md-tabs.md-yellow-theme md-tabs-ink-bar { - color: #ffff85; - background: #ffff85; } -md-tabs.md-yellow-theme md-tab { - color: #fff9c4; } - md-tabs.md-yellow-theme md-tab.active { - color: rgba(0, 0, 0, 0.73); } - md-tabs.md-yellow-theme md-tab[disabled] { - color: rgba(0, 0, 0, 0.12); } - md-tabs.md-yellow-theme md-tab:focus { - border-color: rgba(0, 0, 0, 0.73); } - md-tabs.md-yellow-theme md-tab .md-ripple-container { - color: #ffff85; } - -md-input-group.md-yellow-theme input, md-input-group.md-yellow-theme textarea { - text-shadow: none; } - md-input-group.md-yellow-theme input:-ms-input-placeholder, md-input-group.md-yellow-theme textarea:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.26); } - md-input-group.md-yellow-theme input::-webkit-input-placeholder, md-input-group.md-yellow-theme textarea::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-yellow-theme label { - text-shadow: none; - color: rgba(0, 0, 0, 0.26); } -md-input-group.md-yellow-theme input, md-input-group.md-yellow-theme textarea { - color: rgba(0, 0, 0, 0.73); - border-color: rgba(0, 0, 0, 0.12); } -md-input-group.md-yellow-theme.md-input-focused input, md-input-group.md-yellow-theme.md-input-focused textarea { - border-color: #ffeb3b; } -md-input-group.md-yellow-theme.md-input-focused label { - color: #ffeb3b; } -md-input-group.md-yellow-theme.md-input-has-value:not(.md-input-focused) label { - color: rgba(0, 0, 0, 0.372); } -md-input-group.md-yellow-theme[disabled] input, md-input-group.md-yellow-theme[disabled] textarea { - border-bottom-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.26); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.19) 50%, rgba(0, 0, 0, 0) 0%); } - -md-toast.md-yellow-theme { - background-color: #323232; - color: white; } - md-toast.md-yellow-theme .md-button { - color: white; } - md-toast.md-yellow-theme .md-action { - color: #ffff00; } - -md-toolbar.md-yellow-theme { - background-color: #ffeb3b; - color: rgba(0, 0, 0, 0.73); } - md-toolbar.md-yellow-theme .md-button { - color: rgba(0, 0, 0, 0.73); } - -md-tooltip.md-yellow-theme { - color: #ffffff; } - md-tooltip.md-yellow-theme .md-background { - background-color: rgba(0, 0, 0, 0.52); } diff --git a/UI/WebServerResources/css/ubuntu.css b/UI/WebServerResources/css/ubuntu.css deleted file mode 100755 index 555e0ee7b..000000000 --- a/UI/WebServerResources/css/ubuntu.css +++ /dev/null @@ -1,105 +0,0 @@ -/* TODO : remplacer par Google Web font loader (https://developers.google.com/fonts/docs/webfont_loader) */ - -@font-face { - font-family: 'ubuntu'; - src: url('../fonts/ubuntu-b.eot'); - src: url('../fonts/ubuntu-b.eot?#iefix') format('embedded-opentype'), - url('../fonts/ubuntu-b.woff2') format('woff2'), - url('../fonts/ubuntu-b.woff') format('woff'), - url('../fonts/ubuntu-b.ttf') format('truetype'), - url('../fonts/ubuntu-b.svg#ubuntubold') format('svg'); - font-weight: bold; - font-style: normal; - -} - -@font-face { - font-family: 'ubuntu'; - src: url('../fonts/ubuntu-m.eot'); - src: url('../fonts/ubuntu-m.eot?#iefix') format('embedded-opentype'), - url('../fonts/ubuntu-m.woff2') format('woff2'), - url('../fonts/ubuntu-m.woff') format('woff'), - url('../fonts/ubuntu-m.ttf') format('truetype'), - url('../fonts/ubuntu-m.svg#ubuntumedium') format('svg'); - font-weight: 500; - font-style: normal; - -} - -@font-face { - font-family: 'ubuntu'; - src: url('../fonts/ubuntu-l.eot'); - src: url('../fonts/ubuntu-l.eot?#iefix') format('embedded-opentype'), - url('../fonts/ubuntu-l.woff2') format('woff2'), - url('../fonts/ubuntu-l.woff') format('woff'), - url('../fonts/ubuntu-l.ttf') format('truetype'), - url('../fonts/ubuntu-l.svg#ubuntulight') format('svg'); - font-weight: 300; - font-style: normal; - -} - -@font-face { - font-family: 'ubuntu'; - src: url('ubuntu-li.eot'); - src: url('ubuntu-li.eot?#iefix') format('embedded-opentype'), - url('ubuntu-li.woff2') format('woff2'), - url('ubuntu-li.woff') format('woff'), - url('ubuntu-li.ttf') format('truetype'), - url('ubuntu-li.svg#ubuntulight_italic') format('svg'); - font-weight: 300; - font-style: italic; - -} - -@font-face { - font-family: 'ubuntu'; - src: url('ubuntu-bi.eot'); - src: url('ubuntu-bi.eot?#iefix') format('embedded-opentype'), - url('ubuntu-bi.woff2') format('woff2'), - url('ubuntu-bi.woff') format('woff'), - url('ubuntu-bi.ttf') format('truetype'), - url('ubuntu-bi.svg#ubuntubold_italic') format('svg'); - font-weight: bold; - font-style: italic; - -} - -@font-face { - font-family: 'ubuntu'; - src: url('ubuntu-mi.eot'); - src: url('ubuntu-mi.eot?#iefix') format('embedded-opentype'), - url('ubuntu-mi.woff2') format('woff2'), - url('ubuntu-mi.woff') format('woff'), - url('ubuntu-mi.ttf') format('truetype'), - url('ubuntu-mi.svg#ubuntumedium_italic') format('svg'); - font-weight: 500; - font-style: italic; - -} - -@font-face { - font-family: 'ubuntu'; - src: url('ubuntu-r.eot'); - src: url('ubuntu-r.eot?#iefix') format('embedded-opentype'), - url('ubuntu-r.woff2') format('woff2'), - url('ubuntu-r.woff') format('woff'), - url('ubuntu-r.ttf') format('truetype'), - url('ubuntu-r.svg#ubunturegular') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { - font-family: 'ubuntu'; - src: url('ubuntu-ri.eot'); - src: url('ubuntu-ri.eot?#iefix') format('embedded-opentype'), - url('ubuntu-ri.woff2') format('woff2'), - url('ubuntu-ri.woff') format('woff'), - url('ubuntu-ri.ttf') format('truetype'), - url('ubuntu-ri.svg#ubuntuitalic') format('svg'); - font-weight: normal; - font-style: italic; - -} \ No newline at end of file