diff --git a/UI/WebServerResources/css/ContactsUI.css b/UI/WebServerResources/css/ContactsUI.css new file mode 100644 index 000000000..51106e2b7 --- /dev/null +++ b/UI/WebServerResources/css/ContactsUI.css @@ -0,0 +1,7349 @@ +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 new file mode 100644 index 000000000..05afe98c8 --- /dev/null +++ b/UI/WebServerResources/css/MailerUI.css @@ -0,0 +1,7078 @@ +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/SOGoRootPage.css b/UI/WebServerResources/css/SOGoRootPage.css new file mode 100644 index 000000000..f27f3efba --- /dev/null +++ b/UI/WebServerResources/css/SOGoRootPage.css @@ -0,0 +1,6774 @@ +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: #333333; } + .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: #333333; + 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: #333333; } + .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 #1a1a1a; + 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: #333333; + color: #FFFFFF; } + .top-bar-section ul li.active > a { + background: #54B948; + color: #FFFFFF; } + .top-bar-section ul li.active > a:hover { + background: #48a03d; + 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: #333333; + 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: #333333; } + + .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: #333333; + color: #FFFFFF; } + .top-bar-section li:not(.has-form) a:not(.button) { + padding: 0 0.9375rem; + line-height: 2.8125rem; + background: #333333; } + .top-bar-section li:not(.has-form) a:not(.button):hover { + background-color: #555555; + background: #333333; } + .top-bar-section li.active:not(.has-form) a:not(.button) { + padding: 0 0.9375rem; + line-height: 2.8125rem; + color: #FFFFFF; + background: #54B948; } + .top-bar-section li.active:not(.has-form) a:not(.button):hover { + background: #48a03d; + 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 #4e4e4e; + clear: none; + height: 2.8125rem; + width: 0; } + .top-bar-section .has-form { + background: #333333; + 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: #333333; + color: #FFFFFF; } + .no-js .top-bar-section ul li:active > a { + background: #54B948; + 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; } + } + +/* @import "foundation/components/alert-boxes", */ +/* "foundation/components/buttons", */ +/* "foundation/components/grid", */ +/* "foundation/components/forms", */ +/* "foundation/components/top-bar"; */ +#pageContent #login { + width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: 0; + margin-bottom: 0; + max-width: 62.5rem; } + #pageContent #login:before, #pageContent #login:after { + content: " "; + display: table; } + #pageContent #login:after { + clear: both; } + @media only screen and (min-width:40.063em) { + #pageContent #login { + padding-top: 3rem; } } + #pageContent #login #logo { + text-align: center; + padding-left: 0.9375rem; + padding-right: 0.9375rem; + width: 100%; + float: left; } + @media only screen and (min-width:40.063em) { + #pageContent #login #logo { + text-align: right; + padding-left: 0.9375rem; + padding-right: 0.9375rem; + width: 33.3333333333%; + float: left; + margin-left: 16.6666666667% !important; } } + #pageContent #login form { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + width: 100%; + float: left; } + @media only screen and (min-width:40.063em) { + #pageContent #login form { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + width: 25%; + float: left; } } diff --git a/UI/WebServerResources/css/angular-material.css b/UI/WebServerResources/css/angular-material.css new file mode 100644 index 000000000..9f7ae3090 --- /dev/null +++ b/UI/WebServerResources/css/angular-material.css @@ -0,0 +1,5845 @@ +/*! + * 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 new file mode 100644 index 000000000..641a2c489 --- /dev/null +++ b/UI/WebServerResources/css/angular-material.min.css @@ -0,0 +1,6 @@ +/*! + * 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 new file mode 100644 index 000000000..f94269ec1 --- /dev/null +++ b/UI/WebServerResources/css/app.css @@ -0,0 +1,27 @@ +[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 new file mode 100644 index 000000000..a36fc21f2 --- /dev/null +++ b/UI/WebServerResources/css/blue-grey-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..e30d5a5f9 --- /dev/null +++ b/UI/WebServerResources/css/default-theme.css @@ -0,0 +1,356 @@ +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 new file mode 100644 index 000000000..a913a7697 --- /dev/null +++ b/UI/WebServerResources/css/mobile.css @@ -0,0 +1,7127 @@ +/*! + 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 new file mode 100644 index 000000000..5f8ea5b79 --- /dev/null +++ b/UI/WebServerResources/css/ng-tags-input.bootstrap.css @@ -0,0 +1,166 @@ +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; +} + +.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 new file mode 100644 index 000000000..d21842194 --- /dev/null +++ b/UI/WebServerResources/css/ng-tags-input.bootstrap.min.css @@ -0,0 +1 @@ +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}.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 new file mode 100644 index 000000000..86ee970c2 --- /dev/null +++ b/UI/WebServerResources/css/ng-tags-input.css @@ -0,0 +1,133 @@ +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 .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; +} +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 new file mode 100644 index 000000000..052ecf3d5 --- /dev/null +++ b/UI/WebServerResources/css/ng-tags-input.min.css @@ -0,0 +1 @@ +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 .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}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 new file mode 100644 index 000000000..0f37b890f --- /dev/null +++ b/UI/WebServerResources/css/themes/amber-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..66e3c58bc --- /dev/null +++ b/UI/WebServerResources/css/themes/blue-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..9e6c7b4b4 --- /dev/null +++ b/UI/WebServerResources/css/themes/brown-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..8c2ef5da3 --- /dev/null +++ b/UI/WebServerResources/css/themes/cyan-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..d9bc28f19 --- /dev/null +++ b/UI/WebServerResources/css/themes/deep-orange-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..9c0b5a202 --- /dev/null +++ b/UI/WebServerResources/css/themes/deep-purple-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..f4e3b0747 --- /dev/null +++ b/UI/WebServerResources/css/themes/green-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..d92be80d6 --- /dev/null +++ b/UI/WebServerResources/css/themes/grey-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..4be871695 --- /dev/null +++ b/UI/WebServerResources/css/themes/indigo-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..2f95c29b1 --- /dev/null +++ b/UI/WebServerResources/css/themes/light-blue-dark-theme.css @@ -0,0 +1,230 @@ +/*! + * 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 new file mode 100644 index 000000000..fa256a982 --- /dev/null +++ b/UI/WebServerResources/css/themes/light-green-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..8887c0f87 --- /dev/null +++ b/UI/WebServerResources/css/themes/lime-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..18a9e66d9 --- /dev/null +++ b/UI/WebServerResources/css/themes/orange-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..1f5e519bf --- /dev/null +++ b/UI/WebServerResources/css/themes/pink-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..eb8f15aaa --- /dev/null +++ b/UI/WebServerResources/css/themes/purple-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..797ef3fb8 --- /dev/null +++ b/UI/WebServerResources/css/themes/red-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..2676e51a6 --- /dev/null +++ b/UI/WebServerResources/css/themes/teal-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100644 index 000000000..cce27e00f --- /dev/null +++ b/UI/WebServerResources/css/themes/yellow-theme.css @@ -0,0 +1,228 @@ +/*! + * 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 new file mode 100755 index 000000000..555e0ee7b --- /dev/null +++ b/UI/WebServerResources/css/ubuntu.css @@ -0,0 +1,105 @@ +/* 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 diff --git a/UI/WebServerResources/fonts/Ubuntu-BI.ttf b/UI/WebServerResources/fonts/Ubuntu-BI.ttf new file mode 100644 index 000000000..12e4c7df7 Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-BI.ttf differ diff --git a/UI/WebServerResources/fonts/Ubuntu-C.ttf b/UI/WebServerResources/fonts/Ubuntu-C.ttf new file mode 100644 index 000000000..8d3e86765 Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-C.ttf differ diff --git a/UI/WebServerResources/fonts/Ubuntu-L.ttf b/UI/WebServerResources/fonts/Ubuntu-L.ttf new file mode 100644 index 000000000..7b7ac7dd5 Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-L.ttf differ diff --git a/UI/WebServerResources/fonts/Ubuntu-LI.ttf b/UI/WebServerResources/fonts/Ubuntu-LI.ttf new file mode 100644 index 000000000..e36de452d Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-LI.ttf differ diff --git a/UI/WebServerResources/fonts/Ubuntu-M.ttf b/UI/WebServerResources/fonts/Ubuntu-M.ttf new file mode 100644 index 000000000..443ec8b76 Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-M.ttf differ diff --git a/UI/WebServerResources/fonts/Ubuntu-MI.ttf b/UI/WebServerResources/fonts/Ubuntu-MI.ttf new file mode 100644 index 000000000..321eccf73 Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-MI.ttf differ diff --git a/UI/WebServerResources/fonts/Ubuntu-R.ttf b/UI/WebServerResources/fonts/Ubuntu-R.ttf new file mode 100644 index 000000000..45a038bad Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-R.ttf differ diff --git a/UI/WebServerResources/fonts/Ubuntu-RI.ttf b/UI/WebServerResources/fonts/Ubuntu-RI.ttf new file mode 100644 index 000000000..6f819f69c Binary files /dev/null and b/UI/WebServerResources/fonts/Ubuntu-RI.ttf differ diff --git a/UI/WebServerResources/fonts/ionicons.eot b/UI/WebServerResources/fonts/ionicons.eot new file mode 100644 index 000000000..52b1e577b Binary files /dev/null and b/UI/WebServerResources/fonts/ionicons.eot differ diff --git a/UI/WebServerResources/fonts/ionicons.svg b/UI/WebServerResources/fonts/ionicons.svg new file mode 100644 index 000000000..5c8c9094f --- /dev/null +++ b/UI/WebServerResources/fonts/ionicons.svg @@ -0,0 +1,1899 @@ + + + + + +Created by FontForge 20120731 at Mon Jun 16 14:44:31 2014 + By Adam Bradley +Created by Adam Bradley with FontForge 2.0 (http://fontforge.sf.net) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/UI/WebServerResources/fonts/ionicons.ttf b/UI/WebServerResources/fonts/ionicons.ttf new file mode 100644 index 000000000..cc67b2f57 Binary files /dev/null and b/UI/WebServerResources/fonts/ionicons.ttf differ diff --git a/UI/WebServerResources/fonts/ionicons.woff b/UI/WebServerResources/fonts/ionicons.woff new file mode 100644 index 000000000..1d7b977e4 Binary files /dev/null and b/UI/WebServerResources/fonts/ionicons.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-b.eot b/UI/WebServerResources/fonts/ubuntu-b.eot new file mode 100755 index 000000000..05f264af3 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-b.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-b.svg b/UI/WebServerResources/fonts/ubuntu-b.svg new file mode 100755 index 000000000..9d319a6ca --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-b.svg @@ -0,0 +1,8495 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-b.ttf b/UI/WebServerResources/fonts/ubuntu-b.ttf new file mode 100755 index 000000000..9c30f8ec0 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-b.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-b.woff b/UI/WebServerResources/fonts/ubuntu-b.woff new file mode 100755 index 000000000..1868c03e4 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-b.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-b.woff2 b/UI/WebServerResources/fonts/ubuntu-b.woff2 new file mode 100755 index 000000000..5aaf293fd Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-b.woff2 differ diff --git a/UI/WebServerResources/fonts/ubuntu-bi.eot b/UI/WebServerResources/fonts/ubuntu-bi.eot new file mode 100755 index 000000000..4e1f64822 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-bi.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-bi.svg b/UI/WebServerResources/fonts/ubuntu-bi.svg new file mode 100755 index 000000000..49849fbc8 --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-bi.svg @@ -0,0 +1,10101 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-bi.ttf b/UI/WebServerResources/fonts/ubuntu-bi.ttf new file mode 100755 index 000000000..d4c4ac3e3 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-bi.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-bi.woff b/UI/WebServerResources/fonts/ubuntu-bi.woff new file mode 100755 index 000000000..b4d2b2eed Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-bi.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-bi.woff2 b/UI/WebServerResources/fonts/ubuntu-bi.woff2 new file mode 100755 index 000000000..ab577c132 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-bi.woff2 differ diff --git a/UI/WebServerResources/fonts/ubuntu-l.eot b/UI/WebServerResources/fonts/ubuntu-l.eot new file mode 100755 index 000000000..13146c36d Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-l.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-l.svg b/UI/WebServerResources/fonts/ubuntu-l.svg new file mode 100755 index 000000000..0d5129105 --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-l.svg @@ -0,0 +1,6597 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-l.ttf b/UI/WebServerResources/fonts/ubuntu-l.ttf new file mode 100755 index 000000000..bcd6a0f25 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-l.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-l.woff b/UI/WebServerResources/fonts/ubuntu-l.woff new file mode 100755 index 000000000..19102d55a Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-l.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-l.woff2 b/UI/WebServerResources/fonts/ubuntu-l.woff2 new file mode 100755 index 000000000..face91f55 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-l.woff2 differ diff --git a/UI/WebServerResources/fonts/ubuntu-li.eot b/UI/WebServerResources/fonts/ubuntu-li.eot new file mode 100755 index 000000000..fcaa779e7 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-li.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-li.svg b/UI/WebServerResources/fonts/ubuntu-li.svg new file mode 100755 index 000000000..76532451e --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-li.svg @@ -0,0 +1,7858 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-li.ttf b/UI/WebServerResources/fonts/ubuntu-li.ttf new file mode 100755 index 000000000..6bc547ad8 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-li.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-li.woff b/UI/WebServerResources/fonts/ubuntu-li.woff new file mode 100755 index 000000000..fcd70e58b Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-li.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-li.woff2 b/UI/WebServerResources/fonts/ubuntu-li.woff2 new file mode 100755 index 000000000..1a774360a Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-li.woff2 differ diff --git a/UI/WebServerResources/fonts/ubuntu-m.eot b/UI/WebServerResources/fonts/ubuntu-m.eot new file mode 100755 index 000000000..f2f5dc2a7 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-m.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-m.svg b/UI/WebServerResources/fonts/ubuntu-m.svg new file mode 100755 index 000000000..e449b43a0 --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-m.svg @@ -0,0 +1,7217 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-m.ttf b/UI/WebServerResources/fonts/ubuntu-m.ttf new file mode 100755 index 000000000..00fb49a5e Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-m.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-m.woff b/UI/WebServerResources/fonts/ubuntu-m.woff new file mode 100755 index 000000000..7ae890ab6 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-m.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-m.woff2 b/UI/WebServerResources/fonts/ubuntu-m.woff2 new file mode 100755 index 000000000..41b6ba44e Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-m.woff2 differ diff --git a/UI/WebServerResources/fonts/ubuntu-mi.eot b/UI/WebServerResources/fonts/ubuntu-mi.eot new file mode 100755 index 000000000..7af183233 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-mi.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-mi.svg b/UI/WebServerResources/fonts/ubuntu-mi.svg new file mode 100755 index 000000000..982b930f2 --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-mi.svg @@ -0,0 +1,7342 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-mi.ttf b/UI/WebServerResources/fonts/ubuntu-mi.ttf new file mode 100755 index 000000000..fcb7e8280 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-mi.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-mi.woff b/UI/WebServerResources/fonts/ubuntu-mi.woff new file mode 100755 index 000000000..5d121ee1e Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-mi.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-mi.woff2 b/UI/WebServerResources/fonts/ubuntu-mi.woff2 new file mode 100755 index 000000000..30c52a20f Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-mi.woff2 differ diff --git a/UI/WebServerResources/fonts/ubuntu-r.eot b/UI/WebServerResources/fonts/ubuntu-r.eot new file mode 100755 index 000000000..93c1687a9 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-r.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-r.svg b/UI/WebServerResources/fonts/ubuntu-r.svg new file mode 100755 index 000000000..afd4bba38 --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-r.svg @@ -0,0 +1,6863 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-r.ttf b/UI/WebServerResources/fonts/ubuntu-r.ttf new file mode 100755 index 000000000..70abea894 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-r.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-r.woff b/UI/WebServerResources/fonts/ubuntu-r.woff new file mode 100755 index 000000000..0b14e1c9d Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-r.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-r.woff2 b/UI/WebServerResources/fonts/ubuntu-r.woff2 new file mode 100755 index 000000000..50119ddac Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-r.woff2 differ diff --git a/UI/WebServerResources/fonts/ubuntu-ri.eot b/UI/WebServerResources/fonts/ubuntu-ri.eot new file mode 100755 index 000000000..e41b78a08 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-ri.eot differ diff --git a/UI/WebServerResources/fonts/ubuntu-ri.svg b/UI/WebServerResources/fonts/ubuntu-ri.svg new file mode 100755 index 000000000..d2a56c61b --- /dev/null +++ b/UI/WebServerResources/fonts/ubuntu-ri.svg @@ -0,0 +1,7662 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/UI/WebServerResources/fonts/ubuntu-ri.ttf b/UI/WebServerResources/fonts/ubuntu-ri.ttf new file mode 100755 index 000000000..60c5873af Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-ri.ttf differ diff --git a/UI/WebServerResources/fonts/ubuntu-ri.woff b/UI/WebServerResources/fonts/ubuntu-ri.woff new file mode 100755 index 000000000..95fae03e2 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-ri.woff differ diff --git a/UI/WebServerResources/fonts/ubuntu-ri.woff2 b/UI/WebServerResources/fonts/ubuntu-ri.woff2 new file mode 100755 index 000000000..9b84bc3f0 Binary files /dev/null and b/UI/WebServerResources/fonts/ubuntu-ri.woff2 differ