diff --git a/RpiLedBars/web/flat_slider.css b/RpiLedBars/web/flat_slider.css
deleted file mode 100644
index f5382cd..0000000
--- a/RpiLedBars/web/flat_slider.css
+++ /dev/null
@@ -1,207 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,600);
-body {
- background: #434d5a;
- font-family: "Roboto";
-}
-
-h1 {
- color: #7e8c9f;
- padding: 0;
- margin: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- cursor: default;
- text-align: center;
-}
-
-p {
- color: #c7cdd5;
- text-align: center;
- margin: 0.5em 1em;
- font-weight: 300;
- font-size: 1.3em;
-}
-
-p:nth-of-type(1) {
- margin-top: 3em;
-}
-
-p:last-child {
- font-weight: 100;
- font-size: 1em;
-}
-
-p:last-child a {
- font-weight: 300;
-}
-
-.stuff {
- padding: 50px 50px 50px;
- max-width: 900px;
- margin: auto;
-}
-
-
-/* #flat-slider .ui-slider-handle,
-#flat-slider .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider .ui-slider-range {
- background-color: #25daa5
-}
-
-#flat-slider-vertical-1 .ui-slider-handle,
-#flat-slider-vertical-1 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider-vertical-1 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider-vertical-1 .ui-slider-range {
- background-color: #f27793
-}
-
-#flat-slider-vertical-2 .ui-slider-handle,
-#flat-slider-vertical-2 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider-vertical-2 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider-vertical-2 .ui-slider-range {
- background-color: #bd77f2
-}
-
-#flat-slider-vertical-3 .ui-slider-handle,
-#flat-slider-vertical-3 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider-vertical-3 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider-vertical-3 .ui-slider-range {
- background-color: #67c3ec
-}
-
-[id*=flat-slider].ui-slider {
- background: #e8e2d3;
- border: none;
- border-radius: 0
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle {
- width: 20px;
- height: 20px;
- border-radius: 50% 50% 0;
- border-color: transparent;
- transition: border .4s ease
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-active,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-focus,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-hover {
- border-color: #172f38
-}
-
-[id*=flat-slider].ui-slider .ui-slider-pip .ui-slider-line {
- background: #e8e2d3;
- transition: all .4s ease
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal {
- height: 6px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-handle {
- -webkit-transform: rotateZ(45deg);
- transform: rotateZ(45deg);
- top: -25px;
- margin-left: -10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip {
- top: 10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
- width: 2px;
- height: 10px;
- margin-left: -1px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
- height: 20px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
- height: 12px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical {
- width: 6px;
- height: 125px;
- display: inline-block;
- margin: 0 15%
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle {
- -webkit-transform: rotateZ(-45deg);
- transform: rotateZ(-45deg);
- left: -25px;
- margin-bottom: -10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip {
- left: 10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip .ui-slider-line {
- height: 2px;
- width: 10px;
- margin-top: -1px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
- width: 20px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
- width: 12px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip,
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip {
- visibility: visible;
- opacity: 1;
- border: none;
- background: 0 0;
- left: 50%;
- width: 30px;
- margin-left: -15px;
- text-align: center;
- color: #fff;
- font-weight: 400;
- top: 10px;
- -webkit-transform: rotateZ(45deg);
- transform: rotateZ(45deg)
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip:before,
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip:before {
- display: none
-}
-
-[id*=flat-slider].ui-slider,
-[id*=flat-slider].ui-slider .ui-slider-pip .ui-slider-line {
- background: #7e8c9f;
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle .ui-slider-tip:after {
- border-left-color: #434d5a;
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-hover,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-focus,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-active {
- border-color: white;
-}
-
-.ui-widget-content .ui-slider-handle.ui-state-focus {
- outline: 0;
- border-color: #434d5a
-}
-
-*,
-:after,
-:before {
- box-sizing: border-box
-} */
\ No newline at end of file
diff --git a/RpiLedBars/web/flat_slider.js b/RpiLedBars/web/flat_slider.js
deleted file mode 100644
index c3cb22a..0000000
--- a/RpiLedBars/web/flat_slider.js
+++ /dev/null
@@ -1,53 +0,0 @@
-$(function() {
- $.extend($.ui.slider.prototype.options, {
- animate: 300
- });
-
- $("#flat-slider")
- .slider({
- max: 50,
- min: 0,
- range: true,
- values: [15, 35]
- })
- .slider("pips", {
- first: "pip",
- last: "pip"
- });
-
- $("#flat-slider-vertical-1")
- .slider({
- max: 150,
- min: 0,
- range: "min",
- value: 25,
- orientation: "vertical"
- })
- .slider("float");
-
- $("#flat-slider-vertical-2")
- .slider({
- max: 4,
- min: 0,
- range: "min",
- value: 2,
- orientation: "vertical"
- })
- .slider("float");
-
- $("#flat-slider-vertical-3")
- .slider({
- max: 25,
- min: 0,
- range: "min",
- value: 0,
- orientation: "vertical"
- });
-
- $("#flat-slider-vertical-1, #flat-slider-vertical-2, #flat-slider-vertical-3")
- .slider("pips", {
- first: "pip",
- last: "pip"
- })
- .slider("float");
-});
\ No newline at end of file
diff --git a/RpiLedBars/web/index_model.html b/RpiLedBars/web/index_model.html
deleted file mode 100644
index 9fe8339..0000000
--- a/RpiLedBars/web/index_model.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
- Config
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
HALO
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/RpiLedBars/web/slider/app.min.css b/RpiLedBars/web/slider/app.min.css
deleted file mode 100644
index 64fcf63..0000000
--- a/RpiLedBars/web/slider/app.min.css
+++ /dev/null
@@ -1,8285 +0,0 @@
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
-
-html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
- display: block
-}
-
-audio,
-canvas,
-progress,
-video {
- display: inline-block;
- vertical-align: baseline
-}
-
-audio:not([controls]) {
- display: none;
- height: 0
-}
-
-[hidden],
-template {
- display: none
-}
-
-a {
- background-color: transparent
-}
-
-a:active,
-a:hover {
- outline: 0
-}
-
-dfn {
- font-style: italic
-}
-
-mark {
- background: #ff0;
- color: #000
-}
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline
-}
-
-sup {
- top: -.5em
-}
-
-sub {
- bottom: -.25em
-}
-
-img {
- border: 0
-}
-
-svg:not(:root) {
- overflow: hidden
-}
-
-figure {
- margin: 1em 40px
-}
-
-hr {
- box-sizing: content-box
-}
-
-pre {
- overflow: auto
-}
-
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace;
- font-size: 1em
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
- color: inherit;
- font: inherit;
- margin: 0
-}
-
-button {
- overflow: visible
-}
-
-button,
-select {
- text-transform: none
-}
-
-button,
-html input[type=button],
-input[type=reset],
-input[type=submit] {
- -webkit-appearance: button;
- cursor: pointer
-}
-
-button[disabled],
-html input[disabled] {
- cursor: default
-}
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0
-}
-
-input {
- line-height: normal
-}
-
-input[type=checkbox],
-input[type=radio] {
- box-sizing: border-box;
- padding: 0
-}
-
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
- height: auto
-}
-
-input[type=search] {
- -webkit-appearance: textfield;
- box-sizing: content-box
-}
-
-input[type=search]::-webkit-search-cancel-button,
-input[type=search]::-webkit-search-decoration {
- -webkit-appearance: none
-}
-
-fieldset {
- border: 1px solid silver;
- margin: 0 2px;
- padding: .35em .625em .75em
-}
-
-legend {
- border: 0;
- padding: 0
-}
-
-textarea {
- overflow: auto
-}
-
-optgroup {
- font-weight: 700
-}
-
-table {
- border-collapse: collapse;
- border-spacing: 0
-}
-
-meta.foundation-version {
- font-family: "/5.4.7/"
-}
-
-meta.foundation-mq-small {
- font-family: "/only screen and (min-width:501px)/";
- width: 501px
-}
-
-meta.foundation-mq-medium {
- font-family: "/only screen and (min-width:701px)/";
- width: 701px
-}
-
-meta.foundation-mq-large {
- font-family: "/only screen and (min-width:901px)/";
- width: 901px
-}
-
-meta.foundation-mq-xlarge {
- font-family: "/only screen and (min-width:1101px)/";
- width: 1101px
-}
-
-meta.foundation-mq-xxlarge {
- font-family: "/only screen and (min-width:1301px)/";
- width: 1301px
-}
-
-meta.foundation-data-attribute-namespace {
- font-family: false
-}
-
-body,
-html {
- height: 100%
-}
-
-*,
-:after,
-:before {
- box-sizing: border-box
-}
-
-body,
-html {
- font-size: 100%
-}
-
-body {
- background: #fff;
- padding: 0;
- margin: 0;
- font-style: normal;
- line-height: 1.5;
- position: relative;
- cursor: auto
-}
-
-a:hover {
- cursor: pointer
-}
-
-img {
- max-width: 100%;
- height: auto;
- -ms-interpolation-mode: bicubic
-}
-
-#map_canvas embed,
-#map_canvas img,
-#map_canvas object,
-.map_canvas embed,
-.map_canvas img,
-.map_canvas object {
- max-width: none!important
-}
-
-.left {
- float: left!important
-}
-
-.right {
- float: right!important
-}
-
-.clearfix:after,
-.clearfix:before {
- 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 {
- max-width: 62.5rem
-}
-
-.row:after,
-.row:before {
- 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: 0 -.9375rem;
- max-width: none
-}
-
-.row .row:after,
-.row .row:before {
- content: " ";
- display: table
-}
-
-.row .row:after {
- clear: both
-}
-
-.row .row.collapse {
- width: auto;
- margin: 0;
- max-width: none
-}
-
-.row .row.collapse:after,
-.row .row.collapse:before {
- content: " ";
- display: table
-}
-
-.row .row.collapse:after {
- clear: both
-}
-
-.column,
-.columns {
- padding-left: .9375rem;
- padding-right: .9375rem;
- width: 100%;
- float: left
-}
-
-[class*=column]+[class*=column]:last-child {
- float: right
-}
-
-[class*=column]+[class*=column].end {
- float: left
-}
-
-@media only screen and (min-width:501px) {
- .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.33333%;
- right: auto
- }
- .small-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto
- }
- .small-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto
- }
- .small-pull-2 {
- position: relative;
- right: 16.66667%;
- 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.33333%;
- right: auto
- }
- .small-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto
- }
- .small-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto
- }
- .small-pull-5 {
- position: relative;
- right: 41.66667%;
- 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.33333%;
- right: auto
- }
- .small-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto
- }
- .small-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto
- }
- .small-pull-8 {
- position: relative;
- right: 66.66667%;
- 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.33333%;
- right: auto
- }
- .small-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto
- }
- .small-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto
- }
- .small-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto
- }
- .column,
- .columns {
- position: relative;
- padding-left: .9375rem;
- padding-right: .9375rem;
- float: left
- }
- .small-1 {
- width: 8.33333%
- }
- .small-2 {
- width: 16.66667%
- }
- .small-3 {
- width: 25%
- }
- .small-4 {
- width: 33.33333%
- }
- .small-5 {
- width: 41.66667%
- }
- .small-6 {
- width: 50%
- }
- .small-7 {
- width: 58.33333%
- }
- .small-8 {
- width: 66.66667%
- }
- .small-9 {
- width: 75%
- }
- .small-10 {
- width: 83.33333%
- }
- .small-11 {
- width: 91.66667%
- }
- .small-12 {
- width: 100%
- }
- .small-offset-0 {
- margin-left: 0!important
- }
- .small-offset-1 {
- margin-left: 8.33333%!important
- }
- .small-offset-2 {
- margin-left: 16.66667%!important
- }
- .small-offset-3 {
- margin-left: 25%!important
- }
- .small-offset-4 {
- margin-left: 33.33333%!important
- }
- .small-offset-5 {
- margin-left: 41.66667%!important
- }
- .small-offset-6 {
- margin-left: 50%!important
- }
- .small-offset-7 {
- margin-left: 58.33333%!important
- }
- .small-offset-8 {
- margin-left: 66.66667%!important
- }
- .small-offset-9 {
- margin-left: 75%!important
- }
- .small-offset-10 {
- margin-left: 83.33333%!important
- }
- .small-offset-11 {
- margin-left: 91.66667%!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
- }
-}
-
-@media only screen and (min-width:701px) {
- .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.33333%;
- right: auto
- }
- .medium-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto
- }
- .medium-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto
- }
- .medium-pull-2 {
- position: relative;
- right: 16.66667%;
- 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.33333%;
- right: auto
- }
- .medium-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto
- }
- .medium-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto
- }
- .medium-pull-5 {
- position: relative;
- right: 41.66667%;
- 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.33333%;
- right: auto
- }
- .medium-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto
- }
- .medium-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto
- }
- .medium-pull-8 {
- position: relative;
- right: 66.66667%;
- 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.33333%;
- right: auto
- }
- .medium-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto
- }
- .medium-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto
- }
- .medium-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto
- }
- .column,
- .columns {
- position: relative;
- padding-left: .9375rem;
- padding-right: .9375rem;
- float: left
- }
- .medium-1 {
- width: 8.33333%
- }
- .medium-2 {
- width: 16.66667%
- }
- .medium-3 {
- width: 25%
- }
- .medium-4 {
- width: 33.33333%
- }
- .medium-5 {
- width: 41.66667%
- }
- .medium-6 {
- width: 50%
- }
- .medium-7 {
- width: 58.33333%
- }
- .medium-8 {
- width: 66.66667%
- }
- .medium-9 {
- width: 75%
- }
- .medium-10 {
- width: 83.33333%
- }
- .medium-11 {
- width: 91.66667%
- }
- .medium-12 {
- width: 100%
- }
- .medium-offset-0 {
- margin-left: 0!important
- }
- .medium-offset-1 {
- margin-left: 8.33333%!important
- }
- .medium-offset-2 {
- margin-left: 16.66667%!important
- }
- .medium-offset-3 {
- margin-left: 25%!important
- }
- .medium-offset-4 {
- margin-left: 33.33333%!important
- }
- .medium-offset-5 {
- margin-left: 41.66667%!important
- }
- .medium-offset-6 {
- margin-left: 50%!important
- }
- .medium-offset-7 {
- margin-left: 58.33333%!important
- }
- .medium-offset-8 {
- margin-left: 66.66667%!important
- }
- .medium-offset-9 {
- margin-left: 75%!important
- }
- .medium-offset-10 {
- margin-left: 83.33333%!important
- }
- .medium-offset-11 {
- margin-left: 91.66667%!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
- }
- .push-0 {
- position: relative;
- left: 0;
- right: auto
- }
- .pull-0 {
- position: relative;
- right: 0;
- left: auto
- }
- .push-1 {
- position: relative;
- left: 8.33333%;
- right: auto
- }
- .pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto
- }
- .push-2 {
- position: relative;
- left: 16.66667%;
- right: auto
- }
- .pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto
- }
- .push-3 {
- position: relative;
- left: 25%;
- right: auto
- }
- .pull-3 {
- position: relative;
- right: 25%;
- left: auto
- }
- .push-4 {
- position: relative;
- left: 33.33333%;
- right: auto
- }
- .pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto
- }
- .push-5 {
- position: relative;
- left: 41.66667%;
- right: auto
- }
- .pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto
- }
- .push-6 {
- position: relative;
- left: 50%;
- right: auto
- }
- .pull-6 {
- position: relative;
- right: 50%;
- left: auto
- }
- .push-7 {
- position: relative;
- left: 58.33333%;
- right: auto
- }
- .pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto
- }
- .push-8 {
- position: relative;
- left: 66.66667%;
- right: auto
- }
- .pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto
- }
- .push-9 {
- position: relative;
- left: 75%;
- right: auto
- }
- .pull-9 {
- position: relative;
- right: 75%;
- left: auto
- }
- .push-10 {
- position: relative;
- left: 83.33333%;
- right: auto
- }
- .pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto
- }
- .push-11 {
- position: relative;
- left: 91.66667%;
- right: auto
- }
- .pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto
- }
-}
-
-@media only screen and (min-width:901px) {
- .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.33333%;
- right: auto
- }
- .large-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto
- }
- .large-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto
- }
- .large-pull-2 {
- position: relative;
- right: 16.66667%;
- 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.33333%;
- right: auto
- }
- .large-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto
- }
- .large-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto
- }
- .large-pull-5 {
- position: relative;
- right: 41.66667%;
- 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.33333%;
- right: auto
- }
- .large-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto
- }
- .large-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto
- }
- .large-pull-8 {
- position: relative;
- right: 66.66667%;
- 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.33333%;
- right: auto
- }
- .large-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto
- }
- .large-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto
- }
- .large-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto
- }
- .column,
- .columns {
- position: relative;
- padding-left: .9375rem;
- padding-right: .9375rem;
- float: left
- }
- .large-1 {
- width: 8.33333%
- }
- .large-2 {
- width: 16.66667%
- }
- .large-3 {
- width: 25%
- }
- .large-4 {
- width: 33.33333%
- }
- .large-5 {
- width: 41.66667%
- }
- .large-6 {
- width: 50%
- }
- .large-7 {
- width: 58.33333%
- }
- .large-8 {
- width: 66.66667%
- }
- .large-9 {
- width: 75%
- }
- .large-10 {
- width: 83.33333%
- }
- .large-11 {
- width: 91.66667%
- }
- .large-12 {
- width: 100%
- }
- .large-offset-0 {
- margin-left: 0!important
- }
- .large-offset-1 {
- margin-left: 8.33333%!important
- }
- .large-offset-2 {
- margin-left: 16.66667%!important
- }
- .large-offset-3 {
- margin-left: 25%!important
- }
- .large-offset-4 {
- margin-left: 33.33333%!important
- }
- .large-offset-5 {
- margin-left: 41.66667%!important
- }
- .large-offset-6 {
- margin-left: 50%!important
- }
- .large-offset-7 {
- margin-left: 58.33333%!important
- }
- .large-offset-8 {
- margin-left: 66.66667%!important
- }
- .large-offset-9 {
- margin-left: 75%!important
- }
- .large-offset-10 {
- margin-left: 83.33333%!important
- }
- .large-offset-11 {
- margin-left: 91.66667%!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
- }
- .push-0 {
- position: relative;
- left: 0;
- right: auto
- }
- .pull-0 {
- position: relative;
- right: 0;
- left: auto
- }
- .push-1 {
- position: relative;
- left: 8.33333%;
- right: auto
- }
- .pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto
- }
- .push-2 {
- position: relative;
- left: 16.66667%;
- right: auto
- }
- .pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto
- }
- .push-3 {
- position: relative;
- left: 25%;
- right: auto
- }
- .pull-3 {
- position: relative;
- right: 25%;
- left: auto
- }
- .push-4 {
- position: relative;
- left: 33.33333%;
- right: auto
- }
- .pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto
- }
- .push-5 {
- position: relative;
- left: 41.66667%;
- right: auto
- }
- .pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto
- }
- .push-6 {
- position: relative;
- left: 50%;
- right: auto
- }
- .pull-6 {
- position: relative;
- right: 50%;
- left: auto
- }
- .push-7 {
- position: relative;
- left: 58.33333%;
- right: auto
- }
- .pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto
- }
- .push-8 {
- position: relative;
- left: 66.66667%;
- right: auto
- }
- .pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto
- }
- .push-9 {
- position: relative;
- left: 75%;
- right: auto
- }
- .pull-9 {
- position: relative;
- right: 75%;
- left: auto
- }
- .push-10 {
- position: relative;
- left: 83.33333%;
- right: auto
- }
- .pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto
- }
- .push-11 {
- position: relative;
- left: 91.66667%;
- right: auto
- }
- .pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto
- }
-}
-
-@media only screen and (min-width:1101px) {
- .xlarge-push-0 {
- position: relative;
- left: 0;
- right: auto
- }
- .xlarge-pull-0 {
- position: relative;
- right: 0;
- left: auto
- }
- .xlarge-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto
- }
- .xlarge-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto
- }
- .xlarge-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto
- }
- .xlarge-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto
- }
- .xlarge-push-3 {
- position: relative;
- left: 25%;
- right: auto
- }
- .xlarge-pull-3 {
- position: relative;
- right: 25%;
- left: auto
- }
- .xlarge-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto
- }
- .xlarge-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto
- }
- .xlarge-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto
- }
- .xlarge-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto
- }
- .xlarge-push-6 {
- position: relative;
- left: 50%;
- right: auto
- }
- .xlarge-pull-6 {
- position: relative;
- right: 50%;
- left: auto
- }
- .xlarge-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto
- }
- .xlarge-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto
- }
- .xlarge-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto
- }
- .xlarge-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto
- }
- .xlarge-push-9 {
- position: relative;
- left: 75%;
- right: auto
- }
- .xlarge-pull-9 {
- position: relative;
- right: 75%;
- left: auto
- }
- .xlarge-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto
- }
- .xlarge-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto
- }
- .xlarge-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto
- }
- .xlarge-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto
- }
- .column,
- .columns {
- position: relative;
- padding-left: .9375rem;
- padding-right: .9375rem;
- float: left
- }
- .xlarge-1 {
- width: 8.33333%
- }
- .xlarge-2 {
- width: 16.66667%
- }
- .xlarge-3 {
- width: 25%
- }
- .xlarge-4 {
- width: 33.33333%
- }
- .xlarge-5 {
- width: 41.66667%
- }
- .xlarge-6 {
- width: 50%
- }
- .xlarge-7 {
- width: 58.33333%
- }
- .xlarge-8 {
- width: 66.66667%
- }
- .xlarge-9 {
- width: 75%
- }
- .xlarge-10 {
- width: 83.33333%
- }
- .xlarge-11 {
- width: 91.66667%
- }
- .xlarge-12 {
- width: 100%
- }
- .xlarge-offset-0 {
- margin-left: 0!important
- }
- .xlarge-offset-1 {
- margin-left: 8.33333%!important
- }
- .xlarge-offset-2 {
- margin-left: 16.66667%!important
- }
- .xlarge-offset-3 {
- margin-left: 25%!important
- }
- .xlarge-offset-4 {
- margin-left: 33.33333%!important
- }
- .xlarge-offset-5 {
- margin-left: 41.66667%!important
- }
- .xlarge-offset-6 {
- margin-left: 50%!important
- }
- .xlarge-offset-7 {
- margin-left: 58.33333%!important
- }
- .xlarge-offset-8 {
- margin-left: 66.66667%!important
- }
- .xlarge-offset-9 {
- margin-left: 75%!important
- }
- .xlarge-offset-10 {
- margin-left: 83.33333%!important
- }
- .xlarge-offset-11 {
- margin-left: 91.66667%!important
- }
- .xlarge-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left
- }
- .column.xlarge-centered,
- .columns.xlarge-centered {
- margin-left: auto;
- margin-right: auto;
- float: none
- }
- .column.xlarge-uncentered,
- .columns.xlarge-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left
- }
- .column.xlarge-centered:last-child,
- .columns.xlarge-centered:last-child {
- float: none
- }
- .column.xlarge-uncentered:last-child,
- .columns.xlarge-uncentered:last-child {
- float: left
- }
- .column.xlarge-uncentered.opposite,
- .columns.xlarge-uncentered.opposite {
- float: right
- }
-}
-
-@media only screen and (min-width:1301px) {
- .xxlarge-push-0 {
- position: relative;
- left: 0;
- right: auto
- }
- .xxlarge-pull-0 {
- position: relative;
- right: 0;
- left: auto
- }
- .xxlarge-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto
- }
- .xxlarge-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto
- }
- .xxlarge-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto
- }
- .xxlarge-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto
- }
- .xxlarge-push-3 {
- position: relative;
- left: 25%;
- right: auto
- }
- .xxlarge-pull-3 {
- position: relative;
- right: 25%;
- left: auto
- }
- .xxlarge-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto
- }
- .xxlarge-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto
- }
- .xxlarge-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto
- }
- .xxlarge-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto
- }
- .xxlarge-push-6 {
- position: relative;
- left: 50%;
- right: auto
- }
- .xxlarge-pull-6 {
- position: relative;
- right: 50%;
- left: auto
- }
- .xxlarge-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto
- }
- .xxlarge-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto
- }
- .xxlarge-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto
- }
- .xxlarge-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto
- }
- .xxlarge-push-9 {
- position: relative;
- left: 75%;
- right: auto
- }
- .xxlarge-pull-9 {
- position: relative;
- right: 75%;
- left: auto
- }
- .xxlarge-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto
- }
- .xxlarge-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto
- }
- .xxlarge-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto
- }
- .xxlarge-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto
- }
- .column,
- .columns {
- position: relative;
- padding-left: .9375rem;
- padding-right: .9375rem;
- float: left
- }
- .xxlarge-1 {
- width: 8.33333%
- }
- .xxlarge-2 {
- width: 16.66667%
- }
- .xxlarge-3 {
- width: 25%
- }
- .xxlarge-4 {
- width: 33.33333%
- }
- .xxlarge-5 {
- width: 41.66667%
- }
- .xxlarge-6 {
- width: 50%
- }
- .xxlarge-7 {
- width: 58.33333%
- }
- .xxlarge-8 {
- width: 66.66667%
- }
- .xxlarge-9 {
- width: 75%
- }
- .xxlarge-10 {
- width: 83.33333%
- }
- .xxlarge-11 {
- width: 91.66667%
- }
- .xxlarge-12 {
- width: 100%
- }
- .xxlarge-offset-0 {
- margin-left: 0!important
- }
- .xxlarge-offset-1 {
- margin-left: 8.33333%!important
- }
- .xxlarge-offset-2 {
- margin-left: 16.66667%!important
- }
- .xxlarge-offset-3 {
- margin-left: 25%!important
- }
- .xxlarge-offset-4 {
- margin-left: 33.33333%!important
- }
- .xxlarge-offset-5 {
- margin-left: 41.66667%!important
- }
- .xxlarge-offset-6 {
- margin-left: 50%!important
- }
- .xxlarge-offset-7 {
- margin-left: 58.33333%!important
- }
- .xxlarge-offset-8 {
- margin-left: 66.66667%!important
- }
- .xxlarge-offset-9 {
- margin-left: 75%!important
- }
- .xxlarge-offset-10 {
- margin-left: 83.33333%!important
- }
- .xxlarge-offset-11 {
- margin-left: 91.66667%!important
- }
- .xxlarge-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left
- }
- .column.xxlarge-centered,
- .columns.xxlarge-centered {
- margin-left: auto;
- margin-right: auto;
- float: none
- }
- .column.xxlarge-uncentered,
- .columns.xxlarge-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left
- }
- .column.xxlarge-centered:last-child,
- .columns.xxlarge-centered:last-child {
- float: none
- }
- .column.xxlarge-uncentered:last-child,
- .columns.xxlarge-uncentered:last-child {
- float: left
- }
- .column.xxlarge-uncentered.opposite,
- .columns.xxlarge-uncentered.opposite {
- float: right
- }
-}
-
-[class*=block-grid-] {
- display: block;
- padding: 0;
- margin: 0 -.625rem
-}
-
-[class*=block-grid-]:after,
-[class*=block-grid-]:before {
- content: " ";
- display: table
-}
-
-[class*=block-grid-]:after {
- clear: both
-}
-
-[class*=block-grid-]>li {
- display: block;
- height: auto;
- float: left;
- padding: 0 .625rem 1.25rem
-}
-
-@media only screen and (min-width:501px) {
- .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-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-3>li {
- width: 33.33333%;
- 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-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-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-6>li {
- width: 16.66667%;
- 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-7>li {
- width: 14.28571%;
- 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-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-9>li {
- width: 11.11111%;
- 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-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-11>li {
- width: 9.09091%;
- 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-12>li {
- width: 8.33333%;
- 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
- }
-}
-
-@media only screen and (min-width:701px) {
- .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-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-3>li {
- width: 33.33333%;
- 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-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-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-6>li {
- width: 16.66667%;
- 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-7>li {
- width: 14.28571%;
- 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-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-9>li {
- width: 11.11111%;
- 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-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-11>li {
- width: 9.09091%;
- 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-12>li {
- width: 8.33333%;
- 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
- }
-}
-
-@media only screen and (min-width:901px) {
- .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-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-3>li {
- width: 33.33333%;
- 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-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-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-6>li {
- width: 16.66667%;
- 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-7>li {
- width: 14.28571%;
- 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-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-9>li {
- width: 11.11111%;
- 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-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-11>li {
- width: 9.09091%;
- 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-12>li {
- width: 8.33333%;
- 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
- }
-}
-
-.button,
-button {
- border-style: solid;
- border-width: 0;
- cursor: pointer;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: 400;
- line-height: normal;
- margin: 0 0 1.25rem;
- position: relative;
- text-decoration: none;
- text-align: center;
- -webkit-appearance: none;
- -webkit-border-radius: 0;
- display: inline-block;
- font-size: 1rem;
- background-color: #008cba;
- border-color: #007095;
- color: #fff
-}
-
-.button:focus,
-.button:hover,
-button:focus,
-button:hover {
- background-color: #007095;
- color: #fff
-}
-
-.button.secondary,
-button.secondary {
- background-color: #e7e7e7;
- border-color: #b9b9b9;
- color: #333
-}
-
-.button.secondary:focus,
-.button.secondary:hover,
-button.secondary:focus,
-button.secondary:hover {
- background-color: #b9b9b9;
- color: #333
-}
-
-.button.success,
-button.success {
- background-color: #43ac6a;
- border-color: #368a55;
- color: #fff
-}
-
-.button.success:focus,
-.button.success:hover,
-button.success:focus,
-button.success:hover {
- background-color: #368a55;
- color: #fff
-}
-
-.button.alert,
-button.alert {
- background-color: #f04124;
- border-color: #cf2a0e;
- color: #fff
-}
-
-.button.alert:focus,
-.button.alert:hover,
-button.alert:focus,
-button.alert:hover {
- background-color: #cf2a0e;
- color: #fff
-}
-
-.button.warning,
-button.warning {
- background-color: #f08a24;
- border-color: #cf6e0e;
- color: #fff
-}
-
-.button.warning:focus,
-.button.warning:hover,
-button.warning:focus,
-button.warning:hover {
- background-color: #cf6e0e;
- color: #fff
-}
-
-.button.info,
-button.info {
- background-color: #a0d3e8;
- border-color: #61b6d9;
- color: #333
-}
-
-.button.info:focus,
-.button.info:hover,
-button.info:focus,
-button.info:hover {
- background-color: #61b6d9;
- color: #fff
-}
-
-.button.large,
-button.large {
- padding: 1.125rem 2.25rem 1.1875rem;
- font-size: 1.25rem
-}
-
-.button.small,
-button.small {
- padding: .875rem 1.75rem .9375rem;
- font-size: .8125rem
-}
-
-.button.tiny,
-button.tiny {
- padding: .625rem 1.25rem .6875rem;
- font-size: .6875rem
-}
-
-.button.expand,
-button.expand {
- padding-right: 0;
- padding-left: 0;
- width: 100%
-}
-
-.button.left-align,
-button.left-align {
- text-align: left;
- text-indent: .75rem
-}
-
-.button.right-align,
-button.right-align {
- text-align: right;
- padding-right: .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: #008cba;
- border-color: #007095;
- color: #fff;
- cursor: default;
- opacity: .7;
- box-shadow: none
-}
-
-.button.disabled:focus,
-.button.disabled:hover,
-.button[disabled]:focus,
-.button[disabled]:hover,
-button.disabled:focus,
-button.disabled:hover,
-button[disabled]:focus,
-button[disabled]:hover {
- color: #fff;
- background-color: #008cba
-}
-
-.button.disabled.secondary,
-.button[disabled].secondary,
-button.disabled.secondary,
-button[disabled].secondary {
- background-color: #e7e7e7;
- border-color: #b9b9b9;
- color: #333;
- cursor: default;
- opacity: .7;
- box-shadow: none
-}
-
-.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,
-button[disabled].secondary:hover {
- color: #333;
- background-color: #e7e7e7
-}
-
-.button.disabled.success,
-.button[disabled].success,
-button.disabled.success,
-button[disabled].success {
- background-color: #43ac6a;
- border-color: #368a55;
- color: #fff;
- cursor: default;
- opacity: .7;
- box-shadow: none
-}
-
-.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,
-button[disabled].success:hover {
- color: #fff;
- background-color: #43ac6a
-}
-
-.button.disabled.alert,
-.button[disabled].alert,
-button.disabled.alert,
-button[disabled].alert {
- background-color: #f04124;
- border-color: #cf2a0e;
- color: #fff;
- cursor: default;
- opacity: .7;
- box-shadow: none
-}
-
-.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,
-button[disabled].alert:hover {
- color: #fff;
- background-color: #f04124
-}
-
-.button.disabled.warning,
-.button[disabled].warning,
-button.disabled.warning,
-button[disabled].warning {
- background-color: #f08a24;
- border-color: #cf6e0e;
- color: #fff;
- cursor: default;
- opacity: .7;
- box-shadow: none
-}
-
-.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,
-button[disabled].warning:hover {
- color: #fff;
- background-color: #f08a24
-}
-
-.button.disabled.info,
-.button[disabled].info,
-button.disabled.info,
-button[disabled].info {
- background-color: #a0d3e8;
- border-color: #61b6d9;
- color: #333;
- cursor: default;
- opacity: .7;
- box-shadow: none
-}
-
-.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,
-button[disabled].info:hover {
- color: #fff;
- background-color: #a0d3e8
-}
-
-button::-moz-focus-inner {
- border: 0;
- padding: 0
-}
-
-@media only screen and (min-width:701px) {
- .button,
- button {
- display: inline-block
- }
-}
-
-.button-group {
- list-style: none;
- margin: 0;
- left: 0
-}
-
-.button-group:after,
-.button-group:before {
- 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, .5)
-}
-
-.button-group>li:first-child .button,
-.button-group>li:first-child button {
- border-left: 0
-}
-
-.button-group.stack>li {
- display: inline-block;
- display: block;
- margin: 0;
- float: none
-}
-
-.button-group.stack>li .button,
-.button-group.stack>li>button {
- border-left: 1px solid
-}
-
-.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, .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, .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 (min-width:501px) and (max-width:700px) {
- .button-group.stack-for-small>li {
- 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
- }
- .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, .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, .5)
-}
-
-.button-group.radius>:first-child .button,
-.button-group.radius>:first-child button {
- border-left: 0
-}
-
-.button-group.radius>*,
-.button-group.radius>*>.button,
-.button-group.radius>*>a,
-.button-group.radius>*>button {
- border-radius: 0
-}
-
-.button-group.radius>:first-child,
-.button-group.radius>:first-child>.button,
-.button-group.radius>:first-child>a,
-.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>.button,
-.button-group.radius>:last-child>a,
-.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>* {
- display: inline-block;
- display: block;
- margin: 0
-}
-
-.button-group.radius.stack>* .button,
-.button-group.radius.stack>*>button {
- border-left: 1px solid
-}
-
-.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, .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>*>.button,
-.button-group.radius.stack>*>a,
-.button-group.radius.stack>*>button {
- border-radius: 0
-}
-
-.button-group.radius.stack>:first-child,
-.button-group.radius.stack>:first-child>.button,
-.button-group.radius.stack>:first-child>a,
-.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>.button,
-.button-group.radius.stack>:last-child>a,
-.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:701px) {
- .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, .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>*>.button,
- .button-group.radius.stack-for-small>*>a,
- .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>.button,
- .button-group.radius.stack-for-small>:first-child>a,
- .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>.button,
- .button-group.radius.stack-for-small>:last-child>a,
- .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 (min-width:501px) and (max-width:700px) {
- .button-group.radius.stack-for-small>* {
- 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
- }
- .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, .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>*>.button,
- .button-group.radius.stack-for-small>*>a,
- .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>.button,
- .button-group.radius.stack-for-small>:first-child>a,
- .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>.button,
- .button-group.radius.stack-for-small>:last-child>a,
- .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, .5)
-}
-
-.button-group.round>:first-child .button,
-.button-group.round>:first-child button {
- border-left: 0
-}
-
-.button-group.round>*,
-.button-group.round>*>.button,
-.button-group.round>*>a,
-.button-group.round>*>button {
- border-radius: 0
-}
-
-.button-group.round>:first-child,
-.button-group.round>:first-child>.button,
-.button-group.round>:first-child>a,
-.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>.button,
-.button-group.round>:last-child>a,
-.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>* {
- display: inline-block;
- display: block;
- margin: 0
-}
-
-.button-group.round.stack>* .button,
-.button-group.round.stack>*>button {
- border-left: 1px solid
-}
-
-.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, .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>*>.button,
-.button-group.round.stack>*>a,
-.button-group.round.stack>*>button {
- border-radius: 0
-}
-
-.button-group.round.stack>:first-child,
-.button-group.round.stack>:first-child>.button,
-.button-group.round.stack>:first-child>a,
-.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>.button,
-.button-group.round.stack>:last-child>a,
-.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:701px) {
- .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, .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>*>.button,
- .button-group.round.stack-for-small>*>a,
- .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>.button,
- .button-group.round.stack-for-small>:first-child>a,
- .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>.button,
- .button-group.round.stack-for-small>:last-child>a,
- .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 (min-width:501px) and (max-width:700px) {
- .button-group.round.stack-for-small>* {
- 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
- }
- .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, .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>*>.button,
- .button-group.round.stack-for-small>*>a,
- .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>.button,
- .button-group.round.stack-for-small>:first-child>a,
- .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>.button,
- .button-group.round.stack-for-small>:last-child>a,
- .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, .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.33333%
-}
-
-.button-group.even-3 li .button,
-.button-group.even-3 li>button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, .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, .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, .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.66667%
-}
-
-.button-group.even-6 li .button,
-.button-group.even-6 li>button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, .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.28571%
-}
-
-.button-group.even-7 li .button,
-.button-group.even-7 li>button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, .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, .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:after,
-.button-bar:before {
- content: " ";
- display: table
-}
-
-.button-bar:after {
- clear: both
-}
-
-.button-bar .button-group {
- float: left;
- margin-right: .625rem
-}
-
-.button-bar .button-group div {
- overflow: hidden
-}
-
-.clearing-thumbs,
-[data-clearing] {
- margin-bottom: 0;
- margin-left: 0;
- list-style: none
-}
-
-.clearing-thumbs:after,
-.clearing-thumbs:before,
-[data-clearing]:after,
-[data-clearing]:before {
- 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: #333;
- 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: #aaa;
- font-size: .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: #ccc;
- font-size: .875em;
- line-height: 1.3;
- margin-bottom: 0;
- text-align: center;
- bottom: 0;
- background: #333;
- 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: #ccc;
- display: none
-}
-
-.clearing-close:focus,
-.clearing-close:hover {
- color: #ccc
-}
-
-.clearing-assembled .clearing-container {
- height: 100%
-}
-
-.clearing-assembled .clearing-container .carousel>ul,
-.clearing-feature li {
- display: none
-}
-
-.clearing-feature li.clearing-featured-img {
- display: block
-}
-
-@media only screen and (min-width:701px) {
- .clearing-main-next,
- .clearing-main-prev {
- position: absolute;
- height: 100%;
- width: 40px;
- top: 0
- }
- .clearing-main-next>span,
- .clearing-main-prev>span {
- position: absolute;
- top: 50%;
- display: block;
- width: 0;
- height: 0;
- border: 12px solid
- }
- .clearing-main-next>span:hover,
- .clearing-main-prev>span:hover {
- opacity: .8
- }
- .clearing-main-prev {
- left: 0
- }
- .clearing-main-prev>span {
- left: 5px;
- border-color: transparent;
- border-right-color: #ccc
- }
- .clearing-main-next {
- right: 0
- }
- .clearing-main-next>span {
- border-color: transparent;
- border-left-color: #ccc
- }
- .clearing-main-next.disabled,
- .clearing-main-prev.disabled {
- opacity: .3
- }
- .clearing-assembled .clearing-container .carousel {
- background: rgba(51, 51, 51, .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: .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: .8
- }
- .clearing-assembled .clearing-container .visible-img {
- background: #333;
- overflow: hidden;
- height: 85%
- }
- .clearing-close {
- position: absolute;
- top: 10px;
- right: 20px;
- padding-left: 0;
- padding-top: 0
- }
-}
-
-.icon-bar {
- width: 100%;
- font-size: 0;
- display: inline-block;
- background: #333
-}
-
-.icon-bar>* {
- text-align: center;
- width: 25%;
- margin: 0 auto;
- display: block;
- float: left
-}
-
-.icon-bar>* i,
-.icon-bar>* img {
- display: block;
- margin: 0 auto
-}
-
-.icon-bar>* i {
- vertical-align: middle
-}
-
-.icon-bar.label-right>* i,
-.icon-bar.label-right>* img {
- margin: 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.small-vertical,
-.icon-bar.vertical {
- height: 100%;
- width: auto
-}
-
-.icon-bar.small-vertical .item,
-.icon-bar.vertical .item {
- width: auto;
- margin: auto;
- float: none
-}
-
-@media only screen and (min-width:701px) {
- .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:901px) {
- .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: .0625rem
-}
-
-.icon-bar>* i {
- font-size: 1.875rem
-}
-
-.icon-bar>* img {
- width: 1.875rem;
- height: 1.875rem
-}
-
-.icon-bar>:hover {
- background: #008cba
-}
-
-.icon-bar>* i,
-.icon-bar>* label {
- color: #fff
-}
-
-.icon-bar.two-up .item {
- width: 50%
-}
-
-.icon-bar.two-up.small-vertical .item,
-.icon-bar.two-up.vertical .item {
- width: auto
-}
-
-@media only screen and (min-width:701px) {
- .icon-bar.two-up.medium-vertical .item {
- width: auto
- }
-}
-
-@media only screen and (min-width:901px) {
- .icon-bar.two-up.large-vertical .item {
- width: auto
- }
-}
-
-.icon-bar.three-up .item {
- width: 33.3333%
-}
-
-.icon-bar.three-up.small-vertical .item,
-.icon-bar.three-up.vertical .item {
- width: auto
-}
-
-@media only screen and (min-width:701px) {
- .icon-bar.three-up.medium-vertical .item {
- width: auto
- }
-}
-
-@media only screen and (min-width:901px) {
- .icon-bar.three-up.large-vertical .item {
- width: auto
- }
-}
-
-.icon-bar.four-up .item {
- width: 25%
-}
-
-.icon-bar.four-up.small-vertical .item,
-.icon-bar.four-up.vertical .item {
- width: auto
-}
-
-@media only screen and (min-width:701px) {
- .icon-bar.four-up.medium-vertical .item {
- width: auto
- }
-}
-
-@media only screen and (min-width:901px) {
- .icon-bar.four-up.large-vertical .item {
- width: auto
- }
-}
-
-.icon-bar.five-up .item {
- width: 20%
-}
-
-.icon-bar.five-up.small-vertical .item,
-.icon-bar.five-up.vertical .item {
- width: auto
-}
-
-@media only screen and (min-width:701px) {
- .icon-bar.five-up.medium-vertical .item {
- width: auto
- }
-}
-
-@media only screen and (min-width:901px) {
- .icon-bar.five-up.large-vertical .item {
- width: auto
- }
-}
-
-.icon-bar.six-up .item {
- width: 16.66667%
-}
-
-.icon-bar.six-up.small-vertical .item,
-.icon-bar.six-up.vertical .item {
- width: auto
-}
-
-@media only screen and (min-width:701px) {
- .icon-bar.six-up.medium-vertical .item {
- width: auto
- }
-}
-
-@media only screen and (min-width:901px) {
- .icon-bar.six-up.large-vertical .item {
- width: auto
- }
-}
-
-.inline-list,
-.share-links {
- padding: 0;
- list-style: none;
- overflow: hidden
-}
-
-.inline-list>li,
-.share-links>li {
- list-style: none;
- float: left;
- margin-left: 1.375rem;
- display: block
-}
-
-.inline-list>li>*,
-.share-links>li>* {
- display: block
-}
-
-.keystroke,
-kbd {
- background-color: #ededed;
- border-color: #ddd;
- color: #222;
- border-style: solid;
- border-width: 1px;
- margin: 0;
- font-family: Consolas, Menlo, Courier, monospace;
- font-size: inherit;
- padding: .125rem .25rem 0;
- border-radius: 3px
-}
-
-.label {
- font-weight: 400;
- 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: inherit;
- padding: .25rem .5rem;
- font-size: .6875rem;
- background-color: #008cba;
- color: #fff
-}
-
-.label.radius {
- border-radius: 3px
-}
-
-.label.round {
- border-radius: 1000px
-}
-
-.label.alert {
- background-color: #f04124;
- color: #fff
-}
-
-.label.warning {
- background-color: #f08a24;
- color: #fff
-}
-
-.label.success {
- background-color: #43ac6a;
- color: #fff
-}
-
-.label.secondary {
- background-color: #e7e7e7;
- color: #333
-}
-
-.label.info {
- background-color: #a0d3e8;
- color: #333
-}
-
-.side-nav {
- display: block;
- margin: 0;
- padding: .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 .4375rem;
- font-size: .875rem;
- font-weight: 400
-}
-
-.side-nav li a:not(.button) {
- display: block;
- color: #008cba;
- margin: 0;
- padding: .4375rem .875rem
-}
-
-.side-nav li a:not(.button):focus,
-.side-nav li a:not(.button):hover {
- background: rgba(0, 0, 0, .025);
- color: #1cc7ff
-}
-
-.side-nav li.active>a:first-child:not(.button) {
- color: #1cc7ff;
- font-weight: 400;
- 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: #fff
-}
-
-.side-nav li.heading {
- color: #008cba;
- font-size: .875rem;
- font-weight: 700;
- text-transform: uppercase
-}
-
-.dropdown.button,
-button.dropdown {
- position: relative;
- outline: 0;
- padding-right: 3.5625rem
-}
-
-.dropdown.button::after,
-button.dropdown::after {
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- display: block;
- border-style: solid;
- top: 50%;
- border-width: .375rem;
- right: 1.40625rem;
- margin-top: -.15625rem;
- border-color: #fff transparent transparent
-}
-
-.dropdown.button.tiny,
-button.dropdown.tiny {
- padding-right: 2.625rem
-}
-
-.dropdown.button.tiny:after,
-button.dropdown.tiny:after {
- border-width: .375rem;
- right: 1.125rem;
- margin-top: -.125rem
-}
-
-.dropdown.button.tiny::after,
-button.dropdown.tiny::after {
- border-color: #fff transparent transparent
-}
-
-.dropdown.button.small,
-button.dropdown.small {
- padding-right: 3.0625rem
-}
-
-.dropdown.button.small::after,
-button.dropdown.small::after {
- border-width: .4375rem;
- right: 1.3125rem;
- margin-top: -.15625rem;
- border-color: #fff transparent transparent
-}
-
-.dropdown.button.large,
-button.dropdown.large {
- padding-right: 3.625rem
-}
-
-.dropdown.button.large::after,
-button.dropdown.large::after {
- border-width: .3125rem;
- right: 1.71875rem;
- margin-top: -.15625rem;
- border-color: #fff transparent transparent
-}
-
-.dropdown.button.secondary:after,
-button.dropdown.secondary:after {
- border-color: #333 transparent transparent
-}
-
-.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;
- left: 50%
-}
-
-.split.button span:active {
- background-color: rgba(0, 0, 0, .1)
-}
-
-.split.button span {
- border-left-color: rgba(255, 255, 255, .5);
- width: 3.09375rem
-}
-
-.split.button span:after {
- border-top-style: solid;
- border-width: .375rem;
- top: 48%;
- margin-left: -.375rem;
- border-color: #fff transparent transparent
-}
-
-.split.button.secondary span {
- border-left-color: rgba(255, 255, 255, .5)
-}
-
-.split.button.alert span,
-.split.button.success span {
- border-left-color: rgba(255, 255, 255, .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: .375rem;
- top: 48%;
- margin-left: -.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: .4375rem;
- top: 48%;
- margin-left: -.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: .3125rem;
- top: 48%;
- margin-left: -.375rem
-}
-
-.split.button.expand {
- padding-left: 2rem
-}
-
-.split.button.secondary span:after {
- border-color: #333 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
-}
-
-.switch {
- padding: 0;
- border: none;
- position: relative;
- outline: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.switch label {
- display: block;
- margin-bottom: 1rem;
- position: relative;
- text-indent: 100%;
- cursor: pointer;
- transition: left .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;
- position: absolute;
- top: .25rem;
- left: .25rem;
- transition: left .15s ease-out;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
-}
-
-.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: #ddd
-}
-
-.switch label:after {
- background: #fff
-}
-
-.switch input:checked+label {
- background: #008cba
-}
-
-.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,
-.switch.round label:after {
- border-radius: 2rem
-}
-
-table {
- background: #fff;
- margin-bottom: 1.25rem;
- border: 1px solid #ddd;
- table-layout: auto
-}
-
-table caption {
- background: 0 0;
- color: #222;
- font-size: 1rem;
- font-weight: 700
-}
-
-table thead {
- background: #f5f5f5
-}
-
-table thead tr td,
-table thead tr th {
- padding: .5rem .625rem .625rem;
- font-size: .875rem;
- font-weight: 700;
- color: #222
-}
-
-table tfoot {
- background: #f5f5f5
-}
-
-table tfoot tr td,
-table tfoot tr th {
- padding: .5rem .625rem .625rem;
- font-size: .875rem;
- font-weight: 700;
- color: #222
-}
-
-table tr td,
-table tr th {
- padding: .5625rem .625rem;
- font-size: .875rem;
- color: #222;
- text-align: left
-}
-
-table tr.alt,
-table tr.even,
-table tr:nth-of-type(even) {
- background: #f9f9f9
-}
-
-table tbody tr td,
-table tbody tr th,
-table tfoot tr td,
-table tfoot tr th,
-table thead tr th,
-table tr td {
- display: table-cell;
- line-height: 1.125rem
-}
-
-.tabs {
- margin-bottom: 0!important
-}
-
-.tabs:after,
-.tabs:before {
- content: " ";
- display: table
-}
-
-.tabs:after {
- clear: both
-}
-
-.tabs .tab-title,
-.tabs dd {
- position: relative;
- margin-bottom: 0!important;
- list-style: none;
- float: left
-}
-
-.tabs .tab-title>a,
-.tabs dd>a {
- outline: 0;
- display: block;
- background-color: #efefef;
- color: #222;
- font-size: 1rem
-}
-
-.tabs .tab-title>a:hover,
-.tabs dd>a:hover {
- background-color: #e1e1e1
-}
-
-.tabs .tab-title.active a,
-.tabs dd.active a {
- background-color: #fff;
- color: #222
-}
-
-.tabs.radius .tab:first-child a,
-.tabs.radius dd: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 .tab:last-child a,
-.tabs.radius dd: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 .tab-title,
-.tabs.vertical dd {
- position: inherit;
- float: none;
- display: block;
- top: auto
-}
-
-.tabs-content {
- width: 100%
-}
-
-.tabs-content:after,
-.tabs-content:before {
- content: " ";
- display: table
-}
-
-.tabs-content:after {
- clear: both
-}
-
-.tabs-content>.content {
- display: none;
- float: left;
- padding: .9375rem 0;
- width: 100%
-}
-
-.tabs-content>.content.active {
- display: block;
- float: none
-}
-
-.tabs-content>.content.contained {
- padding: .9375rem
-}
-
-.tabs-content.vertical {
- display: block
-}
-
-.tabs-content.vertical>.content {
- padding: 0 .9375rem
-}
-
-@media only screen and (min-width:701px) {
- .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
-}
-
-.has-tip {
- border-bottom: dotted 1px #ccc;
- cursor: help;
- font-weight: 700;
- color: #333
-}
-
-.has-tip:focus,
-.has-tip:hover {
- border-bottom: dotted 1px #003f54;
- color: #008cba
-}
-
-.has-tip.tip-left,
-.has-tip.tip-right {
- float: none!important
-}
-
-.tooltip {
- display: none;
- position: absolute;
- z-index: 1006;
- font-weight: 400;
- font-size: .875rem;
- line-height: 1.3;
- padding: .75rem;
- max-width: 300px;
- left: 50%;
- width: 100%;
- color: #fff;
- background: #333
-}
-
-.tooltip>.nub {
- display: block;
- left: 5px;
- position: absolute;
- width: 0;
- height: 0;
- border: 5px solid;
- border-color: transparent transparent #333;
- 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: #008cba!important;
- border-bottom: dotted 1px #003f54!important
-}
-
-.tap-to-close {
- display: block;
- font-size: .625rem;
- color: #777;
- font-weight: 400
-}
-
-@media only screen and (min-width:701px) {
- .tooltip>.nub {
- border-color: transparent transparent #333;
- top: -10px
- }
- .tooltip.tip-top>.nub {
- border-color: #333 transparent transparent;
- top: auto;
- bottom: -10px
- }
- .tooltip.tip-left,
- .tooltip.tip-right {
- float: none!important
- }
- .tooltip.tip-left>.nub {
- border-color: transparent transparent transparent #333;
- right: -10px;
- left: auto;
- top: 50%;
- margin-top: -5px
- }
- .tooltip.tip-right>.nub {
- border-color: transparent #333 transparent transparent;
- right: auto;
- left: -10px;
- top: 50%;
- margin-top: -5px
- }
-}
-
-.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 (min-width:501px) and (max-width:700px) {
- .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 and (min-width:501px) {
- .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:701px) and (max-width:900px) {
- .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:701px) {
- .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:901px) and (max-width:1100px) {
- .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:901px) {
- .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:1101px) and (max-width:1300px) {
- .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:1101px) {
- .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:1301px) and (max-width:99999999px) {
- .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:1301px) {
- .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
- }
-}
-
-blockquote,
-dd,
-div,
-dl,
-dt,
-form,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-li,
-ol,
-p,
-pre,
-td,
-th,
-ul {
- margin: 0;
- padding: 0
-}
-
-a {
- text-decoration: none;
- line-height: inherit
-}
-
-a:focus,
-a:hover {
- color: #0078a0
-}
-
-a img {
- border: none
-}
-
-p {
- font-family: inherit;
- font-weight: 400;
- 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: .875rem;
- line-height: 1.35;
- font-style: italic
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-style: normal;
- text-rendering: optimizeLegibility;
- margin-top: .2rem;
- margin-bottom: .5rem;
- line-height: 1.4
-}
-
-h1 small,
-h2 small,
-h3 small,
-h4 small,
-h5 small,
-h6 small {
- font-size: 60%
-}
-
-h1 {
- font-size: 2.125rem
-}
-
-h2 {
- font-size: 1.6875rem
-}
-
-h3 {
- font-size: 1.375rem
-}
-
-h4,
-h5 {
- font-size: 1.125rem
-}
-
-h6 {
- font-size: 1rem
-}
-
-.subheader {
- line-height: 1.4;
- color: #6f6f6f;
- font-weight: 400;
- margin-top: .2rem;
- margin-bottom: .5rem
-}
-
-hr {
- border: solid #ddd;
- border-width: 1px 0 0;
- clear: both;
- margin: 1.25rem 0 1.1875rem;
- height: 0
-}
-
-em,
-i {
- font-style: italic;
- line-height: inherit
-}
-
-b,
-strong {
- font-weight: 700;
- line-height: inherit
-}
-
-small {
- line-height: inherit
-}
-
-code {
- border-width: 1px;
- border-style: solid
-}
-
-dl,
-ol,
-ul {
- 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 ol,
-ul.no-bullet li ul {
- margin-left: 1.25rem;
- margin-bottom: 0;
- list-style: none
-}
-
-ul li ol,
-ul li ul {
- margin-left: 1.25rem;
- margin-bottom: 0
-}
-
-ul.circle li ul,
-ul.disc li ul,
-ul.square 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
-}
-
-ol {
- margin-left: 1.4rem
-}
-
-ol li ol,
-ol li ul {
- margin-left: 1.25rem;
- margin-bottom: 0
-}
-
-dl dt {
- margin-bottom: .3rem;
- font-weight: 700
-}
-
-dl dd {
- margin-bottom: .75rem
-}
-
-abbr,
-acronym {
- text-transform: uppercase;
- font-size: 90%;
- color: #222;
- cursor: help
-}
-
-abbr {
- text-transform: none
-}
-
-abbr[title] {
- border-bottom: 1px dotted #ddd
-}
-
-blockquote {
- margin: 0 0 1.25rem;
- padding: .5625rem 1.25rem 0 1.1875rem;
- border-left: 1px solid #ddd
-}
-
-blockquote cite {
- display: block;
- font-size: .8125rem;
- color: #555
-}
-
-blockquote cite:before {
- content: "\2014 \0020"
-}
-
-blockquote cite a,
-blockquote cite a:visited {
- color: #555
-}
-
-blockquote,
-blockquote p {
- line-height: 1.6;
- color: #6f6f6f
-}
-
-.vcard {
- display: inline-block;
- margin: 0 0 1.25rem;
- border: 1px solid #ddd;
- padding: .625rem .75rem
-}
-
-.vcard li {
- margin: 0;
- display: block
-}
-
-.vcard .fn {
- font-weight: 700;
- font-size: .9375rem
-}
-
-.vevent .summary {
- font-weight: 700
-}
-
-.vevent abbr {
- cursor: default;
- text-decoration: none;
- font-weight: 700;
- border: none;
- padding: 0 .0625rem
-}
-
-@media only screen and (min-width:701px) {
- 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-only {
- display: none!important
-}
-
-@media print {
- * {
- background: 0 0!important;
- color: #000!important;
- 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: ""
- }
- blockquote,
- pre {
- border: 1px solid #999;
- page-break-inside: avoid
- }
- thead {
- display: table-header-group
- }
- img,
- tr {
- page-break-inside: avoid
- }
- img {
- max-width: 100%!important
- }
- @page {
- margin: .5cm
- }
- h2,
- h3,
- p {
- 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-left,
-.off-canvas-wrap.move-right {
- min-height: 100%;
- -webkit-overflow-scrolling: touch
-}
-
-.inner-wrap {
- -webkit-backface-visibility: hidden;
- position: relative;
- width: 100%;
- transition: -webkit-transform 500ms ease;
- transition: transform 500ms ease
-}
-
-.inner-wrap:after,
-.inner-wrap:before {
- content: " ";
- display: table
-}
-
-.inner-wrap:after {
- clear: both
-}
-
-.tab-bar {
- -webkit-backface-visibility: hidden;
- background: #333;
- color: #fff;
- 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: #fff;
- font-weight: 700;
- 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 .625rem;
- position: absolute;
- text-align: center;
- height: 2.8125rem;
- top: 0
-}
-
-@media only screen and (min-width:701px) {
- .tab-bar-section.left,
- .tab-bar-section.right {
- text-align: left
- }
-}
-
-.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: #fff;
- position: relative;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
-}
-
-.tab-bar .menu-icon span::after {
- content: "";
- position: absolute;
- display: block;
- height: 0;
- top: 50%;
- margin-top: -.5rem;
- left: .90625rem;
- box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
- 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: #333;
- z-index: 1001;
- box-sizing: content-box;
- transition: -webkit-transform 500ms ease 0s;
- transition: transform 500ms ease 0s;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- -ms-transform: translate(-100.5%, 0);
- -webkit-transform: translate3d(-100.5%, 0, 0);
- -ms-transform: translate3d(-100.5%, 0, 0);
- transform: translate3d(-100.5%, 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: #333;
- z-index: 1001;
- box-sizing: content-box;
- transition: -webkit-transform 500ms ease 0s;
- transition: transform 500ms ease 0s;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- -ms-transform: translate(100.5%, 0);
- -webkit-transform: translate3d(100.5%, 0, 0);
- -ms-transform: translate3d(100.5%, 0, 0);
- transform: translate3d(100.5%, 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: .3rem .9375rem;
- color: #999;
- text-transform: uppercase;
- font-size: .75rem;
- font-weight: 700;
- background: #444;
- border-top: 1px solid #5e5e5e;
- border-bottom: none;
- margin: 0
-}
-
-ul.off-canvas-list li a {
- display: block;
- padding: .66667rem;
- color: rgba(255, 255, 255, .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);
- -ms-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, .5), 4px 0 4px rgba(0, 0, 0, .5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, .2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent
-}
-
-@media only screen and (min-width:701px) {
- .move-right .exit-off-canvas:hover {
- background: rgba(255, 255, 255, .05)
- }
-}
-
-.move-left>.inner-wrap {
- -ms-transform: translate(-15.625rem, 0);
- -webkit-transform: translate3d(-15.625rem, 0, 0);
- -ms-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, .5), 4px 0 4px rgba(0, 0, 0, .5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, .2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent
-}
-
-@media only screen and (min-width:701px) {
- .move-left .exit-off-canvas:hover {
- background: rgba(255, 255, 255, .05)
- }
-}
-
-.offcanvas-overlap .left-off-canvas-menu,
-.offcanvas-overlap .right-off-canvas-menu {
- -ms-transform: none;
- -webkit-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, .5), 4px 0 4px rgba(0, 0, 0, .5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, .2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent
-}
-
-@media only screen and (min-width:701px) {
- .offcanvas-overlap .exit-off-canvas:hover {
- background: rgba(255, 255, 255, .05)
- }
-}
-
-.offcanvas-overlap-left .right-off-canvas-menu {
- -ms-transform: none;
- -webkit-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, .5), 4px 0 4px rgba(0, 0, 0, .5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, .2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent
-}
-
-@media only screen and (min-width:701px) {
- .offcanvas-overlap-left .exit-off-canvas:hover {
- background: rgba(255, 255, 255, .05)
- }
-}
-
-.offcanvas-overlap-right .left-off-canvas-menu {
- -ms-transform: none;
- -webkit-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, .5), 4px 0 4px rgba(0, 0, 0, .5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, .2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent
-}
-
-@media only screen and (min-width:701px) {
- .offcanvas-overlap-right .exit-off-canvas:hover {
- background: rgba(255, 255, 255, .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: #333;
- z-index: 1002;
- box-sizing: content-box;
- -webkit-overflow-scrolling: touch;
- -ms-transform: translate(-100%, 0);
- -webkit-transform: translate3d(-100%, 0, 0);
- -ms-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- left: 0;
- transition: -webkit-transform 500ms ease;
- transition: transform 500ms ease
-}
-
-.left-submenu * {
- -webkit-backface-visibility: hidden
-}
-
-.left-submenu .back>a {
- padding: .3rem .9375rem;
- color: #999;
- text-transform: uppercase;
- font-weight: 700;
- 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: .5rem;
- display: inline
-}
-
-.left-submenu.move-right {
- -ms-transform: translate(0, 0);
- -webkit-transform: translate3d(0, 0, 0);
- -ms-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: #333;
- z-index: 1002;
- box-sizing: content-box;
- -webkit-overflow-scrolling: touch;
- -ms-transform: translate(100%, 0);
- -webkit-transform: translate3d(100%, 0, 0);
- -ms-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- right: 0;
- transition: -webkit-transform 500ms ease;
- transition: transform 500ms ease
-}
-
-.right-submenu * {
- -webkit-backface-visibility: hidden
-}
-
-.right-submenu .back>a {
- padding: .3rem .9375rem;
- color: #999;
- text-transform: uppercase;
- font-weight: 700;
- 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: .5rem;
- display: inline
-}
-
-.right-submenu.move-left {
- -ms-transform: translate(0, 0);
- -webkit-transform: translate3d(0, 0, 0);
- -ms-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: .5rem;
- display: inline
-}
-
-.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
- content: "\AB";
- margin-right: .5rem;
- display: inline
-}
-
-@media only screen and (min-width:501px) {
- .hide-for-large,
- .hide-for-large-only,
- .hide-for-large-up,
- .hide-for-medium,
- .hide-for-medium-only,
- .hide-for-medium-up,
- .hide-for-xlarge-only,
- .hide-for-xlarge-up,
- .hide-for-xxlarge-only,
- .hide-for-xxlarge-up,
- .show-for-large-down,
- .show-for-medium-down,
- .show-for-small,
- .show-for-small-down,
- .show-for-small-only,
- .show-for-small-up {
- display: inherit!important
- }
- .hide-for-large-down,
- .hide-for-medium-down,
- .hide-for-small,
- .hide-for-small-down,
- .hide-for-small-only,
- .hide-for-small-up,
- .show-for-large,
- .show-for-large-only,
- .show-for-large-up,
- .show-for-medium,
- .show-for-medium-only,
- .show-for-medium-up,
- .show-for-xlarge-only,
- .show-for-xlarge-up,
- .show-for-xxlarge-only,
- .show-for-xxlarge-up {
- display: none!important
- }
- .hidden-for-large,
- .hidden-for-large-only,
- .hidden-for-large-up,
- .hidden-for-medium,
- .hidden-for-medium-only,
- .hidden-for-medium-up,
- .hidden-for-xlarge-only,
- .hidden-for-xlarge-up,
- .hidden-for-xxlarge-only,
- .hidden-for-xxlarge-up,
- .visible-for-large-down,
- .visible-for-medium-down,
- .visible-for-small,
- .visible-for-small-down,
- .visible-for-small-only,
- .visible-for-small-up {
- position: static!important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto
- }
- .hidden-for-large-down,
- .hidden-for-medium-down,
- .hidden-for-small,
- .hidden-for-small-down,
- .hidden-for-small-only,
- .hidden-for-small-up,
- .visible-for-large,
- .visible-for-large-only,
- .visible-for-large-up,
- .visible-for-medium,
- .visible-for-medium-only,
- .visible-for-medium-up,
- .visible-for-xlarge-only,
- .visible-for-xlarge-up,
- .visible-for-xxlarge-only,
- .visible-for-xxlarge-up {
- position: absolute!important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px)
- }
- table.hide-for-large,
- table.hide-for-large-only,
- table.hide-for-large-up,
- table.hide-for-medium,
- table.hide-for-medium-only,
- table.hide-for-medium-up,
- table.hide-for-xlarge-only,
- table.hide-for-xlarge-up,
- table.hide-for-xxlarge-only,
- table.hide-for-xxlarge-up,
- table.show-for-large-down,
- table.show-for-medium-down,
- table.show-for-small,
- table.show-for-small-down,
- table.show-for-small-only,
- table.show-for-small-up {
- display: table!important
- }
- thead.hide-for-large,
- thead.hide-for-large-only,
- thead.hide-for-large-up,
- thead.hide-for-medium,
- thead.hide-for-medium-only,
- thead.hide-for-medium-up,
- thead.hide-for-xlarge-only,
- thead.hide-for-xlarge-up,
- thead.hide-for-xxlarge-only,
- thead.hide-for-xxlarge-up,
- thead.show-for-large-down,
- thead.show-for-medium-down,
- thead.show-for-small,
- thead.show-for-small-down,
- thead.show-for-small-only,
- thead.show-for-small-up {
- display: table-header-group!important
- }
- tbody.hide-for-large,
- tbody.hide-for-large-only,
- tbody.hide-for-large-up,
- tbody.hide-for-medium,
- tbody.hide-for-medium-only,
- tbody.hide-for-medium-up,
- tbody.hide-for-xlarge-only,
- tbody.hide-for-xlarge-up,
- tbody.hide-for-xxlarge-only,
- tbody.hide-for-xxlarge-up,
- tbody.show-for-large-down,
- tbody.show-for-medium-down,
- tbody.show-for-small,
- tbody.show-for-small-down,
- tbody.show-for-small-only,
- tbody.show-for-small-up {
- display: table-row-group!important
- }
- tr.hide-for-large,
- tr.hide-for-large-only,
- tr.hide-for-large-up,
- tr.hide-for-medium,
- tr.hide-for-medium-only,
- tr.hide-for-medium-up,
- tr.hide-for-xlarge-only,
- tr.hide-for-xlarge-up,
- tr.hide-for-xxlarge-only,
- tr.hide-for-xxlarge-up,
- tr.show-for-large-down,
- tr.show-for-medium-down,
- tr.show-for-small,
- tr.show-for-small-down,
- tr.show-for-small-only,
- tr.show-for-small-up {
- display: table-row!important
- }
- td.hide-for-large,
- td.hide-for-large-only,
- td.hide-for-large-up,
- td.hide-for-medium,
- td.hide-for-medium-only,
- td.hide-for-medium-up,
- td.hide-for-xlarge-only,
- td.hide-for-xlarge-up,
- td.hide-for-xxlarge-only,
- td.hide-for-xxlarge-up,
- td.show-for-large-down,
- td.show-for-medium-down,
- td.show-for-small,
- td.show-for-small-down,
- td.show-for-small-only,
- td.show-for-small-up,
- th.hide-for-large,
- th.hide-for-large-only,
- th.hide-for-large-up,
- th.hide-for-medium,
- th.hide-for-medium-only,
- th.hide-for-medium-up,
- th.hide-for-xlarge-only,
- th.hide-for-xlarge-up,
- th.hide-for-xxlarge-only,
- th.hide-for-xxlarge-up,
- th.show-for-large-down,
- th.show-for-medium-down,
- th.show-for-small,
- th.show-for-small-down,
- th.show-for-small-only,
- th.show-for-small-up {
- display: table-cell!important
- }
-}
-
-@media only screen and (min-width:701px) {
- .hide-for-large,
- .hide-for-large-only,
- .hide-for-large-up,
- .hide-for-small,
- .hide-for-small-down,
- .hide-for-small-only,
- .hide-for-xlarge-only,
- .hide-for-xlarge-up,
- .hide-for-xxlarge-only,
- .hide-for-xxlarge-up,
- .show-for-large-down,
- .show-for-medium,
- .show-for-medium-down,
- .show-for-medium-only,
- .show-for-medium-up,
- .show-for-small-up {
- display: inherit!important
- }
- .hide-for-large-down,
- .hide-for-medium,
- .hide-for-medium-down,
- .hide-for-medium-only,
- .hide-for-medium-up,
- .hide-for-small-up,
- .show-for-large,
- .show-for-large-only,
- .show-for-large-up,
- .show-for-small,
- .show-for-small-down,
- .show-for-small-only,
- .show-for-xlarge-only,
- .show-for-xlarge-up,
- .show-for-xxlarge-only,
- .show-for-xxlarge-up {
- display: none!important
- }
- .hidden-for-large,
- .hidden-for-large-only,
- .hidden-for-large-up,
- .hidden-for-small,
- .hidden-for-small-down,
- .hidden-for-small-only,
- .hidden-for-xlarge-only,
- .hidden-for-xlarge-up,
- .hidden-for-xxlarge-only,
- .hidden-for-xxlarge-up,
- .visible-for-large-down,
- .visible-for-medium,
- .visible-for-medium-down,
- .visible-for-medium-only,
- .visible-for-medium-up,
- .visible-for-small-up {
- position: static!important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto
- }
- .hidden-for-large-down,
- .hidden-for-medium,
- .hidden-for-medium-down,
- .hidden-for-medium-only,
- .hidden-for-medium-up,
- .hidden-for-small-up,
- .visible-for-large,
- .visible-for-large-only,
- .visible-for-large-up,
- .visible-for-small,
- .visible-for-small-down,
- .visible-for-small-only,
- .visible-for-xlarge-only,
- .visible-for-xlarge-up,
- .visible-for-xxlarge-only,
- .visible-for-xxlarge-up {
- position: absolute!important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px)
- }
- table.hide-for-large,
- table.hide-for-large-only,
- table.hide-for-large-up,
- table.hide-for-small,
- table.hide-for-small-down,
- table.hide-for-small-only,
- table.hide-for-xlarge-only,
- table.hide-for-xlarge-up,
- table.hide-for-xxlarge-only,
- table.hide-for-xxlarge-up,
- table.show-for-large-down,
- table.show-for-medium,
- table.show-for-medium-down,
- table.show-for-medium-only,
- table.show-for-medium-up,
- table.show-for-small-up {
- display: table!important
- }
- thead.hide-for-large,
- thead.hide-for-large-only,
- thead.hide-for-large-up,
- thead.hide-for-small,
- thead.hide-for-small-down,
- thead.hide-for-small-only,
- thead.hide-for-xlarge-only,
- thead.hide-for-xlarge-up,
- thead.hide-for-xxlarge-only,
- thead.hide-for-xxlarge-up,
- thead.show-for-large-down,
- thead.show-for-medium,
- thead.show-for-medium-down,
- thead.show-for-medium-only,
- thead.show-for-medium-up,
- thead.show-for-small-up {
- display: table-header-group!important
- }
- tbody.hide-for-large,
- tbody.hide-for-large-only,
- tbody.hide-for-large-up,
- tbody.hide-for-small,
- tbody.hide-for-small-down,
- tbody.hide-for-small-only,
- tbody.hide-for-xlarge-only,
- tbody.hide-for-xlarge-up,
- tbody.hide-for-xxlarge-only,
- tbody.hide-for-xxlarge-up,
- tbody.show-for-large-down,
- tbody.show-for-medium,
- tbody.show-for-medium-down,
- tbody.show-for-medium-only,
- tbody.show-for-medium-up,
- tbody.show-for-small-up {
- display: table-row-group!important
- }
- tr.hide-for-large,
- tr.hide-for-large-only,
- tr.hide-for-large-up,
- tr.hide-for-small,
- tr.hide-for-small-down,
- tr.hide-for-small-only,
- tr.hide-for-xlarge-only,
- tr.hide-for-xlarge-up,
- tr.hide-for-xxlarge-only,
- tr.hide-for-xxlarge-up,
- tr.show-for-large-down,
- tr.show-for-medium,
- tr.show-for-medium-down,
- tr.show-for-medium-only,
- tr.show-for-medium-up,
- tr.show-for-small-up {
- display: table-row!important
- }
- td.hide-for-large,
- td.hide-for-large-only,
- td.hide-for-large-up,
- td.hide-for-small,
- td.hide-for-small-down,
- td.hide-for-small-only,
- td.hide-for-xlarge-only,
- td.hide-for-xlarge-up,
- td.hide-for-xxlarge-only,
- td.hide-for-xxlarge-up,
- td.show-for-large-down,
- td.show-for-medium,
- td.show-for-medium-down,
- td.show-for-medium-only,
- td.show-for-medium-up,
- td.show-for-small-up,
- th.hide-for-large,
- th.hide-for-large-only,
- th.hide-for-large-up,
- th.hide-for-small,
- th.hide-for-small-down,
- th.hide-for-small-only,
- th.hide-for-xlarge-only,
- th.hide-for-xlarge-up,
- th.hide-for-xxlarge-only,
- th.hide-for-xxlarge-up,
- th.show-for-large-down,
- th.show-for-medium,
- th.show-for-medium-down,
- th.show-for-medium-only,
- th.show-for-medium-up,
- th.show-for-small-up {
- display: table-cell!important
- }
-}
-
-@media only screen and (min-width:901px) {
- .hide-for-medium,
- .hide-for-medium-down,
- .hide-for-medium-only,
- .hide-for-small,
- .hide-for-small-down,
- .hide-for-small-only,
- .hide-for-xlarge-only,
- .hide-for-xlarge-up,
- .hide-for-xxlarge-only,
- .hide-for-xxlarge-up,
- .show-for-large,
- .show-for-large-down,
- .show-for-large-only,
- .show-for-large-up,
- .show-for-medium-up,
- .show-for-small-up {
- display: inherit!important
- }
- .hide-for-large,
- .hide-for-large-down,
- .hide-for-large-only,
- .hide-for-large-up,
- .hide-for-medium-up,
- .hide-for-small-up,
- .show-for-medium,
- .show-for-medium-down,
- .show-for-medium-only,
- .show-for-small,
- .show-for-small-down,
- .show-for-small-only,
- .show-for-xlarge-only,
- .show-for-xlarge-up,
- .show-for-xxlarge-only,
- .show-for-xxlarge-up {
- display: none!important
- }
- .hidden-for-medium,
- .hidden-for-medium-down,
- .hidden-for-medium-only,
- .hidden-for-small,
- .hidden-for-small-down,
- .hidden-for-small-only,
- .hidden-for-xlarge-only,
- .hidden-for-xlarge-up,
- .hidden-for-xxlarge-only,
- .hidden-for-xxlarge-up,
- .visible-for-large,
- .visible-for-large-down,
- .visible-for-large-only,
- .visible-for-large-up,
- .visible-for-medium-up,
- .visible-for-small-up {
- position: static!important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto
- }
- .hidden-for-large,
- .hidden-for-large-down,
- .hidden-for-large-only,
- .hidden-for-large-up,
- .hidden-for-medium-up,
- .hidden-for-small-up,
- .visible-for-medium,
- .visible-for-medium-down,
- .visible-for-medium-only,
- .visible-for-small,
- .visible-for-small-down,
- .visible-for-small-only,
- .visible-for-xlarge-only,
- .visible-for-xlarge-up,
- .visible-for-xxlarge-only,
- .visible-for-xxlarge-up {
- position: absolute!important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px)
- }
- table.hide-for-medium,
- table.hide-for-medium-down,
- table.hide-for-medium-only,
- table.hide-for-small,
- table.hide-for-small-down,
- table.hide-for-small-only,
- table.hide-for-xlarge-only,
- table.hide-for-xlarge-up,
- table.hide-for-xxlarge-only,
- table.hide-for-xxlarge-up,
- table.show-for-large,
- table.show-for-large-down,
- table.show-for-large-only,
- table.show-for-large-up,
- table.show-for-medium-up,
- table.show-for-small-up {
- display: table!important
- }
- thead.hide-for-medium,
- thead.hide-for-medium-down,
- thead.hide-for-medium-only,
- thead.hide-for-small,
- thead.hide-for-small-down,
- thead.hide-for-small-only,
- thead.hide-for-xlarge-only,
- thead.hide-for-xlarge-up,
- thead.hide-for-xxlarge-only,
- thead.hide-for-xxlarge-up,
- thead.show-for-large,
- thead.show-for-large-down,
- thead.show-for-large-only,
- thead.show-for-large-up,
- thead.show-for-medium-up,
- thead.show-for-small-up {
- display: table-header-group!important
- }
- tbody.hide-for-medium,
- tbody.hide-for-medium-down,
- tbody.hide-for-medium-only,
- tbody.hide-for-small,
- tbody.hide-for-small-down,
- tbody.hide-for-small-only,
- tbody.hide-for-xlarge-only,
- tbody.hide-for-xlarge-up,
- tbody.hide-for-xxlarge-only,
- tbody.hide-for-xxlarge-up,
- tbody.show-for-large,
- tbody.show-for-large-down,
- tbody.show-for-large-only,
- tbody.show-for-large-up,
- tbody.show-for-medium-up,
- tbody.show-for-small-up {
- display: table-row-group!important
- }
- tr.hide-for-medium,
- tr.hide-for-medium-down,
- tr.hide-for-medium-only,
- tr.hide-for-small,
- tr.hide-for-small-down,
- tr.hide-for-small-only,
- tr.hide-for-xlarge-only,
- tr.hide-for-xlarge-up,
- tr.hide-for-xxlarge-only,
- tr.hide-for-xxlarge-up,
- tr.show-for-large,
- tr.show-for-large-down,
- tr.show-for-large-only,
- tr.show-for-large-up,
- tr.show-for-medium-up,
- tr.show-for-small-up {
- display: table-row!important
- }
- td.hide-for-medium,
- td.hide-for-medium-down,
- td.hide-for-medium-only,
- td.hide-for-small,
- td.hide-for-small-down,
- td.hide-for-small-only,
- td.hide-for-xlarge-only,
- td.hide-for-xlarge-up,
- td.hide-for-xxlarge-only,
- td.hide-for-xxlarge-up,
- td.show-for-large,
- td.show-for-large-down,
- td.show-for-large-only,
- td.show-for-large-up,
- td.show-for-medium-up,
- td.show-for-small-up,
- th.hide-for-medium,
- th.hide-for-medium-down,
- th.hide-for-medium-only,
- th.hide-for-small,
- th.hide-for-small-down,
- th.hide-for-small-only,
- th.hide-for-xlarge-only,
- th.hide-for-xlarge-up,
- th.hide-for-xxlarge-only,
- th.hide-for-xxlarge-up,
- th.show-for-large,
- th.show-for-large-down,
- th.show-for-large-only,
- th.show-for-large-up,
- th.show-for-medium-up,
- th.show-for-small-up {
- display: table-cell!important
- }
-}
-
-@media only screen and (min-width:1101px) {
- .hide-for-large,
- .hide-for-large-down,
- .hide-for-large-only,
- .hide-for-medium,
- .hide-for-medium-down,
- .hide-for-medium-only,
- .hide-for-small,
- .hide-for-small-down,
- .hide-for-small-only,
- .hide-for-xxlarge-only,
- .hide-for-xxlarge-up,
- .show-for-large-up,
- .show-for-medium-up,
- .show-for-small-up,
- .show-for-xlarge-only,
- .show-for-xlarge-up {
- display: inherit!important
- }
- .hide-for-large-up,
- .hide-for-medium-up,
- .hide-for-small-up,
- .hide-for-xlarge-only,
- .hide-for-xlarge-up,
- .show-for-large,
- .show-for-large-down,
- .show-for-large-only,
- .show-for-medium,
- .show-for-medium-down,
- .show-for-medium-only,
- .show-for-small,
- .show-for-small-down,
- .show-for-small-only,
- .show-for-xxlarge-only,
- .show-for-xxlarge-up {
- display: none!important
- }
- .hidden-for-large,
- .hidden-for-large-down,
- .hidden-for-large-only,
- .hidden-for-medium,
- .hidden-for-medium-down,
- .hidden-for-medium-only,
- .hidden-for-small,
- .hidden-for-small-down,
- .hidden-for-small-only,
- .hidden-for-xxlarge-only,
- .hidden-for-xxlarge-up,
- .visible-for-large-up,
- .visible-for-medium-up,
- .visible-for-small-up,
- .visible-for-xlarge-only,
- .visible-for-xlarge-up {
- position: static!important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto
- }
- .hidden-for-large-up,
- .hidden-for-medium-up,
- .hidden-for-small-up,
- .hidden-for-xlarge-only,
- .hidden-for-xlarge-up,
- .visible-for-large,
- .visible-for-large-down,
- .visible-for-large-only,
- .visible-for-medium,
- .visible-for-medium-down,
- .visible-for-medium-only,
- .visible-for-small,
- .visible-for-small-down,
- .visible-for-small-only,
- .visible-for-xxlarge-only,
- .visible-for-xxlarge-up {
- position: absolute!important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px)
- }
- table.hide-for-large,
- table.hide-for-large-down,
- table.hide-for-large-only,
- table.hide-for-medium,
- table.hide-for-medium-down,
- table.hide-for-medium-only,
- table.hide-for-small,
- table.hide-for-small-down,
- table.hide-for-small-only,
- table.hide-for-xxlarge-only,
- table.hide-for-xxlarge-up,
- table.show-for-large-up,
- table.show-for-medium-up,
- table.show-for-small-up,
- table.show-for-xlarge-only,
- table.show-for-xlarge-up {
- display: table!important
- }
- thead.hide-for-large,
- thead.hide-for-large-down,
- thead.hide-for-large-only,
- thead.hide-for-medium,
- thead.hide-for-medium-down,
- thead.hide-for-medium-only,
- thead.hide-for-small,
- thead.hide-for-small-down,
- thead.hide-for-small-only,
- thead.hide-for-xxlarge-only,
- thead.hide-for-xxlarge-up,
- thead.show-for-large-up,
- thead.show-for-medium-up,
- thead.show-for-small-up,
- thead.show-for-xlarge-only,
- thead.show-for-xlarge-up {
- display: table-header-group!important
- }
- tbody.hide-for-large,
- tbody.hide-for-large-down,
- tbody.hide-for-large-only,
- tbody.hide-for-medium,
- tbody.hide-for-medium-down,
- tbody.hide-for-medium-only,
- tbody.hide-for-small,
- tbody.hide-for-small-down,
- tbody.hide-for-small-only,
- tbody.hide-for-xxlarge-only,
- tbody.hide-for-xxlarge-up,
- tbody.show-for-large-up,
- tbody.show-for-medium-up,
- tbody.show-for-small-up,
- tbody.show-for-xlarge-only,
- tbody.show-for-xlarge-up {
- display: table-row-group!important
- }
- tr.hide-for-large,
- tr.hide-for-large-down,
- tr.hide-for-large-only,
- tr.hide-for-medium,
- tr.hide-for-medium-down,
- tr.hide-for-medium-only,
- tr.hide-for-small,
- tr.hide-for-small-down,
- tr.hide-for-small-only,
- tr.hide-for-xxlarge-only,
- tr.hide-for-xxlarge-up,
- tr.show-for-large-up,
- tr.show-for-medium-up,
- tr.show-for-small-up,
- tr.show-for-xlarge-only,
- tr.show-for-xlarge-up {
- display: table-row!important
- }
- td.hide-for-large,
- td.hide-for-large-down,
- td.hide-for-large-only,
- td.hide-for-medium,
- td.hide-for-medium-down,
- td.hide-for-medium-only,
- td.hide-for-small,
- td.hide-for-small-down,
- td.hide-for-small-only,
- td.hide-for-xxlarge-only,
- td.hide-for-xxlarge-up,
- td.show-for-large-up,
- td.show-for-medium-up,
- td.show-for-small-up,
- td.show-for-xlarge-only,
- td.show-for-xlarge-up,
- th.hide-for-large,
- th.hide-for-large-down,
- th.hide-for-large-only,
- th.hide-for-medium,
- th.hide-for-medium-down,
- th.hide-for-medium-only,
- th.hide-for-small,
- th.hide-for-small-down,
- th.hide-for-small-only,
- th.hide-for-xxlarge-only,
- th.hide-for-xxlarge-up,
- th.show-for-large-up,
- th.show-for-medium-up,
- th.show-for-small-up,
- th.show-for-xlarge-only,
- th.show-for-xlarge-up {
- display: table-cell!important
- }
-}
-
-@media only screen and (min-width:1301px) {
- .hide-for-large,
- .hide-for-large-down,
- .hide-for-large-only,
- .hide-for-medium,
- .hide-for-medium-down,
- .hide-for-medium-only,
- .hide-for-small,
- .hide-for-small-down,
- .hide-for-small-only,
- .hide-for-xlarge-only,
- .show-for-large-up,
- .show-for-medium-up,
- .show-for-small-up,
- .show-for-xlarge-up,
- .show-for-xxlarge-only,
- .show-for-xxlarge-up {
- display: inherit!important
- }
- .hide-for-large-up,
- .hide-for-medium-up,
- .hide-for-small-up,
- .hide-for-xlarge-up,
- .hide-for-xxlarge-only,
- .hide-for-xxlarge-up,
- .show-for-large,
- .show-for-large-down,
- .show-for-large-only,
- .show-for-medium,
- .show-for-medium-down,
- .show-for-medium-only,
- .show-for-small,
- .show-for-small-down,
- .show-for-small-only,
- .show-for-xlarge-only {
- display: none!important
- }
- .hidden-for-large,
- .hidden-for-large-down,
- .hidden-for-large-only,
- .hidden-for-medium,
- .hidden-for-medium-down,
- .hidden-for-medium-only,
- .hidden-for-small,
- .hidden-for-small-down,
- .hidden-for-small-only,
- .hidden-for-xlarge-only,
- .visible-for-large-up,
- .visible-for-medium-up,
- .visible-for-small-up,
- .visible-for-xlarge-up,
- .visible-for-xxlarge-only,
- .visible-for-xxlarge-up {
- position: static!important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto
- }
- .hidden-for-large-up,
- .hidden-for-medium-up,
- .hidden-for-small-up,
- .hidden-for-xlarge-up,
- .hidden-for-xxlarge-only,
- .hidden-for-xxlarge-up,
- .visible-for-large,
- .visible-for-large-down,
- .visible-for-large-only,
- .visible-for-medium,
- .visible-for-medium-down,
- .visible-for-medium-only,
- .visible-for-small,
- .visible-for-small-down,
- .visible-for-small-only,
- .visible-for-xlarge-only {
- position: absolute!important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px)
- }
- table.hide-for-large,
- table.hide-for-large-down,
- table.hide-for-large-only,
- table.hide-for-medium,
- table.hide-for-medium-down,
- table.hide-for-medium-only,
- table.hide-for-small,
- table.hide-for-small-down,
- table.hide-for-small-only,
- table.hide-for-xlarge-only,
- table.show-for-large-up,
- table.show-for-medium-up,
- table.show-for-small-up,
- table.show-for-xlarge-up,
- table.show-for-xxlarge-only,
- table.show-for-xxlarge-up {
- display: table!important
- }
- thead.hide-for-large,
- thead.hide-for-large-down,
- thead.hide-for-large-only,
- thead.hide-for-medium,
- thead.hide-for-medium-down,
- thead.hide-for-medium-only,
- thead.hide-for-small,
- thead.hide-for-small-down,
- thead.hide-for-small-only,
- thead.hide-for-xlarge-only,
- thead.show-for-large-up,
- thead.show-for-medium-up,
- thead.show-for-small-up,
- thead.show-for-xlarge-up,
- thead.show-for-xxlarge-only,
- thead.show-for-xxlarge-up {
- display: table-header-group!important
- }
- tbody.hide-for-large,
- tbody.hide-for-large-down,
- tbody.hide-for-large-only,
- tbody.hide-for-medium,
- tbody.hide-for-medium-down,
- tbody.hide-for-medium-only,
- tbody.hide-for-small,
- tbody.hide-for-small-down,
- tbody.hide-for-small-only,
- tbody.hide-for-xlarge-only,
- tbody.show-for-large-up,
- tbody.show-for-medium-up,
- tbody.show-for-small-up,
- tbody.show-for-xlarge-up,
- tbody.show-for-xxlarge-only,
- tbody.show-for-xxlarge-up {
- display: table-row-group!important
- }
- tr.hide-for-large,
- tr.hide-for-large-down,
- tr.hide-for-large-only,
- tr.hide-for-medium,
- tr.hide-for-medium-down,
- tr.hide-for-medium-only,
- tr.hide-for-small,
- tr.hide-for-small-down,
- tr.hide-for-small-only,
- tr.hide-for-xlarge-only,
- tr.show-for-large-up,
- tr.show-for-medium-up,
- tr.show-for-small-up,
- tr.show-for-xlarge-up,
- tr.show-for-xxlarge-only,
- tr.show-for-xxlarge-up {
- display: table-row!important
- }
- td.hide-for-large,
- td.hide-for-large-down,
- td.hide-for-large-only,
- td.hide-for-medium,
- td.hide-for-medium-down,
- td.hide-for-medium-only,
- td.hide-for-small,
- td.hide-for-small-down,
- td.hide-for-small-only,
- td.hide-for-xlarge-only,
- td.show-for-large-up,
- td.show-for-medium-up,
- td.show-for-small-up,
- td.show-for-xlarge-up,
- td.show-for-xxlarge-only,
- td.show-for-xxlarge-up,
- th.hide-for-large,
- th.hide-for-large-down,
- th.hide-for-large-only,
- th.hide-for-medium,
- th.hide-for-medium-down,
- th.hide-for-medium-only,
- th.hide-for-small,
- th.hide-for-small-down,
- th.hide-for-small-only,
- th.hide-for-xlarge-only,
- th.show-for-large-up,
- th.show-for-medium-up,
- th.show-for-small-up,
- th.show-for-xlarge-up,
- th.show-for-xxlarge-only,
- th.show-for-xxlarge-up {
- display: table-cell!important
- }
-}
-
-.hide-for-portrait,
-.show-for-landscape {
- display: inherit!important
-}
-
-.hide-for-landscape,
-.show-for-portrait {
- display: none!important
-}
-
-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) {
- .hide-for-portrait,
- .show-for-landscape {
- display: inherit!important
- }
- .hide-for-landscape,
- .show-for-portrait {
- display: none!important
- }
- table.hide-for-portrait,
- table.show-for-landscape {
- display: table!important
- }
- thead.hide-for-portrait,
- thead.show-for-landscape {
- display: table-header-group!important
- }
- tbody.hide-for-portrait,
- tbody.show-for-landscape {
- display: table-row-group!important
- }
- tr.hide-for-portrait,
- tr.show-for-landscape {
- display: table-row!important
- }
- td.hide-for-portrait,
- td.show-for-landscape,
- th.hide-for-portrait,
- th.show-for-landscape {
- display: table-cell!important
- }
-}
-
-@media only screen and (orientation:portrait) {
- .hide-for-landscape,
- .show-for-portrait {
- display: inherit!important
- }
- .hide-for-portrait,
- .show-for-landscape {
- display: none!important
- }
- 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
- }
-}
-
-.show-for-touch {
- display: none!important
-}
-
-.hide-for-touch,
-.touch .show-for-touch {
- display: inherit!important
-}
-
-.touch .hide-for-touch {
- display: none!important
-}
-
-.touch table.show-for-touch,
-table.hide-for-touch {
- display: table!important
-}
-
-.touch thead.show-for-touch,
-thead.hide-for-touch {
- display: table-header-group!important
-}
-
-.touch tbody.show-for-touch,
-tbody.hide-for-touch {
- display: table-row-group!important
-}
-
-.touch tr.show-for-touch,
-tr.hide-for-touch {
- display: table-row!important
-}
-
-.touch td.show-for-touch,
-.touch th.show-for-touch,
-td.hide-for-touch,
-th.hide-for-touch {
- display: table-cell!important
-}
-
-@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,
- th.show-for-print {
- display: table-cell!important
- }
-}
-
-@font-face {
- font-family: ghpages;
- src: url(../fonts/ghpages.eot?yziqsy);
- src: url(../fonts/ghpages.eot?#iefixyziqsy) format("embedded-opentype"), url(../fonts/ghpages.woff?yziqsy) format("woff"), url(../fonts/ghpages.ttf?yziqsy) format("truetype"), url(../fonts/ghpages.svg?yziqsy#ghpages) format("svg");
- font-weight: 400;
- font-style: normal
-}
-
-.anchor[href^="#"]:before,
-.icon,
-.label.tip {
- font-family: ghpages;
- speak: none;
- font-style: normal;
- font-weight: 400;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale
-}
-
-.icon--arrow-left:before {
- content: "\e094"
-}
-
-.icon--arrow-right:before {
- content: "\e095"
-}
-
-.icon--arrow-up:before {
- content: "\e096"
-}
-
-.icon--arrow-down:before {
- content: "\e097"
-}
-
-.icon--plus:before {
- content: "\e114"
-}
-
-.icon--minus:before {
- content: "\e115"
-}
-
-.icon--check:before {
- content: "\e116"
-}
-
-.icon--cross:before {
- content: "\e117"
-}
-
-.icon--menu:before {
- content: "\e120"
-}
-
-.icon--download:before {
- content: "\e122"
-}
-
-.anchor[href^="#"]:before,
-.icon--anchor:before {
- content: "\e600"
-}
-
-.icon--question:before,
-.label.tip:before {
- content: "\e601"
-}
-
-.icon--eye:before {
- content: "\e602"
-}
-
-.icon--stackoverflow:before {
- content: "\e603"
-}
-
-.icon--github:before {
- content: "\e604"
-}
-
-.icon--twitter:before {
- content: "\e605"
-}
-
-body {
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
- font-weight: 300;
- color: #434d5a;
- background: #434d5a;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
- font-weight: 600;
- color: #171b20
-}
-
-h1 small,
-h2 small,
-h3 small,
-h4 small,
-h5 small,
-h6 small {
- font-family: Handlee, serif;
- font-weight: 300;
- display: block;
- line-height: 1em;
- color: #596677
-}
-
-h1 {
- font-weight: 100
-}
-
-a,
-code a>.com,
-pre a>.com {
- color: #de6262;
- transition: color .2s ease
-}
-
-a:hover,
-code a>.com:hover,
-pre a>.com:hover {
- color: #00c7d7
-}
-
-a>.com {
- border-bottom: 1px dotted
-}
-
-small {
- font-size: .8em
-}
-
-pre .pln {
- color: #eee
-}
-
-@media screen {
- pre .str {
- color: #81E77E
- }
- pre .kwd {
- color: #c9c
- }
- pre .com {
- color: #999
- }
- pre .typ {
- color: #69c
- }
- pre .lit {
- color: #f99157
- }
- pre .clo,
- pre .opn,
- pre .pun {
- color: #dedede
- }
- pre .tag {
- color: #f2777a
- }
- pre .atn {
- color: #f99157
- }
- pre .atv {
- color: #5cd
- }
- pre .dec {
- color: #f99157
- }
- pre .var {
- color: #f2777a
- }
- pre .fun {
- color: #69c
- }
-}
-
-@media screen {
- pre.lang-css .pln {
- color: #81E77E
- }
- pre.lang-css .kwd {
- color: #dedede
- }
- pre.lang-css .lit {
- color: #f2777a
- }
-}
-
-code .pln {
- color: #30566D
-}
-
-@media screen {
- code .kwd,
- code .str {
- color: #F84E5F
- }
- code .com {
- color: #85b6ff
- }
- code .lit,
- code .typ {
- color: #30566D
- }
- code .pun {
- color: #333
- }
- code .clo,
- code .opn {
- color: #ccc
- }
- code .tag {
- color: #f2777a
- }
- code .atn {
- color: #f99157
- }
- code .atv {
- color: #6cc
- }
- code .dec {
- color: #f99157
- }
- code .var {
- color: #f2777a
- }
- code .fun {
- color: #69c
- }
-}
-
-@media print,
-projection {
- .str {
- color: #060
- }
- .kwd {
- color: #006;
- font-weight: 700
- }
- .com {
- color: #600;
- font-style: italic
- }
- .typ {
- color: #404;
- font-weight: 700
- }
- .lit {
- color: #044
- }
- .clo,
- .opn,
- .pun {
- color: #440
- }
- .tag {
- color: #006;
- font-weight: 700
- }
- .atn {
- color: #404
- }
- .atv {
- color: #060
- }
-}
-
-pre.prettyprint {
- background: #434d5a;
- font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
- font-size: 12px;
- line-height: 1.5
-}
-
-ol.linenums {
- margin-top: 0;
- margin-bottom: 0;
- color: #FFF
-}
-
-pre.prettyprint {
- padding: 1.2em 2em;
- margin: 0 .2em 2em;
- border: 0;
- white-space: pre;
- overflow-x: auto
-}
-
-@media only screen and (min-width:501px) {
- pre.prettyprint {
- padding: 1.8em 4em;
- margin: 0 -4em 2em
- }
-}
-
-@media only screen and (min-width:901px) {
- pre.prettyprint {
- padding: 1.8em 6.7em;
- margin: 0 -6.7em 2em
- }
-}
-
-.row>.column>pre.prettyprint,
-.row>.columns>pre.prettyprint {
- margin: 0 .2em 2em;
- padding: 1.8em 2em
-}
-
-pre.prettyprint ol {
- padding-left: 30px;
- list-style-type: decimal
-}
-
-code {
- font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
- font-weight: 400;
- color: #d8007b;
- background-color: #f5f9ff;
- border-color: #ebf3ff;
- border-radius: 2px;
- padding: .03em .3em .1em
-}
-
-.ui-slider.ui-slider-horizontal {
- margin-bottom: 4em
-}
-
-.ui-slider.ui-slider-horizontal .ui-slider-handle {
- width: 15px;
- height: 25px;
- margin-left: -7px;
- top: -7px
-}
-
-.ui-slider.ui-slider-vertical .ui-slider-handle {
- width: 25px;
- height: 15px;
- margin-bottom: -7px;
- left: -7px
-}
-
-.ui-widget-content .ui-slider-handle.ui-state-default {
- background: #434d5a;
- border-color: #434d5a
-}
-
-.ui-widget-content .ui-slider-handle.ui-state-active,
-.ui-widget-content .ui-slider-handle.ui-state-focus,
-.ui-widget-content .ui-slider-handle.ui-state-hover {
- background: #00c7d7;
- border-color: #00c7d7
-}
-
-.ui-widget-content .ui-slider-handle.ui-state-focus {
- outline: 0;
- border-color: #434d5a
-}
-
-.block {
- padding: 4em 1em
-}
-
-.block:nth-child(1) {
- padding-top: 0
-}
-
-@media only screen and (max-width:500px) {
- .block:nth-child(1) {
- padding-bottom: 0
- }
-}
-
-.block:nth-child(even) {
- background: #fff
-}
-
-.block:nth-child(even) .sub-block {
- border-bottom-color: #c7cdd5
-}
-
-@media only screen and (min-width:501px) {
- .block {
- padding: 4em 3em
- }
-}
-
-@media only screen and (min-width:901px) {
- .block {
- padding: 4em 5em
- }
-}
-
-.sub-block {
- padding: 3em .5em;
- margin: 0 -.5em;
- border-bottom: 1px solid #ffdac4
-}
-
-.sub-block:nth-child(1) {
- padding-top: 0
-}
-
-@media only screen and (min-width:501px) {
- .sub-block {
- padding: 3em 1em;
- margin: 0 -1em
- }
-}
-
-@media only screen and (min-width:901px) {
- .sub-block {
- padding: 4em 2em;
- margin: 0 -2em
- }
-}
-
-.sub-block:last-child {
- padding-bottom: 0;
- border-bottom: none
-}
-
-.row {
- width: auto;
- margin: 0 -.9375rem
-}
-
-.tabs .tab-title,
-.tabs dd {
- width: 25%
-}
-
-@media screen and (min-width:750px) {
- .tabs .tab-title,
- .tabs dd {
- width: auto
- }
-}
-
-.tabs .tab-title>a,
-.tabs dd>a {
- font-family: inherit;
- padding: .3em 0;
- text-align: center;
- background: 0 0
-}
-
-@media screen and (min-width:750px) {
- .tabs .tab-title>a,
- .tabs dd>a {
- padding: .4em 2em
- }
-}
-
-.tabs .tab-title.active>a,
-.tabs dd.active>a {
- background: #434d5a;
- color: #fffaf7
-}
-
-.tabs {
- padding: 0 1em;
- margin: 2em 0 0
-}
-
-.tabs.code {
- font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace
-}
-
-.tabs .anchor[href^="#"]:before,
-.tabs .icon,
-.tabs .label.tip {
- position: relative;
- top: 2px;
- font-size: 1.1em
-}
-
-.tabs-content {
- margin-bottom: 2em
-}
-
-.tabs-content [id$="-result"] {
- padding: 3em 0 1em;
- border-top: 1px solid
-}
-
-@media only screen and (max-width:500px) {
- .tabs-content [id$="-result"] {
- padding-left: 2em;
- padding-right: 2em
- }
-}
-
-.tabs-content [id$="-html"],
-.tabs-content [id$="-css"],
-.tabs-content [id$="-js"] {
- padding: 0
-}
-
-.button,
-button {
- background: linear-gradient(160deg, #24a4dc 0, #295dbb 100%);
- text-shadow: 0 1px 1px #204891;
- padding: 1em 2em .9em;
- border-radius: 2px;
- box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0);
- transition: all .2s ease
-}
-
-.button.dark,
-button.dark {
- background: linear-gradient(160deg, #2c4c54 0, #362a44 100%)
-}
-
-.button.grey,
-button.grey {
- background: linear-gradient(160deg, #8d9496 0, #585c5e 100%)
-}
-
-.button:hover,
-button:hover {
- box-shadow: inset 0 0 1px 1px #204891
-}
-
-.button .anchor[href^="#"]:before,
-.button .icon,
-.button .label.tip,
-button .anchor[href^="#"]:before,
-button .icon,
-button .label.tip {
- display: inline-block
-}
-
-.button .icon.left,
-.button .left.anchor[href^="#"]:before,
-.button .left.label.tip,
-button .icon.left,
-button .left.anchor[href^="#"]:before,
-button .left.label.tip {
- margin-right: 1em
-}
-
-.button .icon.right,
-.button .right.anchor[href^="#"]:before,
-.button .right.label.tip,
-button .icon.right,
-button .right.anchor[href^="#"]:before,
-button .right.label.tip {
- margin-left: 1em
-}
-
-.label.tip {
- position: absolute;
- -webkit-transform: translate(-3.5em, 2px);
- -ms-transform: translate(-3.5em, 2px);
- transform: translate(-3.5em, 2px)
-}
-
-.inline-list,
-.share-links {
- margin: 0 0 1em
-}
-
-.inline-list li,
-.share-links li {
- display: inline-block;
- margin: .5em 1em;
- float: none
-}
-
-@media screen and (max-width:1000px) {
- .table-wrapper {
- overflow-x: scroll
- }
- .table-wrapper table {
- min-width: 800px
- }
-}
-
-table {
- font-weight: 400;
- width: 100%
-}
-
-table tr td,
-table tr th {
- border-right: 1px solid #ddd;
- border-bottom: 1px solid #ddd;
- vertical-align: top
-}
-
-table tr td:last-child,
-table tr th:last-child {
- border-right: none
-}
-
-table tr:last-child td,
-table tr:last-child th {
- border-bottom: none
-}
-
-table tr.divider td {
- height: 3px;
- background: #ddd;
- padding: 0;
- border: none
-}
-
-table code {
- font-weight: 400
-}
-
-table p {
- font-size: inherit;
- margin-top: 0
-}
-
-table p:last-child,
-table p:only-child {
- margin: 0
-}
-
-.emoji {
- font-size: 1em;
- max-height: 1em;
- position: relative;
- top: -2px
-}
-
-body.nav--active {
- overflow: hidden
-}
-
-@media only screen and (min-width:701px) {
- body.nav--active {
- overflow: auto
- }
-}
-
-.sidebar {
- position: fixed;
- width: 84%;
- font-size: 1em;
- padding: 1em 1.5em 4em;
- top: 0;
- left: 0;
- height: 100%;
- background: #434d5a;
- color: #fffaf7;
- overflow: auto;
- z-index: 4815;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- transition: -webkit-transform .3s ease, width .3s ease, padding .3s ease;
- transition: transform .3s ease, width .3s ease, padding .3s ease
-}
-
-.sidebar--open {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
-}
-
-@media only screen and (min-width:701px) {
- .sidebar {
- font-size: .8em;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- width: 220px
- }
-}
-
-@media only screen and (min-width:901px) {
- .sidebar {
- width: 280px;
- font-size: 1em
- }
-}
-
-.sidebar__title {
- font-size: 1.4em;
- color: #fffaf7
-}
-
-.sidebar__nav {
- list-style: none;
- margin: 0;
- padding: 0 1em;
- font-size: 1em
-}
-
-.sidebar__item a {
- display: block;
- padding: .2em 0;
- color: #c7cdd5;
- transition: all .2s ease
-}
-
-.sidebar__item a:hover {
- color: #f3f4f6
-}
-
-.sidebar__item:before {
- content: "\2023";
- position: absolute;
- -webkit-transform: translate(-2em, .1em);
- -ms-transform: translate(-2em, .1em);
- transform: translate(-2em, .1em);
- opacity: 0;
- transition: all .2s ease
-}
-
-.sidebar__item--active:before,
-.sidebar__item:hover:before {
- -webkit-transform: translate(-1em, .1em);
- -ms-transform: translate(-1em, .1em);
- transform: translate(-1em, .1em);
- opacity: 1
-}
-
-.sidebar__item--active>a,
-.sidebar__item--active>a:hover {
- color: #00c7d7
-}
-
-.sidebar__item .sidebar__nav {
- font-size: .9em
-}
-
-.sidebar__toggle {
- position: fixed;
- font-size: 1.5em;
- width: 1em;
- height: 1em;
- bottom: .3em;
- right: .3em;
- padding: 1em;
- overflow: hidden;
- border-radius: 4px;
- background: #434d5a;
- transition: all .4s ease;
- z-index: 4815162342
-}
-
-@media only screen and (min-width:701px) {
- .sidebar__toggle {
- opacity: 0;
- -webkit-transform: translate(5em, 0);
- -ms-transform: translate(5em, 0);
- transform: translate(5em, 0)
- }
-}
-
-.sidebar__toggle [class^=icon] {
- position: absolute;
- width: 1em;
- height: 1em;
- left: 50%;
- top: 50%;
- margin: -.5em 0 0 -.5em;
- transition: all .3s ease
-}
-
-.sidebar__toggle .icon--cross {
- opacity: 0;
- -webkit-transform: translate(-2em, 0);
- -ms-transform: translate(-2em, 0);
- transform: translate(-2em, 0)
-}
-
-.sidebar__toggle--active {
- color: #00c7d7
-}
-
-.sidebar__toggle--active .icon--cross {
- opacity: 1;
- -webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
- transform: translate(0, 0)
-}
-
-.sidebar__toggle--active .icon--menu {
- opacity: 0;
- -webkit-transform: translate(2em, 0);
- -ms-transform: translate(2em, 0);
- transform: translate(2em, 0)
-}
-
-.content {
- padding-left: 0;
- padding-bottom: 12em;
- transition: -webkit-transform .3s ease, width .3s ease, padding .3s ease;
- transition: transform .3s ease, width .3s ease, padding .3s ease
-}
-
-@media only screen and (min-width:701px) {
- .content {
- padding-left: 220px
- }
-}
-
-@media only screen and (min-width:901px) {
- .content {
- padding-left: 280px
- }
-}
-
-.content__main h2 {
- font-size: 2em
-}
-
-.content__main h3 {
- font-size: 1.5em;
- color: #596677
-}
-
-.content__main h4 {
- font-size: 1.3em;
- color: #596677
-}
-
-.content__main h2 .emoji,
-.content__main h3 .emoji,
-.content__main h4 .emoji {
- top: -3px
-}
-
-.uppercase {
- text-transform: uppercase
-}
-
-@media screen and (max-width:1100px) {
- .install-columns .column,
- .install-columns .columns {
- float: none;
- width: 100%;
- position: static
- }
-}
-
-.header {
- margin: 1em -1em 0;
- padding: 4em 0 4.5em;
- text-align: center;
- color: #fffaf7;
- background: linear-gradient(148deg, #de6262 10%, #ffb88c 90%);
- box-shadow: inset 0 0 100px -20px rgba(192, 72, 100, .4);
- text-shadow: 0 1px 1px rgba(192, 72, 100, .7)
-}
-
-@media only screen and (min-width:501px) {
- .header {
- margin: 2em -1em 0;
- border-radius: 4px
- }
-}
-
-@media only screen and (min-width:901px) {
- .header {
- margin: 3em -2em 0
- }
-}
-
-@media only screen and (min-width:1301px) {
- .header {
- padding: 3em 4em 3.5em;
- text-align: left
- }
-}
-
-.header a {
- color: #fff
-}
-
-.header small {
- color: #fff;
- opacity: .8
-}
-
-@media screen and (max-width:900px) {
- .header h1 {
- font-size: 2em
- }
-}
-
-.share-links {
- text-align: center;
- font-weight: 400
-}
-
-.share-links .share-links__item {
- margin: .5em 1em
-}
-
-@media screen and (max-width:936px) {
- .share-links .share-links__item {
- font-size: .9em;
- margin: .5em
- }
-}
-
-@media screen and (max-width:430px) {
- .share-links .share-links__item {
- margin: .4em 0 0;
- display: block
- }
- .share-links .share-links__item:nth-child(1) {
- margin-top: 0
- }
-}
-
-@media only screen and (min-width:1301px) {
- .share-links {
- text-align: left
- }
-}
-
-@media only screen and (max-width:500px) {
- .share-links {
- margin: 1em 0
- }
-}
-
-.options-table tr td:nth-child(2) {
- min-width: 18em
-}
-
-.step-table tr td {
- vertical-align: middle
-}
-
-.step-table tr td:nth-child(3) {
- min-width: 350px
-}
-
-.step-table .ui-slider.ui-slider-horizontal {
- margin: .6em 0 1.4em;
- height: 5px;
- background: #00c7d7;
- border-color: #00c7d7
-}
-
-.step-table .ui-slider.ui-slider-horizontal .ui-slider-handle {
- height: 17px
-}
-
-.step-table .ui-slider.ui-slider-horizontal .ui-slider-pip {
- top: 8px
-}
-
-.step-table .ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] {
- color: #d8007b
-}
-
-.browser-list {
- list-style: none;
- padding: 0;
- margin: 2em 0;
- overflow: hidden
-}
-
-.browser-list__item {
- float: left;
- width: 16%;
- margin: 0 2%;
- text-align: center;
- font-weight: 800
-}
-
-.anchor[href^="#"] {
- color: #434d5a
-}
-
-.anchor[href^="#"]:before {
- position: absolute;
- font-size: .7em;
- -webkit-transform: translate(-3em, .5em);
- -ms-transform: translate(-3em, .5em);
- transform: translate(-3em, .5em);
- transition: all .2s ease;
- color: #de6262;
- opacity: 0
-}
-
-.anchor[href^="#"]:focus,
-.anchor[href^="#"]:hover,
-.block:target>h2>.anchor,
-.sub-block:target>h3>.anchor {
- outline: 0
-}
-
-@media only screen and (min-width:701px) {
- .anchor[href^="#"]:focus:before,
- .anchor[href^="#"]:hover:before {
- opacity: 1;
- -webkit-transform: translate(-1.5em, .5em);
- -ms-transform: translate(-1.5em, .5em);
- transform: translate(-1.5em, .5em)
- }
-}
-
-@media only screen and (min-width:701px) {
- .block:target>h2>.anchor:before,
- .sub-block:target>h3>.anchor:before {
- opacity: 1;
- -webkit-transform: translate(-1.5em, .5em);
- -ms-transform: translate(-1.5em, .5em);
- transform: translate(-1.5em, .5em)
- }
-}
-
-#circles-slider.ui-slider {
- border-radius: 20px;
- background: #434d5a;
- border: none;
- height: 10px;
- margin: 1em 4em 4em
-}
-
-#circles-slider .ui-slider-handle {
- border-radius: 23px;
- height: 23px;
- width: 23px;
- top: -7px;
- margin-left: -11px;
- border: 2px solid #fffaf7
-}
-
-#circles-slider .ui-slider-pip {
- top: 3px
-}
-
-#circles-slider .ui-slider-pip .ui-slider-line {
- width: 4px;
- height: 4px;
- border-radius: 4px;
- margin-left: -2px;
- background: #fffaf7
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-first,
-#circles-slider .ui-slider-pip.ui-slider-pip-last {
- top: -7px
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-line,
-#circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-line {
- display: none
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label,
-#circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
- margin: 0
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
- left: -2em;
- text-align: right
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
- left: 2em;
- text-align: left
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-selected-initial {
- font-weight: 400
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-selected {
- font-weight: 700
-}
-
-#circles-slider .ui-slider-pip.ui-slider-pip-selected,
-#circles-slider .ui-slider-pip.ui-slider-pip-selected-initial {
- color: #434d5a
-}
-
-#alternating-slider .ui-slider-pip .ui-slider-line {
- height: 8px;
- top: -5px
-}
-
-#alternating-slider .ui-slider-pip:nth-child(even) {
- top: -33px;
- height: 15px;
- -webkit-transform: scale(.8) translateY(3px);
- -ms-transform: scale(.8) translateY(3px);
- transform: scale(.8) translateY(3px);
- opacity: .8
-}
-
-#alternating-slider .ui-slider-pip:nth-child(even) .ui-slider-line {
- top: 22px;
- height: 9px
-}
-
-#alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-1 .ui-slider-label,
-#alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-2 .ui-slider-label,
-#alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-3 .ui-slider-label,
-#alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-4 .ui-slider-label {
- top: -3px
-}
-
-#alternating-slider .ui-slider-pip-initial-1 .ui-slider-label {
- color: #E80949
-}
-
-#alternating-slider .ui-slider-pip-initial-2 .ui-slider-label {
- color: #FF03CB
-}
-
-#alternating-slider .ui-slider-pip-initial-3 .ui-slider-label {
- color: #C309E8
-}
-
-#alternating-slider .ui-slider-pip-initial-4 .ui-slider-label {
- color: #920AFF
-}
-
-#alternating-slider .ui-slider-pip-selected-1 .ui-slider-label,
-#alternating-slider .ui-slider-pip-selected-2 .ui-slider-label,
-#alternating-slider .ui-slider-pip-selected-3 .ui-slider-label,
-#alternating-slider .ui-slider-pip-selected-4 .ui-slider-label {
- color: #fff;
- width: 2.4em;
- padding: 4px 0;
- margin-left: -1.2em;
- border-radius: 2px
-}
-
-#alternating-slider .ui-slider-pip-selected-1 .ui-slider-label {
- background-color: #E80949
-}
-
-#alternating-slider .ui-slider-pip-selected-2 .ui-slider-label {
- background-color: #FF03CB
-}
-
-#alternating-slider .ui-slider-pip-selected-3 .ui-slider-label {
- background-color: #C309E8
-}
-
-#alternating-slider .ui-slider-pip-selected-4 .ui-slider-label {
- background-color: #920AFF
-}
-
-#alternating-slider .ui-slider-tip {
- width: 34px;
- margin-left: -17px;
- top: -1px;
- background: #00c7d7;
- color: #fff;
- border: none;
- line-height: 27px;
- height: 25px
-}
-
-#alternating-slider .ui-slider-tip:after,
-#alternating-slider .ui-slider-tip:before {
- display: none
-}
-
-#alternating-slider .ui-slider-handle.ui-state-active .ui-slider-tip,
-#alternating-slider .ui-slider-handle.ui-state-focus .ui-slider-tip,
-#alternating-slider .ui-slider-handle.ui-state-hover .ui-slider-tip,
-#alternating-slider .ui-slider-handle:focus .ui-slider-tip,
-#alternating-slider .ui-slider-handle:hover .ui-slider-tip {
- top: -1px
-}
-
-#alternating-slider .ui-slider-handle.ui-state-focus {
- z-index: 100
-}
-
-#scale-slider.ui-slider {
- border-radius: 0;
- background: #c7cdd5;
- border: none;
- height: 2px;
- margin: 1em 4em 4em
-}
-
-@media screen and (max-width:1040px) {
- #scale-slider.ui-slider {
- margin: 1em .5em 4em
- }
-}
-
-#scale-slider.ui-slider .ui-slider-range {
- background: linear-gradient(to right, #434d5a 0, #00c7d7 50%, #434d5a 100%);
- border: 1px solid rgba(67, 77, 90, .5);
- height: 4px;
- top: -1px;
- transition: all .2s ease-out
-}
-
-#scale-slider .ui-slider-handle {
- border-radius: 2px;
- height: 20px;
- width: 12px;
- top: -26px;
- border: none
-}
-
-#scale-slider .ui-slider-handle:nth-of-type(n+1) {
- -webkit-transform: rotateZ(-10deg);
- transform: rotateZ(-10deg);
- margin-left: -9px
-}
-
-#scale-slider .ui-slider-handle:nth-of-type(n+2) {
- -webkit-transform: rotateZ(10deg);
- transform: rotateZ(10deg);
- margin-left: -3px
-}
-
-#scale-slider .ui-slider-handle:after {
- content: "";
- border: 6px solid transparent;
- width: 0;
- height: 0;
- position: absolute;
- bottom: -11px;
- border-top-color: #434d5a
-}
-
-#scale-slider .ui-slider-handle.ui-slider-handle.ui-state-active:after,
-#scale-slider .ui-slider-handle.ui-slider-handle.ui-state-focus:after,
-#scale-slider .ui-slider-handle.ui-slider-handle.ui-state-hover:after {
- border-top-color: #00c7d7
-}
-
-#scale-slider .ui-slider-pip {
- top: 2px
-}
-
-#scale-slider .ui-slider-pip .ui-slider-label {
- display: none;
- background: rgba(67, 77, 90, 0);
- color: #434d5a;
- border-radius: 4px;
- padding: .3em 0;
- width: 2.4em;
- margin-left: -1.2em;
- transition: all .2s ease-out
-}
-
-#scale-slider .ui-slider-pip .ui-slider-line {
- height: 4px
-}
-
-#scale-slider .ui-slider-pip:nth-of-type(5n+3) .ui-slider-line {
- height: 8px
-}
-
-#scale-slider .ui-slider-pip:nth-of-type(10n+3) .ui-slider-line {
- height: 12px
-}
-
-#scale-slider .ui-slider-pip:nth-of-type(10n+3) .ui-slider-label {
- top: 16px;
- display: block
-}
-
-#scale-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-line {
- margin-left: -1px
-}
-
-#scale-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label,
-#scale-slider .ui-slider-pip.ui-slider-pip-selected-first .ui-slider-label,
-#scale-slider .ui-slider-pip.ui-slider-pip-selected-second .ui-slider-label {
- background: rgba(67, 77, 90, .7);
- color: #fffaf7
-}
-
-#styling-rainbow-result {
- padding: 5em 5em 1em
-}
-
-#rainbow-slider {
- background: linear-gradient(to right, #390000 0, #ff4c4c 16%, #f7f733 32%, #3be240 50%, #6dccff 68%, #ca5aed 84%, #4c0041 100%) no-repeat;
- background-size: cover;
- border-radius: 30px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18);
- height: 10px
-}
-
-#rainbow-slider .ui-slider-handle {
- background: rgba(255, 255, 255, .21);
- border-color: rgba(0, 0, 0, .56);
- box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, .89);
- border-radius: 20px;
- top: -8px
-}
-
-#rainbow-slider .ui-slider-handle.ui-state-active,
-#rainbow-slider .ui-slider-handle.ui-state-focus,
-#rainbow-slider .ui-slider-handle.ui-state-hover,
-#rainbow-slider .ui-slider-handle:focus,
-#rainbow-slider .ui-slider-handle:hover {
- background: rgba(255, 255, 255, .21)
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label {
- width: 6em;
- margin-left: -3em
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="0"] {
- color: #390000
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="1"] {
- color: #ff4c4c
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="2"] {
- color: #ed6b25
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="3"] {
- color: #f7f733
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="4"] {
- color: #8beb3a
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="5"] {
- color: #3be240
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="6"] {
- color: #46dbce
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="7"] {
- color: #6dccff
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="8"] {
- color: #ad6bef
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="9"] {
- color: #ca5aed
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-label[data-value="10"] {
- color: #4c0041
-}
-
-#rainbow-slider .ui-slider-pip .ui-slider-line {
- top: 1px
-}
-
-#rainbow-slider .ui-slider-pip:nth-of-type(odd) {
- top: auto;
- bottom: 32px
-}
-
-#rainbow-slider .ui-slider-pip:nth-of-type(odd) .ui-slider-line {
- top: 21px
-}
-
-#styling-flat .vertical {
- text-align: center
-}
-
-[id*=flat-slider].ui-slider {
- background: #e8e2d3;
- border: none;
- border-radius: 0
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle {
- width: 20px;
- height: 20px;
- border-radius: 50% 50% 0;
- border-color: transparent;
- transition: border .4s ease
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-active,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-focus,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-hover {
- border-color: #172f38
-}
-
-[id*=flat-slider].ui-slider .ui-slider-pip .ui-slider-line {
- background: #e8e2d3;
- transition: all .4s ease
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal {
- height: 6px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-handle {
- -webkit-transform: rotateZ(45deg);
- transform: rotateZ(45deg);
- top: -25px;
- margin-left: -10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip {
- top: 10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
- width: 2px;
- height: 10px;
- margin-left: -1px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
- height: 20px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
- height: 12px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical {
- width: 6px;
- height: 125px;
- display: inline-block;
- margin: 0 15%
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle {
- -webkit-transform: rotateZ(-45deg);
- transform: rotateZ(-45deg);
- left: -25px;
- margin-bottom: -10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip {
- left: 10px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip .ui-slider-line {
- height: 2px;
- width: 10px;
- margin-top: -1px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
- width: 20px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
- width: 12px
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip,
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip {
- visibility: visible;
- opacity: 1;
- border: none;
- background: 0 0;
- left: 50%;
- width: 30px;
- margin-left: -15px;
- text-align: center;
- color: #fff;
- font-weight: 400;
- top: 10px;
- -webkit-transform: rotateZ(45deg);
- transform: rotateZ(45deg)
-}
-
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip:before,
-[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip:before {
- display: none
-}
-
-#flat-slider .ui-slider-handle,
-#flat-slider .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider .ui-slider-range {
- background-color: #25daa5
-}
-
-#flat-slider-vertical-1 .ui-slider-handle,
-#flat-slider-vertical-1 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider-vertical-1 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider-vertical-1 .ui-slider-range {
- background-color: #f27793
-}
-
-#flat-slider-vertical-2 .ui-slider-handle,
-#flat-slider-vertical-2 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider-vertical-2 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider-vertical-2 .ui-slider-range {
- background-color: #bd77f2
-}
-
-#flat-slider-vertical-3 .ui-slider-handle,
-#flat-slider-vertical-3 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
-#flat-slider-vertical-3 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
-#flat-slider-vertical-3 .ui-slider-range {
- background-color: #67c3ec
-}
-
-#double-label-slider.ui-slider {
- margin-top: 24px;
- height: 6px;
- background: #ddd;
- border: none;
- border-radius: 0
-}
-
-#double-label-slider.ui-slider .ui-slider-handle {
- background: #25daa5;
- border: none;
- width: 18px;
- height: 18px;
- margin-left: -9px;
- border-radius: 100%;
- transition: box-shadow .2s ease
-}
-
-#double-label-slider.ui-slider .ui-slider-handle.ui-state-active,
-#double-label-slider.ui-slider .ui-slider-handle.ui-state-focus,
-#double-label-slider.ui-slider .ui-slider-handle.ui-state-hover {
- box-shadow: 0 0 0 2px #25daa5
-}
-
-#double-label-slider.ui-slider .ui-slider-pip {
- top: -3px
-}
-
-#double-label-slider.ui-slider .ui-slider-pip .ui-slider-line {
- background: #fff;
- width: 12px;
- height: 12px;
- margin-left: -6px;
- box-shadow: 0 0 0 2px #25daa5;
- border-radius: 100%;
- transition: all .4s ease
-}
-
-#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label,
-#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i,
-#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
- width: 100px;
- margin-left: -50px;
- text-align: center
-}
-
-#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label {
- color: #888
-}
-
-#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i {
- font-style: normal;
- font-size: 1.8em;
- position: absolute;
- top: -36px
-}
-
-@media screen and (max-width:500px) {
- #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i {
- font-size: 1.4em
- }
-}
-
-#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
- opacity: .6;
- font-size: 1.2em;
- line-height: 1.3;
- position: absolute;
- top: 18px;
- transition: opacity .3s ease
-}
-
-@media screen and (max-width:500px) {
- #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
- font-size: 1.1em
- }
-}
-
-#double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-initial .ui-slider-label,
-#double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label,
-#double-label-slider.ui-slider .ui-slider-pip:focus .ui-slider-label,
-#double-label-slider.ui-slider .ui-slider-pip:hover .ui-slider-label {
- font-weight: 400
-}
-
-#double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-initial .ui-slider-label span,
-#double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label span,
-#double-label-slider.ui-slider .ui-slider-pip:focus .ui-slider-label span,
-#double-label-slider.ui-slider .ui-slider-pip:hover .ui-slider-label span {
- opacity: 1
-}
-
-#double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
- color: #000
-}
-
-.emoji-slider-question {
- font-size: 1.4em;
- transition: all .15s ease
-}
-
-@media screen and (max-width:950px) {
- .emoji-slider-question {
- font-size: 1.2em
- }
-}
-
-#emoji-slider {
- height: 5px;
- margin-top: 100px
-}
-
-#emoji-slider .ui-slider-handle {
- top: -6px;
- height: 16px;
- width: 16px;
- -webkit-transform: rotateZ(45deg);
- transform: rotateZ(45deg)
-}
-
-#emoji-slider .ui-slider-pip {
- top: -50px;
- margin-left: -1.2em
-}
-
-#emoji-slider .emoji {
- max-height: 2em;
- -webkit-transform: scale(.9);
- -ms-transform: scale(.9);
- transform: scale(.9);
- transition: -webkit-transform .2s ease-out;
- transition: transform .2s ease-out
-}
-
-@media screen and (max-width:950px) {
- #emoji-slider .emoji {
- -webkit-transform: scale(.7);
- -ms-transform: scale(.7);
- transform: scale(.7)
- }
-}
-
-#emoji-slider .ui-slider-pip-selected .emoji {
- -webkit-transform: scale(1.3) translateY(-5px);
- -ms-transform: scale(1.3) translateY(-5px);
- transform: scale(1.3) translateY(-5px)
-}
-
-@media screen and (max-width:950px) {
- #emoji-slider .ui-slider-pip-selected .emoji {
- -webkit-transform: scale(1.1) translateY(-5px);
- -ms-transform: scale(1.1) translateY(-5px);
- transform: scale(1.1) translateY(-5px)
- }
-}
-
-#emoji-slider .ui-slider-line {
- display: none
-}
-
-#styling-after-slider {
- margin-top: 3em
-}
-
-#styling-after-slider .ui-slider-pip {
- top: -12px
-}
-
-#styling-after-slider .ui-slider-pip .ui-slider-label {
- top: -18px
-}
-
-#prefix-suffix-slider .ui-slider-label {
- margin-left: -1.75em
-}
-
-@media screen and (max-width:1040px) {
- #prefix-suffix-slider .ui-slider-pip:nth-of-type(2n+1) .ui-slider-label {
- display: none
- }
-}
-
-#hanzi-labels-slider {
- font-family: SimHei, Hei, sans-serif
-}
-
-#hanzi-labels-slider .ui-slider-handle .ui-slider-tip {
- font-size: 1.4em;
- width: 42px;
- margin-left: -22px;
- height: 33px;
- line-height: 30px;
- top: -40px;
- background: #434d5a;
- border-color: #434d5a;
- color: #fff
-}
-
-#hanzi-labels-slider .ui-slider-handle .ui-slider-tip:after,
-#hanzi-labels-slider .ui-slider-handle .ui-slider-tip:before {
- border-top-color: #434d5a
-}
-
-#hanzi-labels-slider .ui-slider-pip {
- font-size: 1.2em
-}
-
-#steps-fivepercent-slider .ui-slider-tip {
- visibility: visible;
- opacity: 1;
- top: -30px
-}
-
-#vertical-slider {
- height: 150px;
- margin-left: 30px
-}
-
-@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,600);
-[id*=flat-slider].ui-slider,
-[id*=flat-slider].ui-slider .ui-slider-pip .ui-slider-line {
- background: #7e8c9f;
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle .ui-slider-tip:after {
- border-left-color: #434d5a;
-}
-
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-hover,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-focus,
-[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-active {
- border-color: white;
-}
-
-body {
- background: #434d5a;
- font-family: "Roboto";
-}
-
-h1 {
- color: #7e8c9f;
- padding: 0;
- margin: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- cursor: default;
-}
-
-p {
- color: #c7cdd5;
- text-align: center;
- margin: 0.5em 1em;
- font-weight: 300;
- font-size: 1.3em;
-}
-
-p:nth-of-type(1) {
- margin-top: 3em;
-}
-
-p:last-child {
- font-weight: 100;
- font-size: 1em;
-}
-
-p:last-child a {
- font-weight: 300;
-}
-
-.stuff {
- padding: 50px 50px 50px;
- max-width: 900px;
- margin: auto;
-}
\ No newline at end of file
diff --git a/RpiLedBars/web/slider/jquery-ui-slider-pips.css b/RpiLedBars/web/slider/jquery-ui-slider-pips.css
deleted file mode 100644
index 94a1755..0000000
--- a/RpiLedBars/web/slider/jquery-ui-slider-pips.css
+++ /dev/null
@@ -1,326 +0,0 @@
-/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04
-* Copyright (c) 2016 Simon Goellner ; Licensed MIT */
-
-/* HORIZONTAL */
-/* increase bottom margin to fit the pips */
-.ui-slider-horizontal.ui-slider-pips {
- margin-bottom: 1.4em;
-}
-
-/* default hide the labels and pips that arnt visible */
-/* we just use css to hide incase we want to show certain */
-/* labels/pips individually later */
-.ui-slider-pips .ui-slider-label,
-.ui-slider-pips .ui-slider-pip-hide {
- display: none;
-}
-
-/* now we show any labels that we've set to show in the options */
-.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
- display: block;
-}
-
-/* PIP/LABEL WRAPPER */
-/* position each pip absolutely just below the default slider */
-/* and also prevent accidental selection */
-.ui-slider-pips .ui-slider-pip {
- width: 2em;
- height: 1em;
- line-height: 1em;
- position: absolute;
- font-size: 0.8em;
- color: #999;
- overflow: visible;
- text-align: center;
- top: 20px;
- left: 20px;
- margin-left: -1em;
- cursor: pointer;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.ui-state-disabled.ui-slider-pips .ui-slider-pip {
- cursor: default;
-}
-
-/* little pip/line position & size */
-.ui-slider-pips .ui-slider-line {
- background: #999;
- width: 1px;
- height: 3px;
- position: absolute;
- left: 50%;
-}
-
-/* the text label postion & size */
-/* it overflows so no need for width to be accurate */
-.ui-slider-pips .ui-slider-label {
- position: absolute;
- top: 5px;
- left: 50%;
- margin-left: -1em;
- width: 2em;
-}
-
-/* make it easy to see when we hover a label */
-.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
- color: black;
- font-weight: bold;
-}
-
-/* VERTICAL */
-/* vertical slider needs right-margin, not bottom */
-.ui-slider-vertical.ui-slider-pips {
- margin-bottom: 1em;
- margin-right: 2em;
-}
-
-/* align vertical pips left and to right of the slider */
-.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
- text-align: left;
- top: auto;
- left: 20px;
- margin-left: 0;
- margin-bottom: -0.5em;
-}
-
-/* vertical line/pip should be horizontal instead */
-.ui-slider-vertical.ui-slider-pips .ui-slider-line {
- width: 3px;
- height: 1px;
- position: absolute;
- top: 50%;
- left: 0;
-}
-
-.ui-slider-vertical.ui-slider-pips .ui-slider-label {
- top: 50%;
- left: 0.5em;
- margin-left: 0;
- margin-top: -0.5em;
- width: 2em;
-}
-
-/* FLOATING HORIZTONAL TOOLTIPS */
-/* remove the godawful looking focus outline on handle and float */
-.ui-slider-float .ui-slider-handle:focus,
-.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
-.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
-.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
-.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label
-.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
- outline: none;
-}
-
-/* style tooltips on handles and on labels */
-/* also has a nice transition */
-.ui-slider-float .ui-slider-tip,
-.ui-slider-float .ui-slider-tip-label {
- position: absolute;
- visibility: hidden;
- top: -40px;
- display: block;
- width: 34px;
- margin-left: -18px;
- left: 50%;
- height: 20px;
- line-height: 20px;
- background: white;
- border-radius: 3px;
- border: 1px solid #888;
- text-align: center;
- font-size: 12px;
- opacity: 0;
- color: #333;
- -webkit-transition-property: opacity, top, visibility;
- transition-property: opacity, top, visibility;
- -webkit-transition-timing-function: ease-in;
- transition-timing-function: ease-in;
- -webkit-transition-duration: 200ms, 200ms, 0ms;
- transition-duration: 200ms, 200ms, 0ms;
- -webkit-transition-delay: 0ms, 0ms, 200ms;
- transition-delay: 0ms, 0ms, 200ms;
-}
-
-/* show the tooltip on hover or focus */
-/* also switch transition delay around */
-.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
-.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
-.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
-.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
-.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
-.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
- opacity: 1;
- top: -30px;
- visibility: visible;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
- -webkit-transition-delay: 200ms, 200ms, 0ms;
- transition-delay: 200ms, 200ms, 0ms;
-}
-
-/* put label tooltips below slider */
-.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
- top: 42px;
-}
-
-.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
- top: 32px;
- font-weight: normal;
-}
-
-/* give the tooltip a css triangle arrow */
-.ui-slider-float .ui-slider-tip:after,
-.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
- content: " ";
- width: 0;
- height: 0;
- border: 5px solid rgba(255, 255, 255, 0);
- border-top-color: white;
- position: absolute;
- bottom: -10px;
- left: 50%;
- margin-left: -5px;
-}
-
-/* put a 1px border on the tooltip arrow to match tooltip border */
-.ui-slider-float .ui-slider-tip:before,
-.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
- content: " ";
- width: 0;
- height: 0;
- border: 5px solid rgba(255, 255, 255, 0);
- border-top-color: #888;
- position: absolute;
- bottom: -11px;
- left: 50%;
- margin-left: -5px;
-}
-
-/* switch the arrow to top on labels */
-.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
- border: 5px solid rgba(255, 255, 255, 0);
- border-bottom-color: white;
- top: -10px;
-}
-
-.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
- border: 5px solid rgba(255, 255, 255, 0);
- border-bottom-color: #888;
- top: -11px;
-}
-
-/* FLOATING VERTICAL TOOLTIPS */
-/* tooltip floats to left of handle */
-.ui-slider-vertical.ui-slider-float .ui-slider-tip,
-.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
- top: 50%;
- margin-top: -11px;
- width: 34px;
- margin-left: 0px;
- left: -60px;
- color: #333;
- -webkit-transition-duration: 200ms, 200ms, 0;
- transition-duration: 200ms, 200ms, 0;
- -webkit-transition-property: opacity, left, visibility;
- transition-property: opacity, left, visibility;
- -webkit-transition-delay: 0, 0, 200ms;
- transition-delay: 0, 0, 200ms;
-}
-
-.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
-.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
-.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
-.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
-.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
-.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
- top: 50%;
- margin-top: -11px;
- left: -50px;
-}
-
-/* put label tooltips to right of slider */
-.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
- left: 47px;
-}
-
-.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
- left: 37px;
-}
-
-/* give the tooltip a css triangle arrow */
-.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
-.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
- border: 5px solid rgba(255, 255, 255, 0);
- border-left-color: white;
- border-top-color: transparent;
- position: absolute;
- bottom: 50%;
- margin-bottom: -5px;
- right: -10px;
- margin-left: 0;
- top: auto;
- left: auto;
-}
-
-.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
-.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
- border: 5px solid rgba(255, 255, 255, 0);
- border-left-color: #888;
- border-top-color: transparent;
- position: absolute;
- bottom: 50%;
- margin-bottom: -5px;
- right: -11px;
- margin-left: 0;
- top: auto;
- left: auto;
-}
-
-.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
- border: 5px solid rgba(255, 255, 255, 0);
- border-right-color: white;
- right: auto;
- left: -10px;
-}
-
-.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
- border: 5px solid rgba(255, 255, 255, 0);
- border-right-color: #888;
- right: auto;
- left: -11px;
-}
-
-/* SELECTED STATES */
-/* Comment out this chuck of code if you don't want to have
- the new label colours shown */
-.ui-slider-pips [class*=ui-slider-pip-initial] {
- font-weight: bold;
- color: #14CA82;
-}
-
-.ui-slider-pips .ui-slider-pip-initial-2 {
- color: #1897C9;
-}
-
-.ui-slider-pips [class*=ui-slider-pip-selected] {
- font-weight: bold;
- color: #FF7A00;
-}
-
-.ui-slider-pips .ui-slider-pip-inrange {
- color: black;
-}
-
-.ui-slider-pips .ui-slider-pip-selected-2 {
- color: #E70081;
-}
-
-.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
-.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
- background: black;
-}
diff --git a/RpiLedBars/web/slider/jquery-ui-slider-pips.js b/RpiLedBars/web/slider/jquery-ui-slider-pips.js
deleted file mode 100644
index 8a5c695..0000000
--- a/RpiLedBars/web/slider/jquery-ui-slider-pips.js
+++ /dev/null
@@ -1,812 +0,0 @@
-/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04
-* Copyright (c) 2016 Simon Goellner ; Licensed MIT */
-
-(function($) {
-
- "use strict";
-
- var extensionMethods = {
-
-
-
-
-
- // pips
-
- pips: function( settings ) {
-
- var slider = this,
- i, j, p,
- collection = "",
- mousedownHandlers,
- min = slider._valueMin(),
- max = slider._valueMax(),
- pips = ( max - min ) / slider.options.step,
- $handles = slider.element.find(".ui-slider-handle"),
- $pips;
-
- var options = {
-
- first: "label",
- /* "label", "pip", false */
-
- last: "label",
- /* "label", "pip", false */
-
- rest: "pip",
- /* "label", "pip", false */
-
- labels: false,
- /* [array], { first: "string", rest: [array], last: "string" }, false */
-
- prefix: "",
- /* "", string */
-
- suffix: "",
- /* "", string */
-
- step: ( pips > 100 ) ? Math.floor( pips * 0.05 ) : 1,
- /* number */
-
- formatLabel: function(value) {
- return this.prefix + value + this.suffix;
- }
- /* function
- must return a value to display in the pip labels */
-
- };
-
- if ( $.type( settings ) === "object" || $.type( settings ) === "undefined" ) {
-
- $.extend( options, settings );
- slider.element.data("pips-options", options );
-
- } else {
-
- if ( settings === "destroy" ) {
-
- destroy();
-
- } else if ( settings === "refresh" ) {
-
- slider.element.slider( "pips", slider.element.data("pips-options") );
-
- }
-
- return;
-
- }
-
-
- // we don't want the step ever to be a floating point or negative
- // (or 0 actually, so we'll set it to 1 in that case).
- slider.options.pipStep = Math.abs( Math.round( options.step ) ) || 1;
-
- // get rid of all pips that might already exist.
- slider.element
- .off( ".selectPip" )
- .addClass("ui-slider-pips")
- .find(".ui-slider-pip")
- .remove();
-
- // small object with functions for marking pips as selected.
-
- var selectPip = {
-
- single: function(value) {
-
- this.resetClasses();
-
- $pips
- .filter(".ui-slider-pip-" + this.classLabel(value) )
- .addClass("ui-slider-pip-selected");
-
- if ( slider.options.range ) {
-
- $pips.each(function(k, v) {
-
- var pipVal = $(v).children(".ui-slider-label").data("value");
-
- if (( slider.options.range === "min" && pipVal < value ) ||
- ( slider.options.range === "max" && pipVal > value )) {
-
- $(v).addClass("ui-slider-pip-inrange");
-
- }
-
- });
-
- }
-
- },
-
- range: function(values) {
-
- this.resetClasses();
-
- for ( i = 0; i < values.length; i++ ) {
-
- $pips
- .filter(".ui-slider-pip-" + this.classLabel(values[i]) )
- .addClass("ui-slider-pip-selected-" + ( i + 1 ) );
-
- }
-
- if ( slider.options.range ) {
-
- $pips.each(function(k, v) {
-
- var pipVal = $(v).children(".ui-slider-label").data("value");
-
- if ( pipVal > values[0] && pipVal < values[1] ) {
-
- $(v).addClass("ui-slider-pip-inrange");
-
- }
-
- });
-
- }
-
- },
-
- classLabel: function(value) {
-
- return value.toString().replace(".", "-");
-
- },
-
- resetClasses: function() {
-
- var regex = /(^|\s*)(ui-slider-pip-selected|ui-slider-pip-inrange)(-{1,2}\d+|\s|$)/gi;
-
- $pips.removeClass( function(index, css) {
- return ( css.match(regex) || [] ).join(" ");
- });
-
- }
-
- };
-
- function getClosestHandle( val ) {
-
- var h, k,
- sliderVals,
- comparedVals,
- closestVal,
- tempHandles = [],
- closestHandle = 0;
-
- if ( slider.values() && slider.values().length ) {
-
- // get the current values of the slider handles
- sliderVals = slider.values();
-
- // find the offset value from the `val` for each
- // handle, and store it in a new array
- comparedVals = $.map( sliderVals, function(v) {
- return Math.abs( v - val );
- });
-
- // figure out the closest handles to the value
- closestVal = Math.min.apply( Math, comparedVals );
-
- // if a comparedVal is the closestVal, then
- // set the value accordingly, and set the closest handle.
- for ( h = 0; h < comparedVals.length; h++ ) {
- if ( comparedVals[h] === closestVal ) {
- tempHandles.push(h);
- }
- }
-
- // set the closest handle to the first handle in array,
- // just incase we have no _lastChangedValue to compare to.
- closestHandle = tempHandles[0];
-
- // now we want to find out if any of the closest handles were
- // the last changed handle, if so we specify that handle to change
- for ( k = 0; k < tempHandles.length; k++ ) {
- if ( slider._lastChangedValue === tempHandles[k] ) {
- closestHandle = tempHandles[k];
- }
- }
-
- if ( slider.options.range && tempHandles.length === 2 ) {
-
- if ( val > sliderVals[1] ) {
-
- closestHandle = tempHandles[1];
-
- } else if ( val < sliderVals[0] ) {
-
- closestHandle = tempHandles[0];
-
- }
-
- }
-
- }
-
- return closestHandle;
-
- }
-
- function destroy() {
-
- slider.element
- .off(".selectPip")
- .on("mousedown.slider", slider.element.data("mousedown-original") )
- .removeClass("ui-slider-pips")
- .find(".ui-slider-pip")
- .remove();
-
- }
-
- // when we click on a label, we want to make sure the
- // slider's handle actually goes to that label!
- // so we check all the handles and see which one is closest
- // to the label we clicked. If 2 handles are equidistant then
- // we move both of them. We also want to trigger focus on the
- // handle.
-
- // without this method the label is just treated like a part
- // of the slider and there's no accuracy in the selected value
-
- function labelClick( label, e ) {
-
- if (slider.option("disabled")) {
- return;
- }
-
- var val = $(label).data("value"),
- indexToChange = getClosestHandle( val );
-
- if ( slider.values() && slider.values().length ) {
-
- slider.options.values[ indexToChange ] = slider._trimAlignValue( val );
-
- } else {
-
- slider.options.value = slider._trimAlignValue( val );
-
- }
-
- slider._refreshValue();
- slider._change( e, indexToChange );
-
- }
-
- // method for creating a pip. We loop this for creating all
- // the pips.
-
- function createPip( which ) {
-
- var label,
- percent,
- number = which,
- classes = "ui-slider-pip",
- css = "",
- value = slider.value(),
- values = slider.values(),
- labelValue,
- classLabel,
- labelIndex;
-
- if ( which === "first" ) {
-
- number = 0;
-
- } else if ( which === "last" ) {
-
- number = pips;
-
- }
-
- // labelValue is the actual value of the pip based on the min/step
- labelValue = min + ( slider.options.step * number );
-
- // classLabel replaces any decimals with hyphens
- classLabel = labelValue.toString().replace(".", "-");
-
- // get the index needed for selecting labels out of the array
- labelIndex = ( number + min ) - min;
-
- // we need to set the human-readable label to either the
- // corresponding element in the array, or the appropriate
- // item in the object... or an empty string.
-
- if ( $.type(options.labels) === "array" ) {
-
- label = options.labels[ labelIndex ] || "";
-
- } else if ( $.type( options.labels ) === "object" ) {
-
- if ( which === "first" ) {
-
- // set first label
- label = options.labels.first || "";
-
- } else if ( which === "last" ) {
-
- // set last label
- label = options.labels.last || "";
-
- } else if ( $.type( options.labels.rest ) === "array" ) {
-
- // set other labels, but our index should start at -1
- // because of the first pip.
- label = options.labels.rest[ labelIndex - 1 ] || "";
-
- } else {
-
- // urrggh, the options must be f**ked, just show nothing.
- label = labelValue;
-
- }
-
- } else {
-
- label = labelValue;
-
- }
-
-
-
-
- if ( which === "first" ) {
-
- // first Pip on the Slider
- percent = "0%";
-
- classes += " ui-slider-pip-first";
- classes += ( options.first === "label" ) ? " ui-slider-pip-label" : "";
- classes += ( options.first === false ) ? " ui-slider-pip-hide" : "";
-
- } else if ( which === "last" ) {
-
- // last Pip on the Slider
- percent = "100%";
-
- classes += " ui-slider-pip-last";
- classes += ( options.last === "label" ) ? " ui-slider-pip-label" : "";
- classes += ( options.last === false ) ? " ui-slider-pip-hide" : "";
-
- } else {
-
- // all other Pips
- percent = (( 100 / pips ) * which ).toFixed(4) + "%";
-
- classes += ( options.rest === "label" ) ? " ui-slider-pip-label" : "";
- classes += ( options.rest === false ) ? " ui-slider-pip-hide" : "";
-
- }
-
- classes += " ui-slider-pip-" + classLabel;
-
-
- // add classes for the initial-selected values.
- if ( values && values.length ) {
-
- for ( i = 0; i < values.length; i++ ) {
-
- if ( labelValue === values[i] ) {
-
- classes += " ui-slider-pip-initial-" + ( i + 1 );
- classes += " ui-slider-pip-selected-" + ( i + 1 );
-
- }
-
- }
-
- if ( slider.options.range ) {
-
- if ( labelValue > values[0] &&
- labelValue < values[1] ) {
-
- classes += " ui-slider-pip-inrange";
-
- }
-
- }
-
- } else {
-
- if ( labelValue === value ) {
-
- classes += " ui-slider-pip-initial";
- classes += " ui-slider-pip-selected";
-
- }
-
- if ( slider.options.range ) {
-
- if (( slider.options.range === "min" && labelValue < value ) ||
- ( slider.options.range === "max" && labelValue > value )) {
-
- classes += " ui-slider-pip-inrange";
-
- }
-
- }
-
- }
-
-
-
- css = ( slider.options.orientation === "horizontal" ) ?
- "left: " + percent :
- "bottom: " + percent;
-
-
- // add this current pip to the collection
- return "" +
- "" +
- "" + options.formatLabel(label) + "" +
- "";
-
- }
-
- // create our first pip
- collection += createPip("first");
-
- // for every stop in the slider where we need a pip; create one.
- for ( p = slider.options.pipStep; p < pips; p += slider.options.pipStep ) {
- collection += createPip( p );
- }
-
- // create our last pip
- collection += createPip("last");
-
- // append the collection of pips.
- slider.element.append( collection );
-
- // store the pips for setting classes later.
- $pips = slider.element.find(".ui-slider-pip");
-
-
-
- // store the mousedown handlers for later, just in case we reset
- // the slider, the handler would be lost!
-
- if ( $._data( slider.element.get(0), "events").mousedown &&
- $._data( slider.element.get(0), "events").mousedown.length ) {
-
- mousedownHandlers = $._data( slider.element.get(0), "events").mousedown;
-
- } else {
-
- mousedownHandlers = slider.element.data("mousedown-handlers");
-
- }
-
- slider.element.data("mousedown-handlers", mousedownHandlers.slice() );
-
- // loop through all the mousedown handlers on the slider,
- // and store the original namespaced (.slider) event handler so
- // we can trigger it later.
- for ( j = 0; j < mousedownHandlers.length; j++ ) {
- if ( mousedownHandlers[j].namespace === "slider" ) {
- slider.element.data("mousedown-original", mousedownHandlers[j].handler );
- }
- }
-
- // unbind the mousedown.slider event, because it interferes with
- // the labelClick() method (stops smooth animation), and decide
- // if we want to trigger the original event based on which element
- // was clicked.
- slider.element
- .off("mousedown.slider")
- .on("mousedown.selectPip", function(e) {
-
- var $target = $(e.target),
- closest = getClosestHandle( $target.data("value") ),
- $handle = $handles.eq( closest );
-
- $handle.addClass("ui-state-active");
-
- if ( $target.is(".ui-slider-label") ) {
-
- labelClick( $target, e );
-
- slider.element
- .one("mouseup.selectPip", function() {
-
- $handle
- .removeClass("ui-state-active")
- .focus();
-
- });
-
- } else {
-
- var originalMousedown = slider.element.data("mousedown-original");
- originalMousedown(e);
-
- }
-
- });
-
-
-
-
- slider.element.on( "slide.selectPip slidechange.selectPip", function(e, ui) {
-
- var $slider = $(this),
- value = $slider.slider("value"),
- values = $slider.slider("values");
-
- if ( ui ) {
-
- value = ui.value;
- values = ui.values;
-
- }
-
- if ( slider.values() && slider.values().length ) {
-
- selectPip.range( values );
-
- } else {
-
- selectPip.single( value );
-
- }
-
- });
-
-
-
-
- },
-
-
-
-
-
-
-
-
- // floats
-
- float: function( settings ) {
-
- var i,
- slider = this,
- min = slider._valueMin(),
- max = slider._valueMax(),
- value = slider._value(),
- values = slider._values(),
- tipValues = [],
- $handles = slider.element.find(".ui-slider-handle");
-
- var options = {
-
- handle: true,
- /* false */
-
- pips: false,
- /* true */
-
- labels: false,
- /* [array], { first: "string", rest: [array], last: "string" }, false */
-
- prefix: "",
- /* "", string */
-
- suffix: "",
- /* "", string */
-
- event: "slidechange slide",
- /* "slidechange", "slide", "slidechange slide" */
-
- formatLabel: function(value) {
- return this.prefix + value + this.suffix;
- }
- /* function
- must return a value to display in the floats */
-
- };
-
- if ( $.type( settings ) === "object" || $.type( settings ) === "undefined" ) {
-
- $.extend( options, settings );
- slider.element.data("float-options", options );
-
- } else {
-
- if ( settings === "destroy" ) {
-
- destroy();
-
- } else if ( settings === "refresh" ) {
-
- slider.element.slider( "float", slider.element.data("float-options") );
-
- }
-
- return;
-
- }
-
-
-
-
- if ( value < min ) {
- value = min;
- }
-
- if ( value > max ) {
- value = max;
- }
-
- if ( values && values.length ) {
-
- for ( i = 0; i < values.length; i++ ) {
-
- if ( values[i] < min ) {
- values[i] = min;
- }
-
- if ( values[i] > max ) {
- values[i] = max;
- }
-
- }
-
- }
-
- // add a class for the CSS
- slider.element
- .addClass("ui-slider-float")
- .find(".ui-slider-tip, .ui-slider-tip-label")
- .remove();
-
-
-
- function destroy() {
-
- slider.element
- .off(".sliderFloat")
- .removeClass("ui-slider-float")
- .find(".ui-slider-tip, .ui-slider-tip-label")
- .remove();
-
- }
-
-
- function getPipLabels( values ) {
-
- // when checking the array we need to divide
- // by the step option, so we store those values here.
-
- var vals = [],
- steppedVals = $.map( values, function(v) {
- return Math.ceil(( v - min ) / slider.options.step);
- });
-
- // now we just get the values we need to return
- // by looping through the values array and assigning the
- // label if it exists.
-
- if ( $.type( options.labels ) === "array" ) {
-
- for ( i = 0; i < values.length; i++ ) {
-
- vals[i] = options.labels[ steppedVals[i] ] || values[i];
-
- }
-
- } else if ( $.type( options.labels ) === "object" ) {
-
- for ( i = 0; i < values.length; i++ ) {
-
- if ( values[i] === min ) {
-
- vals[i] = options.labels.first || min;
-
- } else if ( values[i] === max ) {
-
- vals[i] = options.labels.last || max;
-
- } else if ( $.type( options.labels.rest ) === "array" ) {
-
- vals[i] = options.labels.rest[ steppedVals[i] - 1 ] || values[i];
-
- } else {
-
- vals[i] = values[i];
-
- }
-
- }
-
- } else {
-
- for ( i = 0; i < values.length; i++ ) {
-
- vals[i] = values[i];
-
- }
-
- }
-
- return vals;
-
- }
-
- // apply handle tip if settings allows.
- if ( options.handle ) {
-
- // we need to set the human-readable label to either the
- // corresponding element in the array, or the appropriate
- // item in the object... or an empty string.
-
- tipValues = ( slider.values() && slider.values().length ) ?
- getPipLabels( values ) :
- getPipLabels( [ value ] );
-
- for ( i = 0; i < tipValues.length; i++ ) {
-
- $handles
- .eq( i )
- .append( $(""+ options.formatLabel(tipValues[i]) +"") );
-
- }
-
- }
-
- if ( options.pips ) {
-
- // if this slider also has pip-labels, we make those into tips, too.
- slider.element.find(".ui-slider-label").each(function(k, v) {
-
- var $this = $(v),
- val = [ $this.data("value") ],
- label,
- $tip;
-
-
- label = options.formatLabel( getPipLabels( val )[0] );
-
- // create a tip element
- $tip =
- $("" + label + "")
- .insertAfter( $this );
-
- });
-
- }
-
- // check that the event option is actually valid against our
- // own list of the slider's events.
- if ( options.event !== "slide" &&
- options.event !== "slidechange" &&
- options.event !== "slide slidechange" &&
- options.event !== "slidechange slide" ) {
-
- options.event = "slidechange slide";
-
- }
-
- // when slider changes, update handle tip label.
- slider.element
- .off(".sliderFloat")
- .on( options.event + ".sliderFloat", function( e, ui ) {
-
- var uiValue = ( $.type( ui.value ) === "array" ) ? ui.value : [ ui.value ],
- val = options.formatLabel( getPipLabels( uiValue )[0] );
-
- $(ui.handle)
- .find(".ui-slider-tip")
- .html( val );
-
- });
-
- }
-
- };
-
- $.extend(true, $.ui.slider.prototype, extensionMethods);
-
-})(jQuery);
diff --git a/RpiLedBars/web/slider/jquery-ui-slider-pips.min.css b/RpiLedBars/web/slider/jquery-ui-slider-pips.min.css
deleted file mode 100644
index 7badd71..0000000
--- a/RpiLedBars/web/slider/jquery-ui-slider-pips.min.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04
-* Copyright (c) 2016 Simon Goellner ; Licensed MIT */
-
-.ui-slider-horizontal.ui-slider-pips{margin-bottom:1.4em}.ui-slider-pips .ui-slider-label,.ui-slider-pips .ui-slider-pip-hide{display:none}.ui-slider-pips .ui-slider-pip-label .ui-slider-label{display:block}.ui-slider-pips .ui-slider-pip{width:2em;height:1em;line-height:1em;position:absolute;font-size:0.8em;color:#999;overflow:visible;text-align:center;top:20px;left:20px;margin-left:-1em;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-state-disabled.ui-slider-pips .ui-slider-pip{cursor:default}.ui-slider-pips .ui-slider-line{background:#999;width:1px;height:3px;position:absolute;left:50%}.ui-slider-pips .ui-slider-label{position:absolute;top:5px;left:50%;margin-left:-1em;width:2em}.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label{color:black;font-weight:bold}.ui-slider-vertical.ui-slider-pips{margin-bottom:1em;margin-right:2em}.ui-slider-vertical.ui-slider-pips .ui-slider-pip{text-align:left;top:auto;left:20px;margin-left:0;margin-bottom:-0.5em}.ui-slider-vertical.ui-slider-pips .ui-slider-line{width:3px;height:1px;position:absolute;top:50%;left:0}.ui-slider-vertical.ui-slider-pips .ui-slider-label{top:50%;left:0.5em;margin-left:0;margin-top:-0.5em;width:2em}.ui-slider-float .ui-slider-handle:focus,.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label{outline:none}.ui-slider-float .ui-slider-tip,.ui-slider-float .ui-slider-tip-label{position:absolute;visibility:hidden;top:-40px;display:block;width:34px;margin-left:-18px;left:50%;height:20px;line-height:20px;background:white;border-radius:3px;border:1px solid #888;text-align:center;font-size:12px;opacity:0;color:#333;-webkit-transition-property:opacity, top, visibility;transition-property:opacity, top, visibility;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transition-duration:200ms, 200ms, 0ms;transition-duration:200ms, 200ms, 0ms;-webkit-transition-delay:0ms, 0ms, 200ms;transition-delay:0ms, 0ms, 200ms}.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{opacity:1;top:-30px;visibility:visible;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-delay:200ms, 200ms, 0ms;transition-delay:200ms, 200ms, 0ms}.ui-slider-float .ui-slider-pip .ui-slider-tip-label{top:42px}.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{top:32px;font-weight:normal}.ui-slider-float .ui-slider-tip:after,.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{content:" ";width:0;height:0;border:5px solid rgba(255,255,255,0);border-top-color:#fff;position:absolute;bottom:-10px;left:50%;margin-left:-5px}.ui-slider-float .ui-slider-tip:before,.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before{content:" ";width:0;height:0;border:5px solid rgba(255,255,255,0);border-top-color:#888;position:absolute;bottom:-11px;left:50%;margin-left:-5px}.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{border:5px solid rgba(255,255,255,0);border-bottom-color:#fff;top:-10px}.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before{border:5px solid rgba(255,255,255,0);border-bottom-color:#888;top:-11px}.ui-slider-vertical.ui-slider-float .ui-slider-tip,.ui-slider-vertical.ui-slider-float .ui-slider-tip-label{top:50%;margin-top:-11px;width:34px;margin-left:0px;left:-60px;color:#333;-webkit-transition-duration:200ms, 200ms, 0;transition-duration:200ms, 200ms, 0;-webkit-transition-property:opacity, left, visibility;transition-property:opacity, left, visibility;-webkit-transition-delay:0, 0, 200ms;transition-delay:0, 0, 200ms}.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{top:50%;margin-top:-11px;left:-50px}.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label{left:47px}.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{left:37px}.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{border:5px solid rgba(255,255,255,0);border-left-color:#fff;border-top-color:transparent;position:absolute;bottom:50%;margin-bottom:-5px;right:-10px;margin-left:0;top:auto;left:auto}.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before{border:5px solid rgba(255,255,255,0);border-left-color:#888;border-top-color:transparent;position:absolute;bottom:50%;margin-bottom:-5px;right:-11px;margin-left:0;top:auto;left:auto}.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{border:5px solid rgba(255,255,255,0);border-right-color:#fff;right:auto;left:-10px}.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before{border:5px solid rgba(255,255,255,0);border-right-color:#888;right:auto;left:-11px}.ui-slider-pips [class*=ui-slider-pip-initial]{font-weight:bold;color:#14CA82}.ui-slider-pips .ui-slider-pip-initial-2{color:#1897C9}.ui-slider-pips [class*=ui-slider-pip-selected]{font-weight:bold;color:#FF7A00}.ui-slider-pips .ui-slider-pip-inrange{color:black}.ui-slider-pips .ui-slider-pip-selected-2{color:#E70081}.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line{background:black}
diff --git a/RpiLedBars/web/slider/jquery-ui-slider-pips.min.js b/RpiLedBars/web/slider/jquery-ui-slider-pips.min.js
deleted file mode 100644
index a866ead..0000000
--- a/RpiLedBars/web/slider/jquery-ui-slider-pips.min.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04
-* Copyright (c) 2016 Simon Goellner ; Licensed MIT */
-
-!function(e){"use strict";var i={pips:function(i){function l(i){var l,s,t,a,n,r=[],o=0;if(u.values()&&u.values().length){for(t=u.values(),a=e.map(t,function(e){return Math.abs(e-i)}),n=Math.min.apply(Math,a),l=0;lt[1]?o=r[1]:iv[0]&&tt||"max"===u.options.range&&t>f)&&(p+=" ui-slider-pip-inrange");return d="horizontal"===u.options.orientation?"left: "+s:"bottom: "+s,''+g.formatLabel(l)+""}var n,r,o,p,d,u=this,f="",c=u._valueMin(),v=u._valueMax(),h=(v-c)/u.options.step,m=u.element.find(".ui-slider-handle"),g={first:"label",last:"label",rest:"pip",labels:!1,prefix:"",suffix:"",step:h>100?Math.floor(.05*h):1,formatLabel:function(e){return this.prefix+e+this.suffix}};if("object"!==e.type(i)&&"undefined"!==e.type(i))return void("destroy"===i?s():"refresh"===i&&u.element.slider("pips",u.element.data("pips-options")));e.extend(g,i),u.element.data("pips-options",g),u.options.pipStep=Math.abs(Math.round(g.step))||1,u.element.off(".selectPip").addClass("ui-slider-pips").find(".ui-slider-pip").remove();var b={single:function(i){this.resetClasses(),d.filter(".ui-slider-pip-"+this.classLabel(i)).addClass("ui-slider-pip-selected"),u.options.range&&d.each(function(l,s){var t=e(s).children(".ui-slider-label").data("value");("min"===u.options.range&&i>t||"max"===u.options.range&&t>i)&&e(s).addClass("ui-slider-pip-inrange")})},range:function(i){for(this.resetClasses(),n=0;ni[0]&&to;o+=u.options.pipStep)f+=a(o);for(f+=a("last"),u.element.append(f),d=u.element.find(".ui-slider-pip"),p=e._data(u.element.get(0),"events").mousedown&&e._data(u.element.get(0),"events").mousedown.length?e._data(u.element.get(0),"events").mousedown:u.element.data("mousedown-handlers"),u.element.data("mousedown-handlers",p.slice()),r=0;ro&&(o=n),o>r&&(o=r),p&&p.length)for(t=0;tr&&(p[t]=r);if(a.element.addClass("ui-slider-float").find(".ui-slider-tip, .ui-slider-tip-label").remove(),f.handle)for(d=s(a.values()&&a.values().length?p:[o]),t=0;t'+f.formatLabel(d[t])+""));f.pips&&a.element.find(".ui-slider-label").each(function(i,l){var t,a,n=e(l),r=[n.data("value")];t=f.formatLabel(s(r)[0]),a=e(''+t+"").insertAfter(n)}),"slide"!==f.event&&"slidechange"!==f.event&&"slide slidechange"!==f.event&&"slidechange slide"!==f.event&&(f.event="slidechange slide"),a.element.off(".sliderFloat").on(f.event+".sliderFloat",function(i,l){var t="array"===e.type(l.value)?l.value:[l.value],a=f.formatLabel(s(t)[0]);e(l.handle).find(".ui-slider-tip").html(a)})}};e.extend(!0,e.ui.slider.prototype,i)}(jQuery);
\ No newline at end of file