From 01b2c578d3dfc605cabe057f0b8e0703920e6f44 Mon Sep 17 00:00:00 2001 From: dohliam Date: Thu, 21 May 2020 20:04:20 -0700 Subject: [PATCH] add new frameworks - resolves #20 --- README.md | 11 + min/centurion.min.css | 1 + min/cirrus.min.css | 1 + min/cutestrap.min.css | 1 + min/gutenberg.min.css | 6 + min/hello.min.css | 1 + min/hiq.min.css | 1 + min/material.min.css | 1 + min/minimal.min.css | 1 + min/propeller.min.css | 97 + min/roble.min.css | 1 + min/scooter.min.css | 14 + scripts/frameworks.yml | 91 +- src/centurion.css | 2034 ++++++ src/cirrus.css | 5699 ++++++++++++++++ src/cutestrap.css | 1093 +++ src/gutenberg.css | 569 ++ src/hello.css | 725 ++ src/hiq.css | 1 + src/material.css | 14381 +++++++++++++++++++++++++++++++++++++++ src/minimal.css | 112 + src/propeller.css | 4346 ++++++++++++ src/roble.css | 1 + src/scooter.css | 1731 +++++ switcher.js | 2 +- 25 files changed, 30918 insertions(+), 3 deletions(-) create mode 100644 min/centurion.min.css create mode 100644 min/cirrus.min.css create mode 100644 min/cutestrap.min.css create mode 100644 min/gutenberg.min.css create mode 100644 min/hello.min.css create mode 100644 min/hiq.min.css create mode 100644 min/material.min.css create mode 100644 min/minimal.min.css create mode 100644 min/propeller.min.css create mode 100644 min/roble.min.css create mode 100644 min/scooter.min.css create mode 100644 src/centurion.css create mode 100644 src/cirrus.css create mode 100644 src/cutestrap.css create mode 100644 src/gutenberg.css create mode 100644 src/hello.css create mode 100644 src/hiq.css create mode 100644 src/material.css create mode 100644 src/minimal.css create mode 100644 src/propeller.css create mode 100644 src/roble.css create mode 100644 src/scooter.css diff --git a/README.md b/README.md index 289c68a..9bcad76 100644 --- a/README.md +++ b/README.md @@ -69,18 +69,24 @@ If you know of a minimal framework that hasn't been included here, please create * [caiuss](https://dohliam.github.io/dropin-minimal-css/?caiuss) by @IonicaBizau ([Source](https://github.com/IonicaBizau/CaiuSS) · [MIT](https://github.com/IonicaBizau/CaiuSS/blob/master/LICENSE)) * [caramel](https://dohliam.github.io/dropin-minimal-css/?caramel) by @Lumios ([Source](https://github.com/lumios/caramel) · [MIT](https://github.com/lumios/caramel/blob/master/LICENSE)) * [cardinal](https://dohliam.github.io/dropin-minimal-css/?cardinal) by @cbracco ([Source](https://github.com/cardinalcss/cardinalcss) · [MIT](https://github.com/cardinalcss/cardinalcss/blob/master/LICENSE.md)) +* [centurion](https://dohliam.github.io/dropin-minimal-css/?centurion) by @justinhough ([Source](https://github.com/justinhough/Centurion) · [GPL](https://github.com/justinhough/Centurion/blob/master/LICENSE.md)) * [chota](https://dohliam.github.io/dropin-minimal-css/?chota) by @jenil ([Source](https://github.com/jenil/chota) · [MIT](https://github.com/jenil/chota/blob/master/LICENSE)) +* [cirrus](https://dohliam.github.io/dropin-minimal-css/?cirrus) by @spiderpig86 ([Source](https://github.com/Spiderpig86/Cirrus) · [MIT](https://github.com/Spiderpig86/Cirrus/blob/master/LICENSE)) * [clmaterial](https://dohliam.github.io/dropin-minimal-css/?clmaterial) by @24aitor ([Source](https://github.com/24aitor/CLMaterial) · [MIT](https://github.com/24aitor/CLMaterial/blob/master/LICENSE)) * [codify](https://dohliam.github.io/dropin-minimal-css/?codify) by @zdroid ([Source](https://github.com/zdroid/codify.css) · [MIT](https://github.com/zdroid/codify.css/blob/master/LICENSE.md)) * [comet](https://dohliam.github.io/dropin-minimal-css/?comet) by @marcbruederlin ([Source](https://github.com/marcbruederlin/comet) · [MIT](https://github.com/marcbruederlin/comet/blob/master/LICENSE)) * [concise](https://dohliam.github.io/dropin-minimal-css/?concise) by @ConciseCSS ([Source](https://github.com/ConciseCSS/concise.css) · [MIT](https://github.com/ConciseCSS/concise.css/blob/master/LICENSE)) * [concrete](https://dohliam.github.io/dropin-minimal-css/?concrete) by @louismerlin ([Source](https://github.com/louismerlin/concrete.css) · [MIT](https://github.com/louismerlin/concrete.css/blob/master/LICENSE)) +* [cutestrap](https://dohliam.github.io/dropin-minimal-css/?cutestrap) by @tylerchilds ([Source](https://github.com/tylerchilds/cutestrap) · [GPL](https://github.com/tylerchilds/cutestrap/blob/master/LICENSE)) * [flat-ui](https://dohliam.github.io/dropin-minimal-css/?flat-ui) by @Designmodo ([Source](https://github.com/designmodo/Flat-UI) · [CC BY & MIT](https://github.com/designmodo/Flat-UI#copyright-and-license)) * [fluidity](https://dohliam.github.io/dropin-minimal-css/?fluidity) by @mrmrs ([Source](https://github.com/mrmrs/fluidity) · [MIT](https://github.com/mrmrs/fluidity/blob/master/README.md)) * [furtive](https://dohliam.github.io/dropin-minimal-css/?furtive) by @johno ([Source](https://github.com/johno/furtive) · [MIT](https://github.com/johno/furtive/blob/master/LICENSE)) * [generic](https://dohliam.github.io/dropin-minimal-css/?generic) by @Vereis ([Source](https://github.com/Vereis/generic.css) · [MIT](https://github.com/Vereis/generic.css)) * [github-markdown](https://dohliam.github.io/dropin-minimal-css/?github-markdown) by @sindresorhus ([Source](https://github.com/sindresorhus/github-markdown-css) · [MIT](https://github.com/sindresorhus/github-markdown-css/blob/gh-pages/license)) +* [gutenberg](https://dohliam.github.io/dropin-minimal-css/?gutenberg) by @bafs ([Source](https://github.com/bafs/Gutenberg/) · [MIT](https://github.com/BafS/Gutenberg/blob/master/LICENSE)) * [hack](https://dohliam.github.io/dropin-minimal-css/?hack) by @egoist ([Source](https://github.com/egoist/hack) · [MIT](https://github.com/egoist/hack/blob/master/LICENSE)) +* [hello](https://dohliam.github.io/dropin-minimal-css/?hello) by @arp242 ([Source](https://github.com/arp242/hello-css) · [PD/ISC](https://github.com/arp242/hello-css)) +* [hiq](https://dohliam.github.io/dropin-minimal-css/?hiq) by @jonathanharrell ([Source](https://github.com/jonathanharrell/hiq) · [MIT](https://github.com/jonathanharrell/hiq/blob/master/license.md)) * [holiday](https://dohliam.github.io/dropin-minimal-css/?holiday) by @EvgenyOrekhov ([Source](https://github.com/EvgenyOrekhov/holiday.css) · [MIT](https://github.com/EvgenyOrekhov/holiday.css/blob/master/LICENSE)) * [html-starterkit](https://dohliam.github.io/dropin-minimal-css/?html-starterkit) by @zitrusfrisch ([Source](https://github.com/zitrusfrisch/HTML-StarterKit) · [MIT](https://github.com/zitrusfrisch/HTML-StarterKit#its-free)) * [hyp](https://dohliam.github.io/dropin-minimal-css/?hyp) by @krszwsk ([Source](https://github.com/krszwsk/hyp) · [MIT](https://github.com/krszwsk/hyp/blob/master/LICENSE)) @@ -94,11 +100,13 @@ If you know of a minimal framework that hasn't been included here, please create * [lotus](https://dohliam.github.io/dropin-minimal-css/?lotus) by @goatslacker ([Source](https://github.com/goatslacker/lotus.css) · [MIT](https://github.com/goatslacker/lotus.css#license)) * [markdown](https://dohliam.github.io/dropin-minimal-css/?markdown) by @mrcoles ([Source](https://github.com/mrcoles/markdown-css) · [MIT](https://github.com/mrcoles/markdown-css/blob/master/license.txt)) * [marx](https://dohliam.github.io/dropin-minimal-css/?marx) by @mblode ([Source](https://github.com/mblode/marx) · [MIT](https://github.com/mblode/marx/blob/master/LICENSE.md)) +* [material](https://dohliam.github.io/dropin-minimal-css/?material) by @daemonite ([Source](https://github.com/daemonite/material) · [MIT](https://github.com/Daemonite/material/blob/master/LICENSE)) * [materialize](https://dohliam.github.io/dropin-minimal-css/?materialize) by @Dogfalo ([Source](https://github.com/Dogfalo/materialize) · [MIT](https://github.com/Dogfalo/materialize/blob/v1-dev/LICENSE)) * [mercury](https://dohliam.github.io/dropin-minimal-css/?mercury) by @wmeredith ([Source](https://github.com/wmeredith/MercuryCSS) · [MIT](https://github.com/wmeredith/MercuryCSS/blob/master/LICENSE)) * [milligram](https://dohliam.github.io/dropin-minimal-css/?milligram) by @cjpatoilo ([Source](https://github.com/milligram/milligram) · [MIT](http://cjpatoilo.mit-license.org/)) * [min](https://dohliam.github.io/dropin-minimal-css/?min) by @owenversteeg ([Source](https://github.com/owenversteeg/min) · [MIT](https://github.com/owenversteeg/min#license)) * [mini](https://dohliam.github.io/dropin-minimal-css/?mini) by @Chalarangelo ([Source](https://github.com/Chalarangelo/mini.css) · [MIT](https://github.com/Chalarangelo/mini.css/blob/master/LICENSE)) +* [minimal](https://dohliam.github.io/dropin-minimal-css/?minimal) by @billyshall ([Source](https://github.com/billyshall/minimalcss) · [MIT](https://github.com/billyshall/minimalcss/blob/master/license.txt)) * [mobi](https://dohliam.github.io/dropin-minimal-css/?mobi) by @xcatliu ([Source](https://github.com/mobi-css/mobi.css) · [MIT](https://github.com/mobi-css/mobi.css/blob/master/LICENSE)) * [motherplate](https://dohliam.github.io/dropin-minimal-css/?motherplate) by @leemunroe ([Source](https://github.com/leemunroe/motherplate) · [MIT](https://github.com/leemunroe/motherplate/blob/master/LICENSE)) * [mu](https://dohliam.github.io/dropin-minimal-css/?mu) by @BafS ([Source](https://github.com/BafS/mu) · [MIT](https://github.com/BafS/mu/blob/gh-pages/LICENSE)) @@ -114,9 +122,12 @@ If you know of a minimal framework that hasn't been included here, please create * [picnic](https://dohliam.github.io/dropin-minimal-css/?picnic) by @FranciscoP ([Source](https://github.com/picnicss/picnic) · [MIT](https://github.com/picnicss/picnic/blob/master/LICENSE)) * [preface](https://dohliam.github.io/dropin-minimal-css/?preface) by @cluzier ([Source](https://github.com/cluzier/PrefaceCSS) · [MIT](https://github.com/cluzier/PrefaceCSS/blob/master/LICENSE)) * [primer](https://dohliam.github.io/dropin-minimal-css/?primer) by @primer ([Source](https://github.com/primer/css) · [MIT](https://github.com/primer/css/blob/master/LICENSE)) +* [propeller](https://dohliam.github.io/dropin-minimal-css/?propeller) by @digicorp ([Source](https://github.com/digicorp/propeller) · [MIT](https://github.com/digicorp/propeller/blob/master/LICENSE)) * [pure](https://dohliam.github.io/dropin-minimal-css/?pure) by @yahoo ([Source](https://github.com/yahoo/pure/) · [BSD](https://github.com/yahoo/pure/blob/master/LICENSE.md)) +* [roble](https://dohliam.github.io/dropin-minimal-css/?roble) by @violapeter ([Source](https://gitlab.com/violapeter/roble) · [MIT](https://gitlab.com/violapeter/roble/-/blob/master/package.json)) * [sakura](https://dohliam.github.io/dropin-minimal-css/?sakura) by @oxalorg ([Source](https://github.com/oxalorg/sakura) · [MIT](https://github.com/oxalorg/sakura/blob/master/LICENSE.txt)) * [sanitize](https://dohliam.github.io/dropin-minimal-css/?sanitize) by @csstools ([Source](https://github.com/csstools/sanitize.css) · [CC0](https://github.com/csstools/sanitize.css/blob/master/LICENSE.md)) +* [scooter](https://dohliam.github.io/dropin-minimal-css/?scooter) by @dropbox ([Source](https://github.com/dropbox/scooter) · [Apache](https://github.com/dropbox/scooter/blob/master/LICENSE.md)) * [semantic-ui](https://dohliam.github.io/dropin-minimal-css/?semantic-ui) by @Semantic-Org ([Source](https://github.com/Semantic-Org/Semantic-UI) · [MIT](https://github.com/Semantic-Org/Semantic-UI/blob/master/LICENSE.md)) * [shoelace](https://dohliam.github.io/dropin-minimal-css/?shoelace) by @claviska ([Source](https://github.com/claviska/shoelace-css) · [MIT](https://github.com/claviska/shoelace-css/blob/master/LICENSE.md)) * [siimple](https://dohliam.github.io/dropin-minimal-css/?siimple) by @jmjuanes ([Source](https://github.com/siimple/siimple) · [MIT](https://github.com/siimple/siimple/blob/master/LICENSE.md)) diff --git a/min/centurion.min.css b/min/centurion.min.css new file mode 100644 index 0000000..114a413 --- /dev/null +++ b/min/centurion.min.css @@ -0,0 +1 @@ +body{font-size:100%;line-height:1}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:yellow;color:black}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}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;text-transform:none}select{text-transform:none}button,html input[type="button"]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}input[type="reset"],input[type="submit"]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;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;-moz-appearance:textfield;appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;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:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.ctn-container .ctn-grid-1,.ctn-container .ctn-grid-2,.ctn-container .ctn-grid-3,.ctn-container .ctn-grid-4,.ctn-container .ctn-grid-5,.ctn-container .ctn-grid-6,.ctn-container .ctn-grid-7,.ctn-container .ctn-grid-8,.ctn-container .ctn-grid-9,.ctn-container .ctn-grid-10,.ctn-container .ctn-grid-11,.ctn-container .ctn-grid-12,.ctn-container .ctn-grid-13,.ctn-container .ctn-grid-14,.ctn-container .ctn-grid-15,.ctn-container .ctn-grid-16,.ctn-container .ctn-grid-17,.ctn-container .ctn-grid-18,.ctn-container .ctn-grid-19,.ctn-container .ctn-grid-20,.ctn-container .ctn-grid-21,.ctn-container .ctn-grid-22,.ctn-container .ctn-grid-23,.ctn-container .ctn-grid-24{padding:0 7.5px;padding:0rem .4688rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.ctn-container{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:0 auto;max-width:1100px;padding:0}.ctn-container .ctn-grid-1{-ms-flex-preferred-size:4.1667%;flex-basis:4.1667%;max-width:4.1667%}.ctn-container .ctn-push-1{margin-left:4.1667%}.ctn-container .ctn-grid-2{-ms-flex-preferred-size:8.3333%;flex-basis:8.3333%;max-width:8.3333%}.ctn-container .ctn-push-2{margin-left:8.3333%}.ctn-container .ctn-grid-3{-ms-flex-preferred-size:12.5%;flex-basis:12.5%;max-width:12.5%}.ctn-container .ctn-push-3{margin-left:12.5%}.ctn-container .ctn-grid-4{-ms-flex-preferred-size:16.6667%;flex-basis:16.6667%;max-width:16.6667%}.ctn-container .ctn-push-4{margin-left:16.6667%}.ctn-container .ctn-grid-5{-ms-flex-preferred-size:20.8333%;flex-basis:20.8333%;max-width:20.8333%}.ctn-container .ctn-push-5{margin-left:20.8333%}.ctn-container .ctn-grid-6{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.ctn-container .ctn-push-6{margin-left:25%}.ctn-container .ctn-grid-7{-ms-flex-preferred-size:29.1667%;flex-basis:29.1667%;max-width:29.1667%}.ctn-container .ctn-push-7{margin-left:29.1667%}.ctn-container .ctn-grid-8{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%;max-width:33.3333%}.ctn-container .ctn-push-8{margin-left:33.3333%}.ctn-container .ctn-grid-9{-ms-flex-preferred-size:37.5%;flex-basis:37.5%;max-width:37.5%}.ctn-container .ctn-push-9{margin-left:37.5%}.ctn-container .ctn-grid-10{-ms-flex-preferred-size:41.6667%;flex-basis:41.6667%;max-width:41.6667%}.ctn-container .ctn-push-10{margin-left:41.6667%}.ctn-container .ctn-grid-11{-ms-flex-preferred-size:45.8333%;flex-basis:45.8333%;max-width:45.8333%}.ctn-container .ctn-push-11{margin-left:45.8333%}.ctn-container .ctn-grid-12{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.ctn-container .ctn-push-12{margin-left:50%}.ctn-container .ctn-grid-13{-ms-flex-preferred-size:54.1667%;flex-basis:54.1667%;max-width:54.1667%}.ctn-container .ctn-push-13{margin-left:54.1667%}.ctn-container .ctn-grid-14{-ms-flex-preferred-size:58.3333%;flex-basis:58.3333%;max-width:58.3333%}.ctn-container .ctn-push-14{margin-left:58.3333%}.ctn-container .ctn-grid-15{-ms-flex-preferred-size:62.5%;flex-basis:62.5%;max-width:62.5%}.ctn-container .ctn-push-15{margin-left:62.5%}.ctn-container .ctn-grid-16{-ms-flex-preferred-size:66.6667%;flex-basis:66.6667%;max-width:66.6667%}.ctn-container .ctn-push-16{margin-left:66.6667%}.ctn-container .ctn-grid-17{-ms-flex-preferred-size:70.8333%;flex-basis:70.8333%;max-width:70.8333%}.ctn-container .ctn-push-17{margin-left:70.8333%}.ctn-container .ctn-grid-18{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.ctn-container .ctn-push-18{margin-left:75%}.ctn-container .ctn-grid-19{-ms-flex-preferred-size:79.1667%;flex-basis:79.1667%;max-width:79.1667%}.ctn-container .ctn-push-19{margin-left:79.1667%}.ctn-container .ctn-grid-20{-ms-flex-preferred-size:83.3333%;flex-basis:83.3333%;max-width:83.3333%}.ctn-container .ctn-push-20{margin-left:83.3333%}.ctn-container .ctn-grid-21{-ms-flex-preferred-size:87.5%;flex-basis:87.5%;max-width:87.5%}.ctn-container .ctn-push-21{margin-left:87.5%}.ctn-container .ctn-grid-22{-ms-flex-preferred-size:91.6667%;flex-basis:91.6667%;max-width:91.6667%}.ctn-container .ctn-push-22{margin-left:91.6667%}.ctn-container .ctn-grid-23{-ms-flex-preferred-size:95.8333%;flex-basis:95.8333%;max-width:95.8333%}.ctn-container .ctn-push-23{margin-left:95.8333%}.ctn-container .ctn-grid-24{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.ctn-container .ctn-push-24{margin-left:100%}.ctn-container .ctn-row [class*=ctn-grid]:first-of-type,.ctn-container .ctn-row .ctn-first,.ctn-container .ctn-row .ctn-start{padding-left:0}.ctn-container .ctn-row .ctn-middle{padding:0 7.5px;padding:0rem .4688rem}.ctn-container .ctn-row [class*=ctn-grid]:last-of-type,.ctn-container .ctn-row .ctn-last,.ctn-container .ctn-row .ctn-end{padding-right:0}.ctn-row{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}@media screen and (max-width:1100px){.ctn-container{width:100%}}@media screen and (max-width:941px){.ctn-container .ctn-grid-1,.ctn-container .ctn-grid-2,.ctn-container .ctn-grid-3,.ctn-container .ctn-grid-4,.ctn-container .ctn-grid-5,.ctn-container .ctn-grid-6,.ctn-container .ctn-grid-7,.ctn-container .ctn-grid-8,.ctn-container .ctn-grid-9,.ctn-container .ctn-grid-10,.ctn-container .ctn-grid-11,.ctn-container .ctn-grid-12,.ctn-container .ctn-grid-13,.ctn-container .ctn-grid-14,.ctn-container .ctn-grid-15,.ctn-container .ctn-grid-16,.ctn-container .ctn-grid-17,.ctn-container .ctn-grid-18,.ctn-container .ctn-grid-19,.ctn-container .ctn-grid-20,.ctn-container .ctn-grid-21,.ctn-container .ctn-grid-22,.ctn-container .ctn-grid-23,.ctn-container .ctn-grid-24{padding-left:10px !important;padding-left:.625rem !important;padding-right:10px !important;padding-right:.625rem !important;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.ctn-container .ctn-push-1,.ctn-container .ctn-push-2,.ctn-container .ctn-push-3,.ctn-container .ctn-push-4,.ctn-container .ctn-push-5,.ctn-container .ctn-push-6,.ctn-container .ctn-push-7,.ctn-container .ctn-push-8,.ctn-container .ctn-push-9,.ctn-container .ctn-push-10,.ctn-container .ctn-push-11,.ctn-container .ctn-push-12,.ctn-container .ctn-push-13,.ctn-container .ctn-push-14,.ctn-container .ctn-push-15,.ctn-container .ctn-push-16,.ctn-container .ctn-push-17,.ctn-container .ctn-push-18,.ctn-container .ctn-push-19,.ctn-container .ctn-push-20,.ctn-container .ctn-push-21,.ctn-container .ctn-push-22,.ctn-container .ctn-push-23,.ctn-container .ctn-push-24{margin-left:0}.ctn-container .ctn-tablet-1{-ms-flex-preferred-size:8.3333%;flex-basis:8.3333%;max-width:8.3333%}.ctn-container .ctn-t-push-1{margin-left:8.3333%}.ctn-container .ctn-tablet-2{-ms-flex-preferred-size:16.6667%;flex-basis:16.6667%;max-width:16.6667%}.ctn-container .ctn-t-push-2{margin-left:16.6667%}.ctn-container .ctn-tablet-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.ctn-container .ctn-t-push-3{margin-left:25%}.ctn-container .ctn-tablet-4{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%;max-width:33.3333%}.ctn-container .ctn-t-push-4{margin-left:33.3333%}.ctn-container .ctn-tablet-5{-ms-flex-preferred-size:41.6667%;flex-basis:41.6667%;max-width:41.6667%}.ctn-container .ctn-t-push-5{margin-left:41.6667%}.ctn-container .ctn-tablet-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.ctn-container .ctn-t-push-6{margin-left:50%}.ctn-container .ctn-tablet-7{-ms-flex-preferred-size:58.3333%;flex-basis:58.3333%;max-width:58.3333%}.ctn-container .ctn-t-push-7{margin-left:58.3333%}.ctn-container .ctn-tablet-8{-ms-flex-preferred-size:66.6667%;flex-basis:66.6667%;max-width:66.6667%}.ctn-container .ctn-t-push-8{margin-left:66.6667%}.ctn-container .ctn-tablet-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.ctn-container .ctn-t-push-9{margin-left:75%}.ctn-container .ctn-tablet-10{-ms-flex-preferred-size:83.3333%;flex-basis:83.3333%;max-width:83.3333%}.ctn-container .ctn-t-push-10{margin-left:83.3333%}.ctn-container .ctn-tablet-11{-ms-flex-preferred-size:91.6667%;flex-basis:91.6667%;max-width:91.6667%}.ctn-container .ctn-t-push-11{margin-left:91.6667%}.ctn-container .ctn-tablet-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.ctn-container .ctn-t-push-12{margin-left:100%}.ctn-container .ctn-row [class*=ctn-grid]:first-of-type,.ctn-container .ctn-row .ctn-first,.ctn-container .ctn-row .ctn-start{padding-left:0}.ctn-container .ctn-row .ctn-middle{padding:0 7.5px;padding:0rem .4688rem}.ctn-container .ctn-row [class*=ctn-grid]:last-of-type,.ctn-container .ctn-row .ctn-last,.ctn-container .ctn-row .ctn-end{padding-right:0}}@media screen and (max-width:601px){.ctn-container .ctn-grid-1,.ctn-container .ctn-grid-2,.ctn-container .ctn-grid-3,.ctn-container .ctn-grid-4,.ctn-container .ctn-grid-5,.ctn-container .ctn-grid-6,.ctn-container .ctn-grid-7,.ctn-container .ctn-grid-8,.ctn-container .ctn-grid-9,.ctn-container .ctn-grid-10,.ctn-container .ctn-grid-11,.ctn-container .ctn-grid-12,.ctn-container .ctn-grid-13,.ctn-container .ctn-grid-14,.ctn-container .ctn-grid-15,.ctn-container .ctn-grid-16,.ctn-container .ctn-grid-17,.ctn-container .ctn-grid-18,.ctn-container .ctn-grid-19,.ctn-container .ctn-grid-20,.ctn-container .ctn-grid-21,.ctn-container .ctn-grid-22,.ctn-container .ctn-grid-23,.ctn-container .ctn-grid-24,.ctn-container .ctn-tablet-1,.ctn-container .ctn-tablet-2,.ctn-container .ctn-tablet-3,.ctn-container .ctn-tablet-4,.ctn-container .ctn-tablet-5,.ctn-container .ctn-tablet-6,.ctn-container .ctn-tablet-7,.ctn-container .ctn-tablet-8,.ctn-container .ctn-tablet-9,.ctn-container .ctn-tablet-10,.ctn-container .ctn-tablet-11,.ctn-container .ctn-tablet-12{padding-left:10px !important;padding-left:.625rem !important;padding-right:10px !important;padding-right:.625rem !important;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.ctn-container .ctn-push-1,.ctn-container .ctn-push-2,.ctn-container .ctn-push-3,.ctn-container .ctn-push-4,.ctn-container .ctn-push-5,.ctn-container .ctn-push-6,.ctn-container .ctn-push-7,.ctn-container .ctn-push-8,.ctn-container .ctn-push-9,.ctn-container .ctn-push-10,.ctn-container .ctn-push-11,.ctn-container .ctn-push-12,.ctn-container .ctn-push-13,.ctn-container .ctn-push-14,.ctn-container .ctn-push-15,.ctn-container .ctn-push-16,.ctn-container .ctn-push-17,.ctn-container .ctn-push-18,.ctn-container .ctn-push-19,.ctn-container .ctn-push-20,.ctn-container .ctn-push-21,.ctn-container .ctn-push-22,.ctn-container .ctn-push-23,.ctn-container .ctn-push-24,.ctn-container .ctn-t-push-1,.ctn-container .ctn-t-push-2,.ctn-container .ctn-t-push-3,.ctn-container .ctn-t-push-4,.ctn-container .ctn-t-push-5,.ctn-container .ctn-t-push-6,.ctn-container .ctn-t-push-7,.ctn-container .ctn-t-push-8,.ctn-container .ctn-t-push-9,.ctn-container .ctn-t-push-10,.ctn-container .ctn-t-push-11,.ctn-container .ctn-t-push-12{margin-left:0}.ctn-container .ctn-mobile-1{-ms-flex-preferred-size:16.6667%;flex-basis:16.6667%;max-width:16.6667%}.ctn-container .ctn-m-push-1{margin-left:16.6667%}.ctn-container .ctn-mobile-2{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%;max-width:33.3333%}.ctn-container .ctn-m-push-2{margin-left:33.3333%}.ctn-container .ctn-mobile-3{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.ctn-container .ctn-m-push-3{margin-left:50%}.ctn-container .ctn-mobile-4{-ms-flex-preferred-size:66.6667%;flex-basis:66.6667%;max-width:66.6667%}.ctn-container .ctn-m-push-4{margin-left:66.6667%}.ctn-container .ctn-mobile-5{-ms-flex-preferred-size:83.3333%;flex-basis:83.3333%;max-width:83.3333%}.ctn-container .ctn-m-push-5{margin-left:83.3333%}.ctn-container .ctn-mobile-6{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.ctn-container .ctn-m-push-6{margin-left:100%}.ctn-container .ctn-row [class*=ctn-grid]:first-of-type,.ctn-container .ctn-row .ctn-first,.ctn-container .ctn-row .ctn-start{padding-left:0}.ctn-container .ctn-row .ctn-middle{padding:0 7.5px;padding:0rem .4688rem}.ctn-container .ctn-row [class*=ctn-grid]:last-of-type,.ctn-container .ctn-row .ctn-last,.ctn-container .ctn-row .ctn-end{padding-right:0}}.ctn-full{-ms-flex-line-pack:stretch;align-content:stretch}.ctn-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ctn-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ctn-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ctn-space{-ms-flex-pack:distribute;justify-content:space-around}.ctn-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ctn-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ctn-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ctn-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ctn-start{-ms-flex-item-align:start;align-self:flex-start}.ctn-end{-ms-flex-item-align:end;align-self:flex-end}.ctn-center{-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:941px){.ctn-tablet-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ctn-tablet-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ctn-tablet-start{-ms-flex-item-align:start;align-self:flex-start;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}.ctn-tablet-end{-ms-flex-item-align:end;align-self:flex-end;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}.ctn-tablet-center{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}}@media screen and (max-width:601px){.ctn-mobile-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ctn-mobile-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ctn-mobile-start{-ms-flex-item-align:start;align-self:flex-start;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}.ctn-mobile-end{-ms-flex-item-align:end;align-self:flex-end;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}.ctn-mobile-center{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial}}.ctn-container:before,.cf:before,.clearfix:before,.callout:before,.red-callout:before,.blue-callout:before,.purple-callout:before,.green-callout:before,.orange-callout:before,.alert-expand:before,.ctn-container:after,.cf:after,.clearfix:after,.callout:after,.red-callout:after,.blue-callout:after,.purple-callout:after,.green-callout:after,.orange-callout:after,.alert-expand:after{content:" ";display:table}.ctn-container:after,.cf:after,.clearfix:after,.callout:after,.red-callout:after,.blue-callout:after,.purple-callout:after,.green-callout:after,.orange-callout:after,.alert-expand:after{clear:both}.clear{clear:both}.btn,.small-btn,.large-btn,.full-btn,.blue-btn,.red-btn,.purple-btn,.orange-btn,.green-btn,.dark-grey-btn,.blue-btn-bdr,.red-btn-bdr,.purple-btn-bdr,.orange-btn-bdr,.green-btn-bdr,.dark-grey-btn-bdr{text-decoration:none}.btn,.small-btn,.large-btn,.full-btn,.blue-btn,.red-btn,.purple-btn,.orange-btn,.green-btn,.dark-grey-btn,.blue-btn-bdr,.red-btn-bdr,.purple-btn-bdr,.orange-btn-bdr,.green-btn-bdr,.dark-grey-btn-bdr,input[type="button"],input[type="reset"],input[type="submit"],button{cursor:pointer}h1,h2,h3,h4,h5,h6,p,li,blockquote,.btn,.small-btn,.large-btn,.full-btn,.blue-btn,.red-btn,.purple-btn,.orange-btn,.green-btn,.dark-grey-btn,.blue-btn-bdr,.red-btn-bdr,.purple-btn-bdr,.orange-btn-bdr,.green-btn-bdr,.dark-grey-btn-bdr,.red-badge,.blue-badge,.purple-badge,.orange-badge,.green-badge,.red-badge-lt,.blue-badge-lt,.purple-badge-lt,.orange-badge-lt,.green-badge-lt,.red-badge-bdr,.blue-badge-bdr,.purple-badge-bdr,.orange-badge-bdr,.green-badge-bdr,label,input,select,textarea,legend,input[type="search"],input[type="button"],input[type="reset"],input[type="submit"],button,table{margin:16px 0;margin:1rem 0rem;color:#333;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-smoothing:antialiased;font-style:normal;font-weight:300;line-height:1.5;text-align:left;text-rendering:optimizeLegibility}h1{font-size:36px;font-size:2.25rem}h2{font-size:30px;font-size:1.875rem}h3{font-size:26px;font-size:1.625rem}h4{font-size:22px;font-size:1.375rem}h5{font-size:20px;font-size:1.25rem}h6{font-size:18px;font-size:1.125rem}p{font-size:16px;font-size:1rem}ul,ol{margin-left:16px;margin-left:1rem;padding-left:16px;padding-left:1rem}li{font-size:16px;font-size:1rem;padding-left:8px;padding-left:.5rem;margin:0}a{-webkit-transition:color 120ms linear;transition:color 120ms linear}blockquote{margin-left:18px;margin-left:1.125rem;padding-left:16px;padding-left:1rem;border-left:5px solid #ededed;position:relative}blockquote .byline{display:block;font-weight:bold;text-align:right}blockquote .byline:before{margin-right:8px;margin-right:.5rem;content:"-";display:inline-block}blockquote.quote{padding-left:32px;padding-left:2rem;border-left:0;margin-left:0}blockquote.quote:before,blockquote.quote:after{font-size:72px;font-size:4.5rem;content:'"';line-height:0;position:absolute}blockquote.quote:before{left:0;top:20px}blockquote.quote:after{bottom:-20px;right:0}strong{font-weight:bold}em{font-style:italics}big,.text-large{font-size:120%}small,.text-small{font-size:75%}.text-muted{color:#ccc}.btn,.small-btn,.large-btn,.full-btn,.blue-btn,.red-btn,.purple-btn,.orange-btn,.green-btn,.dark-grey-btn,.blue-btn-bdr,.red-btn-bdr,.purple-btn-bdr,.orange-btn-bdr,.green-btn-bdr,.dark-grey-btn-bdr{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 2px rgba(0,0,0,0.4);font-size:16px;font-size:1rem;margin:16px 0;margin:1rem 0rem;padding:8px 16px;padding:.5rem 1rem;background:#ededed;border:0;color:#000;display:inline-block;font-weight:normal;outline:0;text-decoration:none;vertical-align:middle;zoom:1;-webkit-transition:background 120ms linear;transition:background 120ms linear}.btn:hover,.small-btn:hover,.large-btn:hover,.full-btn:hover,.blue-btn:hover,.red-btn:hover,.purple-btn:hover,.orange-btn:hover,.green-btn:hover,.dark-grey-btn:hover,.blue-btn-bdr:hover,.red-btn-bdr:hover,.purple-btn-bdr:hover,.orange-btn-bdr:hover,.green-btn-bdr:hover,.dark-grey-btn-bdr:hover{background-color:#ccc;color:#000}.blue-btn-bdr,.red-btn-bdr,.purple-btn-bdr,.orange-btn-bdr,.green-btn-bdr,.dark-grey-btn-bdr{background-color:transparent;border:1px solid #999}.small-btn{font-size:10px;font-size:.625rem;padding:6px 12px;padding:.375rem .75rem}.large-btn{font-size:18px;font-size:1.125rem;padding:8px 36px;padding:.5rem 2.25rem}.full-btn{padding:10px 0;padding:.625rem 0rem;text-align:center;width:100%}.inline-btn{margin:0}.blue-btn{background-color:#2971b2;color:#fff}.blue-btn:hover{background-color:#1f5789;color:#fff}.red-btn{background-color:#e04646;color:#fff}.red-btn:hover{background-color:#d02323;color:#fff}.purple-btn{background-color:#553a99;color:#fff}.purple-btn:hover{background-color:#402c74;color:#fff}.orange-btn{background-color:#fe9300;color:#fff}.orange-btn:hover{background-color:#cb7500;color:#fff}.green-btn{background-color:#4a742c;color:#fff}.green-btn:hover{background-color:#324f1e;color:#fff}.dark-grey-btn{background-color:#555;color:#fff}.dark-grey-btn:hover{background-color:#000;color:#fff}.blue-btn-bdr{border-color:#2971b2;-webkit-box-shadow:none;box-shadow:none;color:#2971b2}.blue-btn-bdr:hover{background-color:#2971b2;color:#fff}.red-btn-bdr{border-color:#e04646;-webkit-box-shadow:none;box-shadow:none;color:#e04646}.red-btn-bdr:hover{background-color:#e04646;color:#fff}.purple-btn-bdr{border-color:#553a99;-webkit-box-shadow:none;box-shadow:none;color:#553a99}.purple-btn-bdr:hover{background-color:#553a99;color:#fff}.orange-btn-bdr{border-color:#fe9300;-webkit-box-shadow:none;box-shadow:none;color:#fe9300}.orange-btn-bdr:hover{background-color:#fe9300;color:#fff}.green-btn-bdr{border-color:#4a742c;-webkit-box-shadow:none;box-shadow:none;color:#4a742c}.green-btn-bdr:hover{background-color:#4a742c;color:#fff}.dark-grey-btn-bdr{border-color:#555;-webkit-box-shadow:none;box-shadow:none;color:#555}.dark-grey-btn-bdr:hover{background-color:#555;color:#fff}.red-badge,.blue-badge,.purple-badge,.orange-badge,.green-badge,.red-badge-lt,.blue-badge-lt,.purple-badge-lt,.orange-badge-lt,.green-badge-lt,.red-badge-bdr,.blue-badge-bdr,.purple-badge-bdr,.orange-badge-bdr,.green-badge-bdr{margin:10px 0;margin:.625rem 0rem;padding:5px 8px;padding:.3125rem .5rem;font-size:11px;font-size:.6875rem;background-color:#ccc;clear:both;color:#555;cursor:pointer;display:inline-block;line-height:1.5}.red-badge-bdr,.blue-badge-bdr,.purple-badge-bdr,.orange-badge-bdr,.green-badge-bdr{background-color:transparent;border:1px solid #ccc}.red-badge{background-color:#e04646;color:#fff}.blue-badge{background-color:#2971b2;color:#fff}.purple-badge{background-color:#553a99;color:#fff}.orange-badge{background-color:#fe9300;color:#fff}.green-badge{background-color:#4a742c;color:#fff}.red-badge-lt{background-color:#ef9d9d;color:#333}.blue-badge-lt{background-color:#8fbce5;color:#333}.purple-badge-lt{background-color:#a895d7;color:#333}.orange-badge-lt{background-color:#ffbe65;color:#333}.green-badge-lt{background-color:#95c970;color:#333}.red-badge-bdr{border-color:#e04646;color:#e04646}.blue-badge-bdr{border-color:#2971b2;color:#2971b2}.purple-badge-bdr{border-color:#553a99;color:#553a99}.orange-badge-bdr{border-color:#fe9300;color:#fe9300}.green-badge-bdr{border-color:#4a742c;color:#4a742c}.btn-expand{background-color:transparent;cursor:pointer;display:block}.btn-expand:after{padding:2px 6px 3px 6px;padding:.125rem .375rem .1875rem .375rem;background:#fff;border:1px solid #ccc;border-radius:25px;color:#000;font-weight:bold;line-height:1;position:absolute;right:1em;text-align:center;top:.5em;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.btn-expand:hover:after{background:#fff;color:#999}.callout,.red-callout,.blue-callout,.purple-callout,.green-callout,.orange-callout{margin:16px 0;margin:1rem 0rem;padding:16px;padding:1rem;background-color:#efefef;border-left:5px solid #ccc;display:block}.callout h1,.callout h2,.callout h3,.red-callout h1,.blue-callout h1,.purple-callout h1,.green-callout h1,.orange-callout h1,.red-callout h2,.blue-callout h2,.purple-callout h2,.green-callout h2,.orange-callout h2,.red-callout h3,.blue-callout h3,.purple-callout h3,.green-callout h3,.orange-callout h3{margin-top:0;margin-top:0rem;margin-bottom:10px;margin-bottom:.625rem;color:#555}.callout p,.red-callout p,.blue-callout p,.purple-callout p,.green-callout p,.orange-callout p{margin:10px 0;margin:.625rem 0rem;color:#555}.red-callout{background-color:#ffe3e1;border-left-color:#cc583a}.red-callout h1,.red-callout h2,.red-callout h3{color:#cc583a}.blue-callout{background-color:#dddfff;border-left-color:#272d7f}.blue-callout h1,.blue-callout h2,.blue-callout h3{color:#272d7f}.purple-callout{background-color:#ffdcfc;border-left-color:#7f4d7b}.purple-callout h1,.purple-callout h2,.purple-callout h3{color:#7f4d7b}.green-callout{background-color:#dfffe4;border-left-color:#277f35}.green-callout h1,.green-callout h2,.green-callout h3{color:#277f35}.orange-callout{background-color:#ffefdd;border-left-color:#fe9300}.orange-callout h1,.orange-callout h2,.orange-callout h3{color:#fe9300}.alert{padding:10px 18px;padding:.625rem 1.125rem;border-left:0;border-radius:4px;-webkit-box-shadow:0 0 8px #ccc;box-shadow:0 0 8px #ccc;position:relative}.btn-expand:after{content:"+"}.btn-expand.open:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.alert-expand{margin-bottom:16px;margin-bottom:1rem;padding:0 16px;padding:0rem 1rem;background:#fff;border-left:1px solid #ccc;display:none}.alert-expand.expanded{display:block}label,input,select,textarea,legend{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;outline-offset:0}label{margin-bottom:24px;margin-bottom:1.5rem;display:block}fieldset{margin-bottom:24px;margin-bottom:1.5rem;border:0;padding:0}fieldset label{margin:0}legend{margin:0 0 8px 0;margin:0rem 0rem .5rem 0rem;font-weight:bold}input{margin:8px 0 16px 0;margin:.5rem 0rem 1rem 0rem;padding:4px;padding:.25rem;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:1px solid #ccc;border-radius:0;display:block;margin:0;-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;width:100%}input:focus{border-color:#2971b2}input[type="search"]{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;outline-offset:0}input[type="checkbox"],input[type="radio"]{display:inline-block;width:auto}input[type="checkbox"]{margin-right:4px;margin-right:.25rem;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}input[type="radio"]{margin-right:8px;margin-right:.5rem;-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}input[type="button"],input[type="reset"],input[type="submit"]{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 2px rgba(0,0,0,0.4);font-size:16px;font-size:1rem;margin:16px 0;margin:1rem 0rem;padding:8px 16px;padding:.5rem 1rem;background:#ededed;border:0;color:#000;display:inline-block;font-weight:normal;outline:0;text-decoration:none;vertical-align:middle;zoom:1;display:block}.ctn-field-required{color:#e04646;font-weight:bold;line-height:1;margin-left:5px}.ctn-field-error{border-color:#e04646}.ctn-field-warning{border-color:#fe9300}.ctn-field-success{border-color:#4a742c}textarea{margin:8px 0;margin:.5rem 0rem;padding:8px;padding:.5rem;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;line-height:1.2;width:100%}textarea:focus{border-color:#2971b2}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ccc;border-radius:0;display:block;padding:6px 24px 6px 8px;width:auto}button{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 2px rgba(0,0,0,0.4);font-size:16px;font-size:1rem;margin:16px 0;margin:1rem 0rem;padding:8px 16px;padding:.5rem 1rem;background:#ededed;border:0;color:#000;display:inline-block;font-weight:normal;outline:0;text-decoration:none;vertical-align:middle;zoom:1;display:block}.ctn-submit-btn{background-color:#2971b2;color:#fff}.ctn-cancel-btn{background-color:#e04646;color:#fff}.ctn-search-block input[type="search"]{padding:5px 5px 7px 5px;padding:.3125rem .3125rem .4375rem .3125rem;border-right:0;display:inline;float:left;width:85%}.ctn-search-block .ctn-search-submit{padding:10px 0;padding:.625rem 0rem;background-color:#2971b2;border:1px solid #2971b2;border-left:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline;float:left;line-height:1;text-align:center;width:15%}.ctn-search-block .ctn-search-submit:hover{background-color:#1f5789}.helmet-1{margin-top:16px;margin-top:1rem}.sandal-1{margin-bottom:16px;margin-bottom:1rem}.armor-1{margin:16px 0;margin:1rem 0rem}.helmet-2{margin-top:32px;margin-top:2rem}.sandal-2{margin-bottom:32px;margin-bottom:2rem}.armor-2{margin:32px 0;margin:2rem 0rem}.helmet-3{margin-top:48px;margin-top:3rem}.sandal-3{margin-bottom:48px;margin-bottom:3rem}.armor-3{margin:48px 0;margin:3rem 0rem}.helmet-4{margin-top:64px;margin-top:4rem}.sandal-4{margin-bottom:64px;margin-bottom:4rem}.armor-4{margin:64px 0;margin:4rem 0rem}.helmet-5{margin-top:80px;margin-top:5rem}.sandal-5{margin-bottom:80px;margin-bottom:5rem}.armor-5{margin:80px 0;margin:5rem 0rem}.pad-helmet-1{padding-top:16px;padding-top:1rem}.pad-sandal-1{padding-bottom:16px;padding-bottom:1rem}.pad-armor-1{padding:16px 0;padding:1rem 0rem}.pad-helmet-2{padding-top:32px;padding-top:2rem}.pad-sandal-2{padding-bottom:32px;padding-bottom:2rem}.pad-armor-2{padding:32px 0;padding:2rem 0rem}.pad-helmet-3{padding-top:48px;padding-top:3rem}.pad-sandal-3{padding-bottom:48px;padding-bottom:3rem}.pad-armor-3{padding:48px 0;padding:3rem 0rem}.pad-helmet-4{padding-top:64px;padding-top:4rem}.pad-sandal-4{padding-bottom:64px;padding-bottom:4rem}.pad-armor-4{padding:64px 0;padding:4rem 0rem}.pad-helmet-5{padding-top:80px;padding-top:5rem}.pad-sandal-5{padding-bottom:80px;padding-bottom:5rem}.pad-armor-5{padding:80px 0;padding:5rem 0rem}table{font-size:16px;font-size:1rem;margin:16px 0;margin:1rem 0rem;background:#fff;border-collapse:collapse;border-spacing:0;color:#555;width:100%}thead,tfoot{text-align:left}thead th,thead td,tfoot th,tfoot td{padding:10px 12px;padding:.625rem .75rem;background-color:#ccc;color:#fff;font-weight:bold;line-height:normal;vertical-align:middle}tbody tr,tbody td{padding:8px 12px;padding:.5rem .75rem}tbody tr.odd{background-color:#fff}tbody tr.even{background-color:#efefef}@media only screen and (max-width:601px){.ctn-table-wrapper{margin-bottom:1rem;overflow:hidden;position:relative}.ctn-table-wrapper .ctn-responsive-table{overflow:scroll;overflow-y:hidden}}.black-table thead th,.black-table thead td,.black-table tfoot th,.black-table tfoot td{background-color:#000}.black-table tbody.odd{background-color:#fff}.black-table tbody.even{background-color:#555}.red-table thead th,.red-table thead td,.red-table tfoot th,.red-table tfoot td{background-color:#e04646}.red-table tbody.odd{background-color:#fff}.red-table tbody.even{background-color:#d02323}.blue-table thead th,.blue-table thead td,.blue-table tfoot th,.blue-table tfoot td{background-color:#2971b2}.blue-table tbody.odd{background-color:#fff}.blue-table tbody.even{background-color:#1f5789}.green-table thead th,.green-table thead td,.green-table tfoot th,.green-table tfoot td{background-color:#4a742c}.green-table tbody.odd{background-color:#fff}.green-table tbody.even{background-color:#324f1e}.purple-table thead th,.purple-table thead td,.purple-table tfoot th,.purple-table tfoot td{background-color:#553a99}.purple-table tbody.odd{background-color:#fff}.purple-table tbody.even{background-color:#402c74}.orange-table thead th,.orange-table thead td,.orange-table tfoot th,.orange-table tfoot td{background-color:#fe9300}.orange-table tbody.odd{background-color:#fff}.orange-table tbody.even{background-color:#cb7500}.left-float{float:left}.right-float{float:right}.visible{visibility:display}.not-visible{visibility:hidden} \ No newline at end of file diff --git a/min/cirrus.min.css b/min/cirrus.min.css new file mode 100644 index 0000000..3043033 --- /dev/null +++ b/min/cirrus.min.css @@ -0,0 +1 @@ +button,.btn,[type="submit"]{display:block;line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;transition:all 0var(--animation-duration);background-color:#fefefe;border-color:#d9d9d9;color:#737373;font-size:.75rem;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:#fefefe;--btn-fg:#737373;--btn-border-color:#d9d9d9}button:hover,.btn:hover,[type="submit"]:hover{transition:all var(--animation-duration)}.btn:active,button:active,[type="submit"]:active{transition:var(--animation-duration) ease}button:hover,.btn:hover,[type="submit"]:hover{background-color:#eee;--btn-color:#eee}.btn.loading:active::after,button.loading:active::after,[type="submit"].loading:active::after{transition:var(--animation-duration) ease;border-radius:50%;border-right-color:transparent;border-top-color:transparent}button.btn-animated,[type="submit"].btn-animated,.btn.btn-animated{transition:calc(var(--animation-duration) / 2) ease}button.btn-animated:active,[type="submit"].btn-animated:active,.btn.btn-animated:active{-webkit-transform:scale(0.98);transform:inherit,scale(0.98);transition:calc(var(--animation-duration) / 2) ease}.btn:focus,button:focus,input[type="submit"]:focus{outline:0}.btn:disabled,button:disabled,[type="submit"]:disabled{cursor:not-allowed;opacity:.5}button.btn-close{background-color:rgba(10,10,10,0.2);border:0;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}button.btn-close:hover{background-color:rgba(10,10,10,0.3)}button.btn-close::before,button.btn-close::after{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}button.btn-close::before{height:2px;width:50%}button.btn-close::after{height:50%;width:2px}.btn-container{margin:.5rem;overflow:visible}.btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}.btn-transparent.outline{--btn-color:var(--cirrus-dark)}.btn-transparent:hover{--btn-color:rgba(0,0,0,.1)}.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}.btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}.btn-light:hover{--btn-color:var(--cirrus-light-hover)}.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}.btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}.btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}.btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}.btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}.btn-black:hover{--btn-color:#000}.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}.btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}.btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}.btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,76,0.5)}.btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}.btn-info:hover{--btn-color:var(--cirrus-info-hover)}.btn-info.outline:hover{--btn-color:var(--cirrus-info)}.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,0.5)}.btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}.btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}.btn-link:hover{--btn-color:var(--cirrus-link-dark)}.btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,0.5)}.btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success)}.btn-success:hover{--btn-color:var(--cirrus-success-hover)}.btn-success.outline:hover{--btn-color:var(--cirrus-success)}.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,210,89,0.5)}.btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}.btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}.btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,180,51,0.5)}.btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}.btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}.btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,68,0.5)}[class^="btn-"],[class*=" btn-"]{background-color:var(--btn-color);border:1px solid var(--btn-border-color);color:var(--btn-fg);transition:all var(--animation-duration)}[class^="btn-"]:hover,[class*=" btn-"]:hover{background-color:var(--btn-color);border-color:var(--btn-border-color);transition:all var(--animation-duration)}[class^="btn-"].outline,[class*=" btn-"].outline{background-color:transparent;color:var(--btn-color)}[class^="btn-"].outline:hover,[class*=" btn-"].outline:hover{background-color:var(--btn-color);color:var(--btn-fg);transition:all var(--animation-duration)}.has-controls.input:not([class*="left action"])>button:last-child,.has-controls.input:not([class*="left action"])>.btn:last-child>.btn{border-radius:0 .28571429rem .28571429rem 0}.has-controls.input:not([class*="right action"])>button:last-child,.has-controls.input:not([class*="right action"])>.btn:last-child>.btn{border-radius:.28571429rem 0 0 .28571429rem}.btn-tiny{line-height:1.5rem;padding:0 .25rem;font-size:50%}.btn-small{line-height:2.4rem;padding:0 .5rem;font-size:70%}.btn-large{line-height:3.5rem;padding:0 2rem;font-size:90%}.btn-xlarge{line-height:4.5rem;padding:0 2rem;font-size:110%}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}button .fa-wrapper,.btn .fa-wrapper,[type="submit"] .fa-wrapper{vertical-align:baseline}button .fa-wrapper.pad-right,.btn .fa-wrapper.pad-right,[type="submit"] .fa-wrapper.pad-right{margin-right:.4rem}button .fa-wrapper.pad-left,.btn .fa-wrapper.pad-left,[type="submit"] .fa-wrapper.pad-left{margin-left:.4rem}button span:first-child,.btn span:first-child,[type="submit"] span:first-child{margin-right:.2rem}button span:last-child,.btn span:last-child,[type="submit"] span:last-child{margin-left:.2rem}.btn-group{display:-webkit-inline-box;display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group .btn,.btn-group button,.btn-group [type="submit"]{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill button,.btn-group.btn-group-fill [type="submit"]{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group .btn:first-child:not(:last-child),.btn-group button:first-child:not(:last-child),.btn-group [type="submit"]:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group button:last-child:not(:first-child),.btn-group [type="submit"]:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.btn-group .btn:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child),.btn-group [type="submit"]:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem}@media screen and (max-width:768px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group button,.btn-group [type="submit"]{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group button:first-child:not(:last-child),.btn-group [type="submit"]:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child),.btn-group [type="submit"]:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group button:last-child:not(:first-child),.btn-group [type="submit"]:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code.dark{background-color:var(--cirrus-dark);color:#fff}code:before{color:#acb3c2;content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}pre>code{font-size:14px;display:block;padding:2rem 1.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,"Andale Mono",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-primary);margin:0;position:relative;color:#222}@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700");*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;border:0;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";letter-spacing:.01rem;text-shadow:1px 1px 1px rgba(0,0,0,0.004);color:var(--cirrus-fg)}ul{list-style:none}img,embed,object,audio,video{max-width:100%;height:auto}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}iframe{outline:0;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}article,aside,figure,footer,header,hgroup,section{display:block}input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}[hidden]{display:none !important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:0 0 .1rem .15rem rgba(240,61,77,0.13);outline:0}@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:700;line-height:1.2}h1 .silent,h2 .silent,h3 .silent,h4 .silent,h5 .silent,h6 .silent{color:#788196}h1{font-size:3rem;letter-spacing:.025rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-4{font-size:3.5rem;letter-spacing:.025rem}strong{font-weight:700}.font-alt{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:bolder}.title:not(:last-child),.subtitle:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-0.75rem}p,article,blockquote{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{margin-bottom:1rem;font-size:1.25rem}blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1rem 2rem;border-radius:3px}blockquote p{margin:0;font-size:.95rem}.card-tile p,.card-tile article,.card-tile blockquote{line-height:inherit}cite{opacity:.7}mark,.mark{padding:.2em;background-color:#f0e8c4}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.rtl{direction:rtl}.white{color:#fff !important}.faded{opacity:.75}.font-italic{font-style:italic}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon .fa-wrapper{font-size:inherit;vertical-align:middle}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#979797}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}@media(max-width:650px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.headline-1{font-size:3rem;letter-spacing:.05rem}.headline-2{font-size:2.75rem;letter-spacing:.05rem}.headline-3{font-size:2.5rem;letter-spacing:.05rem}.headline-4{font-size:2.25rem;letter-spacing:.025rem}p,article,blockquote{margin:1rem 0}}footer{width:100%;padding:6rem 0;background-color:#111;text-align:center;margin-top:5rem}footer a{font-weight:bolder;color:#fff}footer p{color:#848484}footer ul{margin:.5rem 0}footer h6{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}footer .footer-list-title{font-size:75%;text-transform:uppercase;font-weight:bolder;color:#ddd}footer .footer-list-title::after{content:"";display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}footer ul a .list-item,footer .list-item{margin:.1rem;color:#888;transition:all .3s;font-size:75%;text-transform:uppercase}footer.footer-fixed{bottom:0;position:fixed}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select{width:100%;border:1px solid #ddd;border-radius:3px;color:#5a5a5a;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:all .3s;outline:0;padding:.85rem 1.1rem}input[type="search"]{-webkit-appearance:none}textarea,textarea[type="text"]{width:100%;border:1px solid #ddd;padding:.8rem;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:all .3s;outline:0;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}input[type="color"]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem !important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,select:focus,textarea:focus,textarea[type=text]:focus,input[type=text].input-focused,.input-focused{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,0.07)}select{background-color:#fff;border:1px solid #ddd}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .85rem center/.5rem .6rem no-repeat;-webkit-appearance:none}input[type="search"],input.search{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,');padding-left:2rem !important}input:not([class*="btn-"]):disabled,input:not([class*=" btn-"]):disabled:hover,select:disabled,textarea:disabled{background-color:#f3f3f6;cursor:not-allowed;border:1px solid #f3f3f6}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:bold;color:#f03c69;padding-left:.1rem}.label:not(:last-child){margin-bottom:0}.label{color:#4a4a4a;display:inline-block;font-weight:bold;margin-top:.8rem}.input-success{background-color:rgba(0,224,0,0.05) !important;border-color:var(--cirrus-success) !important}.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(76,175,80,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,0.07)}.input-error{background-color:rgba(244,67,54,0.05) !important;border-color:var(--cirrus-danger) !important}.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,.btn-error:focus{box-shadow:0 0 0 .2rem rgba(244,67,54,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,0.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xsmall,select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-small,select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-large,select.input-large{font-size:var(--font-size-l)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xlarge,select.input-xlarge{font-size:var(--font-size-xl)}select.input-xsmall{padding:.65rem .9rem}select.input-small{padding:.75rem 1rem}select.input-large{padding:.95rem 1.2rem}select.input-xlarge{padding:1.05rem 1.3rem}.input-control{position:relative;margin:.5rem 0}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xsmall ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall ~ .icon.icon-right{line-height:1.75rem;width:1.75rem;font-size:7px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-small ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small ~ .icon.icon-right{line-height:2rem;width:2.5rem;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-large ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large ~ .icon.icon-right{line-height:3.5rem;width:3.5rem;font-size:28px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge{padding-left:4rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xlarge ~ .icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge ~ .icon.icon-right{line-height:2.5rem;width:3.75rem;font-size:35px}.input-contains-icon ~ .icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon ~ .icon:not(.icon-right),.input-contains-icon-left ~ .icon.icon-left{position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right ~ .icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-section:not(:last-child){margin-bottom:.5rem}.form-section.section-inline{display:flex}.form-section.section-inline label:not(.form-group-label),.form-section.section-inline button{align-items:center;flex-grow:0;display:flex;flex-shrink:0}.form-section.section-inline input,.form-section.section-inline .section-body{align-items:center;flex-grow:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-bottom:0}.form-group .form-group-label:first-child:not(:last-child),.form-group .form-group-input:first-child:not(:last-child),.form-group .form-group-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-label:not(:first-child):not(:last-child),.form-group .form-group-input:not(:first-child):not(:last-child),.form-group .form-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem;margin-right:-0.1rem}.form-group .form-group-label:last-child:not(:first-child),.form-group .form-group-input:last-child:not(:first-child),.form-group .form-group-btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #ddd;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group-label.label-xsmall{font-size:.55rem;padding:.35rem .9rem}.form-group-label.label-small{font-size:.75rem;padding:.55rem 1rem}.form-group-label.label-large{font-size:1.5rem}.form-group-label.label-xlarge{font-size:2rem}.form-group-input{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}@media screen and (max-width:768px){.form-section.section-inline{display:inherit}}.frame{display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,0.07)}.frame .frame__header,.frame .frame__footer{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.frame .frame__body{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;overflow-y:auto;padding:0 1.5rem}.frame .frame__title{color:var(--cirrus-fg);font-size:var(--font-size-m);margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,0.6);font-size:var(--font-size-s);margin:.25rem auto .75rem}.header{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,0.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:all .3s}.header a{color:#8292a2}.header a:hover{color:#697888}.header-dark{background-color:rgba(0,0,0,0.87);color:#fff}.header-clear{background-color:transparent;box-shadow:none}.header.header-animated .header-nav{-webkit-transition:background .4s ease,height .4s ease;transition:background .4s ease,height .4s ease;-webkit-transition-property:background,height;transition-property:background,height;-webkit-transition-duration:.4s,0.4s;transition-duration:.4s,0.4s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease;-webkit-transition-delay:initial,initial;transition-delay:initial,initial;-webkit-transition:all .3s;transition:all .3s}.header-brand{-webkit-overflow-scrolling:touch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header-nav{overflow:auto}.nav-menu{-webkit-transition:all .3s;transition:all .3s}.nav-overflow-x{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;overflow-x:scroll}.header-fixed{position:fixed;top:0}.nav-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.header:not(.header-clear) .nav-item:not(.no-hover):hover,.header:not(.header-clear) .nav-item:not(.no-hover).hovered{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.15)}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,0.35)}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #eee;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,0.1)}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.nav-item .dropdown-menu.dropdown-animated{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid var(--cirrus-primary);border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none;margin-top:-0.435em;right:1.125em;top:50%;position:absolute}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.nav-item .dropdown-menu.dropdown-dark,.header-dark .dropdown-menu{background-color:rgba(0,0,0,0.87);border:1px solid #333;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}.dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.header-dark .nav-item a,.header-dark .dropdown-menu>li>a{color:#fff}.dropdown-menu>li{margin:0;-webkit-transition:all .3s;transition:all .3s}.dropdown-menu>li:hover{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.15)}.dropdown-menu>li:active{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.25)}.dropdown-menu>li:last-child{margin-bottom:0}.dropdown-menu .dropdown-menu-divider{border:0;background-color:rgba(216,216,216,0.15);height:1px;margin:.5rem 0}.nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header button,.header input[type="submit"]{margin:0}@media screen and (min-width:769px){.header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox}.header-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.nav-left,.nav-right{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.nav-right{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}.nav-center{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}.nav-btn{display:none}.nav-item a{padding:.5rem 1rem}.nav-item .dropdown-menu{opacity:0;pointer-events:none}.nav-item .dropdown-menu.dropdown-animated{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.nav-item .dropdown-menu.dropdown-shown,.nav-item.toggle-hover:hover .dropdown-menu,.nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}.nav-left .has-sub .dropdown-menu{left:0;right:auto}.nav-right .has-sub .dropdown-menu{left:auto;right:0}}@media screen and (max-width:768px){.header{display:flex;flex-direction:column}.header-brand .nav-item:first-child{padding:0 1rem}.header-nav{height:0}.header-nav.active{height:100vh}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:0;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,0.17);border:0;color:#fff}.nav-item.has-sub .dropdown-menu{display:none}.header-nav .nav-item{padding:1rem}.header-nav .nav-item>a{padding:0;width:100%}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:#4d565f;display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;-webkit-transition:none 86ms ease-out;transition:none 86ms ease-out;-webkit-transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,transform;transition-property:background,left,opacity,transform,-webkit-transform;width:15px}.header-dark .nav-btn span{background-color:#fff}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-left,.nav-center,.nav-right{overflow:hidden}}@media screen and (min-width:1023px){.header{padding:0 2rem}}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}section{display:block}.panel{padding:2.5em 0}.divider{border-top:.05rem solid rgba(173,173,173,0.5);height:.1rem;margin:1.8rem 0 1.6rem}.divider[data-content]{margin:.8rem 0}.divider--v[data-content]{display:block;padding:.8rem}.divider--v::before{border-left:.05rem solid rgba(173,173,173,0.5);bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v[data-content]{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed !important}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-body{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:-ms-flexbox;display:flex;width:100%}space{display:block;width:100%;height:1rem}space.large{padding:1rem 0}space.x-large{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem}.r{max-width:100%;padding:.5rem}.row.row--no-wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.row::after{content:"";clear:both;display:table}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .col-1{width:8.33333333%}.row .col-2{width:16.66666667%}.row .col-3{width:25%}.row .col-4{width:33.33333333%}.row .col-5{width:41.66666667%}.row .col-6{width:50%}.row .col-7{width:58.33333333%}.row .col-8{width:66.66666667%}.row .col-9{width:75%}.row .col-10{width:83.33333333%}.row .col-11{width:91.66666667%}.row .col-12{width:100%}.row .offset-1{margin-left:8.33333333%}.row .offset-2{margin-left:16.66666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.33333333%}.row .offset-5{margin-left:41.66666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.33333333%}.row .offset-8{margin-left:66.66666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.33333333%}.row .offset-11{margin-left:91.66666667%}.row .offset-12{margin-left:100%}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row [class^="col-"],.row [class*=" col-"]{float:left;padding:0 .5rem}.row.no-space [class^="col-"],.row.no-space [class*=" col-"]{padding:0}.row.has-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.level{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level-left{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:1rem}.level-right{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.level-content{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:left;width:100%}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}@media screen and (min-width:769px){.row{display:flex}.level-right{margin-left:1rem}.level.fill-height{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.row{margin-top:0}.row [class^="col-"]:not(.ignore-screen),.row [class*=" col-"]:not(.ignore-screen){width:100%;margin-left:0;padding:0}.divided>.row [class^="col-"],.divided>.row [class*=" col-"]{box-shadow:0 -1px 0 0 rgba(34,36,38,0.15)}.level.ignore-screen,.level-left.ignore-screen,.level-right.ignore-screen{display:-webkit-box;display:-ms-flexbox;display:flex}.level.fill-height{display:inherit}}a{color:var(--cirrus-link);display:block;font-weight:600;padding:2px;text-decoration:none;transition:all .3s}a:hover{color:var(--cirrus-link-dark);transition:all .3s}a:visited,a:hover,a:active{backface-visibility:hidden;text-decoration:none}.subtitle a{padding:0}a.underline{text-decoration:underline}p a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,blockquote a,article a{display:inline}a .btn,a button{margin-bottom:0}ul,ol{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ul{list-style:disc}ul ul,ol ul,ul ol,ol ol{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}li:not('.dropdown-menu li'):last-child{margin-bottom:1em}ul.no-bullets{list-style:none}.menu{font-size:1rem}ul.menu{list-style:none;margin:.5rem 0}.menu-title:not(:first-child){margin-bottom:1rem}.menu-title:not(:last-child){margin-top:1rem}.menu .menu-item a{color:#555;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item:hover>a{background-color:rgba(208,208,208,0.3);color:#d43644;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item.selected>a{color:#fff;background-color:var(--cirrus-primary)}.menu .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon .icon{font-size:inherit}.menu .menu-item .menu-addon:hover{background-color:rgba(60,60,60,0.25);-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}.menu .menu-item.selected .menu-addon{color:#fff}.menu .menu-item ul{border-left:1px solid #dbdbdb;margin:.75rem;padding-left:.75rem}.menu .divider{border-top:.1rem solid #eee;height:.1rem;margin:1rem 0}.menu .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#b7b7b7;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;-webkit-transform:translateY(-1.1rem);transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;-webkit-animation:slide-down var(--animation-duration) ease 1;animation:slide-down .1s ease 1;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 .1rem .4rem rgba(69,77,93,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown.shown .menu,.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-size:.95rem;font-weight:600}.tree .tree-item .tree-item-header .icon{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree .tree-item input:checked ~ .tree-item-body{max-height:100vh}.tree .tree-item input:checked ~ .tree-item-header .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree-nav-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tree-nav{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav+.tree-nav-close{display:none}.tree-nav+.tree-nav-content{max-width:100%;padding:2rem;-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}.tree-item-body .menu .menu-item a{font-weight:400}@media screen and (max-width:768px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;z-index:400}.tree-nav:target{-webkit-transform:translateX(0);transform:translateX(0);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown{width:100%}.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch iframe,.media-stretch embed,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.fig{margin:0 0 .5rem 0}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.m-0{margin:0}.m-1{margin:calc(var(--space-size) * 1)}.m-2{margin:calc(var(--space-size) * 2)}.m-3{margin:calc(var(--space-size) * 3)}.m-4{margin:calc(var(--space-size) * 4)}.m-5{margin:calc(var(--space-size) * 5)}.mt-0,.my-0{margin-top:0}.mt-1,.my-1{margin-top:calc(var(--space-size) * 1)}.mt-2,.my-2{margin-top:calc(var(--space-size) * 2)}.mt-3,.my-3{margin-top:calc(var(--space-size) * 3)}.mt-4,.my-4{margin-top:calc(var(--space-size) * 4)}.mt-5,.my-5{margin-top:calc(var(--space-size) * 5)}.mb-0,.my-0{margin-bottom:0}.mb-1,.my-1{margin-bottom:calc(var(--space-size) * 1)}.mb-2,.my-2{margin-bottom:calc(var(--space-size) * 2)}.mb-3,.my-3{margin-bottom:calc(var(--space-size) * 3)}.mb-4,.my-4{margin-bottom:calc(var(--space-size) * 4)}.mb-5,.my-5{margin-bottom:calc(var(--space-size) * 5)}.ml-0,.mx-0{margin-left:0}.ml-1,.mx-1{margin-left:calc(var(--space-size) * 1)}.ml-2,.mx-2{margin-left:calc(var(--space-size) * 2)}.ml-3,.mx-3{margin-left:calc(var(--space-size) * 3)}.ml-4,.mx-4{margin-left:calc(var(--space-size) * 4)}.ml-5,.mx-5{margin-left:calc(var(--space-size) * 5)}.mr-0,.mx-0{margin-right:0}.mr-1,.mx-1{margin-right:calc(var(--space-size) * 1)}.mr-2,.mx-2{margin-right:calc(var(--space-size) * 2)}.mr-3,.mx-3{margin-right:calc(var(--space-size) * 3)}.mr-4,.mx-4{margin-right:calc(var(--space-size) * 4)}.mr-5,.mx-5{margin-right:calc(var(--space-size) * 5)}.p-0{padding:0}.p-1{padding:calc(var(--space-size) * 1)}.p-2{padding:calc(var(--space-size) * 2)}.p-3{padding:calc(var(--space-size) * 3)}.p-4{padding:calc(var(--space-size) * 4)}.p-5{padding:calc(var(--space-size) * 5)}.pt-0,.py-0{padding-top:0}.pt-1,.py-1{padding-top:calc(var(--space-size) * 1)}.pt-2,.py-2{padding-top:calc(var(--space-size) * 2)}.pt-3,.py-3{padding-top:calc(var(--space-size) * 3)}.pt-4,.py-4{padding-top:calc(var(--space-size) * 4)}.pt-5,.py-5{padding-top:calc(var(--space-size) * 5)}.pb-0,.py-0{padding-bottom:0}.pb-1,.py-1{padding-bottom:calc(var(--space-size) * 1)}.pb-2,.py-2{padding-bottom:calc(var(--space-size) * 2)}.pb-3,.py-3{padding-bottom:calc(var(--space-size) * 3)}.pb-4,.py-4{padding-bottom:calc(var(--space-size) * 4)}.pb-5,.py-5{padding-bottom:calc(var(--space-size) * 5)}.pl-0,.px-0{padding-left:0}.pl-1,.px-1{padding-left:calc(var(--space-size) * 1)}.pl-2,.px-2{padding-left:calc(var(--space-size) * 2)}.pl-3,.px-3{padding-left:calc(var(--space-size) * 3)}.pl-4,.px-4{padding-left:calc(var(--space-size) * 4)}.pl-5,.px-5{padding-left:calc(var(--space-size) * 5)}.pr-0,.px-0{padding-right:0}.pr-1,.px-1{padding-right:calc(var(--space-size) * 1)}.pr-2,.px-2{padding-right:calc(var(--space-size) * 2)}.pr-3,.px-3{padding-right:calc(var(--space-size) * 3)}.pr-4,.px-4{padding-right:calc(var(--space-size) * 4)}.pr-5,.px-5{padding-right:calc(var(--space-size) * 5)}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(219,219,219,0.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:all .3s}.table caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}.table tr:hover,.table.striped tbody tr:nth-child(even):hover{background-color:rgba(216,216,216,0.15)}.table thead th,.table thead{border-bottom:2px solid rgba(219,219,219,0.49)}.table.bordered thead th,.table.bordered thead{border-bottom:1px solid rgba(219,219,219,0.5)}.table thead th,.table tfoot th{padding:1rem}.table tfoot th{border-top:2px solid rgba(219,219,219,0.5);border-bottom:0}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,0.5)}.table.bordered thead td,.table.borderd thead{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,0.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table tr.selected{background-color:var(--cirrus-primary);color:#fff}.table.borderless thead th,.table.borderless th,.table.borderless td{border:0}:root{--cirrus-fg:#374054;--cirrus-bg:#fff;--cirrus-primary:#f03d4d;--cirrus-primary-rgb:240,61,77;--cirrus-primary-light:#ffdadd;--cirrus-accent-hover:#d62939;--cirrus-accent-border:#c21b2b;--cirrus-light:#f6f9fc;--cirrus-light-gray:#f8f9fa;--cirrus-gray:#d5d7dc;--cirrus-dark-gray:#909090;--cirrus-dark:#363636;--cirrus-link:#5e5cc7;--cirrus-link-dark:#4643e2;--cirrus-info:#2972fa;--cirrus-success:#0dd157;--cirrus-success-rgb:13,209,87;--cirrus-warning:#fab633;--cirrus-danger:#fb4143;--cirrus-light-hover:#d9e6f2;--cirrus-dark-hover:#424242;--cirrus-info-hover:#2368e9;--cirrus-link-hover:#f8f7ff;--cirrus-success-hover:#00b147;--cirrus-warning-hover:#f9a90e;--cirrus-danger-hover:#f1393c;--cirrus-select-bg:rgba(0,161,255,0.2);--cirrus-code-bg:var(--cirrus-primary-light);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:var(--cirrus-light-gray);--cirrus-form-group-fg:var(--cirrus-dark-gray);--toast-primary-bg:rgba(49,59,80,0.9);--animation-duration:.2s;--focus-opacity:.4;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.u-inline{display:inline !important}.u-inline-block{display:inline-block !important}.u-flex{display:flex !important}.u-flex-column{flex-direction:column !important}.u-flex-row{flex-direction:row !important}.u-inline-flex{display:-ms-inline-flexbox !important;display:-webkit-inline-box !important;display:inline-flex !important}.u-block{display:block !important}.u-clearfix:after{clear:both !important;content:" ";display:table !important}.u-clear-left{clear:left !important}.u-clear-right{clear:right !important}.u-clear-both{clear:both !important}.u-pull-left{float:left !important}.u-pull-right{float:right !important}.u-text-center{text-align:center !important}.u-text-justify{text-align:justify !important}.u-text-ellipsis{text-overflow:ellipsis}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:hover,.u-center-alt:active{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-vertical-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;vertical-align:middle}.u-horizontal-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-hide-overflow{overflow:hidden !important;overflow-x:hidden;overflow-y:hidden}.u-text-center{text-align:center !important}.u-text-left{text-align:left !important}.u-text-right{text-align:right !important}.u-hide{display:none !important}.u-disabled{cursor:not-allowed !important}.u-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.u-no-margin{margin:0 !important}.u-no-padding{padding:0 !important}.u-margin-auto{margin:0 auto !important}.u-round{border-radius:.1rem}.u-circle{border-radius:50%}.u-no-shadow{box-shadow:none}@media screen and (min-width:769px){.level,.level-left,.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.u-hide-mobile{display:none !important}}@media screen and (min-width:768px){.u-hide-tablet{display:none !important}}@media screen and (min-width:769px) and (max-width:1023px){.u-hide-tablet-only{display:none !important}}@media screen and (min-width:1024px){.u-hide-desktop{display:none !important}}@-webkit-keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}.hover-grow{transition-duration:.32s}.hover-grow:hover{transform:scale(1.1);transition-duration:.08s}.animated.loading{display:block;position:relative}.animated.loading::after{border:2px solid #ccc;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1rem;width:1rem;left:calc(50% -(1em / 1.25));top:calc(50% -(1em / 1.35));position:absolute;-webkit-animation:loading 500ms infinite linear;animation:loading 500ms infinite linear}.animated.loading.loading-white::after{border-left-color:#fff;border-bottom-color:#fff}.animated.loading.loading-left::after{left:2rem;right:auto}.animated.loading.loading-left{padding-left:4rem}.animated.loading.loading-right::after{left:auto;right:2rem}.animated.loading.loading-right{padding-right:4rem}.animated.loading.hide-text{color:transparent !important}@-webkit-keyframes pound{to{transform:scale(1.1)}}@keyframes pound{to{transform:scale(1.1)}}.animated.pulse{animation:pound .35s infinite alternate;-webkit-animation:pound .35s infinite alternate;vertical-align:baseline}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.animated.bounce{animation-name:bounce;-webkit-animation-name:bounce;transform-origin:center bottom;-webkit-transform-origin:center bottom}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0{opacity:0;transform:scale3d(0.3,0.3,0.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,0.9,0.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(0.97,0.97,0.97)}to{opacity:1;transform:scale3d(1,1,1)}}.animated.bounceIn{animation-name:bounceIn}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.infinite.alternate{animation-direction:alternate}.animated.paused{-webkit-animation-play-state:paused !important;animation-play-state:paused !important}.avatar{border-radius:50%;position:relative;display:block;margin:auto;font-size:1rem;font-weight:lighter;width:3.2rem;height:3.2rem;background-color:var(--cirrus-primary);overflow:hidden}.avatar::before{content:attr(data-text);color:#fff;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.avatar.avatar--xsmall{font-size:.8rem;width:1.6rem;height:1.6rem}.avatar.avatar--small{font-size:1rem;height:2.4rem;width:2.4rem}.avatar.avatar--large{font-size:2rem;height:4.8rem;width:4.8rem}.avatar.avatar--xlarge{font-size:2.6rem;height:6.4rem;width:6.4rem}.avatar img.padded{padding:.5rem;width:100%}.card{background-color:#fff;border-radius:5px;position:relative;overflow:hidden;transition:all .3s;backface-visibility:hidden;box-shadow:0 5px 12px 0 rgba(42,51,83,.12),0 0 5px rgba(0,0,0,.06);margin-bottom:1rem}.card:hover{transition:all .3s;box-shadow:0 8px 20px 0 rgba(42,51,83,.12),0 5px 5px rgba(0,0,0,.06)}.slide-up:hover .card-image{transform:translateY(-40px)}.card:hover .card-image::after{opacity:0}.card-image{bottom:0;left:0;position:absolute;right:0;top:0;border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card-image::after{content:'';display:block;position:absolute;background-color:rgba(0,0,0,0.1);top:0;left:0;right:0;-webkit-transition:all 500ms;transition:all 500ms;bottom:0}.card-container{display:block;position:relative;height:40%;min-height:332px}.card .title-container .title,.card .title-container .subtitle{color:#fff;margin:1rem auto}.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .title-container .title{font-weight:300;font-size:1.5rem;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,0.25)}.card.u-flex .content{flex-grow:1}.card .action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5rem;border-top:1px solid #e0e0e0;box-sizing:border-box;-webkit-transition:left 200ms cubic-bezier(0.075,0.82,0.165,1);transition:left 200ms cubic-bezier(0.075,0.82,0.165,1)}.card .action-bar button,.card .action-bar .btn,.card .action-bar [type='submit']{margin:0 .5rem}.card .action-bar+.card-footer{padding:1rem 0;border-top:1px solid #e0e0e0}.card button,.card .btn{display:inline-block;border-color:transparent}.card button:hover,.card .btn:hover{-webkit-transform:none;transform:none}.card button:focus,.card .btn:focus{-webkit-transform:none;transform:none}.mobile-title{position:absolute;left:0;background-color:var(--cirrus-bg);-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out;width:100%;padding:2rem 0 0 0;backface-visibility:hidden}.card:hover .mobile-title{margin-top:-7rem;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card:hover .card-body{opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card-body{opacity:0;-webkit-transition:all var(--animation-duration) ease-in-out;-moz-transition:all var(--animation-duration) ease-in-out;-ms-transition:all var(--animation-duration) ease-in-out;transition:all var(--animation-duration) ease-in-out}.card-footer{position:relative;font-size:.75rem;color:#9fa5a8}.card p{margin:1rem 0}.card-head{align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;display:flex;display:-webkit-box;display:-ms-flexbox;border-bottom:1px solid #e0e0e0}.card-head-title{align-items:center;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-weight:700;padding:0 1rem}.form-ext-control{display:block;min-height:1.5rem;padding-left:1.5rem;position:relative}.form-ext-input{opacity:0;position:absolute;z-index:-1}.form-ext-input:disabled ~ .form-ext-label{opacity:.4}.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label:before{background-color:var(--cirrus-success)}.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label{color:var(--cirrus-success)}.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label:before{background-color:var(--cirrus-danger)}.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label{color:var(--cirrus-danger)}.form-ext-label{margin-bottom:0;position:relative}.form-ext-label:before,.form-ext-label:after{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.3rem;transition:all var(--animation-duration);width:1rem}.form-ext-label:before{background-color:var(--cirrus-light);border:1px solid #d5d7dc;border-radius:.25rem;pointer-events:none;user-select:none;box-sizing:border-box}.form-ext-label:after{background-position:center;background-repeat:no-repeat;background-size:50% 50%}.form-ext-control .form-ext-input:checked ~ .form-ext-label:before{background-color:var(--cirrus-primary)}.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3E%3Cpathfill='%23fff'd='M6.564.75l-3.593.612-1.538-1.55L04.262.9747.2582.193z'/%3E%3C/svg%3E")}.form-ext-checkbox .form-ext-label:before{border-radius:.25rem}.form-ext-control.form-ext-radio .form-ext-input:checked ~ .form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='-4-488'%3E%3Ccircler='3'fill='%23fff'/%3E%3C/svg%3E")}.form-ext-radio .form-ext-label:before{border-radius:50%}.form-ext-toggle{cursor:pointer;position:relative}.form-ext-toggle input[type="checkbox"],.form-ext-toggle input[type="radio"]{opacity:0;position:absolute;z-index:-1}.form-ext-toggle__label{align-items:center;display:flex;justify-content:space-between}.form-ext-toggle__toggler{border:1px solid var(--cirrus-gray);border-radius:6.25rem;color:var(--cirrus-gray);display:block;font-size:9px;height:1.5rem;position:relative;width:3rem}.form-ext-toggle input[type="checkbox"]:checked+.form-ext-toggle__toggler,.form-ext-toggle input[type="checkbox"]:checked+* .form-ext-toggle__toggler,.form-ext-toggle input[type="radio"]:checked+.form-ext-toggle__toggler,.form-ext-toggle input[type="radio"]:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-primary);border-color:var(--cirrus-primary);color:#fff;position:relative;transition:all .4s ease}.form-ext-toggle i{display:inline-block}.form-ext-input:disabled ~ .form-ext-toggle__toggler{opacity:.5}.form-ext-toggle__toggler i::before,.form-ext-toggle__toggler i::after{content:"";display:block;position:absolute}.form-ext-toggle__toggler i::before{content:attr(data-uncheck-icon);padding:2px 7px;line-height:18px;text-align:right;top:0;width:65%;font-size:12px}.form-ext-toggle__toggler i::after{background-color:var(--cirrus-gray);border-radius:50%;height:16px;left:4px;width:16px;transform:translateY(-50%);transition:left var(--animation-duration) ease;text-align:left}.form-ext-control .form-ext-input:checked ~ .form-ext-label:before{border:0}.form-ext-toggle input[type="checkbox"]:checked+.form-ext-toggle__toggler i::after,.form-ext-toggle input[type="checkbox"]:checked+* .form-ext-toggle__toggler i::after,.form-ext-toggle input[type="radio"]:checked+.form-ext-toggle__toggler i::after,.form-ext-toggle input[type="radio"]:checked+* .form-ext-toggle__toggler i::after{background-color:#fff;left:calc(100% - 20px)}.form-ext-toggle input[type="checkbox"]:checked+.form-ext-toggle__toggler i::before,.form-ext-toggle input[type="checkbox"]:checked+* .form-ext-toggle__toggler i::before,.form-ext-toggle input[type="radio"]:checked+.form-ext-toggle__toggler i::before,.form-ext-toggle input[type="radio"]:checked+* .form-ext-toggle__toggler i::before{color:#fff;content:attr(data-check-icon);text-align:left}.form-ext-toggle input[type="checkbox"]:checked+.form-ext-toggle__toggler i::after,.form-ext-toggle input[type="checkbox"]:checked+* .form-ext-toggle__toggler i::after,.form-ext-toggle input[type="radio"]:checked+.form-ext-toggle__toggler i::after,.form-ext-toggle input[type="radio"]:checked+* .form-ext-toggle__toggler i::after{background-color:#fff;left:calc(100% - 20px)}.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-danger);border-color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler{border-color:var(--cirrus-danger);color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler i::after{background-color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-success);border-color:var(--cirrus-success)}.form-ext-toggle--success .form-ext-toggle__toggler{border-color:var(--cirrus-success);color:var(--cirrus-success)}.form-ext-toggle--success .form-ext-toggle__toggler i::after{background-color:var(--cirrus-success)}.form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(var(--cirrus-primary-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(var(--cirrus-success-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}:root{--gap-0:0;--gap-1:.25rem;--gap-2:.5rem;--gap-3:1rem;--gap-4:1.25rem;--gap-5:1.5rem;--gap-6:3rem;--gap-7:6rem;--gap-8:9rem;--gap-9:12rem}.grid{--grid-gap:--gap-2;--grid-template-column:repeat(12,minmax(0,1fr));--grid-column-start:auto;--grid-column-end:auto;--grid-row-start:auto;--grid-row-end:auto;display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid .c{grid-column-start:var(--grid-column-start);grid-column-end:var(--grid-column-end)}.grid.grid-cols-1{--grid-template-column:repeat(1,minmax(0,1fr))}.grid.grid-cols-2{--grid-template-column:repeat(2,minmax(0,1fr))}.grid.grid-cols-3{--grid-template-column:repeat(3,minmax(0,1fr))}.grid.grid-cols-4{--grid-template-column:repeat(4,minmax(0,1fr))}.grid.grid-cols-5{--grid-template-column:repeat(5,minmax(0,1fr))}.grid.grid-cols-6{--grid-template-column:repeat(6,minmax(0,1fr))}.grid.grid-cols-7{--grid-template-column:repeat(7,minmax(0,1fr))}.grid.grid-cols-8{--grid-template-column:repeat(8,minmax(0,1fr))}.grid.grid-cols-9{--grid-template-column:repeat(9,minmax(0,1fr))}.grid.grid-cols-10{--grid-template-column:repeat(10,minmax(0,1fr))}.grid.grid-cols-11{--grid-template-column:repeat(11,minmax(0,1fr))}.grid.grid-cols-12{--grid-template-column:repeat(12,minmax(0,1fr))}.grid.grid-gap-0{--grid-gap:var(--gap-0)}.grid.grid-gap-1{--grid-gap:var(--gap-1)}.grid.grid-gap-2{--grid-gap:var(--gap-2)}.grid.grid-gap-3{--grid-gap:var(--gap-3)}.grid.grid-gap-4{--grid-gap:var(--gap-4)}.grid.grid-gap-5{--grid-gap:var(--gap-5)}.grid.grid-gap-6{--grid-gap:var(--gap-6)}.grid.grid-gap-7{--grid-gap:var(--gap-7)}.grid.grid-gap-8{--grid-gap:var(--gap-8)}.grid.grid-gap-9{--grid-gap:var(--gap-9)}.grid .grid-c-1{grid-column:span 1}.grid .grid-c-2{grid-column:span 2}.grid .grid-c-3{grid-column:span 3}.grid .grid-c-4{grid-column:span 4}.grid .grid-c-5{grid-column:span 5}.grid .grid-c-6{grid-column:span 6}.grid .grid-c-7{grid-column:span 7}.grid .grid-c-8{grid-column:span 8}.grid .grid-c-9{grid-column:span 9}.grid .grid-c-10{grid-column:span 10}.grid .grid-c-11{grid-column:span 11}.grid .grid-c-12{grid-column:span 12}.grid .grid-r-1{grid-row:span 1}.grid .grid-r-2{grid-row:span 2}.grid .grid-r-3{grid-row:span 3}.grid .grid-r-4{grid-row:span 4}.grid .grid-r-5{grid-row:span 5}.grid .grid-r-6{grid-row:span 6}.grid .grid-r-7{grid-row:span 7}.grid .grid-r-8{grid-row:span 8}.grid .grid-r-9{grid-row:span 9}.grid .grid-r-10{grid-row:span 10}.grid .grid-r-11{grid-row:span 11}.grid .grid-r-12{grid-row:span 12}.grid .grid-cs-1{grid-column-start:1}.grid .grid-cs-2{grid-column-start:2}.grid .grid-cs-3{grid-column-start:3}.grid .grid-cs-4{grid-column-start:4}.grid .grid-cs-5{grid-column-start:5}.grid .grid-cs-6{grid-column-start:6}.grid .grid-cs-7{grid-column-start:7}.grid .grid-cs-8{grid-column-start:8}.grid .grid-cs-9{grid-column-start:9}.grid .grid-cs-10{grid-column-start:10}.grid .grid-cs-11{grid-column-start:11}.grid .grid-cs-12{grid-column-start:12}.grid .grid-cs-end{grid-column-end:-1}.grid .grid-ce-1{grid-column-end:2}.grid .grid-ce-2{grid-column-end:3}.grid .grid-ce-3{grid-column-end:4}.grid .grid-ce-4{grid-column-end:5}.grid .grid-ce-5{grid-column-end:6}.grid .grid-ce-6{grid-column-end:7}.grid .grid-ce-7{grid-column-end:8}.grid .grid-ce-8{grid-column-end:9}.grid .grid-ce-9{grid-column-end:10}.grid .grid-ce-10{grid-column-end:11}.grid .grid-ce-11{grid-column-end:12}.grid .grid-ce-12{grid-column-end:13}.grid .grid-rs-1{grid-row-start:1}.grid .grid-rs-2{grid-row-start:2}.grid .grid-rs-3{grid-row-start:3}.grid .grid-rs-4{grid-row-start:4}.grid .grid-rs-5{grid-row-start:5}.grid .grid-rs-6{grid-row-start:6}.grid .grid-rs-7{grid-row-start:7}.grid .grid-rs-8{grid-row-start:8}.grid .grid-rs-9{grid-row-start:9}.grid .grid-rs-10{grid-row-start:10}.grid .grid-rs-11{grid-row-start:11}.grid .grid-rs-12{grid-row-start:12}.grid .grid-rs-end{grid-row-end:-1}.grid .grid-re-1{grid-row-end:2}.grid .grid-re-2{grid-row-end:3}.grid .grid-re-3{grid-row-end:4}.grid .grid-re-4{grid-row-end:5}.grid .grid-re-5{grid-row-end:6}.grid .grid-re-6{grid-row-end:7}.grid .grid-re-7{grid-row-end:8}.grid .grid-re-8{grid-row-end:9}.grid .grid-re-9{grid-row-end:10}.grid .grid-re-10{grid-row-end:11}.grid .grid-re-11{grid-row-end:12}.grid .grid-re-12{grid-row-end:13}@media screen and (max-width:768px){.grid{--grid-template-column:repeat(1,minmax(0,1fr))}}.u,.utb{display:inline;position:relative}.u::after{content:"";transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark);bottom:-0.25em}.u:hover::after{width:100%}.u-LR::after{left:0}.u-RL::after{right:0}.u-RL:hover::after{width:100%}.u-C::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb::before,.utb::after{content:"";transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark)}.utb::before{top:-0.25em}.utb::after{bottom:-0.25em}.utb:hover::before,.utb:hover::after{width:100%}.utb-LR::before,.utb-LR::after{left:0}.utb-RL::before,.utb-RL::after{right:0}.utb-C::before,.utb-C::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb-OLR::before{left:0}.utb-OLR::after{right:0}.utb-ORL::before{right:0}.utb-ORL::after{left:0}.usquare{margin-left:.4rem;position:relative;overflow:hidden}.usquare a{position:static;padding:.2rem .4rem}.usquare::before,.usquare::after{content:"";transition:.25s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:2px;width:.1 rem;height:0;background:var(--cirrus-link-dark)}.usquare::before{left:0;bottom:-0.2rem}.usquare.delay::before{transition-delay:.6s}.usquare::after{right:0;top:-0.2rem}.usquare.delay::after{transition-delay:var(--animation-duration)}.usquare a::before{left:0;transition:.25s all ease}.usquare a::after{right:0;transition:.25s all ease}.usquare.delay a::after{transition:.25s all ease .4s}.usquare:hover::before,.usquare:hover::after{height:calc(100%+0.4rem)}.usquare:hover a::before,.usquare:hover a::after{width:100%}.modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;padding:1rem;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.modal:target,.modal.shown{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;z-index:999;pointer-events:auto}.modal:target .modal-overlay,.modal.shown .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:rgba(54,59,68,0.5)}.modal-content{background-color:var(--cirrus-bg);padding:0;display:block;border-radius:3px;box-shadow:0 .4rem 1rem rgba(54,59,68,.3);z-index:1;color:var(--cirrus-fg);max-width:40rem}.modal.modal-small .modal-content{max-width:20rem}.modal.modal-large .modal-content{max-width:60rem}.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content h6{color:var(--cirrus-fg)}.modal:target .modal-container,.modal.shown .modal-container{-webkit-animation:slide-down var(--animation-duration) ease 1;animation:slide-down var(--animation-duration) ease 1;z-index:1}.modal-content.small{max-width:32rem}.modal-content .modal-header{padding:1rem 3rem}.modal-content .modal-header .modal-title{font-weight:bolder;font-size:1.4rem}.modal-content .modal-body{padding:1rem 3rem;overflow-y:auto;max-height:50vh;position:relative}.modal-content .modal-footer{padding:1rem 3rem;text-align:right}.modal.modal-animated--dropdown{-webkit-animation:slide-down var(--animation-duration) ease 1;animation:slide-down var(--animation-duration) ease 1}.modal.modal-animated--zoom-in,.modal.modal-animated--zoom-out{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;transition:300ms all ease}.modal:target.modal-animated--zoom-in,.modal:target.modal-animated--zoom-out{opacity:1;transition:300ms all ease}.modal.modal-animated--zoom-in .modal-content{transform:scale(0.8);transition:300ms all ease}.modal:target.modal-animated--zoom-in .modal-content,.modal:target.modal-animated--zoom-out .modal-content{transform:scale(1);transition:300ms all ease}.modal.modal-animated--zoom-out .modal-content{transform:scale(1.2);transition:300ms all ease}@-webkit-keyframes slide-down{0{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:768px){.modal-content{max-width:90%}}.btn.btn--pilled,[class^="btn-"].btn--pilled,[class*=" btn-"].btn--pilled{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn.btn--circle,[class^="btn-"].btn--circle,[class*=" btn-"].btn--circle{border-radius:100%;height:3.125rem;line-height:3.125rem;padding:0;width:3.125rem}.input-control--pilled{border-radius:6.25rem !important}.bg-primary{background-color:var(--cirrus-primary) !important}.bg-success{background-color:var(--cirrus-success) !important}.bg-warning{background-color:var(--cirrus-warning) !important}.bg-danger{background-color:var(--cirrus-danger) !important}.bg-light{background-color:var(--cirrus-light) !important}.bg-dark{background-color:var(--cirrus-dark) !important}.bg-link{background-color:var(--cirrus-link) !important}.bg-link-dark{background-color:var(--cirrus-link-dark) !important}.bg-info{background-color:var(--cirrus-info) !important}.text-primary{color:var(--cirrus-primary) !important}.text-success{color:var(--cirrus-success) !important}.text-warning{color:var(--cirrus-warning) !important}.text-danger{color:var(--cirrus-danger) !important}.text-light{color:var(--cirrus-light) !important}.text-dark{color:var(--cirrus-dark) !important}.text-link{color:var(--cirrus-link) !important}.text-link-dark{color:var(--cirrus-link-dark) !important}.text-info{color:var(--cirrus-info) !important}.pagination{display:flex;display:-ms-flexbox}.pagination-item{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%}.pagination a{color:#5d6c7b}.pagination .pagination-item a[disabled]{cursor:pointer;opacity:.5;pointer-events:none;user-select:none}.pagination .pagination-item{margin:1rem .1rem;transition:all .3s}.pagination .pagination-item.pagination-next{text-align:right}.pagination .pagination-item.pagination-prev{text-align:left}.pagination-item-subtitle{opacity:.7;margin:0}.pagination .pagination-item.short.selected{background-color:var(--cirrus-primary);color:#fff}.pagination .pagination-item.short.selected a{color:#fff}.pagination .pagination-item.short a{display:inline-block;line-height:1.25;padding:.5rem .75rem}.pagination .pagination-item.short{border-radius:.1rem;margin:.2rem 0;-webkit-flex:0;-ms-flex:0;flex:0}.pagination .pagination-item.short:first-child a{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination .pagination-item.short:last-child a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination .pagination-item.short:not(.selected):hover{background-color:rgba(0,0,0,0.1)}.pagnation .pagination-item.ellipses{color:#b5b5b5;pointer-events:none}.pagination.pagination-bordered .pagination-item.short a{border:1px solid #dedede;border-radius:0;margin-left:-1px}.pagination .pagination-item:hover p,.pagination .pagination-item:hover h1,.pagination .pagination-item:hover h2,.pagination .pagination-item:hover h3,.pagination .pagination-item:hover h4,.pagination .pagination-item:hover h5,.pagination .pagination-item:hover h6,.pagination .pagination-item:not(.selected):hover *:not([disabled]):not(.ellipses){transition:all .3s;color:var(--cirrus-primary)}.placeholder{background-color:rgba(231,234,241,0.5);border-radius:3px;text-align:center;padding:3rem 2rem;color:#6c7892;display:block}.placeholder-icon{text-align:center}.placeholder .placeholder-title,.placeholder .placeholder-subtitle{margin:1rem auto}.placeholder .placeholder-subtitle{opacity:.7;margin:0}.placeholder .placeholder-commands{margin-top:1rem}.tab-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;overflow-x:auto;user-select:none;white-space:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-size:var(--font-size-s)}.tab-container ul{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:.5rem;border-bottom:1px solid #eee;flex-grow:1;list-style:none;padding-inline-start:0}.tab-container li{display:block;cursor:pointer;margin:0;text-align:center}.tab-container li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem 1rem;transition:all .3s;color:var(--cirrus-fg);border-bottom-color:rgba(197,197,197,0.63);border-width:2px;margin-bottom:-1px;background-color:var(--cirrus-bg)}.tab-container li:hover a{border-bottom-color:rgba(240,61,77,0.6);transition:all .3s}.tab-container li.selected a{border-bottom-color:var(--cirrus-primary);color:var(--cirrus-primary);border-width:2px;transition:all .3s}.tab-container.tabs-center ul{justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center}.tab-container.tabs-right ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tab-container.tabs-depth ul{box-shadow:0 2px 3px rgba(10,10,10,0.1);border-bottom:0}.tab-container.tabs-classic ul{border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;border-radius:3px 3px 0 0;transition:all .3s}.tab-container.tabs-classic li:not(.selected) a:hover{background-color:#f0f0f0;transition:all .3s}.tab-container.tabs-classic li a{border:1px solid transparent;border-bottom-color:#dbdbdb;border-radius:3px 3px 0 0;transition:all .3s}.tab-container.tabs-classic li.selected a{color:var(--cirrus-primary);border-color:#dbdbdb;border-bottom-color:transparent !important}.tab-container.tabs-fill li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;flex-basis:0}.tab-container.tabs-fill ul{display:flex}.tab-container.tabs-xsmall{font-size:.6rem}.tab-container.tabs-small{font-size:.75rem}.tab-container.tabs-large{font-size:1.25rem}.tab-container.tabs-xlarge{font-size:1.5rem}.tab-container .icon:first-child{margin-right:.75rem}.tab-container .icon:last-child{margin-left:.75rem}.tag{align-items:center;background-color:var(--cirrus-light);border-radius:.25rem;color:var(--cirrus-fg);display:inline-flex;font-size:75%;line-height:1.5;min-height:1.5rem;padding:0 .5rem;white-space:nowrap}.tag.tag--large{font-size:100%}.tag.tag--xlarge{font-size:150%}.tag.tag--rounded{border-radius:290486px}.tag.tag--delete{background-color:rgba(10,10,10,.2);border-radius:290486px;cursor:pointer;pointer-events:auto;display:inline-block;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;position:relative}.tag--delete:hover{background-color:rgba(10,10,10,.3)}.tag.tag--delete::before,.tag.tag--delete::after{background-color:var(--cirrus-light);content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.tag.tag--delete::before{height:1px;width:50%}.tag.tag--delete::after{height:50%;width:1px}.tag.tag--delete{margin-left:.25rem;margin-right:-0.375rem}.tag.tag--white{background-color:#fff;color:var(--cirrus-dark)}.tag.tag--black{background-color:#000;color:#fff}.tag.tag--dark{background-color:var(--cirrus-dark);color:#fff}.tag.tag--primary{background-color:var(--cirrus-primary);color:#fff}.tag.tag--link{background-color:var(--cirrus-link);color:#fff}.tag.tag--info{background-color:var(--cirrus-info);color:#fff}.tag.tag--success{background-color:var(--cirrus-success);color:#fff}.tag.tag--warning{background-color:var(--cirrus-warning);color:var(--cirrus-fg)}.tag.tag--danger{background-color:var(--cirrus-danger);color:#fff}.tag-container{display:flex;flex-wrap:wrap}.tag-container:not(:last-child){margin-bottom:1rem}.tag-container .tag{margin-bottom:.5rem}.tag-container .tag:not(:last-child){margin-right:.5rem}.tag-container.group-tags .tag{margin-right:0}.tag-container.group-tags .tag:first-child{border-radius:.25rem 0 0 .25rem}.tag-container.group-tags .tag:not(:first-child):not(:last-child){border-radius:0}.tag-container.group-tags .tag:last-child{border-radius:0 .25rem .25rem 0}.tag.tag__close-btn{padding:0;position:relative;width:1.5rem}.tag.tag__close-btn::before,.tag.tag__close-btn::after{background-color:var(--cirrus-fg);content:"";display:block;left:50%;top:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.tag.tag__close-btn::before{height:1px;width:50%}.tag.tag__close-btn::after{height:50%;width:1px}a.tag:hover{text-decoration:underline}.tag-container.tag-container--grouped .tag:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tag-container.tag-container--grouped .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag-container.tag-container--centered{justify-content:center}.tag-container.tag-container--centered .tag{margin:0 .25rem}.tag-container.tag-container--right{justify-content:flex-end}.tag-container.tag-container--right .tag:not(:first-child){margin-left:.5rem}.tag-container.tag-container--right .tag:not(:last-child){margin-right:0}.tile{display:flex;display:-ms-flexbox;align-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify}.tile p{font-size:.95rem}.tile .tile__icon,.tile .tile__buttons{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.tile .tile__buttons button,.tile .tile__buttons .btn,.tile .tile__buttons [type="submit"]{display:inline-block;margin:.1rem}.tile .tile__container{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto}.tile .tile__container:not(:first-child){padding-left:1rem}.tile .tile__container:not(:last-child){padding-right:1rem}.tile .tile__title{line-height:2rem;font-weight:bolder;margin:.1rem auto}.tile .tile__subtitle{line-height:1.25rem;opacity:.7;margin:.1rem auto}.tile.tile--center{align-items:center;-webkit-align-items:center;-ms-flex-align:center}.tile.tile--center .tile__container{overflow:hidden}.tile.tile--center .tile__title,.tile.tile--center .tile__subtitle.no-wrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0}.toast{display:block;width:100%;padding:.75rem 1.25rem;background-color:var(--toast-primary-bg);border:1px solid var(--toast-primary-bg);border-radius:2px;color:#fff;position:relative;margin:.5rem}.toast .toast__title{margin:0;margin-top:1rem}.toast p{margin:0}.toast.toast--translucent{opacity:.5}.toast.toast--translucent:hover{opacity:1}.toast .btn-close{position:absolute;right:1rem;top:1rem}.toast.toast--primary{background-color:var(--toast-primary-bg);border-color:var(--toast-primary-bg)}.toast.toast--success{background-color:var(--cirrus-success);border-color:var(--cirrus-success)}.toast.toast--warning{background-color:var(--cirrus-warning);border-color:var(--cirrus-warning)}.toast.toast--error{background-color:var(--cirrus-danger);border-color:var(--cirrus-danger)}.toast.toast--info{background-color:var(--cirrus-info);border-color:var(--cirrus-info)}.toast.toast--link{background-color:var(--cirrus-link);border-color:var(--cirrus-link)}.toast.toast--primary{background-color:var(--cirrus-primary);border-color:var(--cirrus-primary)}.toast a{color:var(--cirrus-light);transition:all .3s}.toast a:hover{opacity:.8;transition:all .3s}.tooltip{position:relative;overflow:visible;white-space:nowrap}.tooltip::after,.tooltip.tooltip--top::after{-webkit-appearance:none;-moz-appearance:none;position:absolute;color:#fff;font-size:.6rem;background-color:rgba(69,77,93,0.9);content:attr(data-tooltip);display:block;line-height:1rem;text-transform:none;overflow:hidden;padding:.4rem .8rem;opacity:0;text-overflow:ellipsis;max-width:15rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);transition:all var(--animation-duration) ease;z-index:200;pointer-events:none;bottom:100%;left:50%;border-radius:.2rem}.tooltip:focus::after,.tooltip:hover::after{opacity:1;-webkit-transform:translate(-50%,-0.5rem);transform:translate(-50%,-0.5rem);transition:all var(--animation-duration) ease}.tooltip.tooltip--top-left::after{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tooltip.tooltip--top-left:hover::after,.tooltip.tooltip--top-left:focus::after{left:0;-webkit-transform:translate(-100%,-.5rem);transform:translate(-100%,-.5rem)}.tooltip.tooltip--top-right::after{left:auto;-webkit-transform:translate(15%,0);transform:translate(15%,0)}.tooltip.tooltip--top-right:hover::after,.tooltip.tooltip--top-right:focus::after{right:0;-webkit-transform:translate(100%,-.5rem);transform:translate(100%,-.5rem)}.tooltip.tooltip--bottom::after{top:100%;transform:translate(-50%,-1rem);-webkit-transform:translate(-50%,-1rem);-moz-transform:translate(-50%,-1rem);-ms-transform:translate(-50%,-1rem);bottom:auto}.tooltip.tooltip--bottom:hover::after,.tooltip.tooltip--bottom:focus::after{transform:translate(-50%,.5rem);-webkit-transform:translate(-50%,.5rem);-moz-transform:translate(-50%,.5rem);-ms-transform:translate(-50%,.5rem);bottom:auto}.tooltip.tooltip--bottom-left::after{top:100%;-webkit-transform:translate(-65%,-1rem);transform:translate(-65%,-1rem);bottom:auto}.tooltip.tooltip--bottom-left:hover::after,.tooltip.tooltip--bottom-left:focus::after{left:0;-webkit-transform:translate(-100%,.5rem);transform:translate(-100%,.5rem)}.tooltip.tooltip--bottom-right::after{left:auto;top:100%;-webkit-transform:translate(0,-1rem);transform:translate(0,-1rem);bottom:auto}.tooltip.tooltip--bottom-right:hover::after,.tooltip.tooltip--bottom-right:focus::after{right:0;-webkit-transform:translate(100%,.5rem);transform:translate(100%,.5rem)}.tooltip.tooltip--right::after{left:100%;bottom:50%;transform:translate(-1rem,50%);-webkit-transform:translate(-1rem,50%);-moz-transform:translate(-1rem,50%);-ms-transform:translate(-1rem,50%)}.tooltip.tooltip--right:hover::after,.tooltip.tooltip--right:focus::after{transform:translate(.5rem,50%);-webkit-transform:translate(.5rem,50%);-moz-transform:translate(.5rem,50%);-ms-transform:translate(.5rem,50%)}.tooltip.tooltip--left::after{right:100%;bottom:50%;left:auto;transform:translate(1rem,50%);-webkit-transform:translate(1rem,50%);-moz-transform:translate(1rem,50%);-ms-transform:translate(1rem,50%)}.tooltip.tooltip--left:hover::after,.tooltip.tooltip--left:focus::after{transform:translate(-.5rem,50%);-webkit-transform:translate(-.5rem,50%);-moz-transform:translate(-.5rem,50%);-ms-transform:translate(-.5rem,50%)} \ No newline at end of file diff --git a/min/cutestrap.min.css b/min/cutestrap.min.css new file mode 100644 index 0000000..66de437 --- /dev/null +++ b/min/cutestrap.min.css @@ -0,0 +1 @@ +*{--rhythm:2rem;--rhythm-quadruple:calc(4 * var(--rhythm));--rhythm-triple:calc(3 * var(--rhythm));--rhythm-double:calc(2 * var(--rhythm));--rhythm-half:calc((1/2) * var(--rhythm));--rhythm-third:calc((1/3) * var(--rhythm));--rhythm-fourth:calc((1/4) * var(--rhythm));--rhythm-sixth:calc((1/6) * var(--rhythm));--rhythm-eighth:calc((1/8) * var(--rhythm));--rhythm-twelfth:calc((1/12) * var(--rhythm));--rhythm-sixteenth:calc((1/16) * var(--rhythm));--line-height:var(--sub-rhythm,var(--rhythm));--line-height-ratio:1.4;--font-size:calc(var(--line-height) / var(--line-height-ratio))}html{--border-radius:4px;--color-primary-tint1:hsl(350,80%,60%);--color-primary:hsl(350,80%,45%);--color-primary-shade1:hsl(350,80%,35%);--color-accent-tint1:hsl(170,80%,60%);--color-accent:hsl(170,80%,45%);--color-accent-shade1:hsl(170,80%,35%);--color-link:hsl(230,60%,50%);--color-link-visited:hsl(290,60%,50%);--color-link-hover:hsl(230,80%,60%);--color-link-active:hsl(350,60%,50%);--color-neutral-tint4:hsl(170,10%,98%);--color-neutral-tint3:hsl(170,10%,94%);--color-neutral-tint2:hsl(170,10%,85%);--color-neutral-tint1:hsl(170,10%,68%);--color-neutral:hsl(170,10%,55%);--color-neutral-shade1:hsl(170,10%,41%);--color-neutral-shade2:hsl(170,10%,30%);--color-neutral-shade3:hsl(170,10%,18%);--color-neutral-shade4:hsl(170,10%,2%);--focus-outline:var(--rhythm-twelfth) dotted var(--color-primary-tint1);--focus-outline-offset:var(--rhythm-twelfth);--font-family:'Avenir','Avenir Next','Helvetica Neue','Segoe UI','Verdana',sans-serif;--font-mono:'Consolas','Monaco','Courier New',monospace;--font-heading:var(--font-family);--font-body:var(--font-family)}body{font-size:var(--font-size);line-height:var(--line-height)}*{border:0;font:inherit;margin:0;padding:0;text-rendering:geometricPrecision}:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}html{overflow-x:hidden}html,body{box-sizing:border-box;min-height:100%}body{background-color:var(--color-neutral-tint4);color:var(--color-neutral-shade4);font-family:var(--font-body);position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-size:var(--font-size);line-height:var(--line-height);margin:var(--rhythm) 0}h1{--line-height-ratio:1.1;--sub-rhythm:var(--rhythm-triple);font-weight:700;margin-bottom:var(--rhythm-double)}h2{--line-height-ratio:1.2;--sub-rhythm:var(--rhythm-triple)}h3{--line-height-ratio:1.3;--sub-rhythm:var(--rhythm-double);font-weight:700}h4{--sub-rhythm:var(--rhythm-double)}h5{font-weight:700}p{margin-bottom:var(--rhythm)}form{margin:var(--rhythm) 0}pre,code,samp,kbd{background-color:var(--color-neutral-tint3);font-size:var(--font-size);color:var(--color-primary-shade1);font-family:var(--font-mono);line-height:1}code,samp,kbd{border-radius:var(--border-radius);overflow-y:hidden;overflow-x:auto;padding:var(--rhythm-sixth)}pre{border-radius:var(--border-radius);line-height:var(--line-height);overflow-y:hidden;overflow-x:auto;padding:var(--rhythm-half);margin:0 0 var(--rhythm)}pre code,pre samp,pre kbd{background-color:transparent;border:0;border-radius:0;padding:0}a:link{color:var(--color-link)}a:visited{color:var(--color-link-visited)}a:hover,a:focus{color:var(--color-link-hover)}a:active{color:var(--color-link-active)}img,video{max-width:100%;vertical-align:top}hr{height:var(--rhythm-double);margin-bottom:var(--rhythm);position:relative}hr::before{background-color:var(--color-neutral-tint1);content:'';height:1px;left:0;position:absolute;top:50%;width:100%}ol,ul{margin:0 0 var(--rhythm) var(--rhythm)}ol{list-style-type:decimal}ol ol{margin-bottom:0}ul{list-style-type:disc}ul ul{margin-bottom:0}dt{font-style:italic}dd{margin-left:var(--rhythm)}blockquote{margin:0 0 var(--rhythm) var(--rhythm-half);border-left:var(--rhythm-eighth) solid var(--color-neutral-tint1);padding:var(--rhythm) var(--rhythm-half)}blockquote p:last-child{margin-bottom:0}figure{margin:0 auto var(--rhythm)}small,sub,sup,caption,figcaption{font-size:calc(2 * var(--rhythm-third));vertical-align:top}sub,sup{position:relative}sub{top:var(--rhythm-third)}sup{bottom:var(--rhythm-third)}caption,figcaption{font-style:italic;text-align:center}em,cite,i{font-style:italic}strong,var,b{font-weight:bold}q::before{content:"'"}q::after{content:"'"}q>q{font-style:italic}dfn,abbr{border-bottom:var(--rhythm-sixteenth) dotted var(--color-neutral-shade2);cursor:default}table{border-radius:var(--border-radius);border-collapse:separate;border-spacing:0;margin-bottom:var(--rhythm);width:100%}table th{text-align:left}table th,table td{padding:0 var(--rhythm-fourth)}input,label,select,button,textarea{color:var(--color-neutral-shade4);display:block;padding:var(--rhythm-half);resize:none;-webkit-appearance:none;-moz-appearance:none}@-moz-document url-prefix(){select{line-height:calc(var(--rhythm) - 2px)}}label{color:var(--color-neutral-shade1);padding:0}.button{--border-color:transparent;--border-color-hover:transparent;--border-thickness:var(--rhythm-twelfth);--background-color:var(--color-primary);--background-color-hover:var(--color-primary-shade1);--text-color:var(--color-neutral-tint4);--text-color-hover:var(--color-neutral-tint4);align-items:center;align-content:center;background-color:var(--background-color);border:var(--border-thickness) solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--font-size);justify-content:center;line-height:var(--rhythm);max-width:100%;min-height:calc(2 * var(--rhythm));padding:calc(5 * var(--rhythm-twelfth)) var(--rhythm);text-align:center;transition-duration:250ms;transition-property:all;user-select:none;width:auto;vertical-align:middle}.button::-moz-focus-inner{border:0}.button:link,.button:visited{color:var(--text-color);text-decoration:none}.button:focus,.button:hover{background-color:var(--background-color-hover);border-color:var(--border-color-hover);color:var(--text-color-hover)}.button:active{background-color:var(--background-color);color:var(--text-color)}.button:disabled{opacity:.5;pointer-events:none}.button.-outlined{--background-color:transparent;--background-color-hover:var(--color-primary-shade1);--border-color:var(--color-primary);--border-color-hover:var(--color-primary-shade1);--text-color:var(--color-primary)}.button.-secondary{--background-color:var(--color-neutral-tint2);--background-color-hover:var(--color-neutral-tint1);--border-color:var(--color-neutral-tint2);--border-color-hover:var(--color-neutral-tint1);--text-color:var(--color-neutral-shade3);--text-color-hover:var(--color-neutral-shade3)}.button.-link{--background-color:transparent;--background-color-hover:transparent;--border-color:transparent;--border-color-hover:transparent;--text-color:var(--color-link);--text-color-hover:var(--color-link-hover);text-decoration:underline}.button.-block{display:block;width:100%}.button.-small{--sub-rhythm:calc(14 * var(--rhythm-sixteenth));--border-thickness:var(--rhythm-sixteenth);font-size:var(--font-size);line-height:var(--line-height);margin-top:calc(-2 * var(--rhythm-sixteenth));min-height:var(--sub-rhythm);padding:0 var(--rhythm-half)}.button.-large{--sub-rhythm:calc(1.5 * var(--rhythm));--border-thickness:var(--rhythm-eighth);font-size:var(--font-size);line-height:var(--line-height);min-height:calc(3 * var(--rhythm));padding:calc(3 * var(--rhythm-eighth)) calc(2 * var(--rhythm))}.field [disabled]+*,[disabled]{cursor:default;opacity:.5;pointer-events:none}.field{display:flex;margin-bottom:var(--rhythm);position:relative;text-align:left}.field .label{z-index:2}.field [type=checkbox]+.label,.field [type=radio]+.label{color:var(--color-neutral-shade4);cursor:pointer;display:inline-block;padding-left:var(--rhythm)}.field *:not([type=radio]):not([type=checkbox])+.label{font-size:var(--rhythm-half);position:absolute;left:var(--rhythm-sixteenth);line-height:1;padding:var(--rhythm-fourth) var(--rhythm-fourth) 0;right:var(--rhythm-sixteenth);top:0}.field input,.field textarea,.field select{background-color:var(--color-neutral-tint4);border:1px solid var(--color-neutral-shade1);border-radius:var(--border-radius);box-sizing:border-box;margin-top:-2px;padding:calc(7 * var(--rhythm-eighth)) var(--rhythm-fourth) var(--rhythm-eighth);position:relative;width:100%}.field select{z-index:1}.field select+.label::after{content:'';border-left:var(--rhythm-fourth) solid transparent;border-right:var(--rhythm-fourth) solid transparent;border-top:var(--rhythm-fourth) solid var(--color-neutral-shade1);bottom:calc(-2 * var(--rhythm-third));height:0;pointer-events:none;position:absolute;right:var(--rhythm-half);width:0}.field option[disabled]{background-color:var(--color-neutral-tint3);color:var(--color-neutral-shade2)}.field.-inline{display:inline-block;margin-right:var(--rhythm-half)}.field [type=checkbox],.field [type=radio]{opacity:0;position:absolute;z-index:0}.field [type=checkbox]+.label::before,.field [type=radio]+.label::before{background-color:var(--color-neutral-tint4);border:2px solid var(--color-neutral-shade1);content:'';height:var(--rhythm-half);left:0;position:absolute;top:var(--rhythm-eighth);transform:translateY(var(--rhythm-sixteenth));width:var(--rhythm-half)}.field [type=checkbox]+.label::after,.field [type=radio]+.label::after{background-color:var(--color-primary);border:2px solid transparent;color:var(--color-neutral-tint4);height:var(--rhythm-fourth);left:var(--rhythm-eighth);position:absolute;top:var(--rhythm-fourth);transform:translateY(var(--rhythm-sixteenth));width:var(--rhythm-fourth)}.field [type=checkbox]+.label::before,.field [type=checkbox]+.label::after{border-radius:var(--border-radius)}.field [type=radio]+.label::before,.field [type=radio]+.label::after{border-radius:var(--rhythm)}.field [type=radio]:focus+.label::before,.field [type=checkbox]:focus+.label::before{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.field [type=checkbox]:checked+.label::after,.field [type=radio]:checked+.label::after{content:''}.field textarea{margin-top:0;min-height:calc(4 * var(--rhythm))}.grid{--columns:auto-fit;display:grid;column-gap:var(--rhythm);grid-template-columns:repeat(var(--columns),minmax(0,1fr))}@media(max-width:45rem){.grid.-medium{display:block}}@media(max-width:80rem){.grid.-large{display:block}}.wrapper{box-sizing:border-box;margin:0 auto;max-width:60rem;padding:var(--rhythm-double) var(--rhythm-half);width:100%}.wrapper.-thin{max-width:45rem;padding:var(--rhythm) var(--rhythm-half)}.wrapper.-wide{max-width:80rem;padding:var(--rhythm-triple) var(--rhythm-half)}.wrapper.-flush{padding:0 var(--rhythm-half)}.disabled{cursor:default;opacity:.5;pointer-events:none}.f-none{float:none}.f-left{float:left}.f-right{float:right}.clearfix{clear:both;overflow:hidden}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-bold{font-weight:700}.fs-small,.fs-base,.fs-large{font-size:var(--font-size);line-height:var(--line-height)}.fs-small{--sub-rhythm:calc(.75 * var(--rhythm))}.fs-base{--sub-rhythm:initial}.fs-large{--sub-rhythm:calc(1.25 * var(--rhythm))}.m-zero{margin:0}.mt-zero{margin-top:0}.mb-zero{margin-bottom:0} \ No newline at end of file diff --git a/min/gutenberg.min.css b/min/gutenberg.min.css new file mode 100644 index 0000000..63d161c --- /dev/null +++ b/min/gutenberg.min.css @@ -0,0 +1,6 @@ +/*! + * Gutenberg + * + * MIT Fabien Sa + * https://github.com/BafS/Gutenberg + *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after,p:first-letter ,div:first-letter ,blockquote:first-letter ,li:first-letter ,p:first-line ,div:first-line ,blockquote:first-line ,li:first-line {background:transparent !important;box-shadow:none !important;text-shadow:none !important}html{font-size:16px;margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fff !important;color:#000 !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;margin:0 auto;text-rendering:optimizeLegibility}p,blockquote,table,ul,ol,dl{margin-bottom:1.5rem;margin-top:0}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.2;margin-bottom:.75rem;margin-top:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a,a:visited{color:#000;text-decoration:underline;word-wrap:break-word}table{border-collapse:collapse}thead{display:table-header-group}table,th,td{border-bottom:1px solid #000}td,th{padding:8px 16px;page-break-inside:avoid}code,pre,kbd{border:1px solid #bbb;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:85%}code,kbd{padding:3px}pre{margin-bottom:1.5rem;padding:10px 12px}pre code,pre kbd{border:0}::-webkit-input-placeholder{color:transparent}:-moz-placeholder{color:transparent}::-moz-placeholder{color:transparent}:-ms-input-placeholder{color:transparent}blockquote{border:0;border-left:5px solid #bbb;margin-left:1px;padding:12px 1.5rem}[dir='rtl'] blockquote{border-left:0;border-right:5px solid #bbb;margin-left:0;margin-right:1px}blockquote:first-child{margin-top:0}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer{display:block;font-size:80%}img{border:0;display:block;max-width:100% !important;vertical-align:middle}hr{border:0;border-bottom:2px solid #bbb;height:0;margin:2.25rem 0;padding:0}dt{font-weight:bold}dd{margin:0;margin-bottom:.75rem}abbr[title],acronym[title]{border:0;text-decoration:none}table,blockquote,pre,code,figure,li,hr,ul,ol,a,tr{page-break-inside:avoid}h2,h3,h4,p,a{orphans:3;widows:3}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}h1+p,h2+p,h3+p{page-break-before:avoid}img{page-break-after:auto;page-break-before:auto;page-break-inside:avoid}pre{white-space:pre-wrap !important;word-wrap:break-word}body{padding-bottom:2.54cm;padding-left:1.8cm;padding-right:1.8cm;padding-top:2.54cm}a[href^='http']:after,a[href^='ftp']:after{content:" (" attr(href) ")";font-size:80%}a[href$='.jpg']:after,a[href$='.jpeg']:after,a[href$='.gif']:after,a[href$='.png']:after{display:none}abbr[title]:after,acronym[title]:after{content:" (" attr(title) ")"}.page-break,.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.no-print{display:none}a.no-reformat:after{content:''}abbr[title].no-reformat:after,acronym[title].no-reformat:after{content:''}.no-reformat abbr:after,.no-reformat acronym:after,.no-reformat a:after{content:''} \ No newline at end of file diff --git a/min/hello.min.css b/min/hello.min.css new file mode 100644 index 0000000..bf19c3d --- /dev/null +++ b/min/hello.min.css @@ -0,0 +1 @@ +aside{hyphens:auto}aside{position:absolute;left:-15em;width:14em;text-align:right;font-size:.9em}@media(max-width:83em){aside{position:static;width:auto;text-align:left;background-color:#f7f7f7;padding:.4em 2em;border:1px solid #aaa;hyphens:none}}@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:fallback;src:local('Libre Baskerville'),local('LibreBaskerville-Regular'),url(/fonts/libre-baskerville.woff2) format('woff2'),url(./fonts/libre-baskerville.woff2) format('woff2')}@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:fallback;src:local('Libre Baskerville Bold'),local('LibreBaskerville-Bold'),url(/fonts/libre-baskerville-bold.woff2) format('woff2'),url(./fonts/libre-baskerville-bold.woff2) format('woff2')}@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:fallback;src:local('Libre Baskerville Italic'),local('LibreBaskerville-Italic'),url(/fonts/libre-baskerville-italic.woff2) format('woff2'),url(./fonts/libre-baskerville-italic.woff2) format('woff2')}html{font:16px/180% 'Libre Baskerville','DejaVu Serif','Bitstream Vera Serif','Georgia',serif;text-size-adjust:none;-webkit-text-size-adjust:none}@media(max-width:54em){html{font-size:14px;line-height:160%}}@media(max-width:26em){html{font-size:12px;line-height:150%}}pre,code{font-family:'DejaVu Sans Mono','Bitstream Vera Sans Mono','Consolas',monospace}pre{font-size:14px;line-height:130%}h1,h2,h3,h4,h5,h6{font-variant-ligatures:common-ligatures discretionary-ligatures;font-feature-settings:'liga' on,'dlig' on}*{box-sizing:border-box}*:target{background-color:#ff6}html{background-color:#eee;color:#252525;tab-size:4;-moz-tab-size:4}html,body{margin:0}.center,.page{max-width:54rem;margin:.5rem auto;position:relative}.page{padding:1rem 4rem;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.2)}@media(max-width:54em){.page,.center{max-width:100%;padding:0 1rem}}@page{margin:0}@media print{body{background-color:#fff}.page,.center{box-shadow:none;padding:0 1cm;margin:0;max-width:none}.page:first-child,.center:first-child{padding-top:5mm}}.page-a4,.page.page-a4{width:21cm;height:29.7cm}.page-letter,.page.page-letter{width:8.5in;height:11in}a,a code,.link{color:#00f;text-decoration:none;transition:color .2s}a:hover,.link:hover{text-decoration:underline;color:#6491ff}a:hover code{color:#6491ff}form{display:inline;margin:0;padding:0}.link{background:transparent;border:0;outline:0;margin:0;padding:0;cursor:pointer;font:inherit;line-height:1rem;display:inline;-moz-user-select:inherit;-webkit-appearance:none}h1{text-align:center;padding:.5em 0;font-size:1.7em}h2{border-bottom:1px solid #252525;padding-bottom:.2em;font-size:1.5em}h3{font-size:1.3em}h4{font-size:1.1em}h5,h6{font-size:1em}blockquote{font-style:italic}img{max-width:100%}figure{text-align:center;margin:1rem 0}figure.border{border:1px solid #aaa;padding:5px;margin:-5px}@media(min-width:54em){figure.full{margin-left:-4rem;width:calc(100%+8rem)}figure.full.border{border-left:0;border-right:0}}code,pre,kbd,samp{background-color:#f5f5f5;color:#000}pre{overflow:auto;max-height:500px;padding:.5em 1em;border-radius:2px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}@media(min-width:54em){pre.full{margin-left:-4rem;width:calc(100%+8rem)}}code,kbd,samp{padding:1px 2px}pre>code{padding:0;box-shadow:none;border:0}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{background-color:transparent;box-shadow:none;color:inherit}table{border-collapse:collapse;width:100%}table+table{margin-top:2em}@media(min-width:54em){table.full{margin-left:-3.5rem;width:calc(100%+7rem)}}caption{font-weight:bold}tr{border-bottom:1px solid #ddd}table>tr:last-child,tbody tr:last-child,tfoot tr:last-child{border-bottom:0}tfoot tr:first-child{border-top:1px solid #ddd}td,th{padding:.2em .5em;hyphens:none}td.left,th.left{text-align:left}td.right,th.right{text-align:right}table td.right{font-feature-settings:'tnum' on;font-variant-numeric:tabular-nums;font-family:sans-serif}sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative}sup{bottom:1ex}sub{top:.5ex}hr{border:0;text-align:center;font-size:60px;color:#252525;opacity:.9}hr:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMC4yIDkuMiIgaGVpZ2h0PSIzNC44IiB3aWR0aD0iMTE0LjMiPjxwYXRoIGQ9Ik0xMy4yIDBxMS4xIDAgMS4zIDEuMiAwIDEtLjcgMS4yLTEuOC40LTIgLjggMi42LjMgMy4yIDMuMWguMmwuMi44LS40LjFxLS4yIDEuOC0xLjggMS45LTEgMC0xLjMtMSAwLS44LjItLjguMi40LjguNC44IDAgMS0uOFExMSA2LjEgMTEgMy43cS0xLjQgMC0yLjEgMSAxLjQuNyAxLjQgMS44LS4xIDIuNS0zLjYgMi43US41IDkuMiAwIDUuNXEwLS42LjctLjcuNSAwIC42LjV2LjJsLS4xLjRxMCAxIDEuMSAxIDEgMCAxLS43UTQgMS4yIDcgMXEyIC4xIDIgMS43di4xcTAgLjQtLjQgMS41IDEtLjggMi0xIC42IDAgLjYtLjQuOC0xIDEuNi0xLjMuNi0uNC42LS44bC0uMi0uNHEtLjItLjMgMC0uNHptLTEuNiAzLjd2LjFxMCAxLjQgMi4zIDIuMi0uMy0yLTIuMy0yLjN6Ii8+PHBhdGggZD0iTTE3IDBxLTEgMC0xLjMgMS4yIDAgMSAuOCAxLjIgMS44LjQgMiAuOC0yLjcuMy0zLjIgMy4xSDE1bC0uMi44LjUuMXEuMiAxLjggMS44IDEuOSAxIDAgMS4yLTEgMC0uOC0uMi0uOC0uMS40LS43LjQtLjkgMC0xLS44IDIuNy0uOCAyLjgtMy4yIDEuNCAwIDIgMS0xLjMuNy0xLjMgMS44IDAgMi41IDMuNSAyLjcgNi40IDAgNi44LTMuNyAwLS42LS42LS43LS42IDAtLjcuNXYuMmwuMi40cTAgMS0xLjIgMS0uOSAwLTEtLjctLjYtNS0zLjctNS4yLTIgLjEtMiAxLjd2LjFxMCAuNC40IDEuNS0xLS44LTItMS0uNiAwLS42LS40LS43LTEtMS41LTEuMy0uNi0uNC0uNi0uOGwuMi0uNHEuMi0uMyAwLS40em0xLjcgMy43di4xcTAgMS40LTIuNCAyLjIuMy0yIDIuNC0yLjN6Ii8+PC9zdmc+)}blockquote{font-style:italic;position:relative}blockquote:before{position:absolute;color:#dbdbdb;font-size:5em}blockquote:before{content:"“";left:-.6em;top:.25em}input[type="text"],input[type="search"],input[type="tel"],input[type="url"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime-local"],input[type="range"],input[type="number"],textarea,select{font:1em/100% sans-serif}textarea,button:not(.link),select,input:not([type="checkbox"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]){padding:.6em;border:1px solid #bbb;border-radius:3px}textarea{width:100%;height:10rem;line-height:130%}button:not(.link),input[type="submit"]:not(.link){color:#000;cursor:pointer;margin-left:.5em;padding:.6em 1.5em;background-color:#f6f5f4;background:linear-gradient(#f6f5f4,#edebe9);border:.5px outset #e9e9e9;border-radius:3px;border-top-color:#ccc;border-left-color:#ccc}select{background-color:inherit}input:not(.link):focus,button:not(.link):focus,textarea:focus,select:focus{outline:1px solid #00f;box-shadow:0 0 .2em #00f;color:#000;cursor:pointer}button:not(.link):hover,input[type="submit"]:not(.link):hover{background-color:#f0f0f0;background:linear-gradient(#f0f0f0,#d0cecc)}button:not(.link):active,input[type="submit"]:not(.link):active{background-color:#d0cecc;background:linear-gradient(#d0cecc,#f0f0f0);border-style:inset}form>strong,fieldset>strong{display:inline-block;margin-top:.5em}form span{margin-left:.2em}fieldset{border:1px solid #aaa}.vertical input[type="text"],.vertical input[type="search"],.vertical input[type="tel"],.vertical input[type="url"],.vertical input[type="email"],.vertical input[type="password"],.vertical input[type="date"],.vertical input[type="month"],.vertical input[type="week"],.vertical input[type="time"],.vertical input[type="datetime-local"],.vertical input[type="range"],.vertical input[type="number"],.vertical textarea,.vertical select{display:block;min-width:20rem}.vertical input[type="number"]{min-width:10rem;width:10rem}.vertical label{display:block;margin-top:.5em}form.horizontal{display:flex;flex-wrap:wrap;justify-content:space-between}form.horizontal label{width:30%}form.horizontal>div{width:65%;margin-bottom:1em}form.horizontal input[type=submit],form.horizontal button[type=submit]{margin-left:35%}form.horizontal span{display:block;margin-left:.2em}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-size:.7em;line-height:0;color:#999}h1 a:after,h2 a:after,h3 a:after,h4 a:after,h5 a:after,h6 a:after{content:"¶"}.postscript{margin-top:3em;border-top:1px solid #aaa;font-size:.9em;position:relative}.postscript+.postscript{margin-top:2em}.postscript>strong{font-style:normal;position:absolute;top:-1em;left:1em;background-color:#fff;padding:0 .5em}.postscript>p{margin:1em 2em}@media(min-width:54rem){.postscript{margin-left:-4em;width:calc(100%+8em);padding:0 4em}.postscript>strong{left:6em}} \ No newline at end of file diff --git a/min/hiq.min.css b/min/hiq.min.css new file mode 100644 index 0000000..9b52cf7 --- /dev/null +++ b/min/hiq.min.css @@ -0,0 +1 @@ +.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.home{max-width:960px;margin:0 auto;padding:var(--navbar-height) 2rem 0}.home .hero{text-align:center}.home .hero img{display:block;max-height:280px;margin:3rem auto 1.5rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero h1{font-weight:var(--hiq-font-weight-medium)}.home .hero .description{max-width:30rem;font-size:var(--hiq-font-size-large);line-height:1.3;color:var(--hiq-color-gray-5)}.home .hero .action-button{display:inline-block;height:auto;padding:.75rem 1.5rem;font-size:var(--hiq-font-size-large)}.home .features{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between;margin-top:2.5rem;padding:2.5rem 0 1rem;border-top:1px solid var(--hiq-color-gray-6)}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%;margin-bottom:.5rem}.home .feature h2{margin-bottom:.5rem;border-bottom:0;font-size:var(--hiq-font-size-4);font-weight:var(--hiq-font-weight-medium)}.home .feature p{color:var(--hiq-color-gray-4)}.home .footer{padding:2.5rem;border-top:1px solid var(--hiq-color-gray-6);text-align:center}.home .footer,.home .footer a{color:var(--hiq-color-gray-5)}.home .footer a:hover{color:var(--hiq-color-gray-4)}@media(max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media(max-width:419px){.home{padding-right:1.5rem;padding-left:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .action-button{padding:.6rem 1.2rem}}.sidebar-button{display:none;position:absolute;top:.75rem;left:1rem;width:2.25rem;height:2.25rem;padding:.5rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media(max-width:719px){.sidebar-button{display:block}}.algolia-search-wrapper &>span{vertical-align:middle}.algolia-search-wrapper .algolia-autocomplete{line-height:normal}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu{margin:6px 0 0;padding:4px;border:1px solid var(--hiq-color-gray-6);border-radius:4px;background-color:#fff;text-align:left}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu:before{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu [class*=ds-dataset-]{padding:0;border:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestion{border-bottom:1px solid var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:var(--hiq-selection-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion{padding:0;border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header{margin-top:0;padding:5px 10px;background-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:#fff}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper{padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title{margin-bottom:0;font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-text-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{padding:5px 7px 5px 5px;vertical-align:top;border-color:var(--hiq-color-gray-6);background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{display:none}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column-text{color:var(--hiq-color-gray-4)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-footer{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--content{background-color:var(--hiq-selection-color) !important;color:var(--hiq-text-color)}@media(min-width:719px){.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:table-cell;float:none;width:150px;min-width:150px}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:table-cell;float:none;width:100%;vertical-align:top}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .ds-dropdown-menu{min-width:515px !important}}@media(max-width:719px){.algolia-search-wrapper .ds-dropdown-menu{min-width:calc(100vw - 4rem) !important;max-width:calc(100vw - 4rem) !important}.algolia-search-wrapper .algolia-docsearch-suggestion--wrapper{padding:5px 7px 5px 5px !important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column{padding:0 !important;background-color:#fff !important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column-text:after{display:inline-block;width:5px;margin:-3px 3px 0;vertical-align:middle;font-size:10px;line-height:14px;content:" > "}}.search-box{display:inline-block;position:relative;margin-right:.5rem}.search-box input{width:10rem;padding:0 .5rem 0 2rem;border:1px solid var(--hiq-color-gray-6);border-radius:2rem;background:#fff url(/hiq/assets/img/search.0781e11c.svg) .6rem .5rem no-repeat;background-size:1rem;outline:0;font-size:16px;line-height:2rem;color:var(--hiq-color-gray-5);transition:all .2s ease;cursor:text}.search-box input:focus{border-color:var(--hiq-color-primary);cursor:auto}.search-box .suggestions{position:absolute;top:2.75rem;width:20rem;padding:.4rem;border:1px solid var(--hiq-color-gray-6);border-radius:6px;background-color:#fff;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{padding:.4rem .6rem;border-radius:4px;line-height:1.4;cursor:pointer}.search-box .suggestion a{color:var(--hiq-color-gray-4)}.search-box .suggestion.focused{background-color:var(--hiq-color-gray-7)}.search-box .suggestion.focused a{color:var(--hiq-color-primary)}.search-box .suggestion a .page-title{font-weight:var(--hiq-font-weight-semibold)}.search-box .suggestion a .page-title+.header{margin-left:.25rem;font-size:var(--hiq-font-size-small)}@media(max-width:959px){.search-box input{position:relative;left:1rem;width:0;border-color:transparent;cursor:pointer}.search-box input:focus{width:10rem;left:0;cursor:text}}@media(max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media(max-width:719px){.search-box{margin-right:0}.search-box .suggestions{right:0}}@media(max-width:419px){.search-box input:focus{width:10rem}.search-box .suggestions{width:calc(100vw - 3rem)}}.code-example{margin:1.5rem 0;padding:var(--hiq-pre-padding-vertical) var(--hiq-pre-padding-horizontal);border:1px solid var(--hiq-pre-border-color);border-radius:var(--hiq-pre-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}.code-example+div[class*=language-]{margin-top:-1px}.code-example+div[class*=language-] pre{border-top-right-radius:0;border-top-left-radius:0}.code-example [role=button]:not(:last-child),.code-example button:not(:last-child){margin:0 .35rem .35rem 0}.code-example dl:last-of-type,.code-example ol:last-of-type,.code-example p:last-of-type,.code-example ul:last-of-type{margin-bottom:0}.code-example blockquote,.code-example details,.code-example fieldset,.code-example figure,.code-example pre,.code-example table{margin:0}@media(max-width:419px){.code-example{margin-right:-1.5rem;margin-left:-1.5rem;border-right:0;border-left:0;border-radius:0}}.class{opacity:.5}.properties-reference{margin-top:2rem}.properties-reference p{margin-bottom:1.5rem}.searchbox{display:inline-block;position:relative;width:200px;height:32px !important;white-space:nowrap;box-sizing:border-box;visibility:visible !important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease,background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;background:#fff !important;padding:0 26px 0 32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{outline:0;box-shadow:inset 0 0 0 1px #aaa;background:#fff}.searchbox__input::-webkit-input-placeholder{color:#aaa}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit:before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:""}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6d7e96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:0;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid~.searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes sbx-reset-in{0{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0 !important;left:inherit !important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0 !important;right:inherit !important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:0;z-index:999;max-width:600px;min-width:500px;box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:"";width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{position:relative;border:1px solid #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{display:block;position:relative;padding:0 8px;background:#fff;color:#02060c;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,.1);padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363d}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#a4a7ae;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060c;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676d}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:0;color:#222;background-color:#ebebeb;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:0}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}@media(min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media(max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:inline-block;width:auto;float:left;padding:0;color:#02060c;font-size:.9em;font-weight:700;text-align:left;opacity:.5}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;width:auto;text-align:left;float:left;padding:0}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url('data:image/svg+xml;utf8,');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none !important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='168'height='24'xmlns='http://www.w3.org/2000/svg'%3E%3Cgfill='none'fill-rule='evenodd'%3E%3Cpathd='M78.988.938h16.594a2.9682.9680012.9662.966V20.5a2.9672.967001-2.9662.964H78.988a2.9672.967001-2.966-2.964V3.897A2.9612.96100178.988.938zm41.93717.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.3362.675-.424v13.254c0.32202.3581.7182.364v2.248zm-10.846-2.18c.82101.43-.0471.855-.129v-2.719a6.3346.334000-1.574-.1995.75.7000-.897.0692.6992.699000-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.6560.628.219.991.6161.23s.938.3621.615.362zm-.233-9.7c.88301.629.1092.231.328.602.2181.088.5251.444.915.363.396.609.922.761.483.157.56.2321.175.2321.85v6.874a32.532.5001-1.868.314c-.834.123-1.772.185-2.813.185-.690-1.327-.069-1.895-.198a4.0014.001001-1.471-.6363.0853.085001-.951-1.134c-.226-.465-.343-1.12-.343-1.8030-.656.13-1.073.384-1.525a3.243.240011.047-1.106c.445-.287.95-.4921.532-.615a8.88.80011.82-.1858.4048.4040011.972.24v-.438c0-.307-.035-.6-.11-.874a1.881.88000-.384-.731.7841.784000-.724-.4933.1643.164000-1.143-.205c-.6160-1.177.075-1.69.164a7.7357.735000-1.26.307l-.321-2.192c.335-.117.834-.2331.478-.349a10.9810.980012.073-.178zm52.8429.626c.82201.43-.0481.854-.13V13.7a6.3476.347000-1.574-.199c-.2940-.595.021-.896.069a2.72.7000-.814.241.461.46000-.582.491c-.15.212-.218.335-.218.6560.628.218.991.6151.23.404.245.938.3621.615.362zm-.226-9.694c.88301.629.1082.231.327.602.2191.088.5261.444.915.355.39.609.923.7591.483a6.86.8001.2331.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.690-1.327-.068-1.895-.198a4.0014.001001-1.471-.6353.0853.085001-.951-1.134c-.226-.465-.343-1.12-.343-1.8040-.656.13-1.073.384-1.524.26-.45.608-.821.047-1.107.445-.286.95-.4911.532-.614a8.8038.8030012.751-.13c.329.034.671.0961.04.185v-.437a3.33.3000-.109-.8751.8731.873000-.384-.7311.7841.784000-.724-.4923.1653.165000-1.143-.205c-.6160-1.177.075-1.69.164a7.757.75000-1.26.307l-.321-2.193c.335-.116.834-.2321.478-.348a11.63311.6330012.073-.177zm-8.034-1.271a1.6261.626001-1.628-1.62c0-.895.725-1.621.628-1.62.90401.63.7251.631.620.895-.7331.62-1.631.62zm1.34813.22h-2.689V7.27l2.69-.423v11.956zm-4.7140c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.3362.676-.424v13.254c0.32202.3581.7182.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.8820-1.574.333-2.0651.01-.493.676-.7331.632-.7332.78801.168.2461.953.742.63.492.6831.1831.0182.0661.018.88201.574-.3422.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0.902-.131.584-.3972.33a5.525.52001-1.1281.9064.9864.986001-1.7521.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.0965.096001-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.3456.345001-.41-2.33c0-.902.123-1.77.397-2.508a5.5545.5540011.15-1.8925.1335.1330011.75-1.216c.679-.2871.425-.4232.232-.423.80801.553.1422.237.423a4.884.880011.7531.2165.6445.6440011.1351.892c.287.738.4311.606.4312.508zm-20.1380c01.12.2462.363.7382.882.493.521.13.781.91.78.4240.828-.0621.204-.178.377-.116.677-.253.917-.417V9.33a10.47610.476000-1.766-.226c-.971-.028-1.71.37-2.231.004-.513.636-.7731.75-.7732.788zm7.4385.274c01.824-.4663.156-1.4044.004-.936.846-2.3671.27-4.2961.27-.7050-2.17-.137-3.34-.396l.431-2.118c.98.2052.272.262.95.261.07401.84-.2192.299-.656.459-.437.684-1.086.684-1.948v-.437a8.078.07001-1.047.397c-.43.13-.93.198-1.492.198-.7390-1.41-.116-2.018-.349a4.2064.206001-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.7730-.834.13-1.88.384-2.577.26-.696.629-1.2981.129-1.796.493-.4981.095-.8811.8-1.162a6.6056.6050012.428-.457c.8701.67.1092.45.24.78.1291.444.2651.985.415V18.17z'fill='%235468FF'/%3E%3Cpathd='M6.9726.677v1.627c-.712-.446-1.52-.67-2.425-.67-.5850-1.045.13-1.38.391a1.241.24000-.5021.03c0.425.164.765.4941.02.33.256.835.5321.516.83.447.192.795.3561.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.231.1880.947-.3341.691-1.0042.234-.67.542-1.537.814-2.601.814-1.180-2.16-.229-2.936-.686v-1.708c.84.6281.814.9422.92.942.58501.048-.1361.388-.407.34-.271.51-.646.51-1.1250-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.2761.27001-.582-.27113.6713.67001-.55-.2874.2754.275001-.567-.3516.926.92001-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.5532.553001-.104-.742c0-.915.333-1.638.998-2.17.664-.5321.523-.7982.576-.798.96801.793.172.473.51zm7.4685.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.5320-.99.194-1.373.583-.382.388-.622.949-.7171.683h3.909zm1.0052.792v1.404c-.596.34-1.383.51-2.362.51-1.2550-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.9680-1.297.34-2.3161.021-3.055.68-.741.548-1.112.6-1.111.03301.852.3232.458.966.606.644.911.572.912.7840.33-.033.676-.0961.038h-5.314c.107.702.4051.239.8941.611.49.3721.106.5581.85.558.86201.58-.2022.155-.606zm6.605-1.77h-1.212c-.5960-1.045.116-1.349.35-.303.234-.454.532-.454.8940.372.117.664.35.877.235.213.575.321.022.32.510.912-.1421.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.3611.457-.5422.489-.5422.11603.1751.0263.1753.08V17h-1.548v-.957c-.415.68-1.1431.02-2.1861.02-.7660-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.6840-.776.293-1.38.878-1.81.585-.4311.404-.6472.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.074.07000-2.345.718zm9.333-1.93v1.42c.394-11.101-1.52.123-1.5.1480.313.016.494.048v1.531a1.8851.885000-.75-.143c-.5420-.989.24-1.34.718-.351.479-.5271.048-.5271.707V17h-1.563V8.91h1.563zm5.014.084c.022.82.2721.492.752.019.479.5261.15.792.01.79.63901.235-.1761.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.2650-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.9840-1.16.38-2.1511.14-2.975.761-.8251.79-1.2373.088-1.237.70201.346.1491.93.447v1.436a3.2423.242000-1.77-.495c-.840-1.513.266-2.019.798-.505.532-.7581.213-.7582.042zM40.245.72v4.579c.458-11.293-1.52.505-1.5.78701.42.2451.899.734.479.49.7181.17.7182.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.5310-1.002.202-1.411.606-.41.405-.6151.022-.6151.851V17h-1.563V5.72h1.563zm14.96610.02c.59601.096-.2531.5-.758.404-.506.606-1.157.606-1.9550-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.5530-1.05.224-1.491.67-.442.447-.6621.133-.6622.0580.958.2121.67.6382.138.425.469.946.7031.563.703zM53.0045.72v4.42c.574-.8941.388-1.3412.44-1.3411.02201.857.3832.5061.149.649.766.9731.781.9733.04701.138-.3092.109-.9252.912-.617.803-1.4631.205-2.5371.205-1.0750-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.90811.104l-3.223-7.913h1.739l1.0052.6321.263.415c.096-.32.48-1.4581.15-3.415l.909-2.632h1.66l-2.927.866c-.7772.074-1.9633.11-3.5593.11a2.922.92001-.734-.079v-1.34c.17.042.351.064.543.0641.03201.755-.572.17-1.708z'fill='%235D6494'/%3E%3Cpathd='M89.6325.967v-.772a.978.978000-.978-.977h-2.28a.978.978000-.978.977v.793c0.088.082.15.171.13a7.1277.1270011.984-.28c.6501.295.0881.917.259.082.02.164-.04.164-.13m-6.2481.01l-.39-.389a.977.977000-1.3820l-.465.465a.973.97300001.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.162.453v3.341c0.096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.6953.695000-3.08-1.866c-.0680-.136.054-.136.13m08.048a4.4894.489001-4.49-4.4824.4884.4880014.49-4.4824.4884.4880014.4894.4824.4844.484001-4.494.482m0-10.85a6.3636.363010012.7296.376.370006.372-6.3686.3586.358000-6.371-6.36'fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0 !important;width:100%;height:100%;display:block}.dropdown-enter,.dropdown-leave-to{height:0 !important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{margin-top:-1px;margin-left:.4rem;vertical-align:middle}.dropdown-wrapper .nav-dropdown .dropdown-item{line-height:1.7rem;color:inherit}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;padding:.45rem 1.5rem 0 1.25rem;border-top:1px solid var(--hiq-color-gray-6)}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;position:relative;margin-bottom:0;padding:0 1.5rem 0 1.25rem;border-bottom:0;line-height:1.7rem;font-weight:400}.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{position:absolute;top:calc(50% - 2px);left:9px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--hiq-color-primary);content:""}@media(max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{overflow:hidden;transition:height .1s ease-out}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{padding-left:1rem}}@media(min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block !important}.dropdown-wrapper .dropdown-title .arrow{border-top:6px solid var(--hiq-color-gray-6);border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.dropdown-wrapper .nav-dropdown{display:none;position:absolute;top:100%;right:0;height:auto !important;max-height:calc(100vh - 2.7rem);overflow-y:auto;margin:0;padding:.6rem 0;background-color:#fff;border-bottom-color:var(--hiq-color-gray-6);border:1px solid var(--hiq-color-gray-6);border-radius:.2rem;text-align:left;white-space:nowrap}}.nav-links{display:inline-block}.nav-links a{font-weight:var(--hiq-font-weight-medium);line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-color-primary)}.nav-links .nav-item{display:inline-block;position:relative;margin-left:1.125rem;line-height:2rem}.nav-links .repo-link{margin-left:1.125rem}.version-number{margin-left:1rem;font-weight:var(--hiq-font-weight-medium)}@media(min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-text-color)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid var(--hiq-color-primary)}}@media(max-width:719px){.version-number{display:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--navbar-height);padding:.5rem 1.5rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);background-color:#fff;line-height:calc(var(--navbar-height) - 1rem)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar a{box-shadow:none !important}.navbar .logo{min-width:2.6rem;height:2.6rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{position:relative;font-size:1.3rem;font-weight:600;color:var(--hiq-text-color)}.links{position:absolute;font-size:.9rem;top:.5rem;right:1.5rem}@media(max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}}.page{padding-bottom:2rem;padding-left:var(--sidebar-width)}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .last-updated{float:right;font-size:var(--hiq-font-size-small)}.page-edit .last-updated .prefix{font-weight:var(--hiq-font-weight-medium);color:var(--hiq-color-gray-4)}.page-edit .last-updated .time{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-5)}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;overflow:auto;margin-top:0;padding-top:1rem;border-top:1px solid var(--hiq-color-gray-6)}.page-nav .next{float:right}@media(max-width:959px){.page{padding-left:var(--mobile-sidebar-width)}}@media(min-width:720px){.theme-container.no-sidebar .page{padding-left:0}}@media(max-width:719px){.page{padding-left:0}.page-edit .last-updated{float:none;font-size:var(--hiq-font-size-small);text-align:left}}.sidebar .sidebar-sub-headers{padding-left:1rem}a.sidebar-link{display:inline-block;width:100%;padding:.35rem 1rem .35rem 1.25rem;border-left:.25rem solid transparent;box-shadow:none !important;line-height:1.4;font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-3)}a.sidebar-link:hover{color:var(--hiq-color-primary)}a.sidebar-link.active{border-left-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-color-primary)}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:0}.sidebar-sub-headers a.sidebar-link.active{font-weight:var(--hiq-font-weight-medium)}.sidebar-group:not(.first){margin-top:1rem}.sidebar-group:not(.collapsable) .sidebar-heading{color:inherit;cursor:auto}.sidebar-group .sidebar-group{padding-left:.5rem}.sidebar-heading{margin-top:0;margin-bottom:.5rem;padding:0 1.5rem;font-weight:var(--hiq-font-weight-bold);color:var(--hiq-text-color);transition:color .15s ease;cursor:pointer}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12rem;left:.5rem}.sidebar-heading .open .arrow{top:-.18rem}.sidebar-group-items{overflow:hidden;transition:height .1s ease-out}.sidebar-mask{display:none;position:fixed;top:0;left:0;z-index:9;width:100vw;height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.sidebar{position:fixed;top:var(--navbar-height);bottom:0;left:0;z-index:10;width:var(--sidebar-width);overflow-y:auto;margin:0;border-right:1px solid var(--hiq-color-gray-6);background-color:#fff}.theme-container.sidebar-open .sidebar{top:0}.sidebar ul{margin:0;padding:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;padding:.5rem 0 .75rem;border-bottom:1px solid var(--hiq-color-gray-6)}.sidebar .nav-links a{font-weight:var(--hiq-font-weight-semibold)}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;padding:.5rem 0 .5rem 1.5rem;line-height:1.25rem}.sidebar .sidebar-links{padding:1.5rem 0}@media(max-width:959px){.sidebar{width:var(--mobile-sidebar-width)}}@media(min-width:720px){.theme-container.no-sidebar .sidebar{display:none}}@media(max-width:719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translateX(-100%);transition:transform .2s ease}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.is-unselectable{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.overflow-touch{-webkit-overflow-scrolling:touch}.is-stretched{position:absolute;top:0;left:0;width:100%;height:100%}.is-visually-hidden{clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;white-space:nowrap}.has-text-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-clipped{overflow:hidden !important}body,html{margin:0;padding:0}html{box-sizing:border-box;min-width:300px;overflow-x:hidden;overflow-y:scroll;background-color:var(--hiq-html-background-color,#fff);-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:inherit}body{background-color:var(--hiq-body-background-color,#fff)}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}[tabindex="-1"]:focus{outline:none !important}p{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}address{margin-bottom:var(--hiq-block-element-margin-bottom,1rem);font-style:normal;line-height:inherit}blockquote{--blockquote-font-size:var(--hiq-blockquote-font-size,var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem)));--blockquote-line-height:var(--hiq-blockquote-line-height,var(--hiq-heading-line-height,1.4));--blockquote-citation-color:var(--hiq-blockquote-citation-color,var(--hiq-color-gray-5,#999));margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}blockquote p{margin-bottom:0;font-size:var(--blockquote-font-size);line-height:var(--blockquote-line-height)}blockquote cite{display:block;margin-top:.25rem;color:var(--blockquote-citation-color)}blockquote cite:before{content:"\2014 \00A0"}cite{font-style:normal}details{margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}summary{display:list-item}summary:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}html{-webkit-text-size-adjust:100%;text-rendering:var(--hiq-text-rendering,optimizeLegibility);font-family:var(--hiq-font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);font-size:calc(var(--hiq-unitless-min-font-size,15)*1px);font-weight:var(--hiq-font-weight-base,var(--hiq-font-weight-normal,400));letter-spacing:var(--hiq-letter-spacing-base,0);line-height:var(--hiq-line-height-base,1.5)}@media(min-width:460px){html{font-size:calc(var(--hiq-unitless-min-font-size,15)*1px+(var(--hiq-unitless-max-font-size,16) - var(--hiq-unitless-min-font-size,15))*(100vw - var(--hiq-unitless-lower-font-range,460)*1px)/(var(--hiq-unitless-upper-font-range,900) - var(--hiq-unitless-lower-font-range,460)))}}@media(min-width:900px){html{font-size:calc(var(--hiq-unitless-max-font-size,16)*1px)}}body{text-align:left;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}h1,h2,h3,h4,h5,h6{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;font-weight:var(--hiq-heading-font-weight,var(--hiq-font-weight-medium,500));line-height:var(--hiq-heading-line-height,1.2)}hr{--horizontal-rule-height:var(--hiq-horizontal-rule-height,1px);--horizontal-rule-color:var(--hiq-horizontal-rule-color,var(--hiq-color-gray-6,#e3e5e8));box-sizing:content-box;height:var(--horizontal-rule-height);overflow:visible;margin-top:var(--hiq-block-element-margin-bottom,1rem);margin-bottom:var(--hiq-block-element-margin-bottom,1rem);padding:0;border:0;background-color:var(--horizontal-rule-color)}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}dfn{font-style:italic}mark{background-color:var(--hiq-mark-color,#fcf8e3)}del{background-color:var(--hiq-deleted-color,#f95da8)}ins{background-color:var(--hiq-inserted-color,#e5f2ff)}a{--link-text-decoration:var(--hiq-link-text-decoration,none);--link-color:var(--hiq-link-color,var(--hiq-color-primary,#007fff));--link-hover-color:var(--hiq-link-hover-color,#06c);--link-active-color:var(--hiq-link-active-color,#06c);background-color:transparent;-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);-webkit-text-decoration-skip:objects;color:var(--link-color);transition:color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}a:focus,a:hover{color:var(--link-hover-color)}a:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}a:active{color:var(--link-active-color)}ol,ul{--list-margin-left:var(--hiq-list-margin-left,1rem);margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0 0 0 var(--list-margin-left)}ul{--unordered-list-style:var(--hiq-unordered-list-style,disc);list-style:var(--unordered-list-style)}ul ul{margin-bottom:0}li{margin:0;padding:0}.is-unstyled{padding-left:0;list-style:none}dl{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}dt{--description-list-title-font-weight:var(--hiq-description-list-title-font-weight,var(--hiq-font-weight-semibold,600));font-weight:var(--description-list-title-font-weight)}dd,dt{margin:0;padding:0}dd:not(:last-child){margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection,::selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}.is-size-1,h1{font-size:var(--hiq-font-size-1,2.5rem)}.is-size-2,h2{font-size:var(--hiq-font-size-2,2rem)}.is-size-3,h3{font-size:var(--hiq-font-size-3,1.75rem)}.is-size-4,h4{font-size:var(--hiq-font-size-4,1.5rem)}.is-size-5,h5{font-size:var(--hiq-font-size-5,1rem)}.is-size-6,h6{font-size:var(--hiq-font-size-6,.875rem)}.is-large{font-size:var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem))}.is-small,small{font-size:var(--hiq-font-size-small,var(--hiq-font-size-6,.875rem))}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}b,strong{font-weight:var(--hiq-font-weight-bold,700)}.button,[role=button],[type=button],[type=reset],[type=submit],button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}.button:focus,.button:hover,[role=button]:focus,[role=button]:hover,[type=button]:focus,[type=button]:hover,[type=reset]:focus,[type=reset]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.button:active,.button:focus,[role=button]:active,[role=button]:focus,[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.button:active,[role=button]:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.button:visited,[role=button]:visited,[type=button]:visited,[type=reset]:visited,[type=submit]:visited,button:visited{color:var(--button-text-color)}.button:disabled,.button[aria-disabled],[role=button]:disabled,[role=button][aria-disabled],[type=button]:disabled,[type=button][aria-disabled],[type=reset]:disabled,[type=reset][aria-disabled],[type=submit]:disabled,[type=submit][aria-disabled],button:disabled,button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}::-webkit-file-upload-button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);-webkit-transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}::-webkit-file-upload-button:focus,::-webkit-file-upload-button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}::-webkit-file-upload-button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}::-webkit-file-upload-button:visited{color:var(--button-text-color)}::-webkit-file-upload-button:disabled,::-webkit-file-upload-button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}fieldset[disabled] [role=button]{pointer-events:none}code,kbd,pre,samp{--code-font-size:var(--hiq-code-font-size,var(--hiq-font-size-small,var(--hiq-font-size-6,0.875rem)));font-family:var(--hiq-font-family-monospace,Menlo,Monaco,Consolas,"Courier New",monospace);font-size:var(--code-font-size)}code{--code-padding-vertical:var(--hiq-code-padding-vertical,0.2rem);--code-padding-horizontal:var(--hiq-code-padding-horizontal,0.4rem);--code-border-color:var(--hiq-code-border-color,var(--hiq-color-gray-6,#e3e5e8));--code-background-color:var(--hiq-code-background-color,var(--hiq-color-gray-7,#f1f2f4));--code-text-color:var(--hiq-code-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));padding:var(--code-padding-vertical) var(--code-padding-horizontal);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--code-background-color);white-space:pre;color:var(--code-text-color)}:not(pre)>code{border:1px solid var(--code-border-color)}a code{padding:0;border:0;background-color:inherit;color:inherit}kbd{--kbd-padding-vertical:var(--hiq-kbd-padding-vertical,0.2rem);--kbd-padding-horizontal:var(--hiq-kbd-padding-horizontal,0.4rem);--kbd-border-color:var(--hiq-kbd-border-color,var(--hiq-color-gray-6,#e3e5e8));--kbd-background-color:var(--hiq-kbd-background-color,transparent);--kbd-text-color:var(--hiq-kbd-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));--nested-kbd-font-weight:var(--hiq-nested-kbd-font-weight,var(--hiq-font-weight-medium,600));padding:var(--kbd-padding-vertical) var(--kbd-padding-horizontal);border:1px solid var(--kbd-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--kbd-background-color);color:var(--kbd-text-color)}kbd kbd{padding:0;border:0;font-weight:var(--nested-kbd-font-weight)}pre{--pre-padding-vertical:var(--hiq-pre-padding-vertical,var(--hiq-code-padding-vertical,1.25rem));--pre-padding-horizontal:var(--hiq-pre-padding-horizontal,var(--hiq-code-padding-horizontal,1.5rem));--pre-border-color:var(--hiq-pre-border-color,var(--hiq-color-gray-6,#e3e5e8));--pre-background-color:var(--hiq-pre-background-color,transparent);--pre-text-color:var(--hiq-pre-text-color,var(--hiq-color-gray-4,#5c6370));-webkit-overflow-scrolling:touch;overflow-x:auto;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--pre-padding-vertical) var(--pre-padding-horizontal);border:1px solid var(--pre-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--pre-background-color);-moz-tab-size:1.5rem;-o-tab-size:1.5rem;tab-size:1.5rem;word-wrap:normal;color:var(--pre-text-color)}pre,pre code{white-space:pre-wrap}pre code{padding:0;border-radius:0;background-color:transparent;font-size:inherit;color:inherit}embed,img,object,video{max-width:100%;height:auto}figure{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}figcaption{--figcaption-margin-top:var(--hiq-figcaption-margin-top,0.5rem);--figcaption-font-weight:var(--hiq-figcaption-font-weight,var(--hiq-font-weight-normal,400));--figcaption-text-color:var(--hiq-figcaption-text-color,var(--hiq-color-gray-5,#999));margin-top:var(--figcaption-margin-top);font-weight:var(--figcaption-font-weight);color:var(--figcaption-text-color)}img{--image-border-radius:var(--hiq-image-border-radius,var(--hiq-border-radius,0.2rem));display:block;border-style:none;border-radius:var(--image-border-radius);vertical-align:middle}svg:not(:root){overflow:hidden}video:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}audio{max-width:100%}iframe{margin:0;padding:0;border:0}meter{--meter-background-color:var(--hiq-meter-background-color,var(--hiq-color-gray-6,#e3e5e8));--meter-strong-color:var(--hiq-meter-strong-color,var(--hiq-color-success,#21d492));--meter-good-color:var(--hiq-meter-good-color,var(--hiq-color-warning,#fcd34a));--meter-weak-color:var(--hiq-meter-weak-color,var(--hiq-color-danger,#fa3d56));width:100%;border:0;background:var(--meter-background-color)}meter::-webkit-meter-bar{border:0;background:var(--meter-background-color)}meter::-moz-meter-bar{background:var(--meter-background-color)}meter::-webkit-meter-optimum-value{background:var(--meter-strong-color)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--meter-strong-color)}meter::-webkit-meter-suboptimum-value{background:var(--meter-good-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--meter-good-color)}meter::-webkit-meter-even-less-good-value{background:var(--meter-weak-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--meter-weak-color)}progress{--progress-background-color:var(--hiq-progress-background-color,var(--hiq-color-gray-6,#e3e5e8));--progress-filled-color:var(--hiq-progress-filled-color,var(--hiq-color-primary,#007fff));position:relative;width:100%;border:0;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none}progress[value]{height:1rem}progress::-webkit-progress-bar{background-color:var(--progress-background-color)}progress::-webkit-progress-value{background-color:var(--progress-filled-color)}progress::-moz-progress-bar{background-color:var(--progress-filled-color)}progress:indeterminate:after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-webkit-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-moz-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite;content:""}@-webkit-keyframes progress-bar-stripes{0{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0{background-position:1rem 0}to{background-position:0 0}}table{--table-head-border-width:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px));--table-foot-border-width:var(--hiq-table-foot-border-width,var(--hiq-table-cell-border-width,1px));--table-cell-padding-vertical:var(--hiq-table-cell-padding-vertical,0.5rem);--table-cell-padding-horizontal:var(--hiq-table-cell-padding-horizontal,0.75rem);--table-cell-border-width:var(--hiq-table-cell-border-width,1px);--table-cell-border-color:var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8));--table-heading-background-color:var(--hiq-table-heading-background-color,var(--hiq-color-gray-7,#f1f2f4));--table-heading-font-weight:var(--hiq-table-heading-font-weight,var(--hiq-font-weight-medium,500));--table-heading-text-color:var(--hiq-table-heading-text-color,var(--hiq-color-gray-4,#5c6370));--table-caption-padding-vertical:var(--hiq-table-caption-padding-vertical,0.75rem);--table-caption-font-weight:var(--hiq-table-caption-font-weight,var(--hiq-font-weight-normal,400));--table-caption-text-color:var(--hiq-table-caption-text-color,var(--hiq-color-gray-5,#999));width:100%;max-width:100%;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}caption,td,th{text-align:inherit}td,th{padding:var(--table-cell-padding-vertical) var(--table-cell-padding-horizontal);border-top:var(--table-cell-border-width) solid var(--table-cell-border-color);vertical-align:top}thead td,thead th{border-top:0;border-bottom:var(--table-head-border-width) solid var(--hiq-table-cell-border-color);vertical-align:bottom}tfoot td,tfoot th{border-top:var(--table-foot-border-width) solid var(--hiq-table-cell-border-color);vertical-align:top}th{background-color:var(--table-heading-background-color);font-weight:var(--table-heading-font-weight);color:var(--table-heading-text-color)}tbody+tbody{border-top:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px)) solid var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8))}table caption{padding:var(--table-caption-padding-vertical) 0;font-weight:var(--table-caption-font-weight);color:var(--table-caption-text-color)}fieldset{--fieldset-padding-vertical:var(--hiq-fieldset-padding-vertical,0);--fieldset-padding-horizontal:var(--hiq-fieldset-padding-horizontal,0);--fieldset-border-width:var(--hiq-fieldset-border-width,0);--fieldset-border-color:var(--hiq-fieldset-border-color,transparent);min-width:0;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);border:var(--fieldset-border-width) solid var(--fieldset-border-color)}legend{--legend-margin-bottom:var(--hiq-legend-margin-bottom,0.5rem);--legend-font-weight:var(--hiq-legend-font-weight,var(--hiq-font-weight-semibold,600));width:100%;max-width:100%;margin:0 0 var(--legend-margin-bottom);font-weight:var(--legend-font-weight);line-height:inherit;white-space:normal;color:inherit}label,legend{display:block;padding:0}label{--label-margin-bottom:var(--hiq-label-margin-bottom,0.25rem);--label-font-weight:var(--hiq-label-font-weight,var(--hiq-font-weight-medium,500));margin:0 0 var(--label-margin-bottom);font-weight:var(--label-font-weight)}output{display:inline-block}.checkbox{--checkbox-margin-bottom:var(--hiq-checkbox-margin-bottom,0.5rem);--checkbox-label-padding-horizontal:var(--hiq-checkbox-label-padding-horizontal,1.5rem);--checkbox-label-font-weight:var(--hiq-checkbox-label-font-weight,var(--hiq-font-weight-normal,400));--checkbox-width:var(--hiq-checkbox-width,1rem);--checkbox-height:var(--hiq-checkbox-height,1rem);--checkbox-border-width:var(--hiq-checkbox-border-width,1px);--checkbox-border-color:var(--hiq-checkbox-border-color,transparent);--checkbox-border-radius:var(--hiq-checkbox-border-radius,var(--hiq-border-radius,0.2rem));--checkbox-background-color:var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8));--checkbox-hover-background-color:var(--hiq-checkbox-hover-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-focus-background-color:var(--hiq-checkbox-focus-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-checked-border-color:var(--hiq-checkbox-checked-border-color,var(--hiq-color-primary,#007fff));--checkbox-checked-background-color:var(--hiq-checkbox-checked-background-color,var(--hiq-color-primary,#007fff));--checkbox-check-width:var(--hiq-checkbox-check-width,0.25rem);--checkbox-check-height:var(--hiq-checkbox-check-height,0.5rem);--checkbox-check-color:var(--hiq-checkbox-check-color,#fff);--checkbox-check-border-width:var(--hiq-checkbox-check-border-width,2px);--checkbox-indeterminate-width:var(--hiq-checkbox-indeterminate-width,0.5rem);position:relative}.checkbox label{position:relative;margin-bottom:var(--checkbox-margin-bottom);padding:0 var(--checkbox-label-padding-horizontal);font-weight:var(--checkbox-label-font-weight) !important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:before{display:block;position:absolute;top:0;left:0;width:var(--checkbox-width);height:var(--checkbox-height);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.checkbox input[type=checkbox]:hover+label:before{background-color:var(--checkbox-hover-background-color)}.checkbox input[type=checkbox]:focus+label:before{background-color:var(--checkbox-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.checkbox input[type=checkbox]:checked+label:before,.checkbox input[type=checkbox]:indeterminate+label:before,.checkbox input[type=checkbox][aria-checked]+label:before{border-color:var(--checkbox-checked-border-color);background-color:var(--checkbox-checked-background-color)}.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=checkbox][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-check-width);height:var(--checkbox-check-height);border:solid var(--checkbox-check-color);border-left-width:0;border-bottom-width:var(--checkbox-check-border-width);border-right-width:var(--checkbox-check-border-width);border-top-width:0;transform:rotate(45deg) translate(-50%,-50%);transform-origin:50% 0;content:""}.checkbox input[type=checkbox]:indeterminate+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-indeterminate-width);height:var(--checkbox-check-border-width);background-color:var(--checkbox-check-color);transform:translate(-50%,-50%);content:""}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=checkbox][aria-disabled]+label,.checkbox input[type=checkbox][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.checkbox input[type=checkbox]:disabled,.checkbox input[type=checkbox][aria-disabled]{cursor:not-allowed}.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=checkbox][aria-disabled]+label:before,.checkbox input[type=checkbox][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=color]{cursor:pointer}input[type=color]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=color]:disabled,input[type=color][aria-disabled]{cursor:not-allowed}input[list]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[list]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[list]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-moz-placeholder{color:var(--input-placeholder-color)}input[list]::placeholder{color:var(--input-placeholder-color)}input[list]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[list]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[list]:disabled,input[list][aria-disabled],input[list][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-webkit-input-placeholder,input[list][aria-disabled]::-webkit-input-placeholder,input[list][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled:-ms-input-placeholder,input[list][aria-disabled]:-ms-input-placeholder,input[list][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-ms-input-placeholder,input[list][aria-disabled]::-ms-input-placeholder,input[list][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-moz-placeholder,input[list][aria-disabled]::-moz-placeholder,input[list][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::placeholder,input[list][aria-disabled]::placeholder,input[list][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled{cursor:not-allowed}input[list]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[list]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}input[type=file]{display:block;font-size:inherit;line-height:inherit;cursor:pointer}input[type=file]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=file]:disabled,input[type=file][aria-disabled]{cursor:not-allowed}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.radio{--radio-margin-bottom:var(--hiq-radio-margin-bottom,0.5rem);--radio-label-padding-horizontal:var(--hiq-radio-label-padding-horizontal,1.5rem);--radio-label-font-weight:var(--hiq-radio-label-font-weight,var(--hiq-font-weight-normal,400));--radio-width:var(--hiq-radio-width,1rem);--radio-height:var(--hiq-radio-height,1rem);--radio-border-width:var(--hiq-radio-border-width,1px) solid var(--hiq-radio-border-color,transparent);--radio-border-color:var(--hiq-radio-border-color,transparent);--radio-border-radius:var(--hiq-radio-border-radius,50%);--radio-background-color:var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8));--radio-hover-background-color:var(--hiq-radio-hover-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-focus-background-color:var(--hiq-radio-focus-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-checked-background-color:var(--hiq-radio-checked-background-color,var(--hiq-color-primary,#007fff));--radio-checked-border-color:var(--hiq-radio-checked-border-color,var(--hiq-color-primary,#007fff));--radio-check-width:var(--hiq-radio-check-width,0.5rem);--radio-check-height:var(--hiq-radio-check-height,0.5rem);--radio-check-border-radius:var(--hiq-radio-check-border-radius,50%);--radio-check-background-color:var(--hiq-radio-check-background-color,#fff);position:relative}.radio label{position:relative;margin-bottom:var(--radio-margin-bottom);padding:0 var(--radio-label-padding-horizontal);font-weight:var(--radio-label-font-weight) !important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio label:before{display:block;position:absolute;top:0;left:0;width:var(--radio-width);height:var(--radio-height);border:var(--radio-border-width) solid var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.radio input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.radio input[type=radio]:hover+label:before{background-color:var(--radio-hover-background-color)}.radio input[type=radio]:focus+label:before{background-color:var(--radio-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.radio input[type=radio]:checked+label:before,.radio input[type=radio][aria-checked]+label:before{border-color:var(--radio-checked-border-color);background-color:var(--radio-checked-background-color)}.radio input[type=radio]:checked+label:after,.radio input[type=radio][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--radio-width)/2);width:var(--radio-check-width);height:var(--radio-check-height);border-radius:var(--radio-check-border-radius);background-color:var(--radio-check-background-color);transform:translate(-50%,-50%);content:""}.radio input[type=radio]:disabled+label,.radio input[type=radio][aria-disabled]+label,.radio input[type=radio][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.radio input[type=radio]:disabled,.radio input[type=radio][aria-disabled]{cursor:not-allowed}.radio input[type=radio]:disabled+label:before,.radio input[type=radio][aria-disabled]+label:before,.radio input[type=radio][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=range]{--range-input-track-height:var(--hiq-range-input-track-height,0.5rem);--range-input-track-border-radius:var(--hiq-range-input-track-border-radius,var(--hiq-border-radius,0.2rem));--range-input-track-background-color:var(--hiq-range-input-track-background-color,var(--hiq-color-gray-6,#e3e5e8));--range-input-thumb-width:var(--hiq-range-input-thumb-width,1.5rem);--range-input-thumb-height:var(--hiq-range-input-thumb-height,1.5rem);--range-input-thumb-border-radius:var(--hiq-range-input-thumb-border-radius,50%);--range-input-thumb-background-color:var(--hiq-range-input-thumb-background-color,var(--hiq-color-primary,#007fff));--range-input-thumb-disabled-background-color:var(--hiq-range-input-thumb-disabled-background-color,var(--hiq-color-gray-6,#e3e6e8));width:100%;background:transparent;outline:0;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--range-input-track-height);border-radius:var(--range-input-track-border-radius);background-color:var(--range-input-track-background-color);-webkit-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:var(--range-input-track-height);background-color:var(--range-input-track-background-color);-moz-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-track{width:100%;height:var(--range-input-track-height);border-width:var(--range-input-thumb-height);border-color:transparent;background-color:transparent;color:transparent;-ms-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-fill-lower{background-color:var(--range-input-track-background-color)}input[type=range]::-ms-fill-upper{background-color:var(--range-input-track-background-color)}input[type=range]::-webkit-slider-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);margin-top:-.5rem;border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);-webkit-appearance:none;cursor:pointer}input[type=range]:focus::-webkit-slider-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]::-moz-range-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 var(--hiq-outline-width,.2rem) var(--hiq-outline-color,#b3d9ff)}input[type=range]::-ms-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-ms-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]:disabled::-webkit-slider-runnable-track,input[type=range][aria-disabled]::-webkit-slider-runnable-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-moz-range-track,input[type=range][aria-disabled]::-moz-range-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-lower,input[type=range][aria-disabled]::-ms-fill-lower{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-upper,input[type=range][aria-disabled]::-ms-fill-upper{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range][aria-disabled]::-webkit-slider-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb,input[type=range][aria-disabled]::-moz-range-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-ms-thumb,input[type=range][aria-disabled]::-ms-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}select{--select-background-image:var(--hiq-select-background-image,url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='30'height='16'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1516L00h30z'fill='%23000'fill-rule='evenodd'/%3E%3C/svg%3E"));--select-background-position:var(--hiq-select-background-position,right 1rem center);--select-background-size:var(--hiq-select-background-size,0.75rem);--select-multiple-padding-vertical:var(--hiq-select-multiple-padding-vertical,0.75rem);--select-multiple-checked-background-color:var(--hiq-select-multiple-checked-background-color,var(--hiq-color-primary,#007fff));--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}select::-webkit-input-placeholder{color:var(--input-placeholder-color)}select:-ms-input-placeholder{color:var(--input-placeholder-color)}select::-ms-input-placeholder{color:var(--input-placeholder-color)}select::-moz-placeholder{color:var(--input-placeholder-color)}select::placeholder{color:var(--input-placeholder-color)}select:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}select:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}select:disabled,select[aria-disabled],select[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-webkit-input-placeholder,select[aria-disabled]::-webkit-input-placeholder,select[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled:-ms-input-placeholder,select[aria-disabled]:-ms-input-placeholder,select[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-ms-input-placeholder,select[aria-disabled]::-ms-input-placeholder,select[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-moz-placeholder,select[aria-disabled]::-moz-placeholder,select[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::placeholder,select[aria-disabled]::placeholder,select[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled{cursor:not-allowed}select:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}select:required:valid:not(:focus){border-color:var(--input-valid-border-color)}select:not([multiple]){background-image:var(--select-background-image);background-repeat:no-repeat;background-position:var(--select-background-position);background-size:var(--select-background-size)}select[multiple]{height:auto;padding-top:var(--select-multiple-padding-vertical);padding-bottom:var(--select-multiple-padding-vertical)}select[multiple] option{padding:.125rem .5rem}select[multiple] option:checked{background:var(--select-multiple-checked-background-color) -webkit-linear-gradient(bottom,var(--select-multiple-checked-background-color),var(--select-multiple-checked-background-color))}optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{-webkit-appearance:listbox}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[type=date]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-ms-input-placeholder,input[type=datetime-local]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,input[type=week]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder{color:var(--input-placeholder-color)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder{color:var(--input-placeholder-color)}input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[type=date]:disabled,input[type=date][aria-disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][aria-disabled],input[type=datetime-local][readonly],input[type=email]:disabled,input[type=email][aria-disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][aria-disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][aria-disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][aria-disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][aria-disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][aria-disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][aria-disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][aria-disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][aria-disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][aria-disabled],input[type=week][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-webkit-input-placeholder,input[type=date][aria-disabled]::-webkit-input-placeholder,input[type=date][readonly]::-webkit-input-placeholder,input[type=datetime-local]:disabled::-webkit-input-placeholder,input[type=datetime-local][aria-disabled]::-webkit-input-placeholder,input[type=datetime-local][readonly]::-webkit-input-placeholder,input[type=email]:disabled::-webkit-input-placeholder,input[type=email][aria-disabled]::-webkit-input-placeholder,input[type=email][readonly]::-webkit-input-placeholder,input[type=month]:disabled::-webkit-input-placeholder,input[type=month][aria-disabled]::-webkit-input-placeholder,input[type=month][readonly]::-webkit-input-placeholder,input[type=number]:disabled::-webkit-input-placeholder,input[type=number][aria-disabled]::-webkit-input-placeholder,input[type=number][readonly]::-webkit-input-placeholder,input[type=password]:disabled::-webkit-input-placeholder,input[type=password][aria-disabled]::-webkit-input-placeholder,input[type=password][readonly]::-webkit-input-placeholder,input[type=search]:disabled::-webkit-input-placeholder,input[type=search][aria-disabled]::-webkit-input-placeholder,input[type=search][readonly]::-webkit-input-placeholder,input[type=tel]:disabled::-webkit-input-placeholder,input[type=tel][aria-disabled]::-webkit-input-placeholder,input[type=tel][readonly]::-webkit-input-placeholder,input[type=text]:disabled::-webkit-input-placeholder,input[type=text][aria-disabled]::-webkit-input-placeholder,input[type=text][readonly]::-webkit-input-placeholder,input[type=time]:disabled::-webkit-input-placeholder,input[type=time][aria-disabled]::-webkit-input-placeholder,input[type=time][readonly]::-webkit-input-placeholder,input[type=url]:disabled::-webkit-input-placeholder,input[type=url][aria-disabled]::-webkit-input-placeholder,input[type=url][readonly]::-webkit-input-placeholder,input[type=week]:disabled::-webkit-input-placeholder,input[type=week][aria-disabled]::-webkit-input-placeholder,input[type=week][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled:-ms-input-placeholder,input[type=date][aria-disabled]:-ms-input-placeholder,input[type=date][readonly]:-ms-input-placeholder,input[type=datetime-local]:disabled:-ms-input-placeholder,input[type=datetime-local][aria-disabled]:-ms-input-placeholder,input[type=datetime-local][readonly]:-ms-input-placeholder,input[type=email]:disabled:-ms-input-placeholder,input[type=email][aria-disabled]:-ms-input-placeholder,input[type=email][readonly]:-ms-input-placeholder,input[type=month]:disabled:-ms-input-placeholder,input[type=month][aria-disabled]:-ms-input-placeholder,input[type=month][readonly]:-ms-input-placeholder,input[type=number]:disabled:-ms-input-placeholder,input[type=number][aria-disabled]:-ms-input-placeholder,input[type=number][readonly]:-ms-input-placeholder,input[type=password]:disabled:-ms-input-placeholder,input[type=password][aria-disabled]:-ms-input-placeholder,input[type=password][readonly]:-ms-input-placeholder,input[type=search]:disabled:-ms-input-placeholder,input[type=search][aria-disabled]:-ms-input-placeholder,input[type=search][readonly]:-ms-input-placeholder,input[type=tel]:disabled:-ms-input-placeholder,input[type=tel][aria-disabled]:-ms-input-placeholder,input[type=tel][readonly]:-ms-input-placeholder,input[type=text]:disabled:-ms-input-placeholder,input[type=text][aria-disabled]:-ms-input-placeholder,input[type=text][readonly]:-ms-input-placeholder,input[type=time]:disabled:-ms-input-placeholder,input[type=time][aria-disabled]:-ms-input-placeholder,input[type=time][readonly]:-ms-input-placeholder,input[type=url]:disabled:-ms-input-placeholder,input[type=url][aria-disabled]:-ms-input-placeholder,input[type=url][readonly]:-ms-input-placeholder,input[type=week]:disabled:-ms-input-placeholder,input[type=week][aria-disabled]:-ms-input-placeholder,input[type=week][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-ms-input-placeholder,input[type=date][aria-disabled]::-ms-input-placeholder,input[type=date][readonly]::-ms-input-placeholder,input[type=datetime-local]:disabled::-ms-input-placeholder,input[type=datetime-local][aria-disabled]::-ms-input-placeholder,input[type=datetime-local][readonly]::-ms-input-placeholder,input[type=email]:disabled::-ms-input-placeholder,input[type=email][aria-disabled]::-ms-input-placeholder,input[type=email][readonly]::-ms-input-placeholder,input[type=month]:disabled::-ms-input-placeholder,input[type=month][aria-disabled]::-ms-input-placeholder,input[type=month][readonly]::-ms-input-placeholder,input[type=number]:disabled::-ms-input-placeholder,input[type=number][aria-disabled]::-ms-input-placeholder,input[type=number][readonly]::-ms-input-placeholder,input[type=password]:disabled::-ms-input-placeholder,input[type=password][aria-disabled]::-ms-input-placeholder,input[type=password][readonly]::-ms-input-placeholder,input[type=search]:disabled::-ms-input-placeholder,input[type=search][aria-disabled]::-ms-input-placeholder,input[type=search][readonly]::-ms-input-placeholder,input[type=tel]:disabled::-ms-input-placeholder,input[type=tel][aria-disabled]::-ms-input-placeholder,input[type=tel][readonly]::-ms-input-placeholder,input[type=text]:disabled::-ms-input-placeholder,input[type=text][aria-disabled]::-ms-input-placeholder,input[type=text][readonly]::-ms-input-placeholder,input[type=time]:disabled::-ms-input-placeholder,input[type=time][aria-disabled]::-ms-input-placeholder,input[type=time][readonly]::-ms-input-placeholder,input[type=url]:disabled::-ms-input-placeholder,input[type=url][aria-disabled]::-ms-input-placeholder,input[type=url][readonly]::-ms-input-placeholder,input[type=week]:disabled::-ms-input-placeholder,input[type=week][aria-disabled]::-ms-input-placeholder,input[type=week][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-moz-placeholder,input[type=date][aria-disabled]::-moz-placeholder,input[type=date][readonly]::-moz-placeholder,input[type=datetime-local]:disabled::-moz-placeholder,input[type=datetime-local][aria-disabled]::-moz-placeholder,input[type=datetime-local][readonly]::-moz-placeholder,input[type=email]:disabled::-moz-placeholder,input[type=email][aria-disabled]::-moz-placeholder,input[type=email][readonly]::-moz-placeholder,input[type=month]:disabled::-moz-placeholder,input[type=month][aria-disabled]::-moz-placeholder,input[type=month][readonly]::-moz-placeholder,input[type=number]:disabled::-moz-placeholder,input[type=number][aria-disabled]::-moz-placeholder,input[type=number][readonly]::-moz-placeholder,input[type=password]:disabled::-moz-placeholder,input[type=password][aria-disabled]::-moz-placeholder,input[type=password][readonly]::-moz-placeholder,input[type=search]:disabled::-moz-placeholder,input[type=search][aria-disabled]::-moz-placeholder,input[type=search][readonly]::-moz-placeholder,input[type=tel]:disabled::-moz-placeholder,input[type=tel][aria-disabled]::-moz-placeholder,input[type=tel][readonly]::-moz-placeholder,input[type=text]:disabled::-moz-placeholder,input[type=text][aria-disabled]::-moz-placeholder,input[type=text][readonly]::-moz-placeholder,input[type=time]:disabled::-moz-placeholder,input[type=time][aria-disabled]::-moz-placeholder,input[type=time][readonly]::-moz-placeholder,input[type=url]:disabled::-moz-placeholder,input[type=url][aria-disabled]::-moz-placeholder,input[type=url][readonly]::-moz-placeholder,input[type=week]:disabled::-moz-placeholder,input[type=week][aria-disabled]::-moz-placeholder,input[type=week][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::placeholder,input[type=date][aria-disabled]::placeholder,input[type=date][readonly]::placeholder,input[type=datetime-local]:disabled::placeholder,input[type=datetime-local][aria-disabled]::placeholder,input[type=datetime-local][readonly]::placeholder,input[type=email]:disabled::placeholder,input[type=email][aria-disabled]::placeholder,input[type=email][readonly]::placeholder,input[type=month]:disabled::placeholder,input[type=month][aria-disabled]::placeholder,input[type=month][readonly]::placeholder,input[type=number]:disabled::placeholder,input[type=number][aria-disabled]::placeholder,input[type=number][readonly]::placeholder,input[type=password]:disabled::placeholder,input[type=password][aria-disabled]::placeholder,input[type=password][readonly]::placeholder,input[type=search]:disabled::placeholder,input[type=search][aria-disabled]::placeholder,input[type=search][readonly]::placeholder,input[type=tel]:disabled::placeholder,input[type=tel][aria-disabled]::placeholder,input[type=tel][readonly]::placeholder,input[type=text]:disabled::placeholder,input[type=text][aria-disabled]::placeholder,input[type=text][readonly]::placeholder,input[type=time]:disabled::placeholder,input[type=time][aria-disabled]::placeholder,input[type=time][readonly]::placeholder,input[type=url]:disabled::placeholder,input[type=url][aria-disabled]::placeholder,input[type=url][readonly]::placeholder,input[type=week]:disabled::placeholder,input[type=week][aria-disabled]::placeholder,input[type=week][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled{cursor:not-allowed}input[type=date]:required:invalid:not(:focus),input[type=datetime-local]:required:invalid:not(:focus),input[type=email]:required:invalid:not(:focus),input[type=month]:required:invalid:not(:focus),input[type=number]:required:invalid:not(:focus),input[type=password]:required:invalid:not(:focus),input[type=search]:required:invalid:not(:focus),input[type=tel]:required:invalid:not(:focus),input[type=text]:required:invalid:not(:focus),input[type=time]:required:invalid:not(:focus),input[type=url]:required:invalid:not(:focus),input[type=week]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[type=date]:required:valid:not(:focus),input[type=datetime-local]:required:valid:not(:focus),input[type=email]:required:valid:not(:focus),input[type=month]:required:valid:not(:focus),input[type=number]:required:valid:not(:focus),input[type=password]:required:valid:not(:focus),input[type=search]:required:valid:not(:focus),input[type=tel]:required:valid:not(:focus),input[type=text]:required:valid:not(:focus),input[type=time]:required:valid:not(:focus),input[type=url]:required:valid:not(:focus),input[type=week]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{--textarea-padding-vertical:var(--hiq-textarea-padding-vertical,0.5rem);--textarea-padding-horizontal:var(--hiq-textarea-padding-horizontal,0.75rem);--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:auto;overflow:auto;margin:0;padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);resize:vertical}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color)}textarea:-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-moz-placeholder{color:var(--input-placeholder-color)}textarea::placeholder{color:var(--input-placeholder-color)}textarea:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}textarea:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}textarea:disabled,textarea[aria-disabled],textarea[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-webkit-input-placeholder,textarea[aria-disabled]::-webkit-input-placeholder,textarea[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled:-ms-input-placeholder,textarea[aria-disabled]:-ms-input-placeholder,textarea[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-ms-input-placeholder,textarea[aria-disabled]::-ms-input-placeholder,textarea[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-moz-placeholder,textarea[aria-disabled]::-moz-placeholder,textarea[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::placeholder,textarea[aria-disabled]::placeholder,textarea[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled{cursor:not-allowed}textarea:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}textarea:required:valid:not(:focus){border-color:var(--input-valid-border-color)}.container{width:calc(100% - var(--hiq-container-horizontal-gap,2rem)*2);max-width:calc(var(--hiq-max-container-width,50rem) - var(--hiq-container-horizontal-gap,2rem)*2);margin-right:auto;margin-left:auto}.container.is-fluid{max-width:none}:root{--hiq-color-gray-1:#0b0c0e;--hiq-color-gray-2:#17191c;--hiq-color-gray-3:#2e3138;--hiq-color-gray-4:#5c6370;--hiq-color-gray-5:#8f96a3;--hiq-color-gray-6:#e3e5e8;--hiq-color-gray-7:#f1f2f4;--hiq-color-gray-8:#f9fafa;--hiq-color-primary:#007fff;--hiq-color-success:#21d492;--hiq-color-warning:#fcd34a;--hiq-color-danger:#fa3d56;--hiq-html-background-color:#fff;--hiq-body-background-color:#fff;--hiq-disabled-border-color:var(--hiq-color-gray-7);--hiq-disabled-background-color:var(--hiq-color-gray-7);--hiq-disabled-text-color:var(--hiq-color-gray-5);--hiq-max-container-width:50rem;--hiq-container-horizontal-gap:2rem;--hiq-block-element-margin-bottom:1rem;--hiq-border-radius:.2rem;--hiq-outline-width:.2rem;--hiq-outline-color:#b3d9ff;--hiq-speed:.1s;--hiq-easing:ease-out;--hiq-text-rendering:optimizeLegibility;--hiq-letter-spacing-base:0;--hiq-font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--hiq-font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;--hiq-unitless-min-font-size:15;--hiq-unitless-max-font-size:16;--hiq-unitless-lower-font-range:460;--hiq-unitless-upper-font-range:900;@custom-media --hiq-lower-font-range(min-width:460px);@custom-media --hiq-upper-font-range(min-width:900px);--hiq-font-size-1:2.5rem;--hiq-font-size-2:2rem;--hiq-font-size-3:1.75rem;--hiq-font-size-4:1.25rem;--hiq-font-size-5:1rem;--hiq-font-size-6:.875rem;--hiq-font-size-base:var(--hiq-font-size-5);--hiq-font-size-large:var(--hiq-font-size-4);--hiq-font-size-small:var(--hiq-font-size-6);--hiq-line-height-base:1.6;--hiq-heading-line-height:1.2;--hiq-font-weight-light:300;--hiq-font-weight-normal:400;--hiq-font-weight-medium:500;--hiq-font-weight-semibold:600;--hiq-font-weight-bold:700;--hiq-font-weight-base:var(--hiq-font-weight-normal);--hiq-heading-font-weight:var(--hiq-font-weight-medium);--hiq-description-list-title-font-weight:var(--hiq-font-weight-semibold);--hiq-text-color:var(--hiq-color-gray-2);--hiq-mark-color:#fcf8e3;--hiq-deleted-color:#f95da8;--hiq-inserted-color:#e5f2ff;--hiq-selection-color:#cce5ff;--hiq-list-margin-left:1rem;--hiq-unordered-list-style:disc;--hiq-blockquote-font-size:var(--hiq-font-size-4);--hiq-blockquote-line-height:var(--hiq-heading-line-height);--hiq-blockquote-citation-color:var(--hiq-color-gray-5);--hiq-horizontal-rule-height:1px;--hiq-horizontal-rule-color:var(--hiq-color-primary);--hiq-link-color:var(--hiq-color-primary);--hiq-link-hover-color:#004080;--hiq-link-active-color:#004080;--hiq-link-text-decoration:none;--hiq-button-height:2.25rem;--hiq-button-vertical-padding:0;--hiq-button-horizontal-padding:.75rem;--hiq-button-border-width:1px;--hiq-button-border-radius:var(--hiq-border-radius);--hiq-button-font-weight:var(--hiq-font-weight-medium);--hiq-button-border-color:var(--hiq-color-primary);--hiq-button-background-color:var(--hiq-color-primary);--hiq-button-text-color:#fff;--hiq-button-hover-border-color:#06c;--hiq-button-hover-background-color:#06c;--hiq-button-hover-text-color:#fff;--hiq-button-active-border-color:#004c99;--hiq-button-active-background-color:#004c99;--hiq-button-active-text-color:#fff;--hiq-code-padding-vertical:.15rem;--hiq-code-padding-horizontal:.3rem;--hiq-code-border-color:transparent;--hiq-code-font-size:var(--hiq-font-size-small);--hiq-code-background-color:var(--hiq-color-gray-7);--hiq-code-text-color:var(--hiq-text-color);--hiq-pre-padding-vertical:1.25rem;--hiq-pre-padding-horizontal:1.5rem;--hiq-pre-border-color:var(--hiq-color-gray-6);--hiq-pre-background-color:transparent;--hiq-pre-text-color:var(--hiq-color-gray-4);--hiq-kbd-padding-vertical:.2rem;--hiq-kbd-padding-horizontal:.4rem;--hiq-kbd-border-color:var(--hiq-color-gray-6);--hiq-nested-kbd-font-weight:var(--hiq-font-weight-medium);--hiq-kbd-background-color:transparent;--hiq-kbd-text-color:var(--hiq-text-color);--hiq-figcaption-margin-top:.5rem;--hiq-figcaption-font-weight:var(--hiq-font-weight-normal);--hiq-figcaption-text-color:var(--hiq-color-gray-5);--hiq-image-border-radius:var(--hiq-border-radius);--hiq-table-head-border-width:var(--hiq-table-cell-border-width);--hiq-table-foot-border-width:var(--hiq-table-cell-border-width);--hiq-table-caption-padding-vertical:.5rem;--hiq-table-caption-text-color:var(--hiq-color-gray-5);--hiq-table-caption-font-weight:var(--hiq-font-weight-semibold);--hiq-table-cell-padding-vertical:.75rem;--hiq-table-cell-padding-horizontal:.75rem;--hiq-table-cell-border-width:1px;--hiq-table-cell-border-color:var(--hiq-color-gray-6);--hiq-table-heading-background-color:var(--hiq-color-gray-7);--hiq-table-heading-text-color:var(--hiq-color-gray-4);--hiq-table-heading-font-weight:var(--hiq-font-weight-medium);--hiq-fieldset-padding-vertical:0;--hiq-fieldset-padding-horizontal:0;--hiq-fieldset-border-width:0;--hiq-fieldset-border-color:transparent;--hiq-legend-margin-bottom:var(--hiq-block-element-margin-bottom);--hiq-legend-font-weight:var(--hiq-font-weight-semibold);--hiq-label-margin-bottom:.5rem;--hiq-label-font-weight:var(--hiq-font-weight-semibold);--hiq-input-invalid-border-color:var(--hiq-color-danger);--hiq-input-valid-border-color:var(--hiq-color-success);--hiq-input-height:2.5rem;--hiq-input-padding-vertical:0;--hiq-input-padding-horizontal:.75rem;--hiq-input-border-width:1px;--hiq-input-border-radius:var(--hiq-border-radius);--hiq-input-border-color:var(--hiq-color-gray-6);--hiq-input-background-color:#fff;--hiq-input-text-color:var(--hiq-text-color);--hiq-input-placeholder-color:var(--hiq-color-gray-4);--hiq-input-hover-border-color:var(--hiq-input-border-color);--hiq-input-hover-background-color:var(--hiq-input-background-color);--hiq-input-hover-text-color:var(--hiq-input-text-color);--hiq-input-hover-placeholder-color:var(--hiq-input-placeholder-color);--hiq-textarea-padding-vertical:.5rem;--hiq-textarea-padding-horizontal:.75rem;--hiq-select-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='30'height='16'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1516L00h30z'fill='%23000'fill-rule='evenodd'/%3E%3C/svg%3E");--hiq-select-background-position:right 1rem center;--hiq-select-background-size:.75rem;--hiq-select-multiple-checked-background-color:var(--hiq-color-primary);--hiq-select-multiple-padding-vertical:.75rem;--hiq-checkbox-margin-bottom:.5rem;--hiq-checkbox-label-padding-horizontal:2rem;--hiq-checkbox-label-font-weight:var(--hiq-font-weight-normal);--hiq-checkbox-width:1rem;--hiq-checkbox-height:1rem;--hiq-checkbox-border-width:1px;--hiq-checkbox-border-color:transparent;--hiq-checkbox-border-radius:var(--hiq-border-radius);--hiq-checkbox-background-color:var(--hiq-color-gray-6);--hiq-checkbox-hover-background-color:var(--hiq-color-gray-5);--hiq-checkbox-checked-border-color:var(--hiq-color-primary);--hiq-checkbox-checked-background-color:var(--hiq-color-primary);--hiq-checkbox-check-width:.25rem;--hiq-checkbox-check-height:.5rem;--hiq-checkbox-check-border-width:2px;--hiq-checkbox-check-color:#fff;--hiq-checkbox-indeterminate-width:.5rem;--hiq-radio-margin-bottom:.5rem;--hiq-radio-label-padding-horizontal:2rem;--hiq-radio-label-font-weight:var(--hiq-font-weight-normal);--hiq-radio-width:1rem;--hiq-radio-height:1rem;--hiq-radio-border-width:1px;--hiq-radio-border-color:transparent;--hiq-radio-border-radius:50%;--hiq-radio-background-color:var(--hiq-color-gray-6);--hiq-radio-hover-background-color:var(--hiq-color-gray-5);--hiq-radio-checked-border-color:var(--hiq-color-primary);--hiq-radio-checked-background-color:var(--hiq-color-primary);--hiq-radio-check-width:.5rem;--hiq-radio-check-height:.5rem;--hiq-radio-check-border-radius:50%;--hiq-radio-check-background-color:#fff;--hiq-range-input-thumb-width:1.5rem;--hiq-range-input-thumb-height:1.5rem;--hiq-range-input-thumb-border-radius:50%;--hiq-range-input-thumb-background-color:var(--hiq-color-primary);--hiq-range-input-thumb-disabled-background-color:var(--hiq-color-gray-6);--hiq-range-input-track-height:.5rem;--hiq-range-input-track-border-radius:var(--hiq-border-radius);--hiq-range-input-track-background-color:var(--hiq-color-gray-6);--hiq-meter-background-color:var(--hiq-color-gray-6);--hiq-meter-strong-color:var(--hiq-color-success);--hiq-meter-good-color:var(--hiq-color-warning);--hiq-meter-weak-color:var(--hiq-color-danger);--hiq-progress-height:1rem;--hiq-progress-background-color:var(--hiq-color-gray-6);--hiq-progress-filled-color:var(--hiq-color-primary);--navbar-height:3.6rem;--sidebar-width:20rem;--mobile-sidebar-width:calc(var(--sidebar-width)*0.82);--line-numbers-wrapper-width:3.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:var(--hiq-font-weight-light)}h2{font-size:var(--hiq-font-size-3);font-weight:var(--hiq-font-weight-semibold)}h3{font-size:var(--hiq-font-size-4)}p a code{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-primary)}.wrapper{max-width:var(--hiq-max-container-width);margin:0 auto;padding:.5rem 2.5rem;@media(max-width:959px){padding-left:2rem;padding-bottom:2rem;padding-right:2rem;padding-top:2rem}@media(max-width:419px){padding-left:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.table-of-contents .badge{vertical-align:middle}.custom-layout{padding-top:var(--navbar-height)}.theme-container.no-navbar .custom-layout{padding-top:0}.properties-table{margin:1.5rem 0 2rem}.color-swatch{display:block;width:1.5rem;height:1.5rem;border:1px solid var(--hiq-color-gray-6)}.input-table code{white-space:pre-wrap}.input-table input{max-width:100%}@supports(color:var(--hiq-color-primary)){.browser-not-supported{display:none}}@media(max-width:959px){.properties-table .name,.utilities-table .name{width:40%}.properties-table .name code,.utilities-table .name code{white-space:unset}}.content__default{max-width:var(--hiq-max-container-width);margin:0 auto;padding:2rem 2.5rem}.content__default>:first-child{margin-top:var(--navbar-height)}.content__default p.demo{padding:1rem 1.5rem;border:1px solid var(--hiq-color-gray-6);border-radius:4px}.content__default>h1,.content__default>h2,.content__default>h3,.content__default>h4,.content__default>h5,.content__default>h6{margin-top:calc(.75rem - var(--navbar-height));padding-top:calc(var(--navbar-height)+1rem)}.content__default>h1:first-child,.content__default>h2:first-child,.content__default>h3:first-child,.content__default>h4:first-child,.content__default>h5:first-child,.content__default>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content__default>h2:first-child+.custom-block,.content__default>h2:first-child+p,.content__default>h2:first-child+pre,.content__default>h3:first-child+.custom-block,.content__default>h3:first-child+p,.content__default>h3:first-child+pre,.content__default>h4:first-child+.custom-block,.content__default>h4:first-child+p,.content__default>h4:first-child+pre,.content__default>h5:first-child+.custom-block,.content__default>h5:first-child+p,.content__default>h5:first-child+pre,.content__default>h6:first-child+.custom-block,.content__default>h6:first-child+p,.content__default>h6:first-child+pre{margin-top:-1.5rem;margin-bottom:1rem}.theme-container.no-navbar .content__default>h1,.theme-container.no-navbar .content__default>h2,.theme-container.no-navbar .content__default>h3,.theme-container.no-navbar .content__default>h4,.theme-container.no-navbar .content__default>h5,.theme-container.no-navbar .content__default>h6{margin-top:1.5rem;padding-top:0}.content.custom{margin:0;padding:0}a.header-anchor{float:left;margin-top:.125em;margin-left:-.87em;padding-right:.23em;box-shadow:none !important;opacity:0;font-size:.85em}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}.content__default figure{margin:2rem 0 3rem}.content__default figure img{margin:0 auto}.content__default ol,.content__default ul{padding-left:1.2em}.content__default table td{vertical-align:middle}.content__default table p{margin-bottom:0}@media(max-width:959px){.content__default{padding:2rem}}@media(max-width:419px){.content__default{padding:1.5rem}.content__default div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}div[class*=language-]{position:relative;margin:1.5rem 0 2rem}div[class*=language-] .highlight-lines{position:absolute;top:0;left:0;width:100%;padding-top:1.3rem;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-] .highlight-lines .highlighted{background-color:var(--hiq-color-gray-7)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:relative;z-index:1;background:var(--hiq-pre-background-color)}div[class*=language-]:before{position:absolute;top:.8rem;right:1rem;z-index:3;font-size:.75rem;color:var(--hiq-color-gray-5)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{display:block;position:absolute;top:0;left:0;z-index:3;width:var(--line-numbers-wrapper-width);height:100%;background-color:var(--hiq-color-gray-6);content:""}div[class*=language-].line-numbers-mode pre{padding-left:calc(var(--line-numbers-wrapper-width)+1rem);vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:var(--line-numbers-wrapper-width);padding:1.25rem 0;line-height:1.4;text-align:center;color:var(--hiq-color-gray-5)}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode:after{position:absolute;top:1px;left:1px;z-index:2;width:var(--line-numbers-wrapper-width);height:calc(100% - 2px);border-right:1px solid var(--hiq-color-gray-6);border-radius:6px 0 0 6px;background-color:#fff;content:""}div[class~=language-javascript]:before,div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before,div[class~=language-typescript]:before{content:"ts"}div[class~=language-html]:before,div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before,div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-json]:before{content:"json"}div[class~=language-bash]:before,div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}@media(max-width:419px){div[class*=language-] pre{border-right:0;border-left:0;border-radius:0}}@media(min-width:419px){div[class*=language-]+div[class*=language-]{margin-top:-1.25rem}}.custom-block .custom-block-title{margin-bottom:.25rem;font-weight:var(--hiq-font-weight-medium)}.custom-block p{margin-bottom:0}.custom-block.danger,.custom-block.tip,.custom-block.warning{margin:1.25rem 0;padding:1.25rem 1.5rem;border-left-width:.5rem;border-left-style:solid}.custom-block.tip{border-color:var(--hiq-color-primary);background-color:rgba(0,128,255,.25)}.custom-block.tip code{background-color:rgba(0,128,255,.15)}.custom-block.warning{border-color:var(--hiq-color-warning);background-color:rgba(252,212,79,.25);color:#7e6102}.custom-block.warning .custom-block-title{color:#c99b03}.custom-block.warning a{color:var(--hiq-text-color)}.custom-block.danger{border-color:var(--hiq-color-danger);background-color:rgba(250,61,86,.25);color:#7c0313}.custom-block.danger .custom-block-title{color:#c7051f}.custom-block.danger a{color:var(--hiq-text-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid var(--hiq-color-gray-5)}.arrow.down,.arrow.up{border-right:4px solid transparent;border-left:4px solid transparent}.arrow.down{border-top:6px solid var(--hiq-color-gray-5)}.arrow.right{border-left:6px solid var(--hiq-color-gray-5)}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid var(--hiq-color-gray-5)}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1031;background-color:var(--hiq-color-primary)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--hiq-color-primary),0 0 5px var(--hiq-color-primary);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;top:15px;right:15px;z-index:1031}#nprogress .spinner-icon{width:18px;height:18px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--hiq-color-primary);border-left:2px solid transparent;border-left-color:var(--hiq-color-primary);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0{transform:rotate(0)}to{transform:rotate(1turn)}}:root{--pink:#f95faa;--lavender:#9b80ff;--dark-blue:#2f6f9f;--light-blue:#6d94ec}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--hiq-color-gray-5)}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:var(--light-blue)}.token.boolean,.token.class-name,.token.constant,.token.function,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--pink)}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:var(--lavender)}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:var(--hiq-color-primary)}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} \ No newline at end of file diff --git a/min/material.min.css b/min/material.min.css new file mode 100644 index 0000000..4fa79dc --- /dev/null +++ b/min/material.min.css @@ -0,0 +1 @@ +:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--amber:#ffc107;--blue:#2196f3;--blue-grey:#607d8b;--brown:#795548;--cyan:#00bcd4;--deep-orange:#ff5722;--deep-purple:#673ab7;--green:#4caf50;--grey:#9e9e9e;--indigo:#3f51b5;--light-blue:#03a9f4;--light-green:#8bc34a;--lime:#cddc39;--orange:#ff9800;--pink:#e91e63;--purple:#9c27b0;--red:#f44336;--teal:#009688;--yellow:#ffeb3b;--primary:#9c27b0;--primary-dark:#7b1fa2;--primary-light:#e1bee7;--secondary:#ff4081;--secondary-dark:#f50057;--secondary-light:#ff80ab;--danger:#f44336;--danger-dark:#d32f2f;--danger-light:#ffcdd2;--info:#2196f3;--info-dark:#1976d2;--info-light:#bbdefb;--success:#4caf50;--success-dark:#388e3c;--success-light:#c8e6c9;--warning:#ff9800;--warning-dark:#f57c00;--warning-light:#ffe0b2;--dark:#424242;--dark-dark:#212121;--dark-light:#757575;--light:#f5f5f5;--light-dark:#e0e0e0;--light-light:#fafafa;--font-family-monospace:"Roboto Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-family-sans-serif:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-serif:"Roboto Slab",Georgia,"Times New Roman",Times,serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}*,*::after,*::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{text-align:left;text-align:start;background-color:white;color:rgba(0,0,0,0.87);font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:.875rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.428572;margin:0}[dir='rtl'] body{text-align:right;text-align:start}html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}[tabindex='-1']:focus{outline:0 !important}code,kbd,pre,samp{font-family:"Roboto Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,html [type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0}button,input{overflow:visible}button,select{text-transform:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{border:0;margin:0;min-width:0;padding:0}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}input[type='date'],input[type='datetime-local'],input[type='month'],input[type='time']{-webkit-appearance:listbox}label{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:rgba(0,0,0,0.38);display:inline-block}legend{font-size:1.5rem;font-weight:400;letter-spacing:0;line-height:1.333334;color:inherit;display:block;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}output{display:inline-block}progress{vertical-align:baseline}select[multiple],select[size]{overflow:auto}textarea{overflow:auto;resize:vertical}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:none;outline-offset:-2px}[type='search']::-webkit-search-cancel-button,[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none !important}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}summary{cursor:pointer;display:list-item}a{background-color:transparent;color:#ff4081;text-decoration:none;-webkit-text-decoration-skip:objects}a:active,a:focus,a:hover{color:#ff4081;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):active,a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}template{display:none}caption{text-align:left;text-align:start;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;caption-side:bottom;color:rgba(0,0,0,0.38);min-height:3.5rem;padding:1.214285rem 1.5rem}[dir='rtl'] caption{text-align:right;text-align:start}table{border-collapse:collapse}th{text-align:left;text-align:start}[dir='rtl'] th{text-align:right;text-align:start}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1rem}b,strong{font-weight:bolder}blockquote{margin:0 0 1rem}dd{margin-bottom:.5rem;margin-left:0}dfn{font-style:italic}dl,ol,ul{margin-top:0;margin-bottom:1rem}dt{font-weight:500}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}mark{background-color:#ffeb3b;color:rgba(0,0,0,0.87)}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}p{margin-top:0;margin-bottom:1rem}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{min-height:1px;padding-right:20px;padding-left:20px;position:relative;width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}@media(min-width:576px){.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}}@media(min-width:768px){.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}}@media(min-width:992px){.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}}@media(min-width:1200px){.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}}.container{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;width:100%}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}.container-fluid{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;width:100%}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*='col-']{padding-right:0;padding-left:0}.blockquote{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.4;border-left:.3125rem solid #9c27b0;margin-bottom:1rem;padding:0 1rem}.blockquote-footer{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:rgba(0,0,0,0.38);display:block;margin-top:.25rem}.blockquote-footer::before{content:'\2014 \00A0'}mark,.mark{background-color:#ffeb3b;color:rgba(0,0,0,0.87);padding:.2em}small,.small{font-size:80%;font-weight:400}.initialism{font-size:90%;text-transform:uppercase}.typography-display-4{font-size:7rem;font-weight:300;letter-spacing:-0.04em;line-height:1}.typography-display-3{font-size:3.5rem;font-weight:400;letter-spacing:-0.02em;line-height:1.035715}.typography-display-2{font-size:2.8125rem;font-weight:400;letter-spacing:0;line-height:1.066667}.typography-display-1{font-size:2.125rem;font-weight:400;letter-spacing:0;line-height:1.176471}.typography-headline{font-size:1.5rem;font-weight:400;letter-spacing:0;line-height:1.333334}.typography-title{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.4}.typography-subheading{font-size:1.0rem;font-weight:400;letter-spacing:.04em;line-height:1.5}.typography-body-2{font-size:.875rem;font-weight:500;letter-spacing:0;line-height:1.428572}.typography-body-1{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.428572}.typography-caption{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:inherit;font-family:inherit;margin-bottom:.5rem}h1,.h1{font-size:2.8125rem;font-weight:400;letter-spacing:0;line-height:1.066667}h2,.h2{font-size:2.125rem;font-weight:400;letter-spacing:0;line-height:1.176471}h3,.h3{font-size:1.5rem;font-weight:400;letter-spacing:0;line-height:1.333334}h4,.h4{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.4}h5,.h5{font-size:1.0rem;font-weight:400;letter-spacing:.04em;line-height:1.5}h6,.h6{font-size:.875rem;font-weight:500;letter-spacing:0;line-height:1.428572}.display-1{font-size:7rem;font-weight:300;letter-spacing:-0.04em;line-height:1}.display-2{font-size:3.5rem;font-weight:400;letter-spacing:-0.02em;line-height:1.035715}.display-3{font-size:2.8125rem;font-weight:400;letter-spacing:0;line-height:1.066667}.display-4{font-size:2.125rem;font-weight:400;letter-spacing:0;line-height:1.176471}.lead{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.4}hr{border:0;border-top:1px solid rgba(0,0,0,0.12);margin-top:1rem;margin-bottom:1rem}.list-inline{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.list-unstyled{list-style:none;padding-left:0}.alert{border-radius:2px;border:0;display:block;margin-bottom:1rem;padding:1rem 1rem;position:relative}.alert-primary{background-color:#e1bee7;color:rgba(0,0,0,0.87)}.alert-secondary{background-color:#ff80ab;color:rgba(0,0,0,0.87)}.alert-danger{background-color:#ffcdd2;color:rgba(0,0,0,0.87)}.alert-info{background-color:#bbdefb;color:rgba(0,0,0,0.87)}.alert-success{background-color:#c8e6c9;color:rgba(0,0,0,0.87)}.alert-warning{background-color:#ffe0b2;color:rgba(0,0,0,0.87)}.alert-dark{background-color:#757575;color:white}.alert-light{background-color:#fafafa;color:rgba(0,0,0,0.87)}.alert-dismissible{padding-right:3.5rem}.alert-dismissible .close{color:inherit;padding:.875rem 1rem;position:absolute;top:0;right:0}.alert-heading{color:inherit}.alert-link{color:inherit;font-weight:500}.alert-link:active,.alert-link:focus,.alert-link:hover{color:inherit}.badge{border-radius:2px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;font-weight:500;line-height:inherit;padding-right:.5em;padding-left:.5em;text-align:center;vertical-align:baseline;white-space:nowrap}.badge:empty{display:none}.btn .badge{margin-top:-1px;margin-bottom:-1px;padding-top:1px;padding-bottom:1px}.badge-primary{background-color:#9c27b0;color:white}.badge-primary[href]:active,.badge-primary[href]:focus,.badge-primary[href]:hover{background-color:#7b1fa2;color:white;text-decoration:none}.badge-secondary{background-color:#ff4081;color:white}.badge-secondary[href]:active,.badge-secondary[href]:focus,.badge-secondary[href]:hover{background-color:#f50057;color:white;text-decoration:none}.badge-danger{background-color:#f44336;color:white}.badge-danger[href]:active,.badge-danger[href]:focus,.badge-danger[href]:hover{background-color:#d32f2f;color:white;text-decoration:none}.badge-info{background-color:#2196f3;color:white}.badge-info[href]:active,.badge-info[href]:focus,.badge-info[href]:hover{background-color:#1976d2;color:white;text-decoration:none}.badge-success{background-color:#4caf50;color:white}.badge-success[href]:active,.badge-success[href]:focus,.badge-success[href]:hover{background-color:#388e3c;color:white;text-decoration:none}.badge-warning{background-color:#ff9800;color:rgba(0,0,0,0.87)}.badge-warning[href]:active,.badge-warning[href]:focus,.badge-warning[href]:hover{background-color:#f57c00;color:white;text-decoration:none}.badge-dark{background-color:#424242;color:white}.badge-dark[href]:active,.badge-dark[href]:focus,.badge-dark[href]:hover{background-color:#212121;color:white;text-decoration:none}.badge-light{background-color:#f5f5f5;color:rgba(0,0,0,0.87)}.badge-light[href]:active,.badge-light[href]:focus,.badge-light[href]:hover{background-color:#e0e0e0;color:rgba(0,0,0,0.87);text-decoration:none}.badge-pill{border-radius:1em}.breadcrumb{border-radius:2px;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin-bottom:1rem;min-height:3.5rem;padding:.625rem 1rem}.breadcrumb-item{transition-duration:.3s;transition-property:color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-ms-flex-align:center;align-items:center;color:rgba(0,0,0,0.54);display:-ms-flexbox;display:flex}@media(min-width:576px){.breadcrumb-item{transition-duration:.39s}}@media(min-width:992px){.breadcrumb-item{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.breadcrumb-item{transition:none}}.breadcrumb-item:active,.breadcrumb-item:focus,.breadcrumb-item:hover{color:rgba(0,0,0,0.87)}.breadcrumb-item.active{color:rgba(0,0,0,0.87);font-weight:bolder}.breadcrumb-item a{color:inherit;text-decoration:none}.breadcrumb-item+.breadcrumb-item{margin-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;color:rgba(0,0,0,0.54);content:"chevron_right";display:inline-block;margin-right:.5rem}.carousel{position:relative}.carousel:hover .carousel-control-next,.carousel:hover .carousel-control-prev{opacity:1}.carousel-inner{overflow:hidden;position:relative;width:100%}.carousel-item{transition-duration:.375s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-ms-flex-align:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;-webkit-perspective:1000px;perspective:1000px;position:relative;width:100%}@media(min-width:576px){.carousel-item{transition-duration:.4875s}}@media(min-width:992px){.carousel-item{transition-duration:.25s}}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:-ms-flexbox;display:flex}.carousel-item-left.active,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports((-webkit-transform-style:preserve-3d) or(transform-style:preserve-3d)){.carousel-item-left.active,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-item-left.carousel-item-next,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports((-webkit-transform-style:preserve-3d) or(transform-style:preserve-3d)){.carousel-item-left.carousel-item-next,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-item-next,.carousel-item-right.active{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports((-webkit-transform-style:preserve-3d) or(transform-style:preserve-3d)){.carousel-item-next,.carousel-item-right.active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-fade .carousel-item{transition-duration:.375s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);opacity:0}@media(min-width:576px){.carousel-fade .carousel-item{transition-duration:.4875s}}@media(min-width:992px){.carousel-fade .carousel-item{transition-duration:.25s}}@media screen and (prefers-reduced-motion:reduce){.carousel-fade .carousel-item{transition:none}}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{opacity:1}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item-prev.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports((-webkit-transform-style:preserve-3d) or(transform-style:preserve-3d)){.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item-prev.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-right.active{opacity:0}.carousel-control-next,.carousel-control-prev{-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,0.12);border-radius:50%;box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px 0 rgba(0,0,0,0.2);color:white;cursor:pointer;display:-ms-flexbox;display:flex;font-size:.8125rem;height:2.5rem;-ms-flex-pack:center;justify-content:center;line-height:1;margin-top:-1.25rem;opacity:0;position:absolute;top:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.5rem}.carousel-control-next:active,.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:active,.carousel-control-prev:focus,.carousel-control-prev:hover{background-color:rgba(204,204,204,0.25);color:white;text-decoration:none}.carousel-control-next:active,.carousel-control-prev:active{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.carousel-control-next:focus,.carousel-control-prev:focus{opacity:1;outline:0}.carousel-control-next{right:1.25rem}.carousel-control-prev{left:1.25rem}.carousel-control-next-icon,.carousel-control-prev-icon{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal}.carousel-control-next-icon::before{content:"chevron_right"}.carousel-control-prev-icon::before{content:"chevron_left"}.carousel-caption{color:white;position:absolute;right:25%;bottom:1.5rem;left:25%;text-align:center;z-index:1}.carousel-indicators{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;list-style:none;margin-bottom:0;padding-left:0;position:absolute;right:5rem;bottom:.5rem;left:5rem;z-index:1}.carousel-indicators li{background-color:transparent;border:1px solid rgba(255,255,255,0.12);border-radius:.5rem;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;height:.5rem;margin-right:1px;margin-left:1px;overflow:hidden;text-indent:100%;white-space:nowrap;width:.5rem}.carousel-indicators .active{background-color:rgba(204,204,204,0.25)}.close{transition-duration:.3s;transition-property:color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;border:0;color:rgba(0,0,0,0.38);float:right;font-size:1.5rem;font-weight:300;line-height:1;padding:0}@media(min-width:576px){.close{transition-duration:.39s}}@media(min-width:992px){.close{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.close{transition:none}}.close:active,.close:focus,.close:hover{color:rgba(0,0,0,0.87);text-decoration:none}.close:focus{outline:0}.close:not(:disabled):not(.disabled){cursor:pointer}code{border-radius:2px;background-color:#f5f5f5;color:#bd4147;font-size:87.5%;padding:.2rem .4rem;word-break:break-word}a>code{color:inherit}kbd{border-radius:2px;background-color:rgba(0,0,0,0.87);color:white;font-size:87.5%;padding:.2rem .4rem}kbd kbd{font-size:100%;font-weight:bolder;padding:0}pre{border-radius:2px;color:rgba(0,0,0,0.87);display:block;font-size:87.5%}pre code{background-color:transparent;border-radius:0;color:inherit;font-size:inherit;padding:0;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.form-check{display:block;margin-bottom:.5rem;padding-left:1.25rem;position:relative}.form-check-inline{display:inline-block;margin-right:.5rem;margin-bottom:0}.form-check-input{margin-top:.25rem;margin-left:-1.25rem;position:absolute}.form-check-input:disabled ~ .form-check-label{color:rgba(0,0,0,0.38)}.form-check-label{color:inherit;font-size:inherit;line-height:inherit}.form-group{margin-bottom:1rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem}.form-row>.col,.form-row>[class*='col-']{padding-right:.5rem;padding-left:.5rem}.form-inline{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-inline .custom-file,.form-inline .custom-select{width:auto}.form-inline .form-check{margin-bottom:0;width:auto}.form-inline .form-control,.form-inline .form-control-file{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:0}.form-inline .input-group{width:auto}.col-form-label{color:inherit;font-size:.875rem;line-height:1.714286;padding-top:.375rem;padding-bottom:.375rem}.col-form-label-lg{font-size:1.859375rem;line-height:1.344538;padding-top:.625rem;padding-bottom:.625rem}.col-form-label-sm{font-size:.710938rem;line-height:1.758242;padding-top:.375rem;padding-bottom:.375rem}.form-text{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:rgba(0,0,0,0.38);display:block;margin-top:.5rem}.custom-select-lg+.form-text,.floating-label-lg+.form-text,.input-group-lg>.floating-label+.form-text,.floating-label-lg .custom-select+.form-text,.input-group-lg>.floating-label .custom-select+.form-text,.floating-label-lg .form-control+.form-text,.input-group-lg>.floating-label .form-control+.form-text,.floating-label-lg .form-control-file+.form-text,.input-group-lg>.floating-label .form-control-file+.form-text,.form-control-lg+.form-text,.textfield-box-lg+.form-text,.input-group-lg>.textfield-box+.form-text,.textfield-box-lg .custom-select+.form-text,.input-group-lg>.textfield-box .custom-select+.form-text,.textfield-box-lg .form-control+.form-text,.input-group-lg>.textfield-box .form-control+.form-text,.textfield-box-lg .form-control-file+.form-text,.input-group-lg>.textfield-box .form-control-file+.form-text{margin-top:.75rem}.custom-select-sm+.form-text,.floating-label-sm+.form-text,.input-group-sm>.floating-label+.form-text,.floating-label-sm .custom-select+.form-text,.input-group-sm>.floating-label .custom-select+.form-text,.floating-label-sm .form-control+.form-text,.input-group-sm>.floating-label .form-control+.form-text,.floating-label-sm .form-control-file+.form-text,.input-group-sm>.floating-label .form-control-file+.form-text,.form-control-sm+.form-text,.textfield-box-sm+.form-text,.input-group-sm>.textfield-box+.form-text,.textfield-box-sm .custom-select+.form-text,.input-group-sm>.textfield-box .custom-select+.form-text,.textfield-box-sm .form-control+.form-text,.input-group-sm>.textfield-box .form-control+.form-text,.textfield-box-sm .form-control-file+.form-text,.input-group-sm>.textfield-box .form-control-file+.form-text{margin-top:.25rem}.form-control-plaintext{background-color:transparent;border-color:transparent;border-radius:0;border-style:solid;border-width:0 0 1px;box-shadow:none;color:rgba(0,0,0,0.87);display:block;font-size:1rem;line-height:1.5;padding:.375rem 0 calc(0.375rem - 1px);width:100%}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.figure{display:inline-block}.figure-caption{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:rgba(0,0,0,0.38)}.figure-img{line-height:1;margin-bottom:.5rem}.img-fluid{height:auto;max-width:100%}.img-thumbnail{height:auto;max-width:100%;box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.jumbotron{border-radius:2px;background-color:white;box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);color:rgba(0,0,0,0.87);padding:3rem 2rem}.jumbotron-fluid{border-radius:0;padding-right:0;padding-left:0}.media{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.media-body{-ms-flex:1;flex:1}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.nav-link{display:block;padding:.5rem 1rem}.nav-link:active,.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:rgba(0,0,0,0.38);cursor:default}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.nav-pills .nav-link{border-radius:2px;transition-duration:.3s;transition-property:background-color,color,opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:rgba(0,0,0,0.87);opacity:.7}@media(min-width:576px){.nav-pills .nav-link{transition-duration:.39s}}@media(min-width:992px){.nav-pills .nav-link{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.nav-pills .nav-link{transition:none}}.nav-pills .nav-link:active,.nav-pills .nav-link:focus,.nav-pills .nav-link:hover{background-color:rgba(0,0,0,0.12)}.nav-pills .nav-link.active{color:#ff4081;opacity:1}.nav-pills .nav-link.disabled{background-color:transparent;color:rgba(0,0,0,0.38);opacity:1}.nav-pills .nav-link:active{opacity:1}.nav-pills .show>.nav-link{background-color:rgba(0,0,0,0.12);opacity:1}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.pagination{background-color:#f5f5f5;display:-ms-flexbox;display:flex;list-style:none;padding:.625rem .5rem}.page-link{border-radius:2px;transition-duration:.3s;transition-property:color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:rgba(0,0,0,0.87);display:block;font-size:.875rem;font-weight:500;line-height:1;margin-left:1px;padding:.6875rem 1rem;position:relative;text-align:center;white-space:nowrap}@media(min-width:576px){.page-link{transition-duration:.39s}}@media(min-width:992px){.page-link{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:active,.page-link:focus,.page-link:hover{color:rgba(0,0,0,0.87);text-decoration:none}.page-link:focus,.page-link:hover{background-image:linear-gradient(to bottom,rgba(0,0,0,0.12),rgba(0,0,0,0.12))}.page-link.active,.page-link:active{background-color:rgba(153,153,153,0.4);background-image:none}.page-link:focus{outline:0}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0}.page-item.active .page-link{background-color:rgba(153,153,153,0.4)}.page-item.disabled .page-link{background-color:transparent;color:rgba(0,0,0,0.38);cursor:auto;pointer-events:none}.pagination-lg .page-link{font-size:.9375rem;padding:.78125rem 1rem}.pagination-sm .page-link{font-size:.8125rem;padding:.59375rem 1rem}.popover{text-align:left;text-align:start;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.428572;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;border-radius:2px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);display:block;font-size:.875rem;margin:1.5rem;max-width:17.5rem;position:absolute;top:0;left:0;z-index:240}[dir='rtl'] .popover{text-align:right;text-align:start}.popover-body{padding:1.25rem 1.5rem}.popover-body>:last-child{margin-bottom:0}.popover-header{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.4;margin-bottom:0;padding:1.25rem 1.5rem 0}.popover-header:empty{display:none}.popover-header:last-child{padding-bottom:1.25rem}@media(min-width:768px){.popover{margin:.875rem}}.embed-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.embed-responsive::before{content:'';display:block}.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video,.embed-responsive .embed-responsive-item{border:0;height:100%;position:absolute;top:0;bottom:0;left:0;width:100%}.embed-responsive-1by1::before{padding-top:100%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-21by9::before{padding-top:42.857143%}.collapse{display:none}.collapse.show{display:block}tbody.collapse.show{display:table-row-group}tr.collapse.show{display:table-row}.collapsing{transition-duration:.3s;transition-property:height;transition-timing-function:cubic-bezier(0.4,0,0.2,1);height:0;overflow:hidden;position:relative}@media(min-width:576px){.collapsing{transition-duration:.39s}}@media(min-width:992px){.collapsing{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.fade{transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);opacity:0}@media(min-width:576px){.fade{transition-duration:.39s}}@media(min-width:992px){.fade{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade.show{opacity:1}.btn{border-radius:2px;transition-duration:.3s;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:transparent;background-image:none;border:0;box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);color:rgba(0,0,0,0.87);display:inline-block;font-size:.875rem;font-weight:500;line-height:1;margin:0;max-width:100%;min-width:5.5rem;padding:.6875rem 1rem;position:relative;text-align:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@media(min-width:576px){.btn{transition-duration:.39s}}@media(min-width:992px){.btn{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:active,.btn:focus,.btn:hover{color:rgba(0,0,0,0.87);text-decoration:none}.btn:focus,.btn:hover{background-image:linear-gradient(to bottom,rgba(0,0,0,0.12),rgba(0,0,0,0.12))}.btn.active,.btn:active{background-color:rgba(153,153,153,0.4);background-image:none;box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2)}.btn.disabled,.btn:disabled{background-color:rgba(0,0,0,0.12);background-image:none;box-shadow:none;color:rgba(0,0,0,0.26);opacity:1}.btn:focus{outline:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.show>.btn.dropdown-toggle{background-image:linear-gradient(to bottom,rgba(0,0,0,0.12),rgba(0,0,0,0.12))}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{background-color:#9c27b0;color:white}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:white}.btn-primary.active,.btn-primary:active{background-color:#7b1fa2}.btn-primary.disabled,.btn-primary:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.btn-secondary{background-color:#ff4081;color:white}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{color:white}.btn-secondary.active,.btn-secondary:active{background-color:#f50057}.btn-secondary.disabled,.btn-secondary:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.btn-danger{background-color:#f44336;color:white}.btn-danger:active,.btn-danger:focus,.btn-danger:hover{color:white}.btn-danger.active,.btn-danger:active{background-color:#d32f2f}.btn-danger.disabled,.btn-danger:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.btn-info{background-color:#2196f3;color:white}.btn-info:active,.btn-info:focus,.btn-info:hover{color:white}.btn-info.active,.btn-info:active{background-color:#1976d2}.btn-info.disabled,.btn-info:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.btn-success{background-color:#4caf50;color:white}.btn-success:active,.btn-success:focus,.btn-success:hover{color:white}.btn-success.active,.btn-success:active{background-color:#388e3c}.btn-success.disabled,.btn-success:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.btn-warning{background-color:#ff9800;color:rgba(0,0,0,0.87)}.btn-warning:active,.btn-warning:focus,.btn-warning:hover{color:rgba(0,0,0,0.87)}.btn-warning.active,.btn-warning:active{background-color:#f57c00}.btn-warning.disabled,.btn-warning:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.btn-dark{background-color:#424242;color:white}.btn-dark:active,.btn-dark:focus,.btn-dark:hover{color:white}.btn-dark.active,.btn-dark:active{background-color:#212121}.btn-dark.disabled,.btn-dark:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.btn-light{background-color:#f5f5f5;color:rgba(0,0,0,0.87)}.btn-light:active,.btn-light:focus,.btn-light:hover{color:rgba(0,0,0,0.87)}.btn-light.active,.btn-light:active{background-color:#e0e0e0}.btn-light.disabled,.btn-light:disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}[class*='bg-dark'] :not([class*='bg-light']) .btn.disabled,[class*='bg-dark'] :not([class*='bg-light']) .btn:disabled{background-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.3)}.btn-lg,.btn-group-lg>.btn,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-prepend>.btn{font-size:.9375rem;padding:.78125rem 1rem}.btn-sm,.btn-group-sm>.btn,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-prepend>.btn{font-size:.8125rem;padding:.59375rem 1rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.25rem}[type='button'].btn-block,[type='reset'].btn-block,[type='submit'].btn-block{width:100%}.btn-link{background-color:transparent;border-radius:0;box-shadow:none;color:#ff4081;font-weight:400;text-decoration:none;text-transform:none}.btn-link:active,.btn-link:focus,.btn-link:hover{color:#ff4081;text-decoration:underline}.btn-link:focus,.btn-link:hover{background-image:none}.btn-link.active,.btn-link:active{background-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{background-color:transparent;color:rgba(0,0,0,0.26);text-decoration:none}.btn-fluid{min-width:0}[class*='btn-flat'],[class*='btn-outline']{background-color:transparent;box-shadow:none}[class*='btn-flat'].active,[class*='btn-flat']:active,[class*='btn-outline'].active,[class*='btn-outline']:active{box-shadow:none}[class*='btn-flat'].disabled,[class*='btn-flat']:disabled,[class*='btn-outline'].disabled,[class*='btn-outline']:disabled{background-color:transparent}.btn-flat-primary,.btn-flat-primary:active,.btn-flat-primary:focus,.btn-flat-primary:hover,.btn-outline-primary,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{color:#9c27b0}.btn-flat-primary.disabled,.btn-flat-primary:disabled,.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:rgba(0,0,0,0.26)}.btn-flat-secondary,.btn-flat-secondary:active,.btn-flat-secondary:focus,.btn-flat-secondary:hover,.btn-outline-secondary,.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:hover{color:#ff4081}.btn-flat-secondary.disabled,.btn-flat-secondary:disabled,.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:rgba(0,0,0,0.26)}.btn-flat-danger,.btn-flat-danger:active,.btn-flat-danger:focus,.btn-flat-danger:hover,.btn-outline-danger,.btn-outline-danger:active,.btn-outline-danger:focus,.btn-outline-danger:hover{color:#f44336}.btn-flat-danger.disabled,.btn-flat-danger:disabled,.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:rgba(0,0,0,0.26)}.btn-flat-info,.btn-flat-info:active,.btn-flat-info:focus,.btn-flat-info:hover,.btn-outline-info,.btn-outline-info:active,.btn-outline-info:focus,.btn-outline-info:hover{color:#2196f3}.btn-flat-info.disabled,.btn-flat-info:disabled,.btn-outline-info.disabled,.btn-outline-info:disabled{color:rgba(0,0,0,0.26)}.btn-flat-success,.btn-flat-success:active,.btn-flat-success:focus,.btn-flat-success:hover,.btn-outline-success,.btn-outline-success:active,.btn-outline-success:focus,.btn-outline-success:hover{color:#4caf50}.btn-flat-success.disabled,.btn-flat-success:disabled,.btn-outline-success.disabled,.btn-outline-success:disabled{color:rgba(0,0,0,0.26)}.btn-flat-warning,.btn-flat-warning:active,.btn-flat-warning:focus,.btn-flat-warning:hover,.btn-outline-warning,.btn-outline-warning:active,.btn-outline-warning:focus,.btn-outline-warning:hover{color:#ff9800}.btn-flat-warning.disabled,.btn-flat-warning:disabled,.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:rgba(0,0,0,0.26)}.btn-flat-dark,.btn-flat-dark:active,.btn-flat-dark:focus,.btn-flat-dark:hover,.btn-outline-dark,.btn-outline-dark:active,.btn-outline-dark:focus,.btn-outline-dark:hover{color:#424242}.btn-flat-dark.disabled,.btn-flat-dark:disabled,.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:rgba(0,0,0,0.26)}.btn-flat-light,.btn-flat-light:active,.btn-flat-light:focus,.btn-flat-light:hover,.btn-outline-light,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:hover{color:#f5f5f5}.btn-flat-light.disabled,.btn-flat-light:disabled,.btn-outline-light.disabled,.btn-outline-light:disabled{color:rgba(0,0,0,0.26)}.btn-flat-light:focus,.btn-flat-light:hover,.btn-outline-light:focus,.btn-outline-light:hover{background-image:linear-gradient(to bottom,rgba(255,255,255,0.12),rgba(255,255,255,0.12))}.btn-flat-light.active,.btn-flat-light:active,.btn-outline-light.active,.btn-outline-light:active{background-color:rgba(204,204,204,0.25)}.btn-float{border-radius:50%;box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px 0 rgba(0,0,0,0.2);height:3.5rem;line-height:3.5rem;min-width:0;padding:0;width:3.5rem}.btn-float.active,.btn-float:active{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.btn-float.disabled,.btn-float:disabled{box-shadow:none}.btn-float.btn-sm{height:2.5rem;line-height:2.5rem;width:2.5rem}.btn-float-dropdown .dropdown-menu{border-radius:0;margin-top:1rem;min-width:3.5rem;padding-top:0;padding-bottom:0;text-align:center}.btn-float-dropdown .dropdown-menu::before{display:none}.btn-float-dropdown .dropdown-menu .btn-float{display:block;margin-right:auto;margin-bottom:1rem;margin-left:auto}.btn-group,.btn-group-vertical{border-radius:2px;background-color:white;box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle}.btn-group>.btn-primary.disabled,.btn-group>.btn-primary:disabled,.btn-group-vertical>.btn-primary.disabled,.btn-group-vertical>.btn-primary:disabled{background-color:#e1bee7;color:rgba(0,0,0,0.87)}.btn-group>.btn-secondary.disabled,.btn-group>.btn-secondary:disabled,.btn-group-vertical>.btn-secondary.disabled,.btn-group-vertical>.btn-secondary:disabled{background-color:#ff80ab;color:rgba(0,0,0,0.87)}.btn-group>.btn-danger.disabled,.btn-group>.btn-danger:disabled,.btn-group-vertical>.btn-danger.disabled,.btn-group-vertical>.btn-danger:disabled{background-color:#ffcdd2;color:rgba(0,0,0,0.87)}.btn-group>.btn-info.disabled,.btn-group>.btn-info:disabled,.btn-group-vertical>.btn-info.disabled,.btn-group-vertical>.btn-info:disabled{background-color:#bbdefb;color:rgba(0,0,0,0.87)}.btn-group>.btn-success.disabled,.btn-group>.btn-success:disabled,.btn-group-vertical>.btn-success.disabled,.btn-group-vertical>.btn-success:disabled{background-color:#c8e6c9;color:rgba(0,0,0,0.87)}.btn-group>.btn-warning.disabled,.btn-group>.btn-warning:disabled,.btn-group-vertical>.btn-warning.disabled,.btn-group-vertical>.btn-warning:disabled{background-color:#ffe0b2;color:rgba(0,0,0,0.87)}.btn-group>.btn-dark.disabled,.btn-group>.btn-dark:disabled,.btn-group-vertical>.btn-dark.disabled,.btn-group-vertical>.btn-dark:disabled{background-color:#757575;color:white}.btn-group>.btn-light.disabled,.btn-group>.btn-light:disabled,.btn-group-vertical>.btn-light.disabled,.btn-group-vertical>.btn-light:disabled{background-color:#fafafa;color:rgba(0,0,0,0.87)}.btn-group>.btn,.btn-group-vertical>.btn{transition-duration:.3s;transition-property:border-color,opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);box-shadow:none;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}@media(min-width:576px){.btn-group>.btn,.btn-group-vertical>.btn{transition-duration:.39s}}@media(min-width:992px){.btn-group>.btn,.btn-group-vertical>.btn{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.btn-group>.btn,.btn-group-vertical>.btn{transition:none}}.btn-group>.btn.active,.btn-group>.btn:active,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active{box-shadow:none}.btn-group>.btn.disabled,.btn-group>.btn:disabled,.btn-group-vertical>.btn.disabled,.btn-group-vertical>.btn:disabled{opacity:.7}.btn-group>.btn[class*='btn-outline'],.btn-group-vertical>.btn[class*='btn-outline']{opacity:.7}.btn-group>.btn[class*='btn-outline'].active,.btn-group>.btn[class*='btn-outline']:active,.btn-group-vertical>.btn[class*='btn-outline'].active,.btn-group-vertical>.btn[class*='btn-outline']:active{opacity:1}.btn-group>.btn[class*='btn-outline'].disabled,.btn-group>.btn[class*='btn-outline']:disabled,.btn-group-vertical>.btn[class*='btn-outline'].disabled,.btn-group-vertical>.btn[class*='btn-outline']:disabled{opacity:1}.btn-group>.btn-group,.btn-group>.btn-group-vertical,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group-vertical{border-radius:0;background-color:transparent;box-shadow:none}.btn-group.show>.btn.dropdown-toggle{box-shadow:none}.btn-group>.btn,.btn-group>.btn-group{margin-left:-1px}.btn-group>.btn:first-child,.btn-group>.btn-group:first-child{margin-left:0}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.dropdown-toggle:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group-vertical{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{margin-top:-1px;margin-left:0;width:100%}.btn-group-vertical>.btn:first-child,.btn-group-vertical>.btn-group:first-child{margin-top:0}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.dropdown-toggle:not(:last-of-type){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-fluid{background-color:transparent;box-shadow:none}[data-toggle='buttons']>.btn,[data-toggle='buttons']>.btn-group>.btn{margin-bottom:0}[data-toggle='buttons']>.btn [type='checkbox'],[data-toggle='buttons']>.btn [type='radio'],[data-toggle='buttons']>.btn-group>.btn [type='checkbox'],[data-toggle='buttons']>.btn-group>.btn [type='radio']{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.dropdown-toggle.dropdown-toggle-split{padding-right:.2em;padding-left:.2em}.dropdown-toggle.dropdown-toggle-split::after{margin-right:0;margin-left:0}.dropleft .dropdown-toggle.dropdown-toggle-split::before{margin-right:0;margin-left:0}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.card{border-radius:2px;background-color:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;position:relative;word-wrap:break-word}.card.border-primary{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #9c27b0}.card.border-primary[href]:active,.card.border-primary[href]:focus,.card.border-primary[href]:hover,.card.border-primary[tabindex]:active,.card.border-primary[tabindex]:focus,.card.border-primary[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #9c27b0}.card.border-secondary{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #ff4081}.card.border-secondary[href]:active,.card.border-secondary[href]:focus,.card.border-secondary[href]:hover,.card.border-secondary[tabindex]:active,.card.border-secondary[tabindex]:focus,.card.border-secondary[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #ff4081}.card.border-danger{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #f44336}.card.border-danger[href]:active,.card.border-danger[href]:focus,.card.border-danger[href]:hover,.card.border-danger[tabindex]:active,.card.border-danger[tabindex]:focus,.card.border-danger[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #f44336}.card.border-info{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #2196f3}.card.border-info[href]:active,.card.border-info[href]:focus,.card.border-info[href]:hover,.card.border-info[tabindex]:active,.card.border-info[tabindex]:focus,.card.border-info[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #2196f3}.card.border-success{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #4caf50}.card.border-success[href]:active,.card.border-success[href]:focus,.card.border-success[href]:hover,.card.border-success[tabindex]:active,.card.border-success[tabindex]:focus,.card.border-success[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #4caf50}.card.border-warning{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #ff9800}.card.border-warning[href]:active,.card.border-warning[href]:focus,.card.border-warning[href]:hover,.card.border-warning[tabindex]:active,.card.border-warning[tabindex]:focus,.card.border-warning[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #ff9800}.card.border-dark{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #424242}.card.border-dark[href]:active,.card.border-dark[href]:focus,.card.border-dark[href]:hover,.card.border-dark[tabindex]:active,.card.border-dark[tabindex]:focus,.card.border-dark[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #424242}.card.border-light{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #f5f5f5}.card.border-light[href]:active,.card.border-light[href]:focus,.card.border-light[href]:hover,.card.border-light[tabindex]:active,.card.border-light[tabindex]:focus,.card.border-light[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 1px #f5f5f5}.card[href]:active,.card[href]:focus,.card[href]:hover,.card[tabindex]:active,.card[tabindex]:focus,.card[tabindex]:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2);text-decoration:none}.card[href]:focus,.card[tabindex]:focus{outline:0}.accordion .card:first-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion .card:not(:first-of-type):not(:last-of-type){border-radius:0}.accordion .card:not(:first-of-type) .card-body:first-child,.accordion .card:not(:first-of-type) .card-footer:first-child,.accordion .card:not(:first-of-type) .card-header:first-child{border-top-left-radius:0;border-top-right-radius:0}.accordion .card:not(:last-of-type) .card-body:last-child,.accordion .card:not(:last-of-type) .card-footer:last-child,.accordion .card:not(:last-of-type) .card-header:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .collapse .card-body:first-child,.accordion .collapse .card-footer:first-child,.accordion .collapse .card-header:first-child,.accordion .collapsing .card-body:first-child,.accordion .collapsing .card-footer:first-child,.accordion .collapsing .card-header:first-child{border-top-left-radius:0;border-top-right-radius:0}.card-actions{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;padding:.5rem 0rem .25rem .5rem}.card-actions:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.card-actions:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-actions .btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:0 1 auto;flex:0 1 auto;margin-right:.5rem;margin-bottom:.25rem;min-width:0;padding-right:.5rem;padding-left:.5rem}.card-actions .dropdown-toggle::after{margin-right:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem 1rem}.card-body:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.card-body:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-body>:last-child{margin-bottom:0}.card-footer{border-top:1px solid rgba(0,0,0,0.12);padding:1rem 1rem}.card-footer:first-child{border-top-left-radius:2px;border-top-right-radius:2px;border-top:0}.card-footer:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-footer>:last-child{margin-bottom:0}.card-header{border-bottom:1px solid rgba(0,0,0,0.12);margin-bottom:0;padding:1rem 1rem}.card-header:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.card-header:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px;border-bottom:0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-header-pills{margin:-1rem -1rem;padding:.5rem 0rem .25rem .5rem}.card-header-pills .nav-link{margin-right:.5rem;margin-bottom:.25rem;padding-right:.5rem;padding-left:.5rem}.card-header-tabs{margin:-1rem -1rem calc(-1rem - 1px)}.card-img{border-radius:2px}.card-img-bottom{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card-img-top{border-top-left-radius:2px;border-top-right-radius:2px}.card-img-overlay{max-height:100%;padding:1rem 1rem;position:absolute;right:0;bottom:0;left:0}.card-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;margin-top:-0.25rem;margin-bottom:.25rem;orphans:1;widows:1}@media(min-width:768px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3}}.card-columns .card{display:-ms-inline-flexbox;display:inline-flex;margin-top:.25rem;margin-bottom:.25rem;width:100%}@media(min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-0.25rem;margin-left:-0.25rem}}.card-deck .card{margin-bottom:.5rem}@media(min-width:576px){.card-deck .card{-ms-flex:1 0 0;flex:1 0 0;margin-right:.25rem;margin-left:.25rem}}@media(min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}}.card-group .card{margin-bottom:.5rem}@media(min-width:576px){.card-group .card{-ms-flex:1 0 0;flex:1 0 0}.card-group .card:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group .card:first-child:not(:last-child) .card-actions,.card-group .card:first-child:not(:last-child) .card-body,.card-group .card:first-child:not(:last-child) .card-footer,.card-group .card:first-child:not(:last-child) .card-header,.card-group .card:first-child:not(:last-child) .card-img,.card-group .card:first-child:not(:last-child) .card-img-bottom,.card-group .card:first-child:not(:last-child) .card-img-top{border-top-right-radius:0;border-bottom-right-radius:0}.card-group .card:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group .card:last-child:not(:first-child) .card-actions,.card-group .card:last-child:not(:first-child) .card-body,.card-group .card:last-child:not(:first-child) .card-footer,.card-group .card:last-child:not(:first-child) .card-header,.card-group .card:last-child:not(:first-child) .card-img,.card-group .card:last-child:not(:first-child) .card-img-bottom,.card-group .card:last-child:not(:first-child) .card-img-top{border-top-left-radius:0;border-bottom-left-radius:0}.card-group .card:not(:first-child):not(:last-child){border-radius:0}.card-group .card:not(:first-child):not(:last-child) .card-actions,.card-group .card:not(:first-child):not(:last-child) .card-body,.card-group .card:not(:first-child):not(:last-child) .card-footer,.card-group .card:not(:first-child):not(:last-child) .card-header,.card-group .card:not(:first-child):not(:last-child) .card-img,.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{border-radius:0}}.card-link:active,.card-link:focus,.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-subtitle{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.428572;margin-top:-1rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-title{font-size:1.5rem;font-weight:400;letter-spacing:0;line-height:1.333334;margin-bottom:1rem}.card-title:last-child{margin-bottom:0}.chip{-ms-flex-align:center;align-items:center;background-color:#e0e0e0;border:0;border-radius:1rem;color:rgba(0,0,0,0.87);display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;font-weight:400;height:2rem;-ms-flex-pack:center;justify-content:center;line-height:1;padding-right:.75rem;padding-left:.75rem;position:relative;text-align:center;vertical-align:middle;white-space:nowrap}.chip:empty{display:none}.chip .close{font-size:inherit;line-height:inherit;margin-right:-0.5rem;margin-left:.25rem;min-height:1.5rem;min-width:1.5rem;-ms-flex-order:1;order:1}.chip-primary{background-color:#9c27b0;color:white}.chip-secondary{background-color:#ff4081;color:white}.chip-danger{background-color:#f44336;color:white}.chip-info{background-color:#2196f3;color:white}.chip-success{background-color:#4caf50;color:white}.chip-warning{background-color:#ff9800;color:rgba(0,0,0,0.87)}.chip-dark{background-color:#424242;color:white}.chip-light{background-color:#f5f5f5;color:rgba(0,0,0,0.87)}.chip-action{transition-duration:.3s;transition-property:background-color,box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}@media(min-width:576px){.chip-action{transition-duration:.39s}}@media(min-width:992px){.chip-action{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.chip-action{transition:none}}.chip-action:active,.chip-action:focus,.chip-action:hover{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);color:rgba(0,0,0,0.87);text-decoration:none}.chip-action:active{background-color:#bdbdbd}.chip-action:focus{outline:0}.chip-icon{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex-align:center;align-items:center;background-color:#ff4081;border-radius:1rem;color:white;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;font-size:1rem;font-style:normal;font-weight:400;height:2rem;-ms-flex-pack:center;justify-content:center;margin-right:.5rem;margin-left:-0.75rem;-ms-flex-order:-1;order:-1;text-align:center;width:2rem}.chip-img{border-radius:1rem;-ms-flex-negative:0;flex-shrink:0;height:2rem;margin-right:.5rem;margin-left:-0.75rem;-ms-flex-order:-1;order:-1;width:auto}.table{background-color:#fff;border:0;margin-bottom:1rem;max-width:100%;width:100%}.table td,.table th{border-top:1px solid #e1e1e1;line-height:1.428572;padding-right:1.75rem;padding-left:1.75rem;vertical-align:top}.table td:first-child,.table th:first-child{padding-left:1.5rem}.table td:last-child,.table th:last-child{padding-right:1.5rem}.table tbody{color:rgba(0,0,0,0.87)}.table tbody td,.table tbody th{font-size:.8125rem;font-weight:400;height:3rem;padding-top:.919643rem;padding-bottom:.919643rem}.table tfoot{color:rgba(0,0,0,0.54)}.table tfoot td,.table tfoot th{font-size:.75rem;font-weight:400;height:3.5rem;padding-top:1.214285rem;padding-bottom:1.214285rem}.table thead{color:rgba(0,0,0,0.54)}.table thead td,.table thead th{font-size:.75rem;font-weight:500;height:3.5rem;padding-top:1.214285rem;padding-bottom:1.214285rem}.card>.table:first-child,.card>.table:first-child>:first-child,.card>.table:first-child>:first-child>tr:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.card>.table:first-child>:first-child>tr:first-child td:first-child,.card>.table:first-child>:first-child>tr:first-child th:first-child{border-top-left-radius:2px}.card>.table:first-child>:first-child>tr:first-child td:last-child,.card>.table:first-child>:first-child>tr:first-child th:last-child{border-top-right-radius:2px}.card>.table:last-child,.card>.table:last-child>:last-child,.card>.table:last-child>:last-child>tr:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card>.table:last-child>:last-child>tr:last-child td:first-child,.card>.table:last-child>:last-child>tr:last-child th:first-child{border-bottom-left-radius:2px}.card>.table:last-child>:last-child>tr:last-child td:last-child,.card>.table:last-child>:last-child>tr:last-child th:last-child{border-bottom-right-radius:2px}.table .table{border-top:1px solid #e1e1e1}.table>:first-child>tr:first-child td,.table>:first-child>tr:first-child th{border-top:0}.table-borderless td,.table-borderless th,.table-borderless .table{border:0}.table-bordered{border:1px solid #e1e1e1}.card>.table-bordered{border:0}.table-sm td,.table-sm th{padding-right:1rem;padding-left:1rem}.table-sm td:first-child,.table-sm th:first-child{padding-left:1rem}.table-sm td:last-child,.table-sm th:last-child{padding-right:1rem}.table-sm tbody td,.table-sm tbody th{height:2.25rem;padding-top:.544643rem;padding-bottom:.544643rem}.table-sm tfoot td,.table-sm tfoot th{padding-top:.714286rem;padding-bottom:.714286rem}.table-sm thead td,.table-sm thead th{height:2.5rem;padding-top:.714286rem;padding-bottom:.714286rem}.table-striped tbody tr:nth-of-type(odd){background-color:#f5f5f5}.table-hover tbody tr:hover{background-color:#eee}.table-primary,.table-primary>td,.table-primary>th{background-color:#e1bee7;color:rgba(0,0,0,0.87)}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9c27b0;color:white}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#ff80ab;color:rgba(0,0,0,0.87)}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#ff4081;color:white}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffcdd2;color:rgba(0,0,0,0.87)}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f44336;color:white}.table-info,.table-info>td,.table-info>th{background-color:#bbdefb;color:rgba(0,0,0,0.87)}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#2196f3;color:white}.table-success,.table-success>td,.table-success>th{background-color:#c8e6c9;color:rgba(0,0,0,0.87)}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#4caf50;color:white}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffe0b2;color:rgba(0,0,0,0.87)}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ff9800;color:rgba(0,0,0,0.87)}.table-dark,.table-dark>td,.table-dark>th{background-color:#757575;color:white}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#424242;color:white}.table-light,.table-light>td,.table-light>th{background-color:#fafafa;color:rgba(0,0,0,0.87)}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#f5f5f5;color:rgba(0,0,0,0.87)}.table-active,.table-active>td,.table-active>th{background-color:#eee;color:rgba(0,0,0,0.87)}.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#e0e0e0;color:rgba(0,0,0,0.87)}.table .thead-dark td,.table .thead-dark th{background-color:#424242;color:white}.table .thead-light td,.table .thead-light th{background-color:#f5f5f5;color:rgba(0,0,0,0.54)}.table-dark{background-color:#424242;color:white}.table-dark.table-bordered{border-color:#303030}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:#303030}.table-dark.table-hover tbody tr:hover{background-color:#212121}.table-dark tbody,.table-dark tfoot,.table-dark thead{color:inherit}.table-dark td,.table-dark th,.table-dark .table{border-color:#303030}@media(max-width:575.98px){.table-responsive-sm{display:block;overflow-x:auto;width:100%;-ms-overflow-style:-ms-autohiding-scrollbar}}@media(max-width:767.98px){.table-responsive-md{display:block;overflow-x:auto;width:100%;-ms-overflow-style:-ms-autohiding-scrollbar}}@media(max-width:991.98px){.table-responsive-lg{display:block;overflow-x:auto;width:100%;-ms-overflow-style:-ms-autohiding-scrollbar}}@media(max-width:1199.98px){.table-responsive-xl{display:block;overflow-x:auto;width:100%;-ms-overflow-style:-ms-autohiding-scrollbar}}.table-responsive{display:block;overflow-x:auto;width:100%;-ms-overflow-style:-ms-autohiding-scrollbar}.modal{display:none;outline:0;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:240}.modal.fade{transition-duration:.375s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}@media(min-width:576px){.modal.fade{transition-duration:.4875s}}@media(min-width:992px){.modal.fade{transition-duration:.25s}}@media screen and (prefers-reduced-motion:reduce){.modal.fade{transition:none}}.modal.fade .modal-dialog{transition-duration:.375s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:scale(0.87);transform:scale(0.87)}@media(min-width:576px){.modal.fade .modal-dialog{transition-duration:.4875s}}@media(min-width:992px){.modal.fade .modal-dialog{transition-duration:.25s}}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:scale(1);transform:scale(1)}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-backdrop{background-color:rgba(0,0,0,0.38);position:fixed;top:0;right:0;bottom:0;left:0;z-index:239}.modal-content{border-radius:2px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:0;pointer-events:auto;position:relative;vertical-align:baseline;width:100%}.modal-dialog{margin:1.5rem auto;max-width:35rem;pointer-events:none;position:relative;width:calc(100% - 1.5rem * 2)}.modal-dialog-centered{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:calc(100% - 1.5rem * 2)}.modal-lg{max-width:52.5rem}.modal-sm{max-width:17.5rem}.modal-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem 1.5rem;position:relative}.modal-body:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.modal-body:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.modal-header+.modal-body{padding-top:0}.modal-body>:last-child{margin-bottom:0}.modal-footer{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:.5rem .5rem .5rem 0rem}.modal-footer:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.modal-footer:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.modal-footer .btn{background-color:transparent;box-shadow:none;max-width:calc(50% - .5rem);min-width:4rem;overflow:hidden;padding-right:.5rem;padding-left:.5rem;text-overflow:ellipsis}.modal-footer .btn-primary,.modal-footer .btn-primary:active,.modal-footer .btn-primary:focus,.modal-footer .btn-primary:hover{color:#9c27b0}.modal-footer .btn-primary.disabled,.modal-footer .btn-primary:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn-secondary,.modal-footer .btn-secondary:active,.modal-footer .btn-secondary:focus,.modal-footer .btn-secondary:hover{color:#ff4081}.modal-footer .btn-secondary.disabled,.modal-footer .btn-secondary:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn-danger,.modal-footer .btn-danger:active,.modal-footer .btn-danger:focus,.modal-footer .btn-danger:hover{color:#f44336}.modal-footer .btn-danger.disabled,.modal-footer .btn-danger:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn-info,.modal-footer .btn-info:active,.modal-footer .btn-info:focus,.modal-footer .btn-info:hover{color:#2196f3}.modal-footer .btn-info.disabled,.modal-footer .btn-info:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn-success,.modal-footer .btn-success:active,.modal-footer .btn-success:focus,.modal-footer .btn-success:hover{color:#4caf50}.modal-footer .btn-success.disabled,.modal-footer .btn-success:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn-warning,.modal-footer .btn-warning:active,.modal-footer .btn-warning:focus,.modal-footer .btn-warning:hover{color:#ff9800}.modal-footer .btn-warning.disabled,.modal-footer .btn-warning:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn-dark,.modal-footer .btn-dark:active,.modal-footer .btn-dark:focus,.modal-footer .btn-dark:hover{color:#424242}.modal-footer .btn-dark.disabled,.modal-footer .btn-dark:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn-light,.modal-footer .btn-light:active,.modal-footer .btn-light:focus,.modal-footer .btn-light:hover{color:#f5f5f5}.modal-footer .btn-light.disabled,.modal-footer .btn-light:disabled{color:rgba(0,0,0,0.26)}.modal-footer .btn.active,.modal-footer .btn:active{background-color:rgba(153,153,153,0.4);box-shadow:none}.modal-footer .btn.disabled,.modal-footer .btn:disabled{background-color:transparent}.modal-footer>*{margin-left:.5rem}.modal-footer-stacked{-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:column;flex-direction:column;padding-top:0;padding-right:0;padding-left:0}.modal-footer-stacked .btn{text-align:right;text-align:end;border-radius:0;margin-left:0;max-width:none;padding:1.0625rem 1rem}[dir='rtl'] .modal-footer-stacked .btn{text-align:left;text-align:end}.modal-header{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.modal-header:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.modal-title{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.4;margin:0}.modal-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-99999px;width:50px}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-item{transition-duration:.3s;transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:#fff;border:0;box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);color:rgba(0,0,0,0.87);display:block;font-size:.9375rem;line-height:1.428572;min-height:3rem;padding:.830357rem 1.5rem;position:relative}@media(min-width:576px){.list-group-item{transition-duration:.39s}}@media(min-width:992px){.list-group-item{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.list-group-item{transition:none}}.list-group-item:active,.list-group-item:focus,.list-group-item:hover{color:rgba(0,0,0,0.87);text-decoration:none}.list-group-item.active{background-color:#eee;color:rgba(0,0,0,0.87)}.list-group-item.disabled,.list-group-item:disabled{background-color:#fff;color:rgba(0,0,0,0.38)}.list-group-item:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.list-group-item:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card .list-group-item{padding-right:1rem;padding-left:1rem}.list-group-item-action{color:rgba(0,0,0,0.87);text-align:inherit;width:100%}.list-group-item-action:active,.list-group-item-action:focus,.list-group-item-action:hover{background-color:#eee;color:rgba(0,0,0,0.87);text-decoration:none}.list-group-item-action.disabled,.list-group-item-action:disabled{background-color:#fff;color:rgba(0,0,0,0.38)}.list-group-item-action:focus{outline:0}.list-group-item-primary{background-color:#e1bee7;color:rgba(0,0,0,0.87)}.list-group-item-primary.active{background-color:#9c27b0;color:white}.list-group-item-primary.list-group-item-action:active,.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{background-color:#9c27b0;color:white}.list-group-item-secondary{background-color:#ff80ab;color:rgba(0,0,0,0.87)}.list-group-item-secondary.active{background-color:#ff4081;color:white}.list-group-item-secondary.list-group-item-action:active,.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{background-color:#ff4081;color:white}.list-group-item-danger{background-color:#ffcdd2;color:rgba(0,0,0,0.87)}.list-group-item-danger.active{background-color:#f44336;color:white}.list-group-item-danger.list-group-item-action:active,.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{background-color:#f44336;color:white}.list-group-item-info{background-color:#bbdefb;color:rgba(0,0,0,0.87)}.list-group-item-info.active{background-color:#2196f3;color:white}.list-group-item-info.list-group-item-action:active,.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{background-color:#2196f3;color:white}.list-group-item-success{background-color:#c8e6c9;color:rgba(0,0,0,0.87)}.list-group-item-success.active{background-color:#4caf50;color:white}.list-group-item-success.list-group-item-action:active,.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{background-color:#4caf50;color:white}.list-group-item-warning{background-color:#ffe0b2;color:rgba(0,0,0,0.87)}.list-group-item-warning.active{background-color:#ff9800;color:rgba(0,0,0,0.87)}.list-group-item-warning.list-group-item-action:active,.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{background-color:#ff9800;color:rgba(0,0,0,0.87)}.list-group-item-dark{background-color:#757575;color:white}.list-group-item-dark.active{background-color:#424242;color:white}.list-group-item-dark.list-group-item-action:active,.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{background-color:#424242;color:white}.list-group-item-light{background-color:#fafafa;color:rgba(0,0,0,0.87)}.list-group-item-light.active{background-color:#f5f5f5;color:rgba(0,0,0,0.87)}.list-group-item-light.list-group-item-action:active,.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{background-color:#f5f5f5;color:rgba(0,0,0,0.87)}.expansion-panel{transition-duration:.3s;transition-property:background-color,color,margin;transition-timing-function:cubic-bezier(0.4,0,0.2,1);padding:0}@media(min-width:576px){.expansion-panel{transition-duration:.39s}}@media(min-width:992px){.expansion-panel{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.expansion-panel{transition:none}}.expansion-panel.show{border-radius:2px}.expansion-panel.show:not(:first-child){margin-top:1rem}.card .expansion-panel.show:not(:first-child){margin-top:0}.expansion-panel.show:not(:last-child){margin-bottom:1rem}.card .expansion-panel.show:not(:last-child){margin-bottom:0}.expansion-panel.show+.expansion-panel{border-top-left-radius:2px;border-top-right-radius:2px}.expansion-panel.show+.expansion-panel.show{margin-top:0}.card .expansion-panel.show+.expansion-panel{border-top-left-radius:0;border-top-right-radius:0}.expansion-panel.show-predecessor{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.card .expansion-panel.show-predecessor{border-bottom-right-radius:0;border-bottom-left-radius:0}.card .expansion-panel{padding-right:0;padding-left:0}.expansion-panel-body{padding:1rem 1.5rem}.card .expansion-panel-body{padding-right:1rem;padding-left:1rem}.expansion-panel-footer{-ms-flex-align:end;align-items:flex-end;border-top:1px solid rgba(0,0,0,0.12);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1rem .5rem .75rem 0rem}.card .expansion-panel-footer{padding-right:1rem;padding-left:.5rem}.expansion-panel-footer .btn{margin-bottom:.25rem;margin-left:.5rem;min-width:4rem;padding-right:.5rem;padding-left:.5rem}.card .expansion-panel-footer .btn{padding-right:.5rem;padding-left:.5rem}.expansion-panel-icon{-ms-flex-negative:0;flex-shrink:0;margin-left:1rem}[data-toggle='collapse'].collapsed .expansion-panel-icon .collapsed-hide{display:none}[data-toggle='collapse']:not(.collapsed) .expansion-panel-icon .collapsed-show{display:none}.expansion-panel-toggler{-ms-flex-align:center;align-items:center;color:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;padding:.830357rem 1.5rem;text-align:inherit;width:100%}.expansion-panel-toggler:active,.expansion-panel-toggler:focus,.expansion-panel-toggler:hover{background-color:#eee;color:rgba(0,0,0,0.87);text-decoration:none}.expansion-panel-toggler.disabled,.expansion-panel-toggler:disabled{background-color:#fff;color:rgba(0,0,0,0.38)}.expansion-panel-toggler:focus{outline:0}.card .expansion-panel-toggler{padding-right:1rem;padding-left:1rem}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-flush .list-group-item{border-top:1px solid rgba(0,0,0,0.12);border-radius:0;box-shadow:none}.list-group-flush .list-group-item:last-child{border-bottom:1px solid rgba(0,0,0,0.12)}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-menu{border-radius:2px;text-align:left;text-align:start;background-color:transparent;color:inherit;display:none;float:left;font-size:1rem;font-weight:400;line-height:1.5rem;list-style:none;margin:0;min-width:7rem;padding:.5rem 0;position:absolute;top:100%;left:0;z-index:80}[dir='rtl'] .dropdown-menu{text-align:right;text-align:start}.dropdown-menu.show{display:block}.dropdown-menu.show::before,.dropdown-menu.show>*{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@media(min-width:576px){.dropdown-menu.show::before,.dropdown-menu.show>*{-webkit-animation-duration:.39s;animation-duration:.39s}}@media(min-width:992px){.dropdown-menu.show::before,.dropdown-menu.show>*{-webkit-animation-duration:.2s;animation-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.dropdown-menu.show::before,.dropdown-menu.show>*{-webkit-animation:none;animation:none}}.dropdown-menu.show::before{-webkit-animation-name:dropdown-menu-show;animation-name:dropdown-menu-show}.dropdown-menu.show>*{-webkit-animation-name:dropdown-item-show;animation-name:dropdown-item-show}.dropdown-menu.show>:nth-child(1){-webkit-animation-name:dropdown-item-show-1;animation-name:dropdown-item-show-1}.dropdown-menu.show>:nth-child(2){-webkit-animation-name:dropdown-item-show-2;animation-name:dropdown-item-show-2}.dropdown-menu.show>:nth-child(3){-webkit-animation-name:dropdown-item-show-3;animation-name:dropdown-item-show-3}.dropdown-menu::before{border-radius:2px;background-color:#fff;box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2);content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:-1}.nav:not(.flex-column):not(.flex-column-reverse) .dropdown-menu{min-width:100%}.menu{margin-top:-3.125rem}.menu::before{-webkit-transform-origin:0 2rem;transform-origin:0 2rem}.show>a{outline:0}.dropdown-menu-right:not([x-placement]){right:0;left:auto}.dropdown-menu-right:not([x-placement]).menu::before{-webkit-transform-origin:100% 2rem;transform-origin:100% 2rem}.dropdown-menu-right:not([x-placement])::before{-webkit-transform-origin:100% 0;transform-origin:100% 0}.dropleft .dropdown-menu:not([x-placement]){top:0;right:100%;left:auto}.dropleft .dropdown-menu:not([x-placement]).menu{margin-top:0}.dropleft .dropdown-menu:not([x-placement])::before{-webkit-transform-origin:100% 0;transform-origin:100% 0}.dropright .dropdown-menu:not([x-placement]){top:0;left:100%}.dropright .dropdown-menu:not([x-placement]).menu{margin-top:0}.dropright .dropdown-menu:not([x-placement])::before{-webkit-transform-origin:0 0;transform-origin:0 0}.dropup .dropdown-menu:not([x-placement]){top:auto;bottom:100%}.dropup .dropdown-menu:not([x-placement]).menu{margin-top:0;margin-bottom:-3.125rem}.dropup .dropdown-menu:not([x-placement]).menu::before{-webkit-transform-origin:0 calc(100% - 2rem);transform-origin:0 calc(100% - 2rem)}.dropup .dropdown-menu:not([x-placement])::before{-webkit-transform-origin:0 100%;transform-origin:0 100%}.dropup .dropdown-menu:not([x-placement])>:nth-child(1),.dropup .dropdown-menu:not([x-placement])>:nth-child(2),.dropup .dropdown-menu:not([x-placement])>:nth-child(3){-webkit-animation-name:dropdown-item-show;animation-name:dropdown-item-show}.dropup .dropdown-menu:not([x-placement])>:nth-last-child(1){-webkit-animation-name:dropdown-item-show-1;animation-name:dropdown-item-show-1}.dropup .dropdown-menu:not([x-placement])>:nth-last-child(2){-webkit-animation-name:dropdown-item-show-2;animation-name:dropdown-item-show-2}.dropup .dropdown-menu:not([x-placement])>:nth-last-child(3){-webkit-animation-name:dropdown-item-show-3;animation-name:dropdown-item-show-3}.dropup .dropdown-menu-right:not([x-placement]).menu::before{-webkit-transform-origin:100% calc(100% - 2rem);transform-origin:100% calc(100% - 2rem)}.dropup .dropdown-menu-right:not([x-placement])::before{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.dropdown-menu[x-placement='bottom-end']::before,.dropdown-menu[x-placement='left-start']::before{-webkit-transform-origin:100% 0;transform-origin:100% 0}.dropdown-menu[x-placement='top-end'].show>:nth-child(1),.dropdown-menu[x-placement='top-end'].show>:nth-child(2),.dropdown-menu[x-placement='top-end'].show>:nth-child(3),.dropdown-menu[x-placement='top-start'].show>:nth-child(1),.dropdown-menu[x-placement='top-start'].show>:nth-child(2),.dropdown-menu[x-placement='top-start'].show>:nth-child(3){-webkit-animation-name:dropdown-item-show;animation-name:dropdown-item-show}.dropdown-menu[x-placement='top-end'].show>:nth-last-child(1),.dropdown-menu[x-placement='top-start'].show>:nth-last-child(1){-webkit-animation-name:dropdown-item-show-1;animation-name:dropdown-item-show-1}.dropdown-menu[x-placement='top-end'].show>:nth-last-child(2),.dropdown-menu[x-placement='top-start'].show>:nth-last-child(2){-webkit-animation-name:dropdown-item-show-2;animation-name:dropdown-item-show-2}.dropdown-menu[x-placement='top-end'].show>:nth-last-child(3),.dropdown-menu[x-placement='top-start'].show>:nth-last-child(3){-webkit-animation-name:dropdown-item-show-3;animation-name:dropdown-item-show-3}.dropdown-menu[x-placement='top-end']::before{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.dropdown-menu[x-placement='top-start']::before{-webkit-transform-origin:0 100%;transform-origin:0 100%}.menu[x-placement='bottom-end']::before{-webkit-transform-origin:100% 2rem;transform-origin:100% 2rem}.menu[x-placement='left-start'],.menu[x-placement='right-start']{margin-top:0}.menu[x-placement='left-start']::before{-webkit-transform-origin:100% 0;transform-origin:100% 0}.menu[x-placement='right-start']::before{-webkit-transform-origin:0 0;transform-origin:0 0}.menu[x-placement='top-end'],.menu[x-placement='top-start']{margin-top:0;margin-bottom:-3.125rem}.menu[x-placement='top-end']::before{-webkit-transform-origin:100% calc(100% - 2rem);transform-origin:100% calc(100% - 2rem)}.menu[x-placement='top-start']::before{-webkit-transform-origin:0 calc(100% - 2rem);transform-origin:0 calc(100% - 2rem)}@-webkit-keyframes dropdown-item-show{0{opacity:0}99%{opacity:0}100%{opacity:1}}@keyframes dropdown-item-show{0{opacity:0}99%{opacity:0}100%{opacity:1}}@-webkit-keyframes dropdown-item-show-1{0{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes dropdown-item-show-1{0{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes dropdown-item-show-2{0{opacity:0}60%{opacity:0}100%{opacity:1}}@keyframes dropdown-item-show-2{0{opacity:0}60%{opacity:0}100%{opacity:1}}@-webkit-keyframes dropdown-item-show-3{0{opacity:0}80%{opacity:0}100%{opacity:1}}@keyframes dropdown-item-show-3{0{opacity:0}80%{opacity:0}100%{opacity:1}}@-webkit-keyframes dropdown-menu-show{0{-webkit-transform:scale(0,0);transform:scale(0,0)}20%{-webkit-transform:scale(0.333333,0);transform:scale(0.333333,0)}40%{-webkit-transform:scale(0.666667,0.25);transform:scale(0.666667,0.25)}60%{-webkit-transform:scale(1,0.5);transform:scale(1,0.5)}80%{-webkit-transform:scale(1,0.75);transform:scale(1,0.75)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes dropdown-menu-show{0{-webkit-transform:scale(0,0);transform:scale(0,0)}20%{-webkit-transform:scale(0.333333,0);transform:scale(0.333333,0)}40%{-webkit-transform:scale(0.666667,0.25);transform:scale(0.666667,0.25)}60%{-webkit-transform:scale(1,0.5);transform:scale(1,0.5)}80%{-webkit-transform:scale(1,0.75);transform:scale(1,0.75)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes menu-animation{0{margin-top:-3.5rem}100%{margin-top:0}}@keyframes menu-animation{0{margin-top:-3.5rem}100%{margin-top:0}}.dropdown-menu-sm,.menu-cascading{font-size:.9375rem;line-height:1.5rem;padding-top:1rem;padding-bottom:1rem}@media(min-width:576px){.dropdown-menu-sm,.menu-cascading{min-width:20rem}}.menu-cascading{margin-top:-2.75rem}.menu-cascading[x-placement='top-end'],.menu-cascading[x-placement='top-start']{margin-top:0;margin-bottom:-2.75rem}.menu-cascading[x-placement='top-end']::before{-webkit-transform-origin:100% calc(100% - 2rem);transform-origin:100% calc(100% - 2rem)}.menu-cascading[x-placement='top-start']::before{-webkit-transform-origin:0 calc(100% - 2rem);transform-origin:0 calc(100% - 2rem)}.dropdown-divider{background-color:rgba(0,0,0,0.12);height:1px;margin:.5rem 0;overflow:hidden}.dropdown-header{color:rgba(0,0,0,0.87);display:block;font-size:1rem;font-weight:bolder;line-height:1.5rem;margin:0;padding:.75rem 1rem;white-space:nowrap}.dropdown-menu-sm .dropdown-header,.menu-cascading .dropdown-header{font-size:.9375rem;line-height:1.5rem;padding:.25rem 1.5rem}.dropdown-item{transition-duration:.3s;transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background:0;border:0;clear:both;color:rgba(0,0,0,0.87);display:block;font-weight:inherit;padding:.75rem 1rem;position:relative;text-align:inherit;-webkit-transform-origin:0 0;transform-origin:0 0;white-space:nowrap;width:100%}@media(min-width:576px){.dropdown-item{transition-duration:.39s}}@media(min-width:992px){.dropdown-item{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.dropdown-item{transition:none}}.dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{background-color:#f5f5f5;color:rgba(0,0,0,0.87);text-decoration:none}.dropdown-item.active{background-color:#f5f5f5}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:rgba(0,0,0,0.38);pointer-events:none}.dropdown-menu-sm .dropdown-item,.menu-cascading .dropdown-item{padding:.25rem 1.5rem}.dropdown-item-text{color:rgba(0,0,0,0.87);display:block;font-weight:inherit;padding:.75rem 1rem;-webkit-transform-origin:0 0;transform-origin:0 0}.dropdown-menu-sm .dropdown-item-text,.menu-cascading .dropdown-item-text{padding:.25rem 1.5rem}.dropdown-toggle::after{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;content:"expand_more";display:inline-block;margin-right:-0.2em;margin-left:.2em;vertical-align:top}.dropright .dropdown-toggle::after{content:"keyboard_arrow_right"}.dropup .dropdown-toggle::after{content:"expand_less"}.dropdown-toggle:empty::after{margin-left:-0.2em}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;content:"keyboard_arrow_left";display:inline-block;margin-right:.2em;margin-left:-0.2em}.navdrawer{display:none;outline:0;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:160}.navdrawer-backdrop{transition-duration:.375s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:rgba(0,0,0,0.38);opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:159}@media(min-width:576px){.navdrawer-backdrop{transition-duration:.4875s}}@media(min-width:992px){.navdrawer-backdrop{transition-duration:.25s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer-backdrop{transition:none}}.navdrawer-backdrop.show{opacity:1}.navdrawer-content{transition-duration:.195s;transition-property:box-shadow,-webkit-transform;transition-property:box-shadow,transform;transition-property:box-shadow,transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.6,1);background-color:#fff;max-width:calc(100% - 3.5rem);overflow-x:hidden;overflow-y:auto;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);width:17.5rem}@media(min-width:576px){.navdrawer-content{transition-duration:.2535s}}@media(min-width:992px){.navdrawer-content{transition-duration:.13s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer-content{transition:none}}.navdrawer-right .navdrawer-content{right:0;left:auto;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navdrawer.show .navdrawer-content{transition-duration:.225s;transition-property:box-shadow,-webkit-transform;transition-property:box-shadow,transform;transition-property:box-shadow,transform,-webkit-transform;transition-timing-function:cubic-bezier(0,0,0.2,1);box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px 0 rgba(0,0,0,0.2);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media(min-width:576px){.navdrawer.show .navdrawer-content{transition-duration:.2925s}}@media(min-width:992px){.navdrawer.show .navdrawer-content{transition-duration:.15s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer.show .navdrawer-content{transition:none}}.navdrawer-body{margin-bottom:.5rem;padding-right:1rem;padding-left:1rem}.navdrawer-divider{background-color:rgba(0,0,0,0.12);height:1px;margin:.5rem 0;overflow:hidden}.navdrawer-header{background-color:#f5f5f5;border-bottom:1px solid rgba(0,0,0,0.12);display:block;margin-bottom:.5rem;padding:.625rem 1rem}.navdrawer-subheader{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,0.38);display:block;font-weight:500;height:3rem;line-height:1;margin-top:0;margin-bottom:0;padding:1.0625rem 1rem}.navdrawer-divider+.navdrawer-subheader{margin-top:-0.5rem}.navdrawer-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin-top:.5rem;margin-bottom:.5rem;padding-left:0}.navdrawer-header+.navdrawer-nav,.navdrawer-subheader+.navdrawer-nav{margin-top:0}.navdrawer-nav .nav-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-duration:.3s;transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:rgba(0,0,0,0.87);font-size:.875rem;font-weight:500;line-height:1;padding:1.0625rem 1rem}@media(min-width:576px){.navdrawer-nav .nav-link{transition-duration:.39s}}@media(min-width:992px){.navdrawer-nav .nav-link{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer-nav .nav-link{transition:none}}.navdrawer-nav .nav-link:active,.navdrawer-nav .nav-link:focus,.navdrawer-nav .nav-link:hover{background-color:#f5f5f5}.navdrawer-nav .nav-link.active,.navdrawer-nav .nav-link:active{color:#9c27b0}.navdrawer-nav .nav-link.disabled{background-color:transparent;color:rgba(0,0,0,0.38)}.navdrawer-nav .nav-link:focus{outline:0}.navdrawer-nav .active>.nav-link{color:#9c27b0}.navdrawer-nav-icon{color:rgba(0,0,0,0.54);width:3.5rem}.nav-link:active .navdrawer-nav-icon,.nav-link.active .navdrawer-nav-icon{color:#9c27b0}.active>.nav-link .navdrawer-nav-icon{color:#9c27b0}@media(min-width:576px){.navdrawer-backdrop-permanent-sm{display:none;transition:none}.navdrawer-backdrop-persistent-sm{display:none;transition:none}.navdrawer-backdrop-temporary-sm{display:none;transition:none}.navdrawer-permanent-sm{border-right:1px solid rgba(0,0,0,0.12);display:block !important;right:auto;width:17.5rem;z-index:auto}.navdrawer-permanent-sm.navdrawer-permanent-clipped,.navdrawer-permanent-sm.navdrawer-permanent-float{top:3.5rem}.navdrawer-permanent-sm.navdrawer-permanent-float{border-right:0}.navdrawer-permanent-sm.navdrawer-permanent-float.navdrawer-right{border-left:0}.navdrawer-permanent-sm.navdrawer-permanent-float .navdrawer-content{background-color:transparent}.navdrawer-permanent-sm.navdrawer-right{border-right:0;border-left:1px solid rgba(0,0,0,0.12);right:0;left:auto}.navdrawer-permanent-sm.show .navdrawer-content{box-shadow:none}.navdrawer-permanent-sm .navdrawer-content{max-width:none;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%}.navdrawer-persistent-sm{right:auto;width:17.5rem;z-index:auto}.navdrawer-persistent-sm.navdrawer-persistent-clipped{border-top:1px solid rgba(0,0,0,0.12);margin-top:-1px;top:3.5rem;z-index:39}.navdrawer-persistent-sm.navdrawer-right{right:0;left:auto}.navdrawer-persistent-sm.navdrawer-right .navdrawer-content{border-right:0;border-left:1px solid rgba(0,0,0,0.12)}.navdrawer-persistent-sm.show .navdrawer-content{box-shadow:none}.navdrawer-persistent-sm .navdrawer-content{border-right:1px solid rgba(0,0,0,0.12);max-width:none;position:absolute;width:100%}.navdrawer-temporary-sm{overflow:visible;right:auto;width:17.5rem}.navdrawer-temporary-sm.navdrawer-right{right:0;left:auto}.navdrawer-temporary-sm .navdrawer-content{max-width:none;position:absolute;width:100%}}@media(min-width:768px){.navdrawer-backdrop-permanent-md{display:none;transition:none}.navdrawer-backdrop-persistent-md{display:none;transition:none}.navdrawer-backdrop-temporary-md{display:none;transition:none}.navdrawer-permanent-md{border-right:1px solid rgba(0,0,0,0.12);display:block !important;right:auto;width:17.5rem;z-index:auto}.navdrawer-permanent-md.navdrawer-permanent-clipped,.navdrawer-permanent-md.navdrawer-permanent-float{top:3.5rem}.navdrawer-permanent-md.navdrawer-permanent-float{border-right:0}.navdrawer-permanent-md.navdrawer-permanent-float.navdrawer-right{border-left:0}.navdrawer-permanent-md.navdrawer-permanent-float .navdrawer-content{background-color:transparent}.navdrawer-permanent-md.navdrawer-right{border-right:0;border-left:1px solid rgba(0,0,0,0.12);right:0;left:auto}.navdrawer-permanent-md.show .navdrawer-content{box-shadow:none}.navdrawer-permanent-md .navdrawer-content{max-width:none;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%}.navdrawer-persistent-md{right:auto;width:17.5rem;z-index:auto}.navdrawer-persistent-md.navdrawer-persistent-clipped{border-top:1px solid rgba(0,0,0,0.12);margin-top:-1px;top:3.5rem;z-index:39}.navdrawer-persistent-md.navdrawer-right{right:0;left:auto}.navdrawer-persistent-md.navdrawer-right .navdrawer-content{border-right:0;border-left:1px solid rgba(0,0,0,0.12)}.navdrawer-persistent-md.show .navdrawer-content{box-shadow:none}.navdrawer-persistent-md .navdrawer-content{border-right:1px solid rgba(0,0,0,0.12);max-width:none;position:absolute;width:100%}.navdrawer-temporary-md{overflow:visible;right:auto;width:17.5rem}.navdrawer-temporary-md.navdrawer-right{right:0;left:auto}.navdrawer-temporary-md .navdrawer-content{max-width:none;position:absolute;width:100%}}@media(min-width:992px){.navdrawer-backdrop-permanent-lg{display:none;transition:none}.navdrawer-backdrop-persistent-lg{display:none;transition:none}.navdrawer-backdrop-temporary-lg{display:none;transition:none}.navdrawer-permanent-lg{border-right:1px solid rgba(0,0,0,0.12);display:block !important;right:auto;width:17.5rem;z-index:auto}.navdrawer-permanent-lg.navdrawer-permanent-clipped,.navdrawer-permanent-lg.navdrawer-permanent-float{top:3.5rem}.navdrawer-permanent-lg.navdrawer-permanent-float{border-right:0}.navdrawer-permanent-lg.navdrawer-permanent-float.navdrawer-right{border-left:0}.navdrawer-permanent-lg.navdrawer-permanent-float .navdrawer-content{background-color:transparent}.navdrawer-permanent-lg.navdrawer-right{border-right:0;border-left:1px solid rgba(0,0,0,0.12);right:0;left:auto}.navdrawer-permanent-lg.show .navdrawer-content{box-shadow:none}.navdrawer-permanent-lg .navdrawer-content{max-width:none;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%}.navdrawer-persistent-lg{right:auto;width:17.5rem;z-index:auto}.navdrawer-persistent-lg.navdrawer-persistent-clipped{border-top:1px solid rgba(0,0,0,0.12);margin-top:-1px;top:3.5rem;z-index:39}.navdrawer-persistent-lg.navdrawer-right{right:0;left:auto}.navdrawer-persistent-lg.navdrawer-right .navdrawer-content{border-right:0;border-left:1px solid rgba(0,0,0,0.12)}.navdrawer-persistent-lg.show .navdrawer-content{box-shadow:none}.navdrawer-persistent-lg .navdrawer-content{border-right:1px solid rgba(0,0,0,0.12);max-width:none;position:absolute;width:100%}.navdrawer-temporary-lg{overflow:visible;right:auto;width:17.5rem}.navdrawer-temporary-lg.navdrawer-right{right:0;left:auto}.navdrawer-temporary-lg .navdrawer-content{max-width:none;position:absolute;width:100%}}@media(min-width:1200px){.navdrawer-backdrop-permanent-xl{display:none;transition:none}.navdrawer-backdrop-persistent-xl{display:none;transition:none}.navdrawer-backdrop-temporary-xl{display:none;transition:none}.navdrawer-permanent-xl{border-right:1px solid rgba(0,0,0,0.12);display:block !important;right:auto;width:17.5rem;z-index:auto}.navdrawer-permanent-xl.navdrawer-permanent-clipped,.navdrawer-permanent-xl.navdrawer-permanent-float{top:3.5rem}.navdrawer-permanent-xl.navdrawer-permanent-float{border-right:0}.navdrawer-permanent-xl.navdrawer-permanent-float.navdrawer-right{border-left:0}.navdrawer-permanent-xl.navdrawer-permanent-float .navdrawer-content{background-color:transparent}.navdrawer-permanent-xl.navdrawer-right{border-right:0;border-left:1px solid rgba(0,0,0,0.12);right:0;left:auto}.navdrawer-permanent-xl.show .navdrawer-content{box-shadow:none}.navdrawer-permanent-xl .navdrawer-content{max-width:none;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%}.navdrawer-persistent-xl{right:auto;width:17.5rem;z-index:auto}.navdrawer-persistent-xl.navdrawer-persistent-clipped{border-top:1px solid rgba(0,0,0,0.12);margin-top:-1px;top:3.5rem;z-index:39}.navdrawer-persistent-xl.navdrawer-right{right:0;left:auto}.navdrawer-persistent-xl.navdrawer-right .navdrawer-content{border-right:0;border-left:1px solid rgba(0,0,0,0.12)}.navdrawer-persistent-xl.show .navdrawer-content{box-shadow:none}.navdrawer-persistent-xl .navdrawer-content{border-right:1px solid rgba(0,0,0,0.12);max-width:none;position:absolute;width:100%}.navdrawer-temporary-xl{overflow:visible;right:auto;width:17.5rem}.navdrawer-temporary-xl.navdrawer-right{right:0;left:auto}.navdrawer-temporary-xl .navdrawer-content{max-width:none;position:absolute;width:100%}}.navdrawer-backdrop-permanent{display:none;transition:none}.navdrawer-backdrop-persistent{display:none;transition:none}.navdrawer-backdrop-temporary{display:none;transition:none}.navdrawer-permanent{border-right:1px solid rgba(0,0,0,0.12);display:block !important;right:auto;width:17.5rem;z-index:auto}.navdrawer-permanent.navdrawer-permanent-clipped,.navdrawer-permanent.navdrawer-permanent-float{top:3.5rem}.navdrawer-permanent.navdrawer-permanent-float{border-right:0}.navdrawer-permanent.navdrawer-permanent-float.navdrawer-right{border-left:0}.navdrawer-permanent.navdrawer-permanent-float .navdrawer-content{background-color:transparent}.navdrawer-permanent.navdrawer-right{border-right:0;border-left:1px solid rgba(0,0,0,0.12);right:0;left:auto}.navdrawer-permanent.show .navdrawer-content{box-shadow:none}.navdrawer-permanent .navdrawer-content{max-width:none;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%}.navdrawer-persistent{right:auto;width:17.5rem;z-index:auto}.navdrawer-persistent.navdrawer-persistent-clipped{border-top:1px solid rgba(0,0,0,0.12);margin-top:-1px;top:3.5rem;z-index:39}.navdrawer-persistent.navdrawer-right{right:0;left:auto}.navdrawer-persistent.navdrawer-right .navdrawer-content{border-right:0;border-left:1px solid rgba(0,0,0,0.12)}.navdrawer-persistent.show .navdrawer-content{box-shadow:none}.navdrawer-persistent .navdrawer-content{border-right:1px solid rgba(0,0,0,0.12);max-width:none;position:absolute;width:100%}.navdrawer-temporary{overflow:visible;right:auto;width:17.5rem}.navdrawer-temporary.navdrawer-right{right:0;left:auto}.navdrawer-temporary .navdrawer-content{max-width:none;position:absolute;width:100%}.picker{outline:0;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition-delay:.675s;transition-duration:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;z-index:240}@media(min-width:576px){.picker{transition-delay:.8775s}}@media(min-width:992px){.picker{transition-delay:.45s}}@media screen and (prefers-reduced-motion:reduce){.picker{transition:none}}.picker.picker-opened{overflow-x:hidden;overflow-y:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:none}.picker-frame{margin:1.5rem 1.5rem}.picker-holder{transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,0.38);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:100%;min-width:100%;opacity:0;pointer-events:none;transition-delay:.375s}@media(min-width:576px){.picker-holder{transition-duration:.39s}}@media(min-width:992px){.picker-holder{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.picker-holder{transition:none}}@media(min-width:576px){.picker-holder{transition-delay:.4875s}}@media(min-width:992px){.picker-holder{transition-delay:.25s}}.picker-opened .picker-holder{opacity:1;transition-delay:0}.picker-wrap{border-radius:2px;transition-duration:.375s;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.428572;box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);max-width:18.5rem;opacity:0;outline:0;pointer-events:auto;position:relative;-webkit-transform:scale(0.87);transform:scale(0.87)}@media(min-width:576px){.picker-wrap{transition-duration:.4875s}}@media(min-width:992px){.picker-wrap{transition-duration:.25s}}@media screen and (prefers-reduced-motion:reduce){.picker-wrap{transition:none}}@media(orientation:landscape){.picker-wrap{display:-ms-flexbox;display:flex;max-width:none}}.picker-opened .picker-wrap{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.picker-footer{border-bottom-right-radius:2px;border-bottom-left-radius:2px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:.5rem .5rem}@media(orientation:landscape){.picker-footer{border-radius:0 0 2px 0;padding-right:.75rem;padding-left:.75rem}}.picker-footer button{-ms-flex:0 1 auto;flex:0 1 auto;margin-left:.5rem;min-width:0}.picker-footer button:first-child{margin-left:0}.picker-header{height:2.5rem;line-height:2.5rem;margin-right:.5rem;margin-left:.5rem;padding-right:3rem;padding-left:3rem;position:relative;text-align:center}@media(orientation:landscape){.picker-header{margin-top:.5rem;margin-right:.75rem;margin-left:.75rem}}.picker-month,.picker-year{display:inline;margin-left:.5rem}.picker-month:first-child,.picker-year:first-child{margin-left:0}.picker-nav-next,.picker-nav-prev{height:2.5rem;margin-top:-1.25rem;position:absolute;top:50%;width:2.5rem}.picker-nav-next,.picker-nav-next.material-icons,.picker-nav-prev,.picker-nav-prev.material-icons{line-height:2.5rem}.picker-nav-next{right:0}.picker-nav-next::before{content:"keyboard_arrow_right"}.picker-nav-prev{left:0}.picker-nav-prev::before{content:"keyboard_arrow_left"}.picker-date-display{border-top-left-radius:2px;border-top-right-radius:2px;background-color:#9c27b0;color:white;padding:1rem 1.5rem}@media(orientation:landscape){.picker-date-display{border-top-left-radius:2px;border-bottom-left-radius:2px;border-top-right-radius:0;min-width:9.75rem;white-space:nowrap}}.picker-date-display-bottom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:2.125rem;font-weight:400;letter-spacing:0;line-height:1.176471}.picker-day-display{margin-right:.5rem}.picker-weekday-display{margin-right:.5rem}@media(orientation:landscape){.picker-weekday-display{display:block;margin-right:0}}.picker-weekday-display::after{content:','}.picker-box{border-bottom-right-radius:2px;border-bottom-left-radius:2px;background-color:#fff;overflow:hidden}@media(orientation:landscape){.picker-box{border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}}.picker-input.form-control[readonly]{border-bottom-style:solid;color:inherit;cursor:text}.picker-input.picker-input-active{border-bottom-color:#ff4081}.picker-day{border-radius:50%;cursor:default;height:2.5rem;line-height:2.5rem;margin:auto;vertical-align:middle;width:2.5rem}@media(orientation:landscape){.picker-day{margin-right:.25rem;margin-left:.25rem}}.picker-day.picker-day-selected{background-color:#9c27b0;color:white}.picker-day-disabled{color:rgba(0,0,0,0.38)}.picker-day-outfocus{display:none}.picker-day-today{color:#9c27b0;font-weight:bolder}.picker-table{border-collapse:collapse;border-spacing:0;margin:0 .5rem;table-layout:fixed}.picker-table td,.picker-table th{border:0;padding:0;text-align:center;vertical-align:middle}.picker-table th{font-weight:inherit}.picker-weekday{color:rgba(0,0,0,0.38);height:2.5rem;vertical-align:middle;width:2.5rem}.picker-select-month,.picker-select-year{border-radius:2px;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0.12);background-image:none;background-position:100% 50%;background-size:auto 100%;border:0;box-shadow:none;color:rgba(0,0,0,0.87);display:inline-block;font-size:inherit;height:1.25rem;line-height:1.25rem;opacity:.7;padding:0 1.25rem 0 .5rem}@media(min-width:576px){.picker-select-month,.picker-select-year{transition-duration:.39s}}@media(min-width:992px){.picker-select-month,.picker-select-year{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.picker-select-month,.picker-select-year{transition:none}}.picker-select-month:focus,.picker-select-month:hover,.picker-select-year:focus,.picker-select-year:hover{opacity:1}@-moz-document url-prefix(''){.picker-select-month,.picker-select-year{background-image:url('data:image/svg+xml;charset=utf8,%3Csvgfill="%23000000"fill-opacity="0.54"height="24"viewBox="002424"width="24"xmlns="http://www.w3.org/2000/svg"%3E%3Cpathd="M710l555-5z"/%3E%3Cpathd="M00h24v24H0z"fill="none"/%3E%3C/svg%3E');background-repeat:no-repeat}}@media(-webkit-min-device-pixel-ratio:0){.picker-select-month,.picker-select-year{background-image:url('data:image/svg+xml;charset=utf8,%3Csvgfill="%23000000"fill-opacity="0.54"height="24"viewBox="002424"width="24"xmlns="http://www.w3.org/2000/svg"%3E%3Cpathd="M710l555-5z"/%3E%3Cpathd="M00h24v24H0z"fill="none"/%3E%3C/svg%3E');background-repeat:no-repeat}}.picker-select-month:focus,.picker-select-year:focus{outline:0}.picker-select-month{margin-left:.5rem}.progress{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;z-index:1}.progress-bar{border-bottom:.25rem solid #3f51b5}.progress-bar.bg-primary{background-color:transparent !important;border-bottom-color:#9c27b0}.progress-bar.bg-primary::after{background-color:#e1bee7}.progress-bar.bg-secondary{background-color:transparent !important;border-bottom-color:#ff4081}.progress-bar.bg-secondary::after{background-color:#ff80ab}.progress-bar.bg-danger{background-color:transparent !important;border-bottom-color:#f44336}.progress-bar.bg-danger::after{background-color:#ffcdd2}.progress-bar.bg-info{background-color:transparent !important;border-bottom-color:#2196f3}.progress-bar.bg-info::after{background-color:#bbdefb}.progress-bar.bg-success{background-color:transparent !important;border-bottom-color:#4caf50}.progress-bar.bg-success::after{background-color:#c8e6c9}.progress-bar.bg-warning{background-color:transparent !important;border-bottom-color:#ff9800}.progress-bar.bg-warning::after{background-color:#ffe0b2}.progress-bar.bg-dark{background-color:transparent !important;border-bottom-color:#424242}.progress-bar.bg-dark::after{background-color:#757575}.progress-bar.bg-light{background-color:transparent !important;border-bottom-color:#f5f5f5}.progress-bar.bg-light::after{background-color:#fafafa}.progress-bar::after{background-color:#c5cae9;content:'';display:block;height:.25rem;position:absolute;right:0;bottom:0;left:0;z-index:-1}.progress-bar-animated::before{animation-direction:reverse;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:progress-bar-animation;animation-name:progress-bar-animation;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media(min-width:576px){.progress-bar-animated::before{-webkit-animation-duration:.39s;animation-duration:.39s}}@media(min-width:992px){.progress-bar-animated::before{-webkit-animation-duration:.2s;animation-duration:.2s}}.progress-bar-animated,.progress-bar-striped{box-sizing:content-box;position:relative}.progress-bar-animated.bg-primary::before,.progress-bar-striped.bg-primary::before{background-image:repeating-radial-gradient(0.125rem .125rem,#e1bee7,#e1bee7 .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#e1bee7,#e1bee7 .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#e1bee7,#e1bee7 .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated.bg-secondary::before,.progress-bar-striped.bg-secondary::before{background-image:repeating-radial-gradient(0.125rem .125rem,#ff80ab,#ff80ab .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#ff80ab,#ff80ab .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#ff80ab,#ff80ab .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated.bg-danger::before,.progress-bar-striped.bg-danger::before{background-image:repeating-radial-gradient(0.125rem .125rem,#ffcdd2,#ffcdd2 .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#ffcdd2,#ffcdd2 .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#ffcdd2,#ffcdd2 .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated.bg-info::before,.progress-bar-striped.bg-info::before{background-image:repeating-radial-gradient(0.125rem .125rem,#bbdefb,#bbdefb .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#bbdefb,#bbdefb .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#bbdefb,#bbdefb .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated.bg-success::before,.progress-bar-striped.bg-success::before{background-image:repeating-radial-gradient(0.125rem .125rem,#c8e6c9,#c8e6c9 .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#c8e6c9,#c8e6c9 .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#c8e6c9,#c8e6c9 .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated.bg-warning::before,.progress-bar-striped.bg-warning::before{background-image:repeating-radial-gradient(0.125rem .125rem,#ffe0b2,#ffe0b2 .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#ffe0b2,#ffe0b2 .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#ffe0b2,#ffe0b2 .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated.bg-dark::before,.progress-bar-striped.bg-dark::before{background-image:repeating-radial-gradient(0.125rem .125rem,#757575,#757575 .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#757575,#757575 .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#757575,#757575 .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated.bg-light::before,.progress-bar-striped.bg-light::before{background-image:repeating-radial-gradient(0.125rem .125rem,#fafafa,#fafafa .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#fafafa,#fafafa .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#fafafa,#fafafa .125rem,transparent .125rem,transparent 100%)}.progress-bar-animated::after,.progress-bar-striped::after{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;right:-1.5rem;bottom:-0.25rem}.progress-bar-animated::before,.progress-bar-striped::before{background-image:repeating-radial-gradient(0.125rem .125rem,#c5cae9,#c5cae9 .125rem,transparent .125rem,transparent 100%);background-image:-webkit-repeating-radial-gradient(0.125rem .125rem,#c5cae9,#c5cae9 .125rem,transparent .125rem,transparent 100%);background-image:-moz-repeating-radial-gradient(0.125rem .125rem,#c5cae9,#c5cae9 .125rem,transparent .125rem,transparent 100%);background-position:0 0;background-repeat:repeat-x;background-size:.75rem .75rem;content:'';display:block;height:.25rem;position:absolute;right:-100vw;bottom:-0.25rem;left:0;z-index:-1}@-webkit-keyframes progress-bar-animation{from{background-position:0 0}to{background-position:.75rem 0}}@keyframes progress-bar-animation{from{background-position:0 0}to{background-position:.75rem 0}}.progress-bar-indeterminate{border-bottom-color:#c5cae9;position:relative;width:100%}.progress-bar-indeterminate.bg-primary{border-bottom-color:#e1bee7}.progress-bar-indeterminate.bg-primary::after,.progress-bar-indeterminate.bg-primary::before{background-color:#9c27b0}.progress-bar-indeterminate.bg-primary::before{background-image:none}.progress-bar-indeterminate.bg-secondary{border-bottom-color:#ff80ab}.progress-bar-indeterminate.bg-secondary::after,.progress-bar-indeterminate.bg-secondary::before{background-color:#ff4081}.progress-bar-indeterminate.bg-secondary::before{background-image:none}.progress-bar-indeterminate.bg-danger{border-bottom-color:#ffcdd2}.progress-bar-indeterminate.bg-danger::after,.progress-bar-indeterminate.bg-danger::before{background-color:#f44336}.progress-bar-indeterminate.bg-danger::before{background-image:none}.progress-bar-indeterminate.bg-info{border-bottom-color:#bbdefb}.progress-bar-indeterminate.bg-info::after,.progress-bar-indeterminate.bg-info::before{background-color:#2196f3}.progress-bar-indeterminate.bg-info::before{background-image:none}.progress-bar-indeterminate.bg-success{border-bottom-color:#c8e6c9}.progress-bar-indeterminate.bg-success::after,.progress-bar-indeterminate.bg-success::before{background-color:#4caf50}.progress-bar-indeterminate.bg-success::before{background-image:none}.progress-bar-indeterminate.bg-warning{border-bottom-color:#ffe0b2}.progress-bar-indeterminate.bg-warning::after,.progress-bar-indeterminate.bg-warning::before{background-color:#ff9800}.progress-bar-indeterminate.bg-warning::before{background-image:none}.progress-bar-indeterminate.bg-dark{border-bottom-color:#757575}.progress-bar-indeterminate.bg-dark::after,.progress-bar-indeterminate.bg-dark::before{background-color:#424242}.progress-bar-indeterminate.bg-dark::before{background-image:none}.progress-bar-indeterminate.bg-light{border-bottom-color:#fafafa}.progress-bar-indeterminate.bg-light::after,.progress-bar-indeterminate.bg-light::before{background-color:#f5f5f5}.progress-bar-indeterminate.bg-light::before{background-image:none}.progress-bar-indeterminate::after,.progress-bar-indeterminate::before{border-radius:.25rem;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:#3f51b5;width:0}.progress-bar-indeterminate::after{-webkit-animation-name:progress-bar-indeterminate-after;animation-name:progress-bar-indeterminate-after;bottom:-0.25rem;z-index:0}.progress-bar-indeterminate::before{-webkit-animation-name:progress-bar-indeterminate-before;animation-name:progress-bar-indeterminate-before;content:'';display:block;height:.25rem;position:absolute;bottom:-0.25rem;z-index:0}@-webkit-keyframes progress-bar-indeterminate-after{0{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}@keyframes progress-bar-indeterminate-after{0{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}@-webkit-keyframes progress-bar-indeterminate-before{0,62.5%{left:0;width:0}71.875%{left:0;width:25%}81.25%{left:25%;width:50%}100%{left:100%;width:25%}}@keyframes progress-bar-indeterminate-before{0,62.5%{left:0;width:0}71.875%{left:0;width:25%}81.25%{left:25%;width:50%}100%{left:100%;width:25%}}.progress-circular{height:2.5rem;position:relative;width:2.5rem}.progress-circular-gap{border-top:.125rem solid #3f51b5;position:absolute;top:0;right:1.1875rem;bottom:0;left:1.1875rem}.progress-circular-inner{-webkit-animation:progress-circular-inner-rotate 5.332s cubic-bezier(0.4,0,0.2,1) infinite;animation:progress-circular-inner-rotate 5.332s cubic-bezier(0.4,0,0.2,1) infinite;height:2.5rem;position:relative;width:2.5rem}.progress-circular-left,.progress-circular-right{height:2.5rem;overflow:hidden;position:absolute;top:0;width:1.25rem}.progress-circular-left{left:0}.progress-circular-right{right:0}.progress-circular-spinner{border:.25rem solid #3f51b5;border-bottom-color:transparent;border-radius:50%;height:2.5rem;position:absolute;top:0;width:2.5rem}.progress-circular-left .progress-circular-spinner{-webkit-animation:progress-circular-spinner-left 1.333s cubic-bezier(0.4,0,0.2,1) infinite;animation:progress-circular-spinner-left 1.333s cubic-bezier(0.4,0,0.2,1) infinite;border-right-color:transparent;left:0}.progress-circular-right .progress-circular-spinner{-webkit-animation:progress-circular-spinner-right 1.333s cubic-bezier(0.4,0,0.2,1) infinite;animation:progress-circular-spinner-right 1.333s cubic-bezier(0.4,0,0.2,1) infinite;border-left-color:transparent;right:0}.progress-circular-wrapper{-webkit-animation:progress-circular-wrapper-rotate 2.666s linear infinite;animation:progress-circular-wrapper-rotate 2.666s linear infinite}@-webkit-keyframes progress-circular-inner-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes progress-circular-inner-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes progress-circular-spinner-left{0,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes progress-circular-spinner-left{0,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes progress-circular-spinner-right{0,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes progress-circular-spinner-right{0,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes progress-circular-wrapper-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes progress-circular-wrapper-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.progress-circular-primary .progress-circular-gap,.progress-circular-primary .progress-circular-spinner{border-top-color:#9c27b0}.progress-circular-primary .progress-circular-left .progress-circular-spinner{border-left-color:#9c27b0}.progress-circular-primary .progress-circular-right .progress-circular-spinner{border-right-color:#9c27b0}.progress-circular-secondary .progress-circular-gap,.progress-circular-secondary .progress-circular-spinner{border-top-color:#ff4081}.progress-circular-secondary .progress-circular-left .progress-circular-spinner{border-left-color:#ff4081}.progress-circular-secondary .progress-circular-right .progress-circular-spinner{border-right-color:#ff4081}.progress-circular-danger .progress-circular-gap,.progress-circular-danger .progress-circular-spinner{border-top-color:#f44336}.progress-circular-danger .progress-circular-left .progress-circular-spinner{border-left-color:#f44336}.progress-circular-danger .progress-circular-right .progress-circular-spinner{border-right-color:#f44336}.progress-circular-info .progress-circular-gap,.progress-circular-info .progress-circular-spinner{border-top-color:#2196f3}.progress-circular-info .progress-circular-left .progress-circular-spinner{border-left-color:#2196f3}.progress-circular-info .progress-circular-right .progress-circular-spinner{border-right-color:#2196f3}.progress-circular-success .progress-circular-gap,.progress-circular-success .progress-circular-spinner{border-top-color:#4caf50}.progress-circular-success .progress-circular-left .progress-circular-spinner{border-left-color:#4caf50}.progress-circular-success .progress-circular-right .progress-circular-spinner{border-right-color:#4caf50}.progress-circular-warning .progress-circular-gap,.progress-circular-warning .progress-circular-spinner{border-top-color:#ff9800}.progress-circular-warning .progress-circular-left .progress-circular-spinner{border-left-color:#ff9800}.progress-circular-warning .progress-circular-right .progress-circular-spinner{border-right-color:#ff9800}.progress-circular-dark .progress-circular-gap,.progress-circular-dark .progress-circular-spinner{border-top-color:#424242}.progress-circular-dark .progress-circular-left .progress-circular-spinner{border-left-color:#424242}.progress-circular-dark .progress-circular-right .progress-circular-spinner{border-right-color:#424242}.progress-circular-light .progress-circular-gap,.progress-circular-light .progress-circular-spinner{border-top-color:#f5f5f5}.progress-circular-light .progress-circular-left .progress-circular-spinner{border-left-color:#f5f5f5}.progress-circular-light .progress-circular-right .progress-circular-spinner{border-right-color:#f5f5f5}.custom-control{display:block;min-height:1.250001rem;padding-left:2.25rem;position:relative}.custom-control+.custom-control{margin-top:.75rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1.5rem}.custom-control-inline+.custom-control-inline{margin-top:0}.custom-control-label{color:inherit;font-size:.875rem;line-height:inherit;margin-bottom:0}.custom-control-label::after{color:rgba(0,0,0,0.54);position:absolute;top:-0.125rem;left:0}.custom-control-label::before{transition-duration:.3s;transition-property:background-color,opacity,-webkit-transform;transition-property:background-color,opacity,transform;transition-property:background-color,opacity,transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:currentColor;border-radius:50%;color:rgba(0,0,0,0.54);content:'';display:block;height:3rem;margin-top:-0.875rem;margin-left:-0.75rem;opacity:0;position:absolute;top:0;left:0;-webkit-transform:scale(0.87,0.87) translateZ(0);transform:scale(0.87,0.87) translateZ(0);width:3rem}@media(min-width:576px){.custom-control-label::before{transition-duration:.39s}}@media(min-width:992px){.custom-control-label::before{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before{transition:none}}.custom-control-input{opacity:0;position:absolute;z-index:-1}.custom-control-input.focus ~ .custom-control-label::before,.custom-control-input:active ~ .custom-control-label::before{opacity:.12;-webkit-transform:scale(1,1) translateZ(0);transform:scale(1,1) translateZ(0)}.custom-control-input:checked ~ .custom-control-label::after{color:#ff4081}.custom-control-input:checked ~ .custom-control-label::before{background-color:#ff4081}.custom-control-input:disabled ~ .custom-control-label{color:rgba(0,0,0,0.26)}.custom-control-input:disabled ~ .custom-control-label::after{color:rgba(0,0,0,0.26)}.custom-control-input:disabled ~ .custom-control-label::before{display:none}.custom-checkbox .custom-control-label::after{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;content:"check_box_outline_blank";line-height:1;vertical-align:middle}.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{content:"check_box"}.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{content:"indeterminate_check_box"}.custom-radio .custom-control-label::after{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;content:"radio_button_unchecked";line-height:1;vertical-align:middle}.custom-radio .custom-control-input:checked ~ .custom-control-label::after{content:"radio_button_checked"}.custom-switch{padding-left:3.75rem}.custom-switch .custom-control-label{transition-duration:.3s;transition-property:background-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}@media(min-width:576px){.custom-switch .custom-control-label{transition-duration:.39s}}@media(min-width:992px){.custom-switch .custom-control-label{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-switch .custom-control-label{transition:none}}.custom-switch .custom-control-label::after{transition-duration:.3s;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:#fafafa;border-radius:50%;box-shadow:0 1px 5px 0 rgba(0,0,0,0.54);content:'';display:block;height:1.5rem;position:absolute;width:1.5rem}@media(min-width:576px){.custom-switch .custom-control-label::after{transition-duration:.39s}}@media(min-width:992px){.custom-switch .custom-control-label::after{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked ~ .custom-control-label::after,.custom-switch .custom-control-input:checked ~ .custom-control-label::before{-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem)}.custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color:#ff4081}.custom-switch .custom-control-input:checked ~ .custom-control-track{background-color:rgba(255,64,129,0.5)}.custom-switch .custom-control-input:disabled ~ .custom-control-label::after{background-color:#bdbdbd}.custom-switch .custom-control-input:disabled ~ .custom-control-track{background-color:rgba(0,0,0,0.12)}.custom-switch .custom-control-track{transition-duration:.3s;transition-property:background-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-clip:content-box;background-color:rgba(0,0,0,0.38);border:.25rem solid transparent;border-radius:1rem;content:'';display:block;height:1.5rem;position:absolute;top:-0.125rem;left:0;width:3rem}@media(min-width:576px){.custom-switch .custom-control-track{transition-duration:.39s}}@media(min-width:992px){.custom-switch .custom-control-track{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-switch .custom-control-track{transition:none}}.custom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding-left:0;width:100%}.custom-range:active::-moz-range-track,.custom-range:focus::-moz-range-track{background-color:rgba(0,0,0,0.38)}.custom-range:active::-ms-fill-upper,.custom-range:focus::-ms-fill-upper{background-color:rgba(0,0,0,0.38)}.custom-range:active::-webkit-slider-runnable-track,.custom-range:focus::-webkit-slider-runnable-track{background-color:rgba(0,0,0,0.38)}.custom-range:focus{outline:0}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 .75rem rgba(255,64,129,0.12)}.custom-range:focus::-ms-range-thumb{box-shadow:0 0 0 .75rem rgba(255,64,129,0.12)}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 .75rem rgba(255,64,129,0.12)}.custom-range::-moz-focus-outer{border:0}.custom-range::-moz-range-progress{background-color:#ff4081}.custom-range::-moz-range-thumb{transition-duration:.3s;-moz-transition-property:box-shadow,height,width;transition-property:box-shadow,height,width;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-moz-appearance:none;appearance:none;background-color:#ff4081;border:0;border-radius:50%;height:.75rem;width:.75rem}@media(min-width:576px){.custom-range::-moz-range-thumb{transition-duration:.39s}}@media(min-width:992px){.custom-range::-moz-range-thumb{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{box-shadow:none;height:1.5rem;width:1.5rem}.custom-range::-moz-range-thumb:focus{outline:0}.custom-range::-moz-range-track{transition-duration:.3s;-moz-transition-property:background-color;transition-property:background-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:rgba(0,0,0,0.26);border-color:transparent;border-radius:0;color:transparent;cursor:pointer;height:.125rem;width:100%}@media(min-width:576px){.custom-range::-moz-range-track{transition-duration:.39s}}@media(min-width:992px){.custom-range::-moz-range-track{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-track{-moz-transition:none;transition:none}}.custom-range::-ms-fill-lower{background-color:#ff4081;height:.125rem;margin-bottom:.125rem;margin-left:.375rem}.custom-range::-ms-fill-upper{background-color:rgba(0,0,0,0.26);height:.125rem;margin-right:.375rem;margin-bottom:.125rem}.custom-range::-ms-thumb{transition-duration:.3s;-ms-transition-property:box-shadow;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);appearance:none;background-color:#ff4081;border:0;border-radius:50%;height:.75rem;margin-right:.375rem;margin-left:.375rem;width:.75rem}@media(min-width:576px){.custom-range::-ms-thumb{transition-duration:.39s}}@media(min-width:992px){.custom-range::-ms-thumb{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{box-shadow:0 0 0 .375rem #ff4081}.custom-range::-ms-thumb:focus{outline:0}.custom-range::-ms-track{transition-duration:.3s;-ms-transition-property:background-color;transition-property:background-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:transparent;border-color:transparent;border-width:.875rem 0;color:transparent;cursor:pointer;height:.125rem;width:100%}@media(min-width:576px){.custom-range::-ms-track{transition-duration:.39s}}@media(min-width:992px){.custom-range::-ms-track{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-track{-ms-transition:none;transition:none}}.custom-range::-webkit-slider-runnable-track{transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:rgba(0,0,0,0.26);border-color:transparent;border-radius:0;color:transparent;cursor:pointer;height:.125rem;width:100%}@media(min-width:576px){.custom-range::-webkit-slider-runnable-track{transition-duration:.39s}}@media(min-width:992px){.custom-range::-webkit-slider-runnable-track{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-runnable-track{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb{transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-appearance:none;appearance:none;background-color:#ff4081;border:0;border-radius:50%;height:.75rem;margin-top:-0.3125rem;width:.75rem}@media(min-width:576px){.custom-range::-webkit-slider-thumb{transition-duration:.39s}}@media(min-width:992px){.custom-range::-webkit-slider-thumb{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{box-shadow:0 0 0 .375rem #ff4081}.custom-range::-webkit-slider-thumb:focus{outline:0}.snackbar{-ms-flex-align:center;align-items:center;background-color:#323232;color:white;display:-ms-flexbox;display:flex;font-size:.875rem;line-height:1.428572;opacity:0;padding:.875rem 1.5rem;position:fixed;bottom:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:opacity 0 .195s,-webkit-transform .195s cubic-bezier(0.4,0,1,1);transition:opacity 0 .195s,transform .195s cubic-bezier(0.4,0,1,1);transition:opacity 0 .195s,transform .195s cubic-bezier(0.4,0,1,1),-webkit-transform .195s cubic-bezier(0.4,0,1,1);width:100%;z-index:60}@media(min-width:576px){.snackbar{border-radius:2px;max-width:35.5rem;min-width:18rem;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:auto}}@media(min-width:576px){.snackbar{transition:opacity 0 .2535s,-webkit-transform .2535s cubic-bezier(0.4,0,1,1);transition:opacity 0 .2535s,transform .2535s cubic-bezier(0.4,0,1,1);transition:opacity 0 .2535s,transform .2535s cubic-bezier(0.4,0,1,1),-webkit-transform .2535s cubic-bezier(0.4,0,1,1)}}@media(min-width:992px){.snackbar{transition:opacity 0 .13s,-webkit-transform .13s cubic-bezier(0.4,0,1,1);transition:opacity 0 .13s,transform .13s cubic-bezier(0.4,0,1,1);transition:opacity 0 .13s,transform .13s cubic-bezier(0.4,0,1,1),-webkit-transform .13s cubic-bezier(0.4,0,1,1)}}@media screen and (prefers-reduced-motion:reduce){.snackbar{transition:none}}.snackbar.show{transition-duration:.225s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(0,0,0.2,1);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media(min-width:576px){.snackbar.show{transition-duration:.2925s}}@media(min-width:992px){.snackbar.show{transition-duration:.15s}}@media screen and (prefers-reduced-motion:reduce){.snackbar.show{transition:none}}@media(min-width:576px){.snackbar.show{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}.snackbar-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;max-height:100%;min-width:0}.snackbar-btn{transition-duration:.3s;transition-property:background-color,background-image;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:transparent;background-image:none;border:0;color:#ff4081;cursor:pointer;display:block;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;font-weight:500;line-height:inherit;margin-left:1.5rem;padding:0;text-transform:uppercase;white-space:nowrap}@media(min-width:576px){.snackbar-btn{transition-duration:.39s}}@media(min-width:992px){.snackbar-btn{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.snackbar-btn{transition:none}}.snackbar-btn:focus,.snackbar-btn:hover{color:#ff80ab;text-decoration:none}@media(min-width:576px){.snackbar-btn{margin-left:3rem}}.snackbar-btn:focus{outline:0}@media(min-width:576px){.snackbar-left,.snackbar-right{-webkit-transform:translateY(100%);transform:translateY(100%)}.snackbar-left.show,.snackbar-right.show{-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}}@media(min-width:576px){.snackbar-left{left:1.5rem}}@media(min-width:576px){.snackbar-right{right:1.5rem;left:auto}}.snackbar-multi-line{height:5rem;padding-top:1.25rem;padding-bottom:1.25rem}.snackbar-multi-line .snackbar-body{white-space:normal}.stepper{-ms-flex-align:center;align-items:center;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;padding:1.5rem 1.5rem;position:relative}.stepper::after,.stepper::before{border-top:1px solid #bdbdbd;content:'';display:block;position:absolute}.stepper:first-child::before{display:none}.stepper:last-child::after{display:none}.stepper-horiz{background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;overflow-x:auto;overflow-y:hidden;position:relative}.stepper-horiz::before{border-top:1px solid #bdbdbd;content:'';display:block;position:absolute;top:50%;right:1.5rem;left:1.5rem}.stepper-horiz .stepper::after,.stepper-horiz .stepper::before{border-top:1px solid #bdbdbd;top:50%;width:1rem}.stepper-horiz .stepper::after{right:0}.stepper-horiz .stepper::before{left:0}.stepper-vert{background-color:#fff;position:relative}.stepper-vert .stepper::after,.stepper-vert .stepper::before{border-left:1px solid #bdbdbd;height:1rem;left:2.25rem}.stepper-vert .stepper::after{bottom:0}.stepper-vert .stepper::before{top:0}.stepper-icon{background-color:rgba(0,0,0,0.38);border-radius:50%;color:white;font-size:.75rem;font-weight:400;height:1.5rem;line-height:1.5rem;margin-right:.5rem;position:relative;text-align:center;vertical-align:middle;width:1.5rem}.stepper.active .stepper-icon,.stepper.done .stepper-icon{background-color:#9c27b0;color:white}.stepper-icon .material-icons{font-size:1.333em}.stepper-text{color:rgba(0,0,0,0.38);font-size:.875rem;font-weight:400;position:relative}.stepper.active .stepper-text,.stepper.done .stepper-text{color:rgba(0,0,0,0.87)}.stepper.active .stepper-text{font-weight:bolder}.nav-tabs{box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,0.12)}.nav-tabs.border-0,.nav-tabs.border-bottom-0{box-shadow:none}.nav-tabs .nav-link{transition-duration:.3s;transition-property:background-color,color,opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:rgba(0,0,0,0.87);font-size:.875rem;font-weight:500;line-height:1;min-height:3rem;opacity:.7;padding:1.0625rem .75rem;position:relative;text-transform:uppercase}@media(min-width:576px){.nav-tabs .nav-link{transition-duration:.39s}}@media(min-width:992px){.nav-tabs .nav-link{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.nav-tabs .nav-link{transition:none}}.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{background-color:rgba(0,0,0,0.12)}.nav-tabs .nav-link.active,.nav-tabs .nav-link:active{opacity:1}.nav-tabs .nav-link.active{color:#ff4081}.nav-tabs .nav-link.active::before{opacity:1}.nav-tabs .nav-link.disabled{background-color:transparent;color:rgba(0,0,0,0.38);opacity:1}.nav-tabs .nav-link::before{transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:#ff4081;content:'';display:block;height:.125rem;opacity:0;position:absolute;right:0;bottom:0;left:0}@media(min-width:576px){.nav-tabs .nav-link::before{transition-duration:.39s}}@media(min-width:992px){.nav-tabs .nav-link::before{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.nav-tabs .nav-link::before{transition:none}}.nav-tabs .nav-item.show .nav-link{background-color:rgba(0,0,0,0.12);opacity:1}.nav-tabs-material{position:relative}.nav-tabs-material.animate .nav-link::before{opacity:0}.nav-tabs-material.animate .nav-tabs-indicator{transition-duration:.3s;transition-property:left,right;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}@media(min-width:576px){.nav-tabs-material.animate .nav-tabs-indicator{transition-duration:.39s}}@media(min-width:992px){.nav-tabs-material.animate .nav-tabs-indicator{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.nav-tabs-material.animate .nav-tabs-indicator{transition:none}}.nav-tabs-material .nav-link::before{transition:none}.nav-tabs-material .nav-tabs-indicator{background-color:#ff4081;display:none;height:.125rem;position:absolute;bottom:0}.nav-tabs-material .nav-tabs-indicator.show{display:block}.nav-tabs-scrollable .nav-tabs-material .nav-tabs-indicator{bottom:3rem}.nav-tabs-scrollable{box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,0.12);height:3rem;overflow:hidden}.nav-tabs-scrollable .nav-tabs{box-shadow:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:3rem}.nav-tabs-scrollable .nav-tabs::-webkit-scrollbar{display:none}.form-control,.custom-select,.form-control-file{background-clip:padding-box;background-color:transparent;border-color:rgba(0,0,0,0.42);border-radius:0;border-style:solid;border-width:0 0 1px;box-shadow:none;color:rgba(0,0,0,0.87);display:block;font-size:1rem;line-height:1.5;padding:.375rem 0 calc(0.375rem - 1px);width:100%}.form-control:hover,.custom-select:hover,.form-control-file:hover{border-color:rgba(0,0,0,0.87);box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,0.87)}.form-control::-ms-expand,.custom-select::-ms-expand,.form-control-file::-ms-expand{background-color:transparent;border:0}.form-control::-webkit-input-placeholder,.custom-select::-webkit-input-placeholder,.form-control-file::-webkit-input-placeholder{color:rgba(0,0,0,0.38);opacity:1}.form-control::-moz-placeholder,.custom-select::-moz-placeholder,.form-control-file::-moz-placeholder{color:rgba(0,0,0,0.38);opacity:1}.form-control:-ms-input-placeholder,.custom-select:-ms-input-placeholder,.form-control-file:-ms-input-placeholder{color:rgba(0,0,0,0.38);opacity:1}.form-control::-ms-input-placeholder,.custom-select::-ms-input-placeholder,.form-control-file::-ms-input-placeholder{color:rgba(0,0,0,0.38);opacity:1}.form-control::placeholder,.custom-select::placeholder,.form-control-file::placeholder{color:rgba(0,0,0,0.38);opacity:1}.form-control:disabled,.custom-select:disabled,.form-control-file:disabled,.form-control[readonly],.custom-select[readonly],.form-control-file[readonly]{border-style:dotted;color:rgba(0,0,0,0.38);opacity:1}.form-control:disabled:focus,.custom-select:disabled:focus,.form-control-file:disabled:focus,.form-control:disabled:hover,.custom-select:disabled:hover,.form-control-file:disabled:hover,.form-control[readonly]:focus,.custom-select[readonly]:focus,.form-control-file[readonly]:focus,.form-control[readonly]:hover,.custom-select[readonly]:hover,.form-control-file[readonly]:hover{border-color:rgba(0,0,0,0.42);box-shadow:none}.form-control:focus,.custom-select:focus,.form-control-file:focus{border-color:#ff4081;box-shadow:inset 0 -2px 0 -1px #ff4081;outline:0}.form-control:invalid:required,.custom-select:invalid:required,.form-control-file:invalid:required{outline:0}.form-control[type='file']{max-height:2.25rem}.form-control-lg{font-size:2.125rem;line-height:1.176471;padding:.625rem 0 calc(0.625rem - 1px)}.form-control-lg[type='file']{max-height:3.75rem}.form-control-sm{font-size:.8125rem;line-height:1.538462;padding:.375rem 0 calc(0.375rem - 1px)}.form-control-sm[type='file']{max-height:2rem}select.form-control,.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}@-moz-document url-prefix(''){select.form-control,.custom-select{background-image:url('data:image/svg+xml;charset=utf8,%3Csvgfill="%23000000"fill-opacity="0.54"height="24"viewBox="002424"width="24"xmlns="http://www.w3.org/2000/svg"%3E%3Cpathd="M710l555-5z"/%3E%3Cpathd="M00h24v24H0z"fill="none"/%3E%3C/svg%3E');background-position:100% 50%;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:1.5em}select.form-control[multiple],.custom-select[multiple],select.form-control[size]:not([size='1']),.custom-select[size]:not([size='1']){background-image:none}}@media(-webkit-min-device-pixel-ratio:0){select.form-control,.custom-select{background-image:url('data:image/svg+xml;charset=utf8,%3Csvgfill="%23000000"fill-opacity="0.54"height="24"viewBox="002424"width="24"xmlns="http://www.w3.org/2000/svg"%3E%3Cpathd="M710l555-5z"/%3E%3Cpathd="M00h24v24H0z"fill="none"/%3E%3C/svg%3E');background-position:100% 50%;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:1.5em}select.form-control[multiple],.custom-select[multiple],select.form-control[size]:not([size='1']),.custom-select[size]:not([size='1']){background-image:none}}select.form-control[multiple],select.form-control[size]:not([size='1']),textarea.form-control:not([rows='1']),.custom-select[multiple],.custom-select[size]:not([size='1']){border-radius:4px;border-width:1px;min-height:3.5rem;padding:calc(1rem - 1px) 1rem}select.form-control:hover[multiple],select.form-control:hover[size]:not([size='1']),textarea.form-control:hover:not([rows='1']),.custom-select:hover[multiple],.custom-select:hover[size]:not([size='1']){box-shadow:inset 2px 2px 0 -1px rgba(0,0,0,0.87),inset -2px -2px 0 -1px rgba(0,0,0,0.87)}select.form-control:focus[multiple],select.form-control:focus[size]:not([size='1']),textarea.form-control:focus:not([rows='1']),.custom-select:focus[multiple],.custom-select:focus[size]:not([size='1']){box-shadow:inset 2px 2px 0 -1px #ff4081,inset -2px -2px 0 -1px #ff4081}select.form-control-lg[multiple],select.form-control-lg[size]:not([size='1']){padding:calc(0.875rem - 1px) 1rem}select.form-control-sm[multiple],select.form-control-sm[size]:not([size='1']){padding:calc(0.75rem - 1px) .75rem}textarea.form-control{min-height:2.25rem}textarea.form-control-lg{min-height:3.75rem}textarea.form-control-lg:not([rows='1']){min-height:4.25rem;padding:calc(0.875rem - 1px) 1rem}textarea.form-control-sm{min-height:2rem}textarea.form-control-sm:not([rows='1']){min-height:2.75rem;padding:calc(0.75rem - 1px) .75rem}.custom-file{display:inline-block;height:2.25rem;margin-bottom:0;position:relative;width:100%}.custom-file-input{height:2.25rem;margin:0;opacity:0;position:relative;width:100%;z-index:1}.custom-file-input:focus ~ .custom-file-label,.custom-file-input:hover ~ .custom-file-label{border-bottom-color:#ff4081;box-shadow:inset 0 -2px 0 -1px #ff4081}.custom-file-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-duration:.3s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);border-bottom:1px solid rgba(0,0,0,0.42);color:rgba(0,0,0,0.38);font-size:1rem;height:2.25rem;line-height:1.5;padding:.375rem 2.25rem calc(0.375rem - 1px) 0;position:absolute;top:0;right:0;left:0}@media(min-width:576px){.custom-file-label{transition-duration:.39s}}@media(min-width:992px){.custom-file-label{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.custom-file-label{transition:none}}.custom-file-label::after{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;content:"attachment";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.custom-select-lg{font-size:2.125rem;line-height:1.176471;padding:.625rem 1.5em calc(0.625rem - 1px) 0}.custom-select-lg[multiple],.custom-select-lg[size]:not([size='1']){padding:calc(0.875rem - 1px) 1rem}.custom-select-sm{font-size:.8125rem;line-height:1.538462;padding:.375rem 1.5em calc(0.375rem - 1px) 0}.custom-select-sm[multiple],.custom-select-sm[size]:not([size='1']){padding:calc(0.75rem - 1px) .75rem}.form-control-file{max-height:2.25rem}.form-control-range{display:block;width:100%}.invalid-feedback{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:#f44336;display:none;margin-top:.5rem;width:100%}.form-control-lg+.invalid-feedback{margin-top:.75rem}.form-control-sm+.invalid-feedback{margin-top:.25rem}.invalid-tooltip{border-radius:2px;background-color:#f44336;color:white;display:none;font-size:.875rem;line-height:1.428572;margin-top:.5rem;max-width:100%;opacity:.9;padding:.375rem 1rem;position:absolute;top:100%;text-align:center;word-break:break-word;z-index:240}@media(min-width:768px){.invalid-tooltip{font-size:.625rem;padding:.241071rem .5rem}}.form-control-lg+.invalid-tooltip{margin-top:.75rem}.form-control-sm+.invalid-tooltip{margin-top:.25rem}.custom-control-input.is-invalid ~ .custom-control-label,.custom-control-input.is-invalid ~ .custom-control-label::after,.was-validated .custom-control-input:invalid ~ .custom-control-label,.was-validated .custom-control-input:invalid ~ .custom-control-label::after{color:#f44336}.custom-control-input.is-invalid ~ .custom-control-label::before,.was-validated .custom-control-input:invalid ~ .custom-control-label::before{background-color:#f44336}.custom-control-input.is-invalid ~ .custom-control-track,.was-validated .custom-control-input:invalid ~ .custom-control-track{background-color:rgba(244,67,54,0.5)}.custom-control-input.is-invalid ~ .invalid-feedback,.custom-control-input.is-invalid ~ .invalid-tooltip,.was-validated .custom-control-input:invalid ~ .invalid-feedback,.was-validated .custom-control-input:invalid ~ .invalid-tooltip{display:block}.custom-file-input.is-invalid:focus ~ .custom-file-label,.custom-file-input.is-invalid:hover ~ .custom-file-label,.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,.was-validated .custom-file-input:invalid:hover ~ .custom-file-label{border-bottom-color:#f44336;box-shadow:inset 0 -2px 0 -1px #f44336}.custom-file-input.is-invalid ~ .custom-file-label,.was-validated .custom-file-input:invalid ~ .custom-file-label{border-bottom-color:#f44336}.custom-file-input.is-invalid ~ .custom-file-label:hover,.was-validated .custom-file-input:invalid ~ .custom-file-label:hover{border-bottom-color:#f44336;box-shadow:inset 0 -2px 0 -1px #f44336}.custom-file-input.is-invalid ~ .invalid-feedback,.custom-file-input.is-invalid ~ .invalid-tooltip,.was-validated .custom-file-input:invalid ~ .invalid-feedback,.was-validated .custom-file-input:invalid ~ .invalid-tooltip{display:block}.custom-switch .custom-control-input.is-invalid ~ .custom-control-label::after,.was-validated .custom-switch .custom-control-input:invalid ~ .custom-control-label::after{background-color:#f44336}.form-check-input.is-invalid+.form-check-label,.was-validated .form-check-input:invalid+.form-check-label{color:#f44336}.is-invalid.form-control,.is-invalid.custom-select,.is-invalid.form-control-file,.was-validated .form-control:invalid,.was-validated .custom-select:invalid,.was-validated .form-control-file:invalid{border-color:#f44336}.is-invalid.form-control:focus,.is-invalid.custom-select:focus,.is-invalid.form-control-file:focus,.is-invalid.form-control:hover,.is-invalid.custom-select:hover,.is-invalid.form-control-file:hover,.was-validated .form-control:invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control-file:invalid:focus,.was-validated .form-control:invalid:hover,.was-validated .custom-select:invalid:hover,.was-validated .form-control-file:invalid:hover{border-color:#f44336;box-shadow:inset 0 -2px 0 -1px #f44336}.is-invalid.form-control ~ .invalid-feedback,.is-invalid.custom-select ~ .invalid-feedback,.is-invalid.form-control-file ~ .invalid-feedback,.is-invalid.form-control ~ .invalid-tooltip,.is-invalid.custom-select ~ .invalid-tooltip,.is-invalid.form-control-file ~ .invalid-tooltip,.was-validated .form-control:invalid ~ .invalid-feedback,.was-validated .custom-select:invalid ~ .invalid-feedback,.was-validated .form-control-file:invalid ~ .invalid-feedback,.was-validated .form-control:invalid ~ .invalid-tooltip,.was-validated .custom-select:invalid ~ .invalid-tooltip,.was-validated .form-control-file:invalid ~ .invalid-tooltip{display:block}select.is-invalid.form-control:focus[multiple],select.is-invalid.form-control:focus[size]:not([size='1']),textarea.is-invalid.form-control:focus:not([rows='1']),.is-invalid.custom-select:focus[multiple],.is-invalid.custom-select:focus[size]:not([size='1']),select.is-invalid.form-control:hover[multiple],select.is-invalid.form-control:hover[size]:not([size='1']),textarea.is-invalid.form-control:hover:not([rows='1']),.is-invalid.custom-select:hover[multiple],.is-invalid.custom-select:hover[size]:not([size='1']),.was-validated select.form-control:invalid:focus[multiple],.was-validated select.form-control:invalid:focus[size]:not([size='1']),.was-validated textarea.form-control:invalid:focus:not([rows='1']),.was-validated .custom-select:invalid:focus[multiple],.was-validated .custom-select:invalid:focus[size]:not([size='1']),.was-validated select.form-control:invalid:hover[multiple],.was-validated select.form-control:invalid:hover[size]:not([size='1']),.was-validated textarea.form-control:invalid:hover:not([rows='1']),.was-validated .custom-select:invalid:hover[multiple],.was-validated .custom-select:invalid:hover[size]:not([size='1']){box-shadow:inset 2px 2px 0 -1px #f44336,inset -2px -2px 0 -1px #f44336}.textfield-box select.is-invalid.form-control:focus[multiple],.textfield-box select.is-invalid.form-control:focus[size]:not([size='1']),.textfield-box textarea.is-invalid.form-control:focus:not([rows='1']),.textfield-box .is-invalid.custom-select:focus[multiple],.textfield-box .is-invalid.custom-select:focus[size]:not([size='1']),.textfield-box select.is-invalid.form-control:hover[multiple],.textfield-box select.is-invalid.form-control:hover[size]:not([size='1']),.textfield-box textarea.is-invalid.form-control:hover:not([rows='1']),.textfield-box .is-invalid.custom-select:hover[multiple],.textfield-box .is-invalid.custom-select:hover[size]:not([size='1']),.was-validated .textfield-box select.form-control:invalid:focus[multiple],.was-validated .textfield-box select.form-control:invalid:focus[size]:not([size='1']),.was-validated .textfield-box textarea.form-control:invalid:focus:not([rows='1']),.was-validated .textfield-box .custom-select:invalid:focus[multiple],.was-validated .textfield-box .custom-select:invalid:focus[size]:not([size='1']),.was-validated .textfield-box select.form-control:invalid:hover[multiple],.was-validated .textfield-box select.form-control:invalid:hover[size]:not([size='1']),.was-validated .textfield-box textarea.form-control:invalid:hover:not([rows='1']),.was-validated .textfield-box .custom-select:invalid:hover[multiple],.was-validated .textfield-box .custom-select:invalid:hover[size]:not([size='1']){box-shadow:inset 0 -2px 0 -1px #f44336}.valid-feedback{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:#4caf50;display:none;margin-top:.5rem;width:100%}.form-control-lg+.valid-feedback{margin-top:.75rem}.form-control-sm+.valid-feedback{margin-top:.25rem}.valid-tooltip{border-radius:2px;background-color:#4caf50;color:white;display:none;font-size:.875rem;line-height:1.428572;margin-top:.5rem;max-width:100%;opacity:.9;padding:.375rem 1rem;position:absolute;top:100%;text-align:center;word-break:break-word;z-index:240}@media(min-width:768px){.valid-tooltip{font-size:.625rem;padding:.241071rem .5rem}}.form-control-lg+.valid-tooltip{margin-top:.75rem}.form-control-sm+.valid-tooltip{margin-top:.25rem}.custom-control-input.is-valid ~ .custom-control-label,.custom-control-input.is-valid ~ .custom-control-label::after,.was-validated .custom-control-input:valid ~ .custom-control-label,.was-validated .custom-control-input:valid ~ .custom-control-label::after{color:#4caf50}.custom-control-input.is-valid ~ .custom-control-label::before,.was-validated .custom-control-input:valid ~ .custom-control-label::before{background-color:#4caf50}.custom-control-input.is-valid ~ .custom-control-track,.was-validated .custom-control-input:valid ~ .custom-control-track{background-color:rgba(76,175,80,0.5)}.custom-control-input.is-valid ~ .valid-feedback,.custom-control-input.is-valid ~ .valid-tooltip,.was-validated .custom-control-input:valid ~ .valid-feedback,.was-validated .custom-control-input:valid ~ .valid-tooltip{display:block}.custom-file-input.is-valid:focus ~ .custom-file-label,.custom-file-input.is-valid:hover ~ .custom-file-label,.was-validated .custom-file-input:valid:focus ~ .custom-file-label,.was-validated .custom-file-input:valid:hover ~ .custom-file-label{border-bottom-color:#4caf50;box-shadow:inset 0 -2px 0 -1px #4caf50}.custom-file-input.is-valid ~ .custom-file-label,.was-validated .custom-file-input:valid ~ .custom-file-label{border-bottom-color:#4caf50}.custom-file-input.is-valid ~ .custom-file-label:hover,.was-validated .custom-file-input:valid ~ .custom-file-label:hover{border-bottom-color:#4caf50;box-shadow:inset 0 -2px 0 -1px #4caf50}.custom-file-input.is-valid ~ .valid-feedback,.custom-file-input.is-valid ~ .valid-tooltip,.was-validated .custom-file-input:valid ~ .valid-feedback,.was-validated .custom-file-input:valid ~ .valid-tooltip{display:block}.custom-switch .custom-control-input.is-valid ~ .custom-control-label::after,.was-validated .custom-switch .custom-control-input:valid ~ .custom-control-label::after{background-color:#4caf50}.form-check-input.is-valid+.form-check-label,.was-validated .form-check-input:valid+.form-check-label{color:#4caf50}.is-valid.form-control,.is-valid.custom-select,.is-valid.form-control-file,.was-validated .form-control:valid,.was-validated .custom-select:valid,.was-validated .form-control-file:valid{border-color:#4caf50}.is-valid.form-control:focus,.is-valid.custom-select:focus,.is-valid.form-control-file:focus,.is-valid.form-control:hover,.is-valid.custom-select:hover,.is-valid.form-control-file:hover,.was-validated .form-control:valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control-file:valid:focus,.was-validated .form-control:valid:hover,.was-validated .custom-select:valid:hover,.was-validated .form-control-file:valid:hover{border-color:#4caf50;box-shadow:inset 0 -2px 0 -1px #4caf50}.is-valid.form-control ~ .valid-feedback,.is-valid.custom-select ~ .valid-feedback,.is-valid.form-control-file ~ .valid-feedback,.is-valid.form-control ~ .valid-tooltip,.is-valid.custom-select ~ .valid-tooltip,.is-valid.form-control-file ~ .valid-tooltip,.was-validated .form-control:valid ~ .valid-feedback,.was-validated .custom-select:valid ~ .valid-feedback,.was-validated .form-control-file:valid ~ .valid-feedback,.was-validated .form-control:valid ~ .valid-tooltip,.was-validated .custom-select:valid ~ .valid-tooltip,.was-validated .form-control-file:valid ~ .valid-tooltip{display:block}select.is-valid.form-control:focus[multiple],select.is-valid.form-control:focus[size]:not([size='1']),textarea.is-valid.form-control:focus:not([rows='1']),.is-valid.custom-select:focus[multiple],.is-valid.custom-select:focus[size]:not([size='1']),select.is-valid.form-control:hover[multiple],select.is-valid.form-control:hover[size]:not([size='1']),textarea.is-valid.form-control:hover:not([rows='1']),.is-valid.custom-select:hover[multiple],.is-valid.custom-select:hover[size]:not([size='1']),.was-validated select.form-control:valid:focus[multiple],.was-validated select.form-control:valid:focus[size]:not([size='1']),.was-validated textarea.form-control:valid:focus:not([rows='1']),.was-validated .custom-select:valid:focus[multiple],.was-validated .custom-select:valid:focus[size]:not([size='1']),.was-validated select.form-control:valid:hover[multiple],.was-validated select.form-control:valid:hover[size]:not([size='1']),.was-validated textarea.form-control:valid:hover:not([rows='1']),.was-validated .custom-select:valid:hover[multiple],.was-validated .custom-select:valid:hover[size]:not([size='1']){box-shadow:inset 2px 2px 0 -1px #4caf50,inset -2px -2px 0 -1px #4caf50}.textfield-box select.is-valid.form-control:focus[multiple],.textfield-box select.is-valid.form-control:focus[size]:not([size='1']),.textfield-box textarea.is-valid.form-control:focus:not([rows='1']),.textfield-box .is-valid.custom-select:focus[multiple],.textfield-box .is-valid.custom-select:focus[size]:not([size='1']),.textfield-box select.is-valid.form-control:hover[multiple],.textfield-box select.is-valid.form-control:hover[size]:not([size='1']),.textfield-box textarea.is-valid.form-control:hover:not([rows='1']),.textfield-box .is-valid.custom-select:hover[multiple],.textfield-box .is-valid.custom-select:hover[size]:not([size='1']),.was-validated .textfield-box select.form-control:valid:focus[multiple],.was-validated .textfield-box select.form-control:valid:focus[size]:not([size='1']),.was-validated .textfield-box textarea.form-control:valid:focus:not([rows='1']),.was-validated .textfield-box .custom-select:valid:focus[multiple],.was-validated .textfield-box .custom-select:valid:focus[size]:not([size='1']),.was-validated .textfield-box select.form-control:valid:hover[multiple],.was-validated .textfield-box select.form-control:valid:hover[size]:not([size='1']),.was-validated .textfield-box textarea.form-control:valid:hover:not([rows='1']),.was-validated .textfield-box .custom-select:valid:hover[multiple],.was-validated .textfield-box .custom-select:valid:hover[size]:not([size='1']){box-shadow:inset 0 -2px 0 -1px #4caf50}.textfield-box .form-control,.textfield-box .custom-select,.textfield-box .form-control-file{background-color:rgba(0,0,0,0.06);border-radius:4px;padding:1rem 1rem calc(1rem - 1px)}.textfield-box select.form-control,.textfield-box .custom-select{padding-right:1.5em}.textfield-box select.form-control[multiple],.textfield-box select.form-control[size]:not([size='1']),.textfield-box textarea.form-control:not([rows='1']),.textfield-box .custom-select[multiple],.textfield-box .custom-select[size]:not([size='1']){border-width:0 0 1px;padding:1rem 1rem calc(1rem - 1px)}.textfield-box select.form-control:hover[multiple],.textfield-box select.form-control:hover[size]:not([size='1']),.textfield-box textarea.form-control:hover:not([rows='1']),.textfield-box .custom-select:hover[multiple],.textfield-box .custom-select:hover[size]:not([size='1']){box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,0.87)}.textfield-box select.form-control:focus[multiple],.textfield-box select.form-control:focus[size]:not([size='1']),.textfield-box textarea.form-control:focus:not([rows='1']),.textfield-box .custom-select:focus[multiple],.textfield-box .custom-select:focus[size]:not([size='1']){box-shadow:inset 0 -2px 0 -1px #ff4081}.textfield-box textarea.form-control{min-height:3.5rem}.textfield-box .form-control[type='file'],.textfield-box .form-control-file{max-height:3.5rem}.textfield-box-lg .form-control,.input-group-lg>.textfield-box .form-control,.textfield-box-lg .custom-select,.input-group-lg>.textfield-box .custom-select,.textfield-box-lg .form-control-file,.input-group-lg>.textfield-box .form-control-file{font-size:2.125rem;line-height:1.176471;padding:.875rem 1rem calc(0.875rem - 1px)}.textfield-box-lg select.form-control[multiple],.input-group-lg>.textfield-box select.form-control[multiple],.textfield-box-lg select.form-control[size]:not([size='1']),.input-group-lg>.textfield-box select.form-control[size]:not([size='1']),.textfield-box-lg textarea.form-control:not([rows='1']),.input-group-lg>.textfield-box textarea.form-control:not([rows='1']),.textfield-box-lg .custom-select[multiple],.input-group-lg>.textfield-box .custom-select[multiple],.textfield-box-lg .custom-select[size]:not([size='1']),.input-group-lg>.textfield-box .custom-select[size]:not([size='1']){padding:.875rem 1rem calc(0.875rem - 1px)}.textfield-box-lg textarea.form-control,.input-group-lg>.textfield-box textarea.form-control{min-height:4.25rem}.textfield-box-lg .custom-select,.input-group-lg>.textfield-box .custom-select{padding-right:1.5em}.textfield-box-lg .form-control[type='file'],.input-group-lg>.textfield-box .form-control[type='file'],.textfield-box-lg .form-control-file,.input-group-lg>.textfield-box .form-control-file{max-height:4.25rem}.textfield-box-sm .form-control,.input-group-sm>.textfield-box .form-control,.textfield-box-sm .custom-select,.input-group-sm>.textfield-box .custom-select,.textfield-box-sm .form-control-file,.input-group-sm>.textfield-box .form-control-file{font-size:.8125rem;line-height:1.538462;padding:.75rem .75rem calc(0.75rem - 1px)}.textfield-box-sm select.form-control[multiple],.input-group-sm>.textfield-box select.form-control[multiple],.textfield-box-sm select.form-control[size]:not([size='1']),.input-group-sm>.textfield-box select.form-control[size]:not([size='1']),.textfield-box-sm textarea.form-control:not([rows='1']),.input-group-sm>.textfield-box textarea.form-control:not([rows='1']),.textfield-box-sm .custom-select[multiple],.input-group-sm>.textfield-box .custom-select[multiple],.textfield-box-sm .custom-select[size]:not([size='1']),.input-group-sm>.textfield-box .custom-select[size]:not([size='1']){padding:.75rem .75rem calc(0.75rem - 1px)}.textfield-box-sm textarea.form-control,.input-group-sm>.textfield-box textarea.form-control{min-height:2.75rem}.textfield-box-sm .custom-select,.input-group-sm>.textfield-box .custom-select{padding-right:1.5em}.textfield-box-sm .form-control[type='file'],.input-group-sm>.textfield-box .form-control[type='file'],.textfield-box-sm .form-control-file,.input-group-sm>.textfield-box .form-control-file{max-height:2.75rem}.floating-label{padding-top:.75rem;position:relative}.floating-label.has-value label,.floating-label.is-focused label{top:0;-webkit-transform:scale(0.75);transform:scale(0.75)}.floating-label.is-focused label{color:#ff4081}.floating-label:not(.has-value):not(.is-focused) .form-control[type='date'],.floating-label:not(.has-value):not(.is-focused) .form-control[type='datetime-local'],.floating-label:not(.has-value):not(.is-focused) .form-control[type='time']{color:transparent}.floating-label label{transition-duration:.3s;transition-property:color,top,-webkit-transform;transition-property:color,top,transform;transition-property:color,top,transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:rgba(0,0,0,0.38);display:block;font-size:1rem;line-height:1.5;margin:0;padding:0;position:absolute;top:1.125rem;left:0;-webkit-transform-origin:0 0;transform-origin:0 0}@media(min-width:576px){.floating-label label{transition-duration:.39s}}@media(min-width:992px){.floating-label label{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.floating-label label{transition:none}}.floating-label .form-control,.floating-label .custom-select,.floating-label .form-control-file{position:relative}.floating-label .form-control:focus::-webkit-input-placeholder,.floating-label .custom-select:focus::-webkit-input-placeholder,.floating-label .form-control-file:focus::-webkit-input-placeholder{color:rgba(0,0,0,0.38);opacity:1}.floating-label .form-control:focus::-moz-placeholder,.floating-label .custom-select:focus::-moz-placeholder,.floating-label .form-control-file:focus::-moz-placeholder{color:rgba(0,0,0,0.38);opacity:1}.floating-label .form-control:focus:-ms-input-placeholder,.floating-label .custom-select:focus:-ms-input-placeholder,.floating-label .form-control-file:focus:-ms-input-placeholder{color:rgba(0,0,0,0.38);opacity:1}.floating-label .form-control:focus::-ms-input-placeholder,.floating-label .custom-select:focus::-ms-input-placeholder,.floating-label .form-control-file:focus::-ms-input-placeholder{color:rgba(0,0,0,0.38);opacity:1}.floating-label .form-control:focus::placeholder,.floating-label .custom-select:focus::placeholder,.floating-label .form-control-file:focus::placeholder{color:rgba(0,0,0,0.38);opacity:1}.floating-label .form-control::-webkit-input-placeholder,.floating-label .custom-select::-webkit-input-placeholder,.floating-label .form-control-file::-webkit-input-placeholder{transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:transparent;opacity:0}.floating-label .form-control::-moz-placeholder,.floating-label .custom-select::-moz-placeholder,.floating-label .form-control-file::-moz-placeholder{transition-duration:.3s;-moz-transition-property:opacity;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:transparent;opacity:0}.floating-label .form-control:-ms-input-placeholder,.floating-label .custom-select:-ms-input-placeholder,.floating-label .form-control-file:-ms-input-placeholder{transition-duration:.3s;-ms-transition-property:opacity;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:transparent;opacity:0}.floating-label .form-control::-ms-input-placeholder,.floating-label .custom-select::-ms-input-placeholder,.floating-label .form-control-file::-ms-input-placeholder{transition-duration:.3s;-ms-transition-property:opacity;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:transparent;opacity:0}.floating-label .form-control::placeholder,.floating-label .custom-select::placeholder,.floating-label .form-control-file::placeholder{transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:transparent;opacity:0}@media(min-width:576px){.floating-label .form-control::-webkit-input-placeholder,.floating-label .custom-select::-webkit-input-placeholder,.floating-label .form-control-file::-webkit-input-placeholder{transition-duration:.39s}.floating-label .form-control::-moz-placeholder,.floating-label .custom-select::-moz-placeholder,.floating-label .form-control-file::-moz-placeholder{transition-duration:.39s}.floating-label .form-control:-ms-input-placeholder,.floating-label .custom-select:-ms-input-placeholder,.floating-label .form-control-file:-ms-input-placeholder{transition-duration:.39s}.floating-label .form-control::-ms-input-placeholder,.floating-label .custom-select::-ms-input-placeholder,.floating-label .form-control-file::-ms-input-placeholder{transition-duration:.39s}.floating-label .form-control::placeholder,.floating-label .custom-select::placeholder,.floating-label .form-control-file::placeholder{transition-duration:.39s}}@media(min-width:992px){.floating-label .form-control::-webkit-input-placeholder,.floating-label .custom-select::-webkit-input-placeholder,.floating-label .form-control-file::-webkit-input-placeholder{transition-duration:.2s}.floating-label .form-control::-moz-placeholder,.floating-label .custom-select::-moz-placeholder,.floating-label .form-control-file::-moz-placeholder{transition-duration:.2s}.floating-label .form-control:-ms-input-placeholder,.floating-label .custom-select:-ms-input-placeholder,.floating-label .form-control-file:-ms-input-placeholder{transition-duration:.2s}.floating-label .form-control::-ms-input-placeholder,.floating-label .custom-select::-ms-input-placeholder,.floating-label .form-control-file::-ms-input-placeholder{transition-duration:.2s}.floating-label .form-control::placeholder,.floating-label .custom-select::placeholder,.floating-label .form-control-file::placeholder{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.floating-label .form-control::-webkit-input-placeholder,.floating-label .custom-select::-webkit-input-placeholder,.floating-label .form-control-file::-webkit-input-placeholder{-webkit-transition:none;transition:none}.floating-label .form-control::-moz-placeholder,.floating-label .custom-select::-moz-placeholder,.floating-label .form-control-file::-moz-placeholder{-moz-transition:none;transition:none}.floating-label .form-control:-ms-input-placeholder,.floating-label .custom-select:-ms-input-placeholder,.floating-label .form-control-file:-ms-input-placeholder{-ms-transition:none;transition:none}.floating-label .form-control::-ms-input-placeholder,.floating-label .custom-select::-ms-input-placeholder,.floating-label .form-control-file::-ms-input-placeholder{-ms-transition:none;transition:none}.floating-label .form-control::placeholder,.floating-label .custom-select::placeholder,.floating-label .form-control-file::placeholder{transition:none}}.floating-label-lg.has-value label,.input-group-lg>.has-value.floating-label label,.floating-label-lg.is-focused label,.input-group-lg>.is-focused.floating-label label{-webkit-transform:scale(0.411765);transform:scale(0.411765)}.floating-label-lg label,.input-group-lg>.floating-label label{font-size:2.125rem;line-height:1.176471;top:1.5rem}.floating-label-lg .form-control,.input-group-lg>.floating-label .form-control,.floating-label-lg .custom-select,.input-group-lg>.floating-label .custom-select,.floating-label-lg .form-control-file,.input-group-lg>.floating-label .form-control-file{font-size:2.125rem;line-height:1.176471;padding:.625rem 0 calc(0.625rem - 1px)}.floating-label-lg select.form-control,.input-group-lg>.floating-label select.form-control,.floating-label-lg .custom-select,.input-group-lg>.floating-label .custom-select{padding-right:1.5em}.floating-label-lg select.form-control[multiple],.input-group-lg>.floating-label select.form-control[multiple],.floating-label-lg select.form-control[size]:not([size='1']),.input-group-lg>.floating-label select.form-control[size]:not([size='1']),.floating-label-lg textarea.form-control:not([rows='1']),.input-group-lg>.floating-label textarea.form-control:not([rows='1']),.floating-label-lg .custom-select[multiple],.input-group-lg>.floating-label .custom-select[multiple],.floating-label-lg .custom-select[size]:not([size='1']),.input-group-lg>.floating-label .custom-select[size]:not([size='1']){padding:.875rem 1rem calc(0.875rem - 1px)}.floating-label-sm.has-value label,.input-group-sm>.has-value.floating-label label,.floating-label-sm.is-focused label,.input-group-sm>.is-focused.floating-label label{-webkit-transform:scale(0.769231);transform:scale(0.769231)}.floating-label-sm label,.input-group-sm>.floating-label label{font-size:.8125rem;line-height:1.538462;top:1.0rem}.floating-label-sm .form-control,.input-group-sm>.floating-label .form-control,.floating-label-sm .custom-select,.input-group-sm>.floating-label .custom-select,.floating-label-sm .form-control-file,.input-group-sm>.floating-label .form-control-file{font-size:.8125rem;line-height:1.538462;padding:.375rem 0 calc(0.375rem - 1px)}.floating-label-sm select.form-control,.input-group-sm>.floating-label select.form-control,.floating-label-sm .custom-select,.input-group-sm>.floating-label .custom-select{padding-right:1.5em}.floating-label-sm select.form-control[multiple],.input-group-sm>.floating-label select.form-control[multiple],.floating-label-sm select.form-control[size]:not([size='1']),.input-group-sm>.floating-label select.form-control[size]:not([size='1']),.floating-label-sm textarea.form-control:not([rows='1']),.input-group-sm>.floating-label textarea.form-control:not([rows='1']),.floating-label-sm .custom-select[multiple],.input-group-sm>.floating-label .custom-select[multiple],.floating-label-sm .custom-select[size]:not([size='1']),.input-group-sm>.floating-label .custom-select[size]:not([size='1']){padding:.75rem .75rem calc(0.75rem - 1px)}.floating-label.textfield-box{padding-top:0}.floating-label.textfield-box.has-value label,.floating-label.textfield-box.is-focused label{line-height:1;top:.5rem}.floating-label.textfield-box label{top:1rem;left:1rem}.floating-label.textfield-box .form-control,.floating-label.textfield-box .custom-select,.floating-label.textfield-box .form-control-file,.floating-label.textfield-box select.form-control[multiple],.floating-label.textfield-box select.form-control[size]:not([size='1']),.floating-label.textfield-box textarea.form-control:not([rows='1']),.floating-label.textfield-box .custom-select[multiple],.floating-label.textfield-box .custom-select[size]:not([size='1']){padding-top:1.5rem}.floating-label.textfield-box .form-control,.floating-label.textfield-box .custom-select,.floating-label.textfield-box .form-control-file{padding-bottom:calc(0.5rem - 1px)}.floating-label-lg.textfield-box label,.input-group-lg>.textfield-box.floating-label label{top:.875rem;left:1rem}.floating-label-lg.textfield-box .form-control,.input-group-lg>.textfield-box.floating-label .form-control,.floating-label-lg.textfield-box .custom-select,.input-group-lg>.textfield-box.floating-label .custom-select,.floating-label-lg.textfield-box .form-control-file,.input-group-lg>.textfield-box.floating-label .form-control-file,.floating-label-lg.textfield-box select.form-control[multiple],.input-group-lg>.textfield-box.floating-label select.form-control[multiple],.floating-label-lg.textfield-box select.form-control[size]:not([size='1']),.input-group-lg>.textfield-box.floating-label select.form-control[size]:not([size='1']),.floating-label-lg.textfield-box textarea.form-control:not([rows='1']),.input-group-lg>.textfield-box.floating-label textarea.form-control:not([rows='1']),.floating-label-lg.textfield-box .custom-select[multiple],.input-group-lg>.textfield-box.floating-label .custom-select[multiple],.floating-label-lg.textfield-box .custom-select[size]:not([size='1']),.input-group-lg>.textfield-box.floating-label .custom-select[size]:not([size='1']){padding-top:1.249999rem;padding-right:1rem;padding-left:1rem}.floating-label-lg.textfield-box select.form-control,.input-group-lg>.textfield-box.floating-label select.form-control,.floating-label-lg.textfield-box .custom-select,.input-group-lg>.textfield-box.floating-label .custom-select{padding-right:1.5em}.floating-label-sm.textfield-box label,.input-group-sm>.textfield-box.floating-label label{top:.75rem;left:.75rem}.floating-label-sm.textfield-box .form-control,.input-group-sm>.textfield-box.floating-label .form-control,.floating-label-sm.textfield-box .custom-select,.input-group-sm>.textfield-box.floating-label .custom-select,.floating-label-sm.textfield-box .form-control-file,.input-group-sm>.textfield-box.floating-label .form-control-file,.floating-label-sm.textfield-box select.form-control[multiple],.input-group-sm>.textfield-box.floating-label select.form-control[multiple],.floating-label-sm.textfield-box select.form-control[size]:not([size='1']),.input-group-sm>.textfield-box.floating-label select.form-control[size]:not([size='1']),.floating-label-sm.textfield-box textarea.form-control:not([rows='1']),.input-group-sm>.textfield-box.floating-label textarea.form-control:not([rows='1']),.floating-label-sm.textfield-box .custom-select[multiple],.input-group-sm>.textfield-box.floating-label .custom-select[multiple],.floating-label-sm.textfield-box .custom-select[size]:not([size='1']),.input-group-sm>.textfield-box.floating-label .custom-select[size]:not([size='1']){padding-top:1.0rem;padding-right:.75rem;padding-left:.75rem}.floating-label-sm.textfield-box select.form-control,.input-group-sm>.textfield-box.floating-label select.form-control,.floating-label-sm.textfield-box .custom-select,.input-group-sm>.textfield-box.floating-label .custom-select{padding-right:1.5em}.input-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.floating-label,.input-group>.form-control,.input-group>.form-control-file,.input-group>.textfield-box{-ms-flex:1 1 auto;flex:1 1 auto;margin-bottom:0;width:1%}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.floating-label,.input-group>.custom-file+.form-control,.input-group>.custom-file+.form-control-file,.input-group>.custom-file+.textfield-box,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.floating-label,.input-group>.custom-select+.form-control,.input-group>.custom-select+.form-control-file,.input-group>.custom-select+.textfield-box,.input-group>.floating-label+.custom-file,.input-group>.floating-label+.custom-select,.input-group>.floating-label+.floating-label,.input-group>.floating-label+.form-control,.input-group>.floating-label+.form-control-file,.input-group>.floating-label+.textfield-box,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.floating-label,.input-group>.form-control+.form-control,.input-group>.form-control+.form-control-file,.input-group>.form-control+.textfield-box,.input-group>.form-control-file+.custom-file,.input-group>.form-control-file+.custom-select,.input-group>.form-control-file+.floating-label,.input-group>.form-control-file+.form-control,.input-group>.form-control-file+.form-control-file,.input-group>.form-control-file+.textfield-box,.input-group>.textfield-box+.custom-file,.input-group>.textfield-box+.custom-select,.input-group>.textfield-box+.floating-label,.input-group>.textfield-box+.form-control,.input-group>.textfield-box+.form-control-file,.input-group>.textfield-box+.textfield-box{margin-left:1rem}.input-group-append,.input-group-prepend{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.input-group-append .btn,.input-group-prepend .btn{min-width:0}.input-group-append .btn+.btn,.input-group-prepend .btn+.btn{margin-left:-1px}.input-group-append{margin-left:1rem}.input-group-prepend{margin-right:1rem}.input-group-text{color:inherit;font-size:1rem;line-height:1.5;margin-bottom:0;white-space:nowrap}.input-group-text+.input-group-text{margin-left:.5rem}.input-group>.input-group-append>.btn:not(:first-of-type),.input-group>.input-group-prepend>.btn:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.input-group-append>.btn:not(:last-of-type),.input-group>.input-group-prepend>.btn:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-icon{transition-duration:.3s;transition-property:color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:rgba(0,0,0,0.42);font-size:.875rem;margin-right:1rem;-ms-flex-order:-1;order:-1}@media(min-width:576px){.input-group-icon{transition-duration:.39s}}@media(min-width:992px){.input-group-icon{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.input-group-icon{transition:none}}.input-group-icon:hover{color:rgba(0,0,0,0.87)}.floating-label.is-focused ~ .input-group-icon,.form-control:focus ~ .input-group-icon{color:#ff4081}.floating-label:not(.textfield-box) ~ .input-group-icon{margin-top:.75rem}.input-group-lg>.floating-label.has-value label,.input-group-lg>.floating-label.is-focused label{top:0}.input-group-lg>.floating-label.textfield-box.has-value label,.input-group-lg>.floating-label.textfield-box.is-focused label{top:.5rem}.input-group-lg>.floating-label:not(.textfield-box) ~ .input-group-icon{margin-top:.875rem}.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.form-control-file{font-size:2.125rem;line-height:1.176471;padding:.625rem 0 calc(0.625rem - 1px)}.input-group-lg>select.form-control,.input-group-lg>.custom-select{padding-right:1.5em}.input-group-lg>select.form-control[multiple],.input-group-lg>select.form-control[size]:not([size='1']),.input-group-lg>textarea.form-control:not([rows='1']),.input-group-lg>.custom-select[multiple],.input-group-lg>.custom-select[size]:not([size='1']){padding:.875rem 1rem calc(0.875rem - 1px)}.input-group-lg>.form-control[type='file'],.input-group-lg>.form-control-file{max-height:4.25rem}.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.input-group-text{font-size:2.125rem;line-height:1.176471}.input-group-lg>.input-group-icon{font-size:1.859375rem;line-height:1.176471}.input-group-sm>.floating-label.has-value label,.input-group-sm>.floating-label.is-focused label{top:0}.input-group-sm>.floating-label.textfield-box.has-value label,.input-group-sm>.floating-label.textfield-box.is-focused label{top:.5rem}.input-group-sm>.floating-label:not(.textfield-box) ~ .input-group-icon{margin-top:.625rem}.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.form-control-file{font-size:.8125rem;line-height:1.538462;padding:.375rem 0 calc(0.375rem - 1px)}.input-group-sm>select.form-control,.input-group-sm>.custom-select{padding-right:1.5em}.input-group-sm>select.form-control[multiple],.input-group-sm>select.form-control[size]:not([size='1']),.input-group-sm>textarea.form-control:not([rows='1']),.input-group-sm>.custom-select[multiple],.input-group-sm>.custom-select[size]:not([size='1']){padding:.75rem .75rem calc(0.75rem - 1px)}.input-group-sm>.form-control[type='file'],.input-group-sm>.form-control-file{max-height:2.75rem}.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.input-group-text{font-size:.8125rem;line-height:1.538462}.input-group-sm>.input-group-icon{font-size:.710938rem;line-height:1.538462}.navbar{-ms-flex-align:center;align-items:center;color:rgba(0,0,0,0.87);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;min-height:3.5rem;padding:.625rem 1rem;position:relative}.navbar .form-control{border-radius:2px;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:rgba(0,0,0,0.12);border:0;color:inherit;opacity:.7;padding:.375rem 1rem}@media(min-width:576px){.navbar .form-control{transition-duration:.39s}}@media(min-width:992px){.navbar .form-control{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.navbar .form-control{transition:none}}.navbar .form-control:focus,.navbar .form-control:hover{box-shadow:none;opacity:1}.navbar .form-control-lg{padding-top:.625rem;padding-bottom:.625rem}.navbar .form-control-sm{padding-top:.375rem;padding-bottom:.375rem}.navbar .input-group{border-radius:2px;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:rgba(0,0,0,0.12);opacity:.7}@media(min-width:576px){.navbar .input-group{transition-duration:.39s}}@media(min-width:992px){.navbar .input-group{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.navbar .input-group{transition:none}}.navbar .input-group:focus,.navbar .input-group:hover{opacity:1}.navbar .input-group .form-control{background-color:transparent;opacity:1}.navbar .input-group .form-control:not(:first-child){padding-left:0}.navbar .input-group .form-control:not(:last-child){padding-right:0}.navbar .input-group .input-group-append{margin-left:0;min-width:0}.navbar .input-group .input-group-prepend{margin-right:0;min-width:0}.navbar .input-group .input-group-text{margin-right:1rem;margin-left:1rem}.navbar .input-group-lg>.form-control{padding-top:.625rem;padding-bottom:.625rem}.navbar .input-group-sm>.form-control{padding-top:.375rem;padding-bottom:.375rem}.navbar .nav-tabs{margin-top:-0.625rem;margin-bottom:-0.625rem}.navbar .nav-tabs .nav-link{min-height:3.5rem;padding-top:1.3125rem;padding-bottom:1.3125rem}.navbar>.container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.navbar-dark{color:white}.navbar-dark .form-control,.navbar-dark .input-group,.navbar-dark .navbar-brand::before,.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-toggler::before{background-color:rgba(255,255,255,0.12)}.navbar-dark .form-control::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}.navbar-dark .form-control::-moz-placeholder{color:rgba(255,255,255,0.5)}.navbar-dark .form-control:-ms-input-placeholder{color:rgba(255,255,255,0.5)}.navbar-dark .form-control::-ms-input-placeholder{color:rgba(255,255,255,0.5)}.navbar-dark .form-control::placeholder,.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,0.5)}.navbar-fixed-bottom,.navbar-fixed-top{box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);position:fixed;right:0;left:0;z-index:40}.navbar-fixed-bottom{bottom:0}.navbar-fixed-top{top:0}.navbar-full{box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);z-index:40}@supports((position:-webkit-sticky) or(position:sticky)){.navbar-sticky-top{box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);position:-webkit-sticky;position:sticky;top:0;z-index:40}}.toolbar-waterfall{transition-duration:.3s;transition-property:background-color,box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;top:0;right:0;left:0;z-index:40}@media(min-width:576px){.toolbar-waterfall{transition-duration:.39s}}@media(min-width:992px){.toolbar-waterfall{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.toolbar-waterfall{transition:none}}.toolbar-waterfall.waterfall{background-color:#9c27b0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);position:fixed}.navbar-brand{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.4;-ms-flex-align:center;align-items:center;color:inherit;display:-ms-inline-flexbox;display:inline-flex;height:2.25rem;position:relative;white-space:nowrap}.navbar-brand:active,.navbar-brand:focus,.navbar-brand:hover{color:inherit;text-decoration:none}.navbar-brand::before{transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:rgba(0,0,0,0.12);content:'';display:block;opacity:0;position:absolute;top:0;right:-0.5rem;bottom:0;left:-0.5rem}@media(min-width:576px){.navbar-brand::before{transition-duration:.39s}}@media(min-width:992px){.navbar-brand::before{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.navbar-brand::before{transition:none}}.navbar-brand:focus{outline:0}.navbar-brand:focus::before{opacity:1}.navbar-brand:not(:first-child){margin-left:1rem}.navbar-brand:not(:last-child){margin-right:1rem}.navbar-text{-ms-flex-align:center;align-items:center;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:2.25rem}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.navbar-nav .nav-link{border-radius:2px;transition-duration:.3s;transition-property:background-color,opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);color:inherit;font-size:1rem;height:2.25rem;line-height:1;opacity:.7;padding:.625rem 1rem}@media(min-width:576px){.navbar-nav .nav-link{transition-duration:.39s}}@media(min-width:992px){.navbar-nav .nav-link{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.navbar-nav .nav-link{transition:none}}.navbar-nav .nav-link:active,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{background-color:rgba(0,0,0,0.12);opacity:1}.navbar-nav .nav-link.active,.navbar-nav .nav-link.disabled{opacity:1}.navbar-nav .nav-link.disabled{background-color:transparent;color:rgba(0,0,0,0.38)}.navbar-nav .nav-link:focus{outline:0}.navbar-nav .active>.nav-link,.navbar-nav .show>.nav-link{opacity:1}.navbar-nav .show>.nav-link{background-color:rgba(0,0,0,0.12)}.navbar-collapse{-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1}@media(max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media(min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .navbar-toggler:first-child+.navbar-brand{margin-left:0}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media(max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media(min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-collapse{display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .navbar-toggler:first-child+.navbar-brand{margin-left:0}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media(max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media(min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .navbar-toggler:first-child+.navbar-brand{margin-left:0}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media(max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media(min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .navbar-toggler:first-child+.navbar-brand{margin-left:0}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-collapse{display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .navbar-toggler:first-child+.navbar-brand{margin-left:0}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-toggler{-ms-flex-align:center;align-items:center;background-color:transparent;border:0;border-radius:50%;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:2.25rem;-ms-flex-pack:center;justify-content:center;line-height:1;padding:0;position:relative;width:2.25rem}.navbar-toggler:active,.navbar-toggler:focus,.navbar-toggler:hover{color:inherit;text-decoration:none}.navbar-toggler:active::before,.navbar-toggler:focus::before,.navbar-toggler:hover::before{opacity:1}.navbar-toggler::before{transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:rgba(0,0,0,0.12);border-radius:50%;content:'';display:block;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}@media(min-width:576px){.navbar-toggler::before{transition-duration:.39s}}@media(min-width:992px){.navbar-toggler::before{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.navbar-toggler::before{transition:none}}.navbar-toggler:focus{outline:0}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em;font-family:'Material Icons';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;display:block}.navbar-toggler-icon::before{content:"menu"}.tooltip{text-align:left;text-align:start;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.428572;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;display:block;font-size:.875rem;line-height:1.428572;margin:1.5rem;opacity:0;position:absolute;word-break:break-word;z-index:240}[dir='rtl'] .tooltip{text-align:right;text-align:start}@media(min-width:768px){.tooltip{font-size:.625rem;margin:.875rem}}.tooltip.show{opacity:.9}.tooltip.show .tooltip-inner{-webkit-transform:scale(1);transform:scale(1)}.tooltip-inner{border-radius:2px;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);background-color:#616161;color:white;padding:.375rem 1rem;text-align:center;-webkit-transform:scale(0.87);transform:scale(0.87)}@media(min-width:576px){.tooltip-inner{transition-duration:.39s}}@media(min-width:992px){.tooltip-inner{transition-duration:.2s}}@media screen and (prefers-reduced-motion:reduce){.tooltip-inner{transition:none}}@media(min-width:768px){.tooltip-inner{padding:.241071rem .5rem}}.align-top{vertical-align:top !important}.align-text-top{vertical-align:text-top !important}.align-middle{vertical-align:middle !important}.align-baseline{vertical-align:baseline !important}.align-text-bottom{vertical-align:text-bottom !important}.align-bottom{vertical-align:bottom !important}.border{border:1px solid rgba(0,0,0,0.12) !important}.border-0{border:0 !important}.border-top{border-top:1px solid rgba(0,0,0,0.12) !important}.border-top-0{border-top:0 !important}.border-right{border-right:1px solid rgba(0,0,0,0.12) !important}.border-right-0{border-right:0 !important}.border-bottom{border-bottom:1px solid rgba(0,0,0,0.12) !important}.border-bottom-0{border-bottom:0 !important}.border-left{border-left:1px solid rgba(0,0,0,0.12) !important}.border-left-0{border-left:0 !important}.border-black{border-color:#000 !important}.border-black-primary{border-color:rgba(0,0,0,0.87) !important}.border-black-secondary{border-color:rgba(0,0,0,0.54) !important}.border-black-hint{border-color:rgba(0,0,0,0.38) !important}.border-black-divider{border-color:rgba(0,0,0,0.12) !important}.border-white{border-color:#fff !important}.border-white-primary{border-color:white !important}.border-white-secondary{border-color:rgba(255,255,255,0.7) !important}.border-white-hint{border-color:rgba(255,255,255,0.5) !important}.border-white-divider{border-color:rgba(255,255,255,0.12) !important}.border-primary{border-color:#9c27b0 !important}.border-secondary{border-color:#ff4081 !important}.border-danger{border-color:#f44336 !important}.border-info{border-color:#2196f3 !important}.border-success{border-color:#4caf50 !important}.border-warning{border-color:#ff9800 !important}.border-dark{border-color:#424242 !important}.border-light{border-color:#f5f5f5 !important}.rounded{border-radius:2px}.rounded-0{border-radius:0}.rounded-circle{border-radius:50%}.rounded-top{border-top-left-radius:2px;border-top-right-radius:2px}.rounded-right{border-top-right-radius:2px;border-bottom-right-radius:2px}.rounded-bottom{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.rounded-left{border-top-left-radius:2px;border-bottom-left-radius:2px}.bg-dark-1{background-color:#000 !important}.bg-dark-2{background-color:#212121 !important}.bg-dark-3{background-color:#303030 !important}.bg-dark-4{background-color:#424242 !important}.bg-light-1{background-color:#e0e0e0 !important}.bg-light-2{background-color:#f5f5f5 !important}.bg-light-3{background-color:#fafafa !important}.bg-light-4{background-color:#fff !important}.bg-transparent{background-color:transparent !important}.bg-white{background-color:#fff !important}a.bg-primary:active,a.bg-primary:focus,a.bg-primary:hover{background-color:#7b1fa2 !important}.bg-primary{background-color:#9c27b0 !important}a.bg-secondary:active,a.bg-secondary:focus,a.bg-secondary:hover{background-color:#f50057 !important}.bg-secondary{background-color:#ff4081 !important}a.bg-danger:active,a.bg-danger:focus,a.bg-danger:hover{background-color:#d32f2f !important}.bg-danger{background-color:#f44336 !important}a.bg-info:active,a.bg-info:focus,a.bg-info:hover{background-color:#1976d2 !important}.bg-info{background-color:#2196f3 !important}a.bg-success:active,a.bg-success:focus,a.bg-success:hover{background-color:#388e3c !important}.bg-success{background-color:#4caf50 !important}a.bg-warning:active,a.bg-warning:focus,a.bg-warning:hover{background-color:#f57c00 !important}.bg-warning{background-color:#ff9800 !important}a.bg-dark:active,a.bg-dark:focus,a.bg-dark:hover{background-color:#212121 !important}.bg-dark{background-color:#424242 !important}a.bg-light:active,a.bg-light:focus,a.bg-light:hover{background-color:#e0e0e0 !important}.bg-light{background-color:#f5f5f5 !important}.bg-primary-dark{background-color:#7b1fa2 !important}.bg-primary-light{background-color:#e1bee7 !important}.bg-secondary-dark{background-color:#f50057 !important}.bg-secondary-light{background-color:#ff80ab !important}.clearfix::after{clear:both;content:'';display:table}.d-block{display:block !important}.d-flex{display:-ms-flexbox !important;display:flex !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}.d-none{display:none !important}.d-table{display:table !important}.d-table-cell{display:table-cell !important}.d-table-row{display:table-row !important}@media(min-width:576px){.d-sm-block{display:block !important}.d-sm-flex{display:-ms-flexbox !important;display:flex !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}.d-sm-none{display:none !important}.d-sm-table{display:table !important}.d-sm-table-cell{display:table-cell !important}.d-sm-table-row{display:table-row !important}}@media(min-width:768px){.d-md-block{display:block !important}.d-md-flex{display:-ms-flexbox !important;display:flex !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}.d-md-none{display:none !important}.d-md-table{display:table !important}.d-md-table-cell{display:table-cell !important}.d-md-table-row{display:table-row !important}}@media(min-width:992px){.d-lg-block{display:block !important}.d-lg-flex{display:-ms-flexbox !important;display:flex !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}.d-lg-none{display:none !important}.d-lg-table{display:table !important}.d-lg-table-cell{display:table-cell !important}.d-lg-table-row{display:table-row !important}}@media(min-width:1200px){.d-xl-block{display:block !important}.d-xl-flex{display:-ms-flexbox !important;display:flex !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}.d-xl-none{display:none !important}.d-xl-table{display:table !important}.d-xl-table-cell{display:table-cell !important}.d-xl-table-row{display:table-row !important}}@media print{.d-print-block{display:block !important}.d-print-flex{display:-ms-flexbox !important;display:flex !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-inline-flex{display:-ms-inline-flexbox !important;display:inline-flex !important}.d-print-none{display:none !important}.d-print-table{display:table !important}.d-print-table-cell{display:table-cell !important}.d-print-table-row{display:table-row !important}}.align-content-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-items-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.align-items-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-self-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}.flex-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.justify-content-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:1;order:1}.order-0{-ms-flex-order:0;order:0}@media(min-width:576px){.align-content-sm-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-sm-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-sm-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-sm-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-sm-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-sm-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-items-sm-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-sm-center{-ms-flex-align:center !important;align-items:center !important}.align-items-sm-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-sm-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-sm-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-self-sm-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-sm-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-sm-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-sm-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-sm-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-sm-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}.flex-sm-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-sm-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-sm-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-sm-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-sm-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-sm-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-sm-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-sm-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-sm-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-sm-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.justify-content-sm-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-sm-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-sm-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-sm-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:1;order:1}.order-sm-0{-ms-flex-order:0;order:0}}@media(min-width:768px){.align-content-md-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-md-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-md-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-md-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-md-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-md-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-items-md-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-md-center{-ms-flex-align:center !important;align-items:center !important}.align-items-md-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-md-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-md-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-self-md-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-md-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-md-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-md-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-md-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-md-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}.flex-md-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-md-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-md-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-md-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-md-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-md-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-md-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-md-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-md-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-md-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-md-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-md-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.justify-content-md-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-md-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-md-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-md-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:1;order:1}.order-md-0{-ms-flex-order:0;order:0}}@media(min-width:992px){.align-content-lg-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-lg-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-lg-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-lg-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-lg-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-lg-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-items-lg-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-lg-center{-ms-flex-align:center !important;align-items:center !important}.align-items-lg-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-lg-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-lg-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-self-lg-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-lg-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-lg-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-lg-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-lg-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-lg-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}.flex-lg-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-lg-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-lg-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-lg-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-lg-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-lg-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-lg-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-lg-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-lg-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-lg-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.justify-content-lg-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-lg-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-lg-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-lg-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:1;order:1}.order-lg-0{-ms-flex-order:0;order:0}}@media(min-width:1200px){.align-content-xl-around{-ms-flex-line-pack:distribute !important;align-content:space-around !important}.align-content-xl-between{-ms-flex-line-pack:justify !important;align-content:space-between !important}.align-content-xl-center{-ms-flex-line-pack:center !important;align-content:center !important}.align-content-xl-end{-ms-flex-line-pack:end !important;align-content:flex-end !important}.align-content-xl-start{-ms-flex-line-pack:start !important;align-content:flex-start !important}.align-content-xl-stretch{-ms-flex-line-pack:stretch !important;align-content:stretch !important}.align-items-xl-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-xl-center{-ms-flex-align:center !important;align-items:center !important}.align-items-xl-start{-ms-flex-align:start !important;align-items:flex-start !important}.align-items-xl-end{-ms-flex-align:end !important;align-items:flex-end !important}.align-items-xl-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.align-self-xl-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.align-self-xl-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.align-self-xl-center{-ms-flex-item-align:center !important;align-self:center !important}.align-self-xl-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.align-self-xl-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.align-self-xl-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}.flex-xl-column{-ms-flex-direction:column !important;flex-direction:column !important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-xl-row{-ms-flex-direction:row !important;flex-direction:row !important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-xl-fill{-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-xl-grow-0{-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-xl-grow-1{-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-xl-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-xl-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-xl-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-xl-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-xl-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.justify-content-xl-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-xl-center{-ms-flex-pack:center !important;justify-content:center !important}.justify-content-xl-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-xl-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:1;order:1}.order-xl-0{-ms-flex-order:0;order:0}}.float-left{float:left !important}.float-none{float:none !important}.float-right{float:right !important}@media(min-width:576px){.float-sm-left{float:left !important}.float-sm-none{float:none !important}.float-sm-right{float:right !important}}@media(min-width:768px){.float-md-left{float:left !important}.float-md-none{float:none !important}.float-md-right{float:right !important}}@media(min-width:992px){.float-lg-left{float:left !important}.float-lg-none{float:none !important}.float-lg-right{float:right !important}}@media(min-width:1200px){.float-xl-left{float:left !important}.float-xl-none{float:none !important}.float-xl-right{float:right !important}}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-relative{position:relative !important}.position-static{position:static !important}.position-sticky{position:-webkit-sticky !important;position:sticky !important}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:40}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:40}@supports((position:-webkit-sticky) or(position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:40}}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;overflow:visible;position:static;white-space:normal;width:auto}.shadow{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2) !important}.shadow-lg{box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px 0 rgba(0,0,0,0.2) !important}.shadow-none{box-shadow:none !important}.shadow-sm{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2) !important}.shadow-24{box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px 0 rgba(0,0,0,0.2) !important}.shadow-16{box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px 0 rgba(0,0,0,0.2) !important}.shadow-12{box-shadow:0 12px 17px 2px rgba(0,0,0,0.14),0 5px 22px 4px rgba(0,0,0,0.12),0 7px 8px 0 rgba(0,0,0,0.2) !important}.shadow-8{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 4px 15px 0 rgba(0,0,0,0.2) !important}.shadow-6{box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px 0 rgba(0,0,0,0.2) !important}.shadow-4{box-shadow:0 2px 4px 0 rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2) !important}.shadow-2{box-shadow:0 0 4px 0 rgba(0,0,0,0.14),0 3px 4px 0 rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2) !important}.shadow-1{box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2) !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mh-100{max-height:100% !important}.mw-100{max-width:100% !important}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.m-1{margin:.25rem !important}.mt-1{margin-top:.25rem !important}.mr-1{margin-right:.25rem !important}.mb-1{margin-bottom:.25rem !important}.ml-1{margin-left:.25rem !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-2{margin:.5rem !important}.mt-2{margin-top:.5rem !important}.mr-2{margin-right:.5rem !important}.mb-2{margin-bottom:.5rem !important}.ml-2{margin-left:.5rem !important}.mx-2{margin-right:.5rem !important;margin-left:.5rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-3{margin:1rem !important}.mt-3{margin-top:1rem !important}.mr-3{margin-right:1rem !important}.mb-3{margin-bottom:1rem !important}.ml-3{margin-left:1rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.m-4{margin:1.5rem !important}.mt-4{margin-top:1.5rem !important}.mr-4{margin-right:1.5rem !important}.mb-4{margin-bottom:1.5rem !important}.ml-4{margin-left:1.5rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-5{margin:3rem !important}.mt-5{margin-top:3rem !important}.mr-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ml-5{margin-left:3rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.px-0{padding-right:0 !important;padding-left:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.p-1{padding:.25rem !important}.pt-1{padding-top:.25rem !important}.pr-1{padding-right:.25rem !important}.pb-1{padding-bottom:.25rem !important}.pl-1{padding-left:.25rem !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-2{padding:.5rem !important}.pt-2{padding-top:.5rem !important}.pr-2{padding-right:.5rem !important}.pb-2{padding-bottom:.5rem !important}.pl-2{padding-left:.5rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-3{padding:1rem !important}.pt-3{padding-top:1rem !important}.pr-3{padding-right:1rem !important}.pb-3{padding-bottom:1rem !important}.pl-3{padding-left:1rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-4{padding:1.5rem !important}.pt-4{padding-top:1.5rem !important}.pr-4{padding-right:1.5rem !important}.pb-4{padding-bottom:1.5rem !important}.pl-4{padding-left:1.5rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-5{padding:3rem !important}.pt-5{padding-top:3rem !important}.pr-5{padding-right:3rem !important}.pb-5{padding-bottom:3rem !important}.pl-5{padding-left:3rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.m-auto{margin:auto !important}.mt-auto{margin-top:auto !important}.mr-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ml-auto{margin-left:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}@media(min-width:576px){.m-sm-0{margin:0 !important}.mt-sm-0{margin-top:0 !important}.mr-sm-0{margin-right:0 !important}.mb-sm-0{margin-bottom:0 !important}.ml-sm-0{margin-left:0 !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.m-sm-1{margin:.25rem !important}.mt-sm-1{margin-top:.25rem !important}.mr-sm-1{margin-right:.25rem !important}.mb-sm-1{margin-bottom:.25rem !important}.ml-sm-1{margin-left:.25rem !important}.mx-sm-1{margin-right:.25rem !important;margin-left:.25rem !important}.my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-sm-2{margin:.5rem !important}.mt-sm-2{margin-top:.5rem !important}.mr-sm-2{margin-right:.5rem !important}.mb-sm-2{margin-bottom:.5rem !important}.ml-sm-2{margin-left:.5rem !important}.mx-sm-2{margin-right:.5rem !important;margin-left:.5rem !important}.my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-sm-3{margin:1rem !important}.mt-sm-3{margin-top:1rem !important}.mr-sm-3{margin-right:1rem !important}.mb-sm-3{margin-bottom:1rem !important}.ml-sm-3{margin-left:1rem !important}.mx-sm-3{margin-right:1rem !important;margin-left:1rem !important}.my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.m-sm-4{margin:1.5rem !important}.mt-sm-4{margin-top:1.5rem !important}.mr-sm-4{margin-right:1.5rem !important}.mb-sm-4{margin-bottom:1.5rem !important}.ml-sm-4{margin-left:1.5rem !important}.mx-sm-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-sm-5{margin:3rem !important}.mt-sm-5{margin-top:3rem !important}.mr-sm-5{margin-right:3rem !important}.mb-sm-5{margin-bottom:3rem !important}.ml-sm-5{margin-left:3rem !important}.mx-sm-5{margin-right:3rem !important;margin-left:3rem !important}.my-sm-5{margin-top:3rem !important;margin-bottom:3rem !important}.p-sm-0{padding:0 !important}.pt-sm-0{padding-top:0 !important}.pr-sm-0{padding-right:0 !important}.pb-sm-0{padding-bottom:0 !important}.pl-sm-0{padding-left:0 !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.p-sm-1{padding:.25rem !important}.pt-sm-1{padding-top:.25rem !important}.pr-sm-1{padding-right:.25rem !important}.pb-sm-1{padding-bottom:.25rem !important}.pl-sm-1{padding-left:.25rem !important}.px-sm-1{padding-right:.25rem !important;padding-left:.25rem !important}.py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-sm-2{padding:.5rem !important}.pt-sm-2{padding-top:.5rem !important}.pr-sm-2{padding-right:.5rem !important}.pb-sm-2{padding-bottom:.5rem !important}.pl-sm-2{padding-left:.5rem !important}.px-sm-2{padding-right:.5rem !important;padding-left:.5rem !important}.py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-sm-3{padding:1rem !important}.pt-sm-3{padding-top:1rem !important}.pr-sm-3{padding-right:1rem !important}.pb-sm-3{padding-bottom:1rem !important}.pl-sm-3{padding-left:1rem !important}.px-sm-3{padding-right:1rem !important;padding-left:1rem !important}.py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-sm-4{padding:1.5rem !important}.pt-sm-4{padding-top:1.5rem !important}.pr-sm-4{padding-right:1.5rem !important}.pb-sm-4{padding-bottom:1.5rem !important}.pl-sm-4{padding-left:1.5rem !important}.px-sm-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-sm-5{padding:3rem !important}.pt-sm-5{padding-top:3rem !important}.pr-sm-5{padding-right:3rem !important}.pb-sm-5{padding-bottom:3rem !important}.pl-sm-5{padding-left:3rem !important}.px-sm-5{padding-right:3rem !important;padding-left:3rem !important}.py-sm-5{padding-top:3rem !important;padding-bottom:3rem !important}.m-sm-auto{margin:auto !important}.mt-sm-auto{margin-top:auto !important}.mr-sm-auto{margin-right:auto !important}.mb-sm-auto{margin-bottom:auto !important}.ml-sm-auto{margin-left:auto !important}.mx-sm-auto{margin-right:auto !important;margin-left:auto !important}.my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}}@media(min-width:768px){.m-md-0{margin:0 !important}.mt-md-0{margin-top:0 !important}.mr-md-0{margin-right:0 !important}.mb-md-0{margin-bottom:0 !important}.ml-md-0{margin-left:0 !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}.m-md-1{margin:.25rem !important}.mt-md-1{margin-top:.25rem !important}.mr-md-1{margin-right:.25rem !important}.mb-md-1{margin-bottom:.25rem !important}.ml-md-1{margin-left:.25rem !important}.mx-md-1{margin-right:.25rem !important;margin-left:.25rem !important}.my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-md-2{margin:.5rem !important}.mt-md-2{margin-top:.5rem !important}.mr-md-2{margin-right:.5rem !important}.mb-md-2{margin-bottom:.5rem !important}.ml-md-2{margin-left:.5rem !important}.mx-md-2{margin-right:.5rem !important;margin-left:.5rem !important}.my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-md-3{margin:1rem !important}.mt-md-3{margin-top:1rem !important}.mr-md-3{margin-right:1rem !important}.mb-md-3{margin-bottom:1rem !important}.ml-md-3{margin-left:1rem !important}.mx-md-3{margin-right:1rem !important;margin-left:1rem !important}.my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.m-md-4{margin:1.5rem !important}.mt-md-4{margin-top:1.5rem !important}.mr-md-4{margin-right:1.5rem !important}.mb-md-4{margin-bottom:1.5rem !important}.ml-md-4{margin-left:1.5rem !important}.mx-md-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-md-5{margin:3rem !important}.mt-md-5{margin-top:3rem !important}.mr-md-5{margin-right:3rem !important}.mb-md-5{margin-bottom:3rem !important}.ml-md-5{margin-left:3rem !important}.mx-md-5{margin-right:3rem !important;margin-left:3rem !important}.my-md-5{margin-top:3rem !important;margin-bottom:3rem !important}.p-md-0{padding:0 !important}.pt-md-0{padding-top:0 !important}.pr-md-0{padding-right:0 !important}.pb-md-0{padding-bottom:0 !important}.pl-md-0{padding-left:0 !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}.p-md-1{padding:.25rem !important}.pt-md-1{padding-top:.25rem !important}.pr-md-1{padding-right:.25rem !important}.pb-md-1{padding-bottom:.25rem !important}.pl-md-1{padding-left:.25rem !important}.px-md-1{padding-right:.25rem !important;padding-left:.25rem !important}.py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-md-2{padding:.5rem !important}.pt-md-2{padding-top:.5rem !important}.pr-md-2{padding-right:.5rem !important}.pb-md-2{padding-bottom:.5rem !important}.pl-md-2{padding-left:.5rem !important}.px-md-2{padding-right:.5rem !important;padding-left:.5rem !important}.py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-md-3{padding:1rem !important}.pt-md-3{padding-top:1rem !important}.pr-md-3{padding-right:1rem !important}.pb-md-3{padding-bottom:1rem !important}.pl-md-3{padding-left:1rem !important}.px-md-3{padding-right:1rem !important;padding-left:1rem !important}.py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-md-4{padding:1.5rem !important}.pt-md-4{padding-top:1.5rem !important}.pr-md-4{padding-right:1.5rem !important}.pb-md-4{padding-bottom:1.5rem !important}.pl-md-4{padding-left:1.5rem !important}.px-md-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-md-5{padding:3rem !important}.pt-md-5{padding-top:3rem !important}.pr-md-5{padding-right:3rem !important}.pb-md-5{padding-bottom:3rem !important}.pl-md-5{padding-left:3rem !important}.px-md-5{padding-right:3rem !important;padding-left:3rem !important}.py-md-5{padding-top:3rem !important;padding-bottom:3rem !important}.m-md-auto{margin:auto !important}.mt-md-auto{margin-top:auto !important}.mr-md-auto{margin-right:auto !important}.mb-md-auto{margin-bottom:auto !important}.ml-md-auto{margin-left:auto !important}.mx-md-auto{margin-right:auto !important;margin-left:auto !important}.my-md-auto{margin-top:auto !important;margin-bottom:auto !important}}@media(min-width:992px){.m-lg-0{margin:0 !important}.mt-lg-0{margin-top:0 !important}.mr-lg-0{margin-right:0 !important}.mb-lg-0{margin-bottom:0 !important}.ml-lg-0{margin-left:0 !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.m-lg-1{margin:.25rem !important}.mt-lg-1{margin-top:.25rem !important}.mr-lg-1{margin-right:.25rem !important}.mb-lg-1{margin-bottom:.25rem !important}.ml-lg-1{margin-left:.25rem !important}.mx-lg-1{margin-right:.25rem !important;margin-left:.25rem !important}.my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-lg-2{margin:.5rem !important}.mt-lg-2{margin-top:.5rem !important}.mr-lg-2{margin-right:.5rem !important}.mb-lg-2{margin-bottom:.5rem !important}.ml-lg-2{margin-left:.5rem !important}.mx-lg-2{margin-right:.5rem !important;margin-left:.5rem !important}.my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-lg-3{margin:1rem !important}.mt-lg-3{margin-top:1rem !important}.mr-lg-3{margin-right:1rem !important}.mb-lg-3{margin-bottom:1rem !important}.ml-lg-3{margin-left:1rem !important}.mx-lg-3{margin-right:1rem !important;margin-left:1rem !important}.my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.m-lg-4{margin:1.5rem !important}.mt-lg-4{margin-top:1.5rem !important}.mr-lg-4{margin-right:1.5rem !important}.mb-lg-4{margin-bottom:1.5rem !important}.ml-lg-4{margin-left:1.5rem !important}.mx-lg-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-lg-5{margin:3rem !important}.mt-lg-5{margin-top:3rem !important}.mr-lg-5{margin-right:3rem !important}.mb-lg-5{margin-bottom:3rem !important}.ml-lg-5{margin-left:3rem !important}.mx-lg-5{margin-right:3rem !important;margin-left:3rem !important}.my-lg-5{margin-top:3rem !important;margin-bottom:3rem !important}.p-lg-0{padding:0 !important}.pt-lg-0{padding-top:0 !important}.pr-lg-0{padding-right:0 !important}.pb-lg-0{padding-bottom:0 !important}.pl-lg-0{padding-left:0 !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.p-lg-1{padding:.25rem !important}.pt-lg-1{padding-top:.25rem !important}.pr-lg-1{padding-right:.25rem !important}.pb-lg-1{padding-bottom:.25rem !important}.pl-lg-1{padding-left:.25rem !important}.px-lg-1{padding-right:.25rem !important;padding-left:.25rem !important}.py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-lg-2{padding:.5rem !important}.pt-lg-2{padding-top:.5rem !important}.pr-lg-2{padding-right:.5rem !important}.pb-lg-2{padding-bottom:.5rem !important}.pl-lg-2{padding-left:.5rem !important}.px-lg-2{padding-right:.5rem !important;padding-left:.5rem !important}.py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-lg-3{padding:1rem !important}.pt-lg-3{padding-top:1rem !important}.pr-lg-3{padding-right:1rem !important}.pb-lg-3{padding-bottom:1rem !important}.pl-lg-3{padding-left:1rem !important}.px-lg-3{padding-right:1rem !important;padding-left:1rem !important}.py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-lg-4{padding:1.5rem !important}.pt-lg-4{padding-top:1.5rem !important}.pr-lg-4{padding-right:1.5rem !important}.pb-lg-4{padding-bottom:1.5rem !important}.pl-lg-4{padding-left:1.5rem !important}.px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-lg-5{padding:3rem !important}.pt-lg-5{padding-top:3rem !important}.pr-lg-5{padding-right:3rem !important}.pb-lg-5{padding-bottom:3rem !important}.pl-lg-5{padding-left:3rem !important}.px-lg-5{padding-right:3rem !important;padding-left:3rem !important}.py-lg-5{padding-top:3rem !important;padding-bottom:3rem !important}.m-lg-auto{margin:auto !important}.mt-lg-auto{margin-top:auto !important}.mr-lg-auto{margin-right:auto !important}.mb-lg-auto{margin-bottom:auto !important}.ml-lg-auto{margin-left:auto !important}.mx-lg-auto{margin-right:auto !important;margin-left:auto !important}.my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}}@media(min-width:1200px){.m-xl-0{margin:0 !important}.mt-xl-0{margin-top:0 !important}.mr-xl-0{margin-right:0 !important}.mb-xl-0{margin-bottom:0 !important}.ml-xl-0{margin-left:0 !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.m-xl-1{margin:.25rem !important}.mt-xl-1{margin-top:.25rem !important}.mr-xl-1{margin-right:.25rem !important}.mb-xl-1{margin-bottom:.25rem !important}.ml-xl-1{margin-left:.25rem !important}.mx-xl-1{margin-right:.25rem !important;margin-left:.25rem !important}.my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-xl-2{margin:.5rem !important}.mt-xl-2{margin-top:.5rem !important}.mr-xl-2{margin-right:.5rem !important}.mb-xl-2{margin-bottom:.5rem !important}.ml-xl-2{margin-left:.5rem !important}.mx-xl-2{margin-right:.5rem !important;margin-left:.5rem !important}.my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-xl-3{margin:1rem !important}.mt-xl-3{margin-top:1rem !important}.mr-xl-3{margin-right:1rem !important}.mb-xl-3{margin-bottom:1rem !important}.ml-xl-3{margin-left:1rem !important}.mx-xl-3{margin-right:1rem !important;margin-left:1rem !important}.my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.m-xl-4{margin:1.5rem !important}.mt-xl-4{margin-top:1.5rem !important}.mr-xl-4{margin-right:1.5rem !important}.mb-xl-4{margin-bottom:1.5rem !important}.ml-xl-4{margin-left:1.5rem !important}.mx-xl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-xl-5{margin:3rem !important}.mt-xl-5{margin-top:3rem !important}.mr-xl-5{margin-right:3rem !important}.mb-xl-5{margin-bottom:3rem !important}.ml-xl-5{margin-left:3rem !important}.mx-xl-5{margin-right:3rem !important;margin-left:3rem !important}.my-xl-5{margin-top:3rem !important;margin-bottom:3rem !important}.p-xl-0{padding:0 !important}.pt-xl-0{padding-top:0 !important}.pr-xl-0{padding-right:0 !important}.pb-xl-0{padding-bottom:0 !important}.pl-xl-0{padding-left:0 !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.p-xl-1{padding:.25rem !important}.pt-xl-1{padding-top:.25rem !important}.pr-xl-1{padding-right:.25rem !important}.pb-xl-1{padding-bottom:.25rem !important}.pl-xl-1{padding-left:.25rem !important}.px-xl-1{padding-right:.25rem !important;padding-left:.25rem !important}.py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-xl-2{padding:.5rem !important}.pt-xl-2{padding-top:.5rem !important}.pr-xl-2{padding-right:.5rem !important}.pb-xl-2{padding-bottom:.5rem !important}.pl-xl-2{padding-left:.5rem !important}.px-xl-2{padding-right:.5rem !important;padding-left:.5rem !important}.py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-xl-3{padding:1rem !important}.pt-xl-3{padding-top:1rem !important}.pr-xl-3{padding-right:1rem !important}.pb-xl-3{padding-bottom:1rem !important}.pl-xl-3{padding-left:1rem !important}.px-xl-3{padding-right:1rem !important;padding-left:1rem !important}.py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-xl-4{padding:1.5rem !important}.pt-xl-4{padding-top:1.5rem !important}.pr-xl-4{padding-right:1.5rem !important}.pb-xl-4{padding-bottom:1.5rem !important}.pl-xl-4{padding-left:1.5rem !important}.px-xl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-xl-5{padding:3rem !important}.pt-xl-5{padding-top:3rem !important}.pr-xl-5{padding-right:3rem !important}.pb-xl-5{padding-bottom:3rem !important}.pl-xl-5{padding-left:3rem !important}.px-xl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xl-5{padding-top:3rem !important;padding-bottom:3rem !important}.m-xl-auto{margin:auto !important}.mt-xl-auto{margin-top:auto !important}.mr-xl-auto{margin-right:auto !important}.mb-xl-auto{margin-bottom:auto !important}.ml-xl-auto{margin-left:auto !important}.mx-xl-auto{margin-right:auto !important;margin-left:auto !important}.my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}}.text-justify{text-align:justify !important}.text-nowrap{white-space:nowrap !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@media(min-width:576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}@media(min-width:768px){.text-md-center{text-align:center !important}.text-md-left{text-align:left !important}.text-md-right{text-align:right !important}}@media(min-width:992px){.text-lg-center{text-align:center !important}.text-lg-left{text-align:left !important}.text-lg-right{text-align:right !important}}@media(min-width:1200px){.text-xl-center{text-align:center !important}.text-xl-left{text-align:left !important}.text-xl-right{text-align:right !important}}.text-black{color:#000 !important}.text-black-primary{color:rgba(0,0,0,0.87) !important}.text-black-secondary{color:rgba(0,0,0,0.54) !important}.text-black-hint{color:rgba(0,0,0,0.38) !important}.text-black-divider{color:rgba(0,0,0,0.12) !important}.text-white{color:#fff !important}.text-white-primary{color:white !important}.text-white-secondary{color:rgba(255,255,255,0.7) !important}.text-white-hint{color:rgba(255,255,255,0.5) !important}.text-white-divider{color:rgba(255,255,255,0.12) !important}.text-muted{color:rgba(0,0,0,0.38) !important}a.text-primary:active,a.text-primary:focus,a.text-primary:hover{color:#7b1fa2 !important}.text-primary{color:#9c27b0 !important}a.text-secondary:active,a.text-secondary:focus,a.text-secondary:hover{color:#f50057 !important}.text-secondary{color:#ff4081 !important}a.text-danger:active,a.text-danger:focus,a.text-danger:hover{color:#d32f2f !important}.text-danger{color:#f44336 !important}a.text-info:active,a.text-info:focus,a.text-info:hover{color:#1976d2 !important}.text-info{color:#2196f3 !important}a.text-success:active,a.text-success:focus,a.text-success:hover{color:#388e3c !important}.text-success{color:#4caf50 !important}a.text-warning:active,a.text-warning:focus,a.text-warning:hover{color:#f57c00 !important}.text-warning{color:#ff9800 !important}a.text-dark:active,a.text-dark:focus,a.text-dark:hover{color:#212121 !important}.text-dark{color:#424242 !important}a.text-light:active,a.text-light:focus,a.text-light:hover{color:#e0e0e0 !important}.text-light{color:#f5f5f5 !important}.text-black-50{color:rgba(0,0,0,0.5) !important}.text-body{color:rgba(0,0,0,0.87) !important}.text-white-50{color:rgba(255,255,255,0.5) !important}.text-monospace{font-family:"Roboto Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-italic{font-style:italic}.font-weight-bold,.font-weight-medium{font-weight:500}.font-weight-light{font-weight:300}.font-weight-normal,.font-weight-regular{font-weight:400}.text-hide{background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.text-capitalize{text-transform:capitalize !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.invisible{visibility:hidden !important}.visible{visibility:visible !important}.material-icons{font-size:1.714286em;line-height:.583333em;vertical-align:-0.302198em}.material-icons-inline{font-size:inherit;line-height:1}@media print{@page{size:a3}*,*::after,*::before{box-shadow:none !important;text-shadow:none !important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:' (" attr(title) ") '}blockquote{page-break-inside:avoid}body{min-width:992px !important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-inside:avoid}img{page-break-inside:avoid}pre{page-break-inside:avoid;white-space:pre-wrap !important}thead{display:table-header-group}tr{page-break-inside:avoid}.card{border:1px solid #e1e1e1}.container{min-width:992px !important}.dropdown-menu{border:1px solid #e1e1e1}.list-group-item{border:1px solid #e1e1e1;margin-bottom:-1px}.list-group-item:last-child{margin-bottom:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-flush .list-group-item{border-right:0;border-left:0}.nav-tabs{border-bottom:1px solid #e1e1e1}.navbar{display:none}.popover{border:1px solid #e1e1e1}.table td,.table th{background-color:#fff !important}.table-bordered{border:1px solid #e1e1e1}.table-dark{color:inherit}.table-dark td,.table-dark th,.table-dark .table{border-color:#e1e1e1}.table .thead-dark td,.table .thead-dark th{color:inherit}} \ No newline at end of file diff --git a/min/minimal.min.css b/min/minimal.min.css new file mode 100644 index 0000000..be04cdf --- /dev/null +++ b/min/minimal.min.css @@ -0,0 +1 @@ +*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background-color:#fff;color:#333;font:14px/20px "HelveticaNeue-Light","HelveticaNeue",Helvetica,Arial,sans-serif}header{width:100%;margin:0 auto;position:relative;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px}.logo{font-size:28px;color:#333}nav ul{margin:0}nav ul li{display:inline;margin-right:20px;font-size:16px;line-height:28px;color:#333}nav ul li a{color:#333}.container{position:relative;text-align:left;width:960px;max-width:90%;margin:0 auto}footer{border-top:1px solid #ccc;font-size:11px;line-height:26px;color:#999}footer a{color:#999}footer a:hover{color:#105cb6}footer ul li{display:inline;list-style:none;padding-left:20px}.row{width:100%;margin:0 auto 20px auto;display:inline-block;position:relative}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;margin-right:2%}.row .col-1:last-child,.row .col-2:last-child,.row .col-3:last-child,.row .col-4:last-child,.row .col-5:last-child,.row .col-6:last-child,.row .col-7:last-child,.row .col-8:last-child,.row .col-9:last-child,.row .col-10:last-child,.row .col-11:last-child,.row .col-12:last-child{margin-right:0}.row:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.col-1{width:6%}.col-2{width:15%}.col-3{width:23.5%}.col-4{width:32%}.col-5{width:40%}.col-6{width:49%}.col-7{width:56.5%}.col-8{width:66%}.col-9{width:74%}.col-10{width:82.5%}.col-11{width:91%}.col-12{width:100%}a{color:#105cb6;text-decoration:none}a:hover,a:focus{color:#105cb6;text-decoration:underline}a:active{color:#105cb6}h1{font-size:30px;line-height:36px;margin-bottom:20px}h2{font-size:24px;line-height:20px;margin-bottom:20px}h3{font-size:20px;line-height:20px;margin-bottom:10px}h4{font-size:16px;line-height:20px;margin-bottom:10px}h5{font-size:14px;line-height:20px;margin-bottom:20px}h6{font-size:12px;line-height:20px;margin-bottom:20px}h1,h2,h3,h4,h5,h6{color:#333}p{margin-bottom:20px}.float-left{float:left}.float-right{float:right}img.float-left{float:left;margin:0 20px 20px 0}img.float-right{float:right;margin:0 0 20px 20px}img.center{margin:0 auto;display:block}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}hr{background-color:#ccc;border:0;color:#ccc;height:1px;margin-bottom:20px}pre,code{background-color:#eee;display:block;padding:10px}pre{margin-bottom:20px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}blockquote{margin:10px 10px 20px;padding:9px;background-color:#f8f8f8;color:#666;border-left:5px solid #ddd;font:14px/20px Georgia,Times,serif;quotes:"\201C" "\201D"}blockquote p{margin:0}blockquote:before{content:open-quote;font-weight:bold}blockquote:after{content:close-quote;font-weight:bold}ul{margin-bottom:20px;list-style-position:inside}ol{margin-bottom:20px;list-style-position:inside}ul ul,ol ol{margin-bottom:0}fieldset{position:relative;border-top:1px solid #ccc;padding:10px;margin-bottom:20px}fieldset legend{font-weight:bold;font-size:16px;padding:0 5px}table{margin-bottom:20px;width:100%}th{font-weight:bold}td{text-align:left}tfoot{font-style:italic}@media print{*{text-shadow:none !important;background:transparent !important;box-shadow:none !important;color:#000 !important} \ No newline at end of file diff --git a/min/propeller.min.css b/min/propeller.min.css new file mode 100644 index 0000000..e4e32e2 --- /dev/null +++ b/min/propeller.min.css @@ -0,0 +1,97 @@ +/*! + * Propeller v1.3.2 (http://propeller.in/) + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */@font-face{font-family:"Roboto";font-style:normal;font-weight:100;src:url("../fonts/roboto/Roboto-Thin-webfont.eot?") format("eot"),url("../fonts/roboto/Roboto-Thin-webfont.woff") format("woff"),url("../fonts/roboto/Roboto-Thin-webfont.ttf") format("truetype"),url('../fonts/roboto/Roboto-Thin-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:300;src:url("../fonts/roboto/Roboto-Light-webfont.eot?") format("eot"),url("../fonts/roboto/Roboto-Light-webfont.woff") format("woff"),url("../fonts/roboto/Roboto-Light-webfont.ttf") format("truetype"),url('../fonts/roboto/Roboto-Light-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url("../fonts/roboto/Roboto-Regular-webfont.eot?") format("eot"),url("../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"),url("../fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"),url('../fonts/roboto/Roboto-Regular-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:500;src:url("../fonts/roboto/Roboto-Medium-webfont.eot?") format("eot"),url("../fonts/roboto/Roboto-Medium-webfont.woff") format("woff"),url("../fonts/roboto/Roboto-Medium-webfont.ttf") format("truetype"),url('../fonts/roboto/Roboto-Medium-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:url("../fonts/roboto/Roboto-Bold-webfont.eot?") format("eot"),url("../fonts/roboto/Roboto-Bold-webfont.woff") format("woff"),url("../fonts/roboto/Roboto-Bold-webfont.ttf") format("truetype"),url('../fonts/roboto/Roboto-Bold-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:900;src:url("../fonts/roboto/Roboto-Black-webfont.eot?") format("eot"),url("../fonts/roboto/Roboto-Black-webfont.woff") format("woff"),url("../fonts/roboto/Roboto-Black-webfont.ttf") format("truetype"),url('../fonts/roboto/Roboto-Black-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")}/*! + * Propeller v1.3.2 (http://propeller.in): typography.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */html{font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;line-height:1.5;color:#333;background-color:#f8f9fa}a{color:#4285f4;text-decoration:none;outline:0}a:focus,a:hover{color:#0d5bdd;text-decoration:underline;outline:0;outline-offset:-2px}p{margin-bottom:1rem}.lead,p.lead{font-size:1.25rem;font-weight:300}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,.h1{font-size:1.5rem;font-weight:400}h2,.h2{font-size:1.25rem;font-weight:500}h3,.h3{font-size:1rem;font-weight:400}h4,.h4{font-size:.8125rem;font-weight:500}h5,.h5{font-size:.8125rem;font-weight:400}.pmd-display1{font-size:2.125rem;font-weight:400;line-height:1.1;color:rgba(0,0,0,.54)}.pmd-display2{font-size:2.8125rem;font-weight:400;line-height:1.1;color:rgba(0,0,0,.54)}.pmd-display3{font-size:3.5rem;font-weight:400;line-height:1.1;color:rgba(0,0,0,.54)}.pmd-display4{font-size:7rem;font-weight:300;line-height:1.1;color:rgba(0,0,0,.54)}.pmd-caption{font-size:.75rem;color:#868e96;letter-spacing:.02em}/*! + * Propeller v1.3.2 (http://propeller.in/) + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-z-depth{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.pmd-z-depth-1{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.pmd-z-depth-2{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.pmd-z-depth-3{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.pmd-z-depth-4{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.pmd-z-depth-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}/*! + * Propeller v1.3.2 (http://propeller.in): google-icons.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.material-icons.pmd-xs,.material-icons.md-18{font-size:18px}.material-icons.pmd-sm,.material-icons.md-24{font-size:24px}.material-icons.pmd-md,.material-icons.md-36{font-size:36px}.material-icons.pmd-lg,.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:#333}.material-icons.md-dark.md-inactive{color:rgba(51,51,51,.25)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:rgba(255,255,255,.25)}/*! + * Propeller v1.3.2 (http://propeller.in/): card.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-card{padding:1px 0;margin-bottom:30px;background-color:#fff;border-radius:.125rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.pmd-card .form-horizontal .form-group{margin-right:inherit;margin-left:inherit}.pmd-card-body{padding-right:1rem;padding-left:1rem;margin-top:1rem;margin-bottom:1rem;color:rgba(0,0,0,.87)}.pmd-card-title{padding:1rem 1rem 0 1rem;margin-bottom:1rem;border-bottom:1px solid transparent;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.pmd-card-title .dropdown .dropdown-toggle{color:inherit}.pmd-card-title-text{margin-top:0;margin-bottom:0;color:inherit}h2.pmd-card-title-text{margin-bottom:2px;font-size:1.5rem;font-weight:400}.pmd-card-subtitle-text{margin-bottom:0;font-size:.875rem;line-height:1.6;color:rgba(0,0,0,.54)}.pmd-card-footer{display:table;width:100%;padding:.5rem 1rem;content:""}.pmd-card-actions{padding:.5rem .25rem}.pmd-card-actions .btn{min-width:inherit;margin-right:.25rem;margin-bottom:.5rem;margin-left:.25rem}.pmd-card-actions .btn:first-child{margin-left:.75rem}.pmd-card-actions .btn:last-child{margin-right:.75rem}.pmd-card-actions .btn.pmd-btn-flat{margin-right:.25rem;margin-bottom:0;margin-left:.25rem}.pmd-card-actions .btn.pmd-btn-fab{padding:0}.pmd-card-media-inline .pmd-card-media{padding-right:1rem;padding-left:1rem;margin-top:1rem}.pmd-card-media-inline .pmd-card-media h2.pmd-card-title-text{margin-top:.25rem}.pmd-card-footer-no-border{padding-top:0;border-color:transparent}.pmd-card-list{padding-top:.5rem;padding-bottom:.5rem;background-color:#fff}.pmd-card-inverse{color:#fff;background-color:rgba(0,0,0,.84)}.pmd-card-inverse .pmd-card-body{color:rgba(255,255,255,.84)}.pmd-card-inverse .pmd-card-subtitle-text{color:rgba(255,255,255,.54)}/*! + * Propeller v1.3.2 (http://propeller.in/): accordion.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */.panel-group.pmd-accordion .panel{position:relative;margin:1rem 0;border:0;border-radius:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .2s ease-in-out}.panel-group.pmd-accordion .panel .panel-body{border:0}.panel-group.pmd-accordion .panel>.panel-heading{padding:0;background:0}.panel-group.pmd-accordion .panel>.panel-heading a{display:block;padding:.75rem 1rem;line-height:1.5rem}.panel-group.pmd-accordion .panel>.panel-heading a:hover,.panel-group.pmd-accordion .panel>.panel-heading a:focus{color:inherit}.panel-group.pmd-accordion .panel>.panel-heading+.panel-collapse>.panel-body{border:0}.panel-group.pmd-accordion .panel.active .material-icons.pmd-accordion-arrow{-ms-transform:rotate(180deg);transform:rotate(180deg)}.panel-group.pmd-accordion .panel.panel-success>.panel-heading{color:#135113;background-color:#d3ebd3;border-color:#c2e3c2}.panel-group.pmd-accordion .panel.panel-info>.panel-heading{color:#02587f;background-color:#cdeefd;border-color:#b8e7fc}.panel-group.pmd-accordion .panel.panel-warning>.panel-heading{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.panel-group.pmd-accordion .panel.panel-danger>.panel-heading{color:#852d12;background-color:#ffddd3;border-color:#ffd0c1}.panel-group.pmd-accordion-inbox .panel.active{margin:.5rem -.5rem;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}@media screen and (max-width:767px){.panel-group.pmd-accordion-inbox .panel.active{margin:1rem -10px}}.panel-group.pmd-accordion-nospace .panel{margin:0}.pmd-accordion-icon-left{float:left;padding-right:32px}.pmd-accordion-icon-right{float:right;padding-left:32px}.pmd-accordion-arrow{float:right}/*! + * Propeller v1.3.2 (http://propeller.in/): alert.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-alert-container{position:fixed;z-index:100000000}.pmd-alert-container.top{top:20px}.pmd-alert-container.bottom{bottom:20px}.pmd-alert-container.left{left:20px}.pmd-alert-container.right{right:20px}.pmd-alert-container.center{left:50%}@media screen and (max-width:767px){.pmd-alert-container.left{left:50%}.pmd-alert-container.right{right:50%}}.pmd-alert-container .pmd-alert{position:relative;z-index:1000;width:300px;padding:.5rem 1.5rem;margin-bottom:5px;clear:both;font-size:1rem;color:#fff;text-align:left;vertical-align:middle;background:#000;border-radius:.125rem;animation-duration:1s;animation-fill-mode:both}.pmd-alert-container .pmd-alert a{position:absolute;right:18px;float:right;color:#4285f4}.pmd-alert-container .pmd-alert a:before{position:absolute;top:0;right:-10px;bottom:0;left:-10px;margin:auto;content:""}.pmd-alert-container .pmd-alert.success{color:#fff;background-color:#259b24}.pmd-alert-container .pmd-alert.warning{color:#333;background-color:#ffc107}.pmd-alert-container .pmd-alert.light{color:#333;background-color:#f8f9fa}.pmd-alert-container .pmd-alert.dark{color:#fff;background-color:#343a40}.pmd-alert-container .pmd-alert.error{color:#fff;background-color:#ff5722}.pmd-alert-container .pmd-alert.information{color:#fff;background-color:#03a9f4}.notification a{position:absolute;right:18px;float:right;color:#4285f4}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}/*! + * Propeller v1.3.2 (http://propeller.in/): badge.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */.badge{display:inline-block;color:#fff;vertical-align:baseline;background-color:#777}.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.badge-success{color:#fff;background-color:#259b24}.badge-success:hover,.badge-success:focus{color:#fff;background-color:#1b721a}.badge-info{color:#fff;background-color:#03a9f4}.badge-info:hover,.badge-info:focus{color:#fff;background-color:#0286c2}.badge-warning{color:#333;background-color:#ffc107}.badge-warning:hover,.badge-warning:focus{color:#333;background-color:#d39e00}.badge-error{color:#fff;background-color:#ff5722}.badge-error:hover,.badge-error:focus{color:#fff;background-color:#ee3900}.badge-inverse{color:#fff;background-color:#343a40}.badge-inverse:hover,.badge-inverse:focus{color:#fff;background-color:#1d2124}.badge-information{color:#fff;background-color:#03a9f4}.badge-information:hover,.badge-information:focus{color:#fff;background-color:#0286c2}.pmd-badge{position:relative;display:inline-block;font-size:32px;text-align:left}.pmd-badge[data-badge]::after{position:absolute;top:-10px;right:-24px;width:22px;height:22px;font-family:Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:.75rem;font-weight:700;line-height:22px;color:#fff;text-align:center;content:attr(data-badge);background:#4285f4;border-radius:50%}.pmd-badge.pmd-badge-overlap::after{right:-10px}.pmd-chip{display:inline-block;box-sizing:border-box;padding:0 .5rem 0 .75rem;line-height:34px;color:rgba(0,0,0,.87);text-transform:capitalize;cursor:default;background:#e0e0e0;border-radius:1rem}.pmd-chip:hover,.pmd-chip:focus{background-color:#e0e0e0}.pmd-chip.pmd-chip-inverse{color:rgba(255,255,255,.87);background:rgba(0,0,0,.87)}.pmd-chip.pmd-chip-inverse:hover,.pmd-chip.pmd-chip-inverse:focus{background-color:rgba(0,0,0,.87)}.pmd-chip-action{display:inline-block;vertical-align:middle}.pmd-chip-action i{padding:1px 2px 2px 2px;margin-left:5px;font-size:.875rem;color:rgba(255,255,255,.87);background-color:#adadad;border-radius:50%}.pmd-chip-action .material-icons:hover{background-color:#949393}.pmd-chip-contact{padding-left:0}.pmd-chip-contact img{width:2.25rem;margin-top:-3px;margin-right:5px;border-radius:50%}/*! + * Propeller v1.3.2 (http://propeller.in): button.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.btn{padding:.625rem .75rem;font-size:.875rem;font-weight:400;line-height:1.1;text-transform:uppercase;border:1px solid transparent;border-radius:.125rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:active,.btn.active{box-shadow:none}.btn:hover,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{border-color:transparent;outline:0;outline-offset:0}.btn.pmd-btn-raised{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.btn.pmd-btn-raised:active,.btn.pmd-btn-raised:focus,.btn.pmd-btn-raised.active,.btn.pmd-btn-raised:active:focus,.btn.pmd-btn-raised.active:focus{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.btn.pmd-btn-fab{width:56px;min-width:56px;height:56px;padding:0;border-radius:50%}.btn.pmd-btn-fab span,.btn.pmd-btn-fab i{line-height:56px}.btn.pmd-btn-fab.btn-lg{width:78px;min-width:78px;height:78px}.btn.pmd-btn-fab.btn-lg span,.btn.pmd-btn-fab.btn-lg i{line-height:78px}.btn.pmd-btn-fab.btn-sm{width:40px;min-width:40px;height:40px}.btn.pmd-btn-fab.btn-sm span,.btn.pmd-btn-fab.btn-sm i{line-height:40px}.btn.pmd-btn-fab.btn-xs{width:30px;min-width:30px;height:30px}.btn.pmd-btn-fab.btn-xs span,.btn.pmd-btn-fab.btn-xs i{line-height:30px}.btn-default{color:#333;background-color:#fff}.btn-default:hover{color:#333;background-color:#ececec}.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.btn-default.active.focus,.btn-default.active:focus,.btn-default:active.focus,.btn-default:active:focus{color:#333;background-color:#ececec}.btn-default .ink{background-color:#e6e5e5}.btn-default.pmd-btn-flat{color:#fff;background-color:transparent}.btn-default.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-default.pmd-btn-flat:active,.btn-default.pmd-btn-flat.active,.btn-default.pmd-btn-flat:focus{color:#fff;background-color:#ccc}.btn-default.pmd-btn-flat .ink{background-color:gray}.btn-default.pmd-btn-outline{color:#fff;background-color:transparent;border-color:#fff}.btn-default.pmd-btn-outline:hover,.btn-default.pmd-btn-outline:focus{color:#333;background-color:#ececec;border-color:#e6e5e5}.btn-primary{color:#fff;background-color:#4285f4}.btn-primary:hover{color:#fff;background-color:#1e6ef2}.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary:active:focus{color:#fff;background-color:#1e6ef2}.btn-primary .ink{background-color:#1266f1}.btn-primary.pmd-btn-flat{color:#4285f4;background-color:transparent}.btn-primary.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-primary.pmd-btn-flat:active,.btn-primary.pmd-btn-flat.active,.btn-primary.pmd-btn-flat:focus{color:#4285f4;background-color:#ccc}.btn-primary.pmd-btn-flat .ink{background-color:gray}.btn-primary.pmd-btn-outline{color:#4285f4;background-color:transparent;border-color:#4285f4}.btn-primary.pmd-btn-outline:hover,.btn-primary.pmd-btn-outline:focus{color:#fff;background-color:#1e6ef2;border-color:#1266f1}.btn-secondary{color:#333;background-color:#ffc107}.btn-secondary:hover{color:#333;background-color:#e0a800}.btn-secondary:focus,.btn-secondary.focus,.btn-secondary:active,.btn-secondary.active,.btn-secondary.active.focus,.btn-secondary.active:focus,.btn-secondary:active.focus,.btn-secondary:active:focus{color:#333;background-color:#e0a800}.btn-secondary .ink{background-color:#d39e00}.btn-secondary.pmd-btn-flat{color:#ffc107;background-color:transparent}.btn-secondary.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-secondary.pmd-btn-flat:active,.btn-secondary.pmd-btn-flat.active,.btn-secondary.pmd-btn-flat:focus{color:#ffc107;background-color:#ccc}.btn-secondary.pmd-btn-flat .ink{background-color:gray}.btn-secondary.pmd-btn-outline{color:#ffc107;background-color:transparent;border-color:#ffc107}.btn-secondary.pmd-btn-outline:hover,.btn-secondary.pmd-btn-outline:focus{color:#333;background-color:#e0a800;border-color:#d39e00}.btn-success{color:#fff;background-color:#259b24}.btn-success:hover{color:#fff;background-color:#1e7c1d}.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.btn-success.active.focus,.btn-success.active:focus,.btn-success:active.focus,.btn-success:active:focus{color:#fff;background-color:#1e7c1d}.btn-success .ink{background-color:#1b721a}.btn-success.pmd-btn-flat{color:#259b24;background-color:transparent}.btn-success.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-success.pmd-btn-flat:active,.btn-success.pmd-btn-flat.active,.btn-success.pmd-btn-flat:focus{color:#259b24;background-color:#ccc}.btn-success.pmd-btn-flat .ink{background-color:gray}.btn-success.pmd-btn-outline{color:#259b24;background-color:transparent;border-color:#259b24}.btn-success.pmd-btn-outline:hover,.btn-success.pmd-btn-outline:focus{color:#fff;background-color:#1e7c1d;border-color:#1b721a}.btn-info{color:#fff;background-color:#03a9f4}.btn-info:hover{color:#fff;background-color:#038fce}.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.btn-info.active.focus,.btn-info.active:focus,.btn-info:active.focus,.btn-info:active:focus{color:#fff;background-color:#038fce}.btn-info .ink{background-color:#0286c2}.btn-info.pmd-btn-flat{color:#03a9f4;background-color:transparent}.btn-info.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-info.pmd-btn-flat:active,.btn-info.pmd-btn-flat.active,.btn-info.pmd-btn-flat:focus{color:#03a9f4;background-color:#ccc}.btn-info.pmd-btn-flat .ink{background-color:gray}.btn-info.pmd-btn-outline{color:#03a9f4;background-color:transparent;border-color:#03a9f4}.btn-info.pmd-btn-outline:hover,.btn-info.pmd-btn-outline:focus{color:#fff;background-color:#038fce;border-color:#0286c2}.btn-warning{color:#333;background-color:#ffc107}.btn-warning:hover{color:#333;background-color:#e0a800}.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning:active:focus{color:#333;background-color:#e0a800}.btn-warning .ink{background-color:#d39e00}.btn-warning.pmd-btn-flat{color:#ffc107;background-color:transparent}.btn-warning.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-warning.pmd-btn-flat:active,.btn-warning.pmd-btn-flat.active,.btn-warning.pmd-btn-flat:focus{color:#ffc107;background-color:#ccc}.btn-warning.pmd-btn-flat .ink{background-color:gray}.btn-warning.pmd-btn-outline{color:#ffc107;background-color:transparent;border-color:#ffc107}.btn-warning.pmd-btn-outline:hover,.btn-warning.pmd-btn-outline:focus{color:#333;background-color:#e0a800;border-color:#d39e00}.btn-danger{color:#fff;background-color:#ff5722}.btn-danger:hover{color:#fff;background-color:#fb3c00}.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger:active.focus,.btn-danger:active:focus{color:#fff;background-color:#fb3c00}.btn-danger .ink{background-color:#ee3900}.btn-danger.pmd-btn-flat{color:#ff5722;background-color:transparent}.btn-danger.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-danger.pmd-btn-flat:active,.btn-danger.pmd-btn-flat.active,.btn-danger.pmd-btn-flat:focus{color:#ff5722;background-color:#ccc}.btn-danger.pmd-btn-flat .ink{background-color:gray}.btn-danger.pmd-btn-outline{color:#ff5722;background-color:transparent;border-color:#ff5722}.btn-danger.pmd-btn-outline:hover,.btn-danger.pmd-btn-outline:focus{color:#fff;background-color:#fb3c00;border-color:#ee3900}.btn-light{color:#333;background-color:#f8f9fa}.btn-light:hover{color:#333;background-color:#e2e6ea}.btn-light:focus,.btn-light.focus,.btn-light:active,.btn-light.active,.btn-light.active.focus,.btn-light.active:focus,.btn-light:active.focus,.btn-light:active:focus{color:#333;background-color:#e2e6ea}.btn-light .ink{background-color:#dae0e5}.btn-light.pmd-btn-flat{color:#f8f9fa;background-color:transparent}.btn-light.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-light.pmd-btn-flat:active,.btn-light.pmd-btn-flat.active,.btn-light.pmd-btn-flat:focus{color:#f8f9fa;background-color:#ccc}.btn-light.pmd-btn-flat .ink{background-color:gray}.btn-light.pmd-btn-outline{color:#f8f9fa;background-color:transparent;border-color:#f8f9fa}.btn-light.pmd-btn-outline:hover,.btn-light.pmd-btn-outline:focus{color:#333;background-color:#e2e6ea;border-color:#dae0e5}.btn-dark{color:#fff;background-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b}.btn-dark:focus,.btn-dark.focus,.btn-dark:active,.btn-dark.active,.btn-dark.active.focus,.btn-dark.active:focus,.btn-dark:active.focus,.btn-dark:active:focus{color:#fff;background-color:#23272b}.btn-dark .ink{background-color:#1d2124}.btn-dark.pmd-btn-flat{color:#343a40;background-color:transparent}.btn-dark.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-dark.pmd-btn-flat:active,.btn-dark.pmd-btn-flat.active,.btn-dark.pmd-btn-flat:focus{color:#343a40;background-color:#ccc}.btn-dark.pmd-btn-flat .ink{background-color:gray}.btn-dark.pmd-btn-outline{color:#343a40;background-color:transparent;border-color:#343a40}.btn-dark.pmd-btn-outline:hover,.btn-dark.pmd-btn-outline:focus{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-error{color:#fff;background-color:#ff5722}.btn-error:hover{color:#fff;background-color:#fb3c00}.btn-error:focus,.btn-error.focus,.btn-error:active,.btn-error.active,.btn-error.active.focus,.btn-error.active:focus,.btn-error:active.focus,.btn-error:active:focus{color:#fff;background-color:#fb3c00}.btn-error .ink{background-color:#ee3900}.btn-error.pmd-btn-flat{color:#ff5722;background-color:transparent}.btn-error.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-error.pmd-btn-flat:active,.btn-error.pmd-btn-flat.active,.btn-error.pmd-btn-flat:focus{color:#ff5722;background-color:#ccc}.btn-error.pmd-btn-flat .ink{background-color:gray}.btn-error.pmd-btn-outline{color:#ff5722;background-color:transparent;border-color:#ff5722}.btn-error.pmd-btn-outline:hover,.btn-error.pmd-btn-outline:focus{color:#fff;background-color:#fb3c00;border-color:#ee3900}.btn-inverse{color:#fff;background-color:#343a40}.btn-inverse:hover{color:#fff;background-color:#23272b}.btn-inverse:focus,.btn-inverse.focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.active.focus,.btn-inverse.active:focus,.btn-inverse:active.focus,.btn-inverse:active:focus{color:#fff;background-color:#23272b}.btn-inverse .ink{background-color:#1d2124}.btn-inverse.pmd-btn-flat{color:#343a40;background-color:transparent}.btn-inverse.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-inverse.pmd-btn-flat:active,.btn-inverse.pmd-btn-flat.active,.btn-inverse.pmd-btn-flat:focus{color:#343a40;background-color:#ccc}.btn-inverse.pmd-btn-flat .ink{background-color:gray}.btn-inverse.pmd-btn-outline{color:#343a40;background-color:transparent;border-color:#343a40}.btn-inverse.pmd-btn-outline:hover,.btn-inverse.pmd-btn-outline:focus{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-information{color:#fff;background-color:#03a9f4}.btn-information:hover{color:#fff;background-color:#038fce}.btn-information:focus,.btn-information.focus,.btn-information:active,.btn-information.active,.btn-information.active.focus,.btn-information.active:focus,.btn-information:active.focus,.btn-information:active:focus{color:#fff;background-color:#038fce}.btn-information .ink{background-color:#0286c2}.btn-information.pmd-btn-flat{color:#03a9f4;background-color:transparent}.btn-information.pmd-btn-flat:hover{background-color:#e5e5e5}.btn-information.pmd-btn-flat:active,.btn-information.pmd-btn-flat.active,.btn-information.pmd-btn-flat:focus{color:#03a9f4;background-color:#ccc}.btn-information.pmd-btn-flat .ink{background-color:gray}.btn-information.pmd-btn-outline{color:#03a9f4;background-color:transparent;border-color:#03a9f4}.btn-information.pmd-btn-outline:hover,.btn-information.pmd-btn-outline:focus{color:#fff;background-color:#038fce;border-color:#0286c2}.btn-default.pmd-btn-flat{color:#333}.btn-default.pmd-btn-outline{color:#333;border-color:#333}.btn-default.pmd-btn-outline:hover,.btn-default.pmd-btn-outline:focus{border-color:#333}.btn-lg{padding:.625rem 1rem;font-size:1.125rem;line-height:1.3;border-radius:.125rem}.btn-sm{padding:.25rem .75rem;font-size:.75rem;line-height:1.5;border-radius:.125rem}.pmd-ripple-effect{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.ink{position:absolute;display:block;pointer-events:none;background:#fff;border-radius:50%;opacity:1;-ms-transform:scale(0);transform:scale(0)}.ink.animate{animation:ripple .5s linear}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.btn-group .btn{border-radius:2px}.btn-group.open .dropdown-toggle{outline:0;outline-offset:0;box-shadow:none}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:0}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover{z-index:0}.btn-group>.btn:focus:hover,.btn-group-vertical>.btn:focus:hover,.btn-group>.btn:active:hover,.btn-group-vertical>.btn:active:hover,.btn-group>.btn.active:hover,.btn-group-vertical>.btn.active:hover{z-index:2}/*! + * Propeller v1.3.2 (http://propeller.in): modal.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.modal-content{border-radius:.125rem}.modal-header{padding:1rem 1rem 0;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,0);border-top-left-radius:.125rem;border-top-right-radius:.125rem}.modal-header.pmd-modal-bordered{padding-bottom:1rem;border-bottom:1px solid #e9ecef}.modal-header h2.pmd-card-title-text{font-weight:500}.pmd-modal-list{margin-top:1rem;margin-bottom:1rem}.modal-body{padding:0 1rem;margin-top:1rem;margin-bottom:1rem;color:rgba(0,0,0,.84)}.modal-body>p:last-child{margin-bottom:0}.modal-footer{padding:1rem}.pmd-modal-action{padding:.5rem .25rem}.pmd-modal-action .btn.pmd-btn-fab{padding:0}.pmd-modal-action.pmd-modal-bordered{border-top:1px solid #e9ecef}.pmd-modal-action .btn{min-width:inherit;padding:.625rem .5rem;margin:.5rem .25rem}.pmd-modal-action .btn:first-child{margin-left:.75rem}.pmd-modal-action .btn.pmd-btn-flat:first-child{margin-left:.25rem}.pmd-modal-action .pmd-btn-flat{margin:0 .25rem 0 0}.modal .radio,.modal .checkbox{margin:1rem 0}.modal .radio-options>label{padding-left:32px}.modal .list-group.pmd-list-avatar{padding:0;margin-bottom:1rem}.modal.list-group:last-child{margin-bottom:0}.form-horizontal .form-group{margin-right:0;margin-left:0}.modal{text-align:center}.modal:before{display:inline-block;height:100%;margin-right:-4px;vertical-align:middle;content:''}.modal .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}/*! + * Propeller v1.3.2 (http://propeller.in): dropdown.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-dropdown .dropdown-menu{top:0;padding:.5rem 0;margin:0;clip:rect(0 0 0 0);background-color:transparent;border:0;border-radius:0;box-shadow:none;opacity:0;transition:all .2s ease-in-out}.pmd-dropdown .dropdown-menu>li>a{padding:.75rem 1rem;line-height:1.42857143;color:#333}.pmd-dropdown .dropdown-menu>li>a:hover,.pmd-dropdown .dropdown-menu>li>a:focus{color:#262626;background-color:#f8f9fa}.pmd-dropdown .dropdown-menu ul>li>a{display:block;padding:.75rem .75rem;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.pmd-dropdown .dropdown-menu ul>li>a:hover,.pmd-dropdown .dropdown-menu ul>li>a:focus{color:#262626;text-decoration:none;background-color:#f8f9fa}.pmd-dropdown .dropdown-menu>.active>a:hover,.pmd-dropdown .dropdown-menu>.active>a:focus{background-color:#f8f9fa}.pmd-dropdown .dropdown-menu>.disabled>a{color:#868e96}.pmd-dropdown .dropdown-menu>.disabled>a:hover,.pmd-dropdown .dropdown-menu>.disabled>a:focus{color:#868e96;background-color:transparent}.pmd-dropdown .pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-right{-ms-transform-origin:right top;transform-origin:right top;will-change:transform}.pmd-dropdown.open>.pmd-dropdown-menu-container{display:block}.pmd-dropdown.open>.pmd-dropdown-menu-container>.dropdown-menu{display:block;opacity:1}.pmd-dropdown.open>.pmd-dropdown-menu-container>.pmd-dropdown-menu-bg{-ms-transform:scale(1);transform:scale(1)}.pmd-dropdown.dropup .dropdown-menu{top:auto;bottom:0}.pmd-dropdown.dropup .pmd-dropdown-menu-container{bottom:100%}.pmd-dropdown.dropup .caret{border-bottom:4px solid}.pmd-dropdown .dropdown-menu-right{clip:rect(0 0 0 0)}.pmd-dropdown-menu-container{position:absolute;z-index:999}.pmd-dropdown-menu-bg{position:absolute;background-color:#fff;border:0;border-radius:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:transform .3s cubic-bezier(.4,0,.2,1) 0;-ms-transform:scale(0);transform:scale(0);-ms-transform-origin:left top;transform-origin:left top;will-change:transform}.pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-bottom-left{-ms-transform-origin:left bottom;transform-origin:left bottom;will-change:transform}.pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-bottom-right{-ms-transform-origin:right bottom;transform-origin:right bottom;will-change:transform}.dropdown-header{padding:.25rem 1rem;margin-top:8px;color:#868e96}.navbar-fixed-bottom .pmd-dropdown.dropdown .caret{border-bottom:4px solid}.pmd-dropdown-menu-top-right{right:0;left:auto}.pmd-dropdown-menu-center{clip:inherit;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:none}.pmd-sidebar .pmd-dropdown-menu-container .dropdown-menu{opacity:1;transition:none}.pmd-sidebar-open.pmd-sidebar .pmd-dropdown-menu-container{position:static;transition:none}.pmd-sidebar-open.pmd-sidebar .pmd-dropdown-menu-bg{display:none}.pmd-sidebar-open.pmd-sidebar .open>.pmd-dropdown-menu-container{position:static}.pmd-sidebar-open.pmd-navbar-sidebar .dropdown-menu{top:0;background-color:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;transition:none}.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-container{position:static;transition:none}.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-container .dropdown-menu{transition:none}.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-bg{display:none}@media screen and (max-width:767px){.pmd-sidebar-dropdown .pmd-dropdown-menu-container{position:static;transition:none}.pmd-sidebar-dropdown .dropdown-menu{opacity:1;transition:none}}/*! + * Propeller v1.3.2 (http://propeller.in): textfield.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-textfield-focused{position:relative;top:-1px;z-index:2;display:block;width:100%;height:2px;background-color:#4285f4;transition:transform .2s cubic-bezier(.4,0,.2,1) 0;-ms-transform:scaleX(0);transform:scaleX(0)}.pmd-textfield.pmd-textfield-floating-label-active .pmd-textfield-focused{-ms-transform:scaleX(1);transform:scaleX(1)}.form-group.pmd-textfield{margin-bottom:1rem;line-height:1.375rem}.pmd-textfield .form-control{padding:0;padding-bottom:.375rem;font-size:1rem;background:transparent;border:0;border-bottom:solid 1px #e6e6e6;border-radius:0;outline:0;box-shadow:none}.pmd-textfield input.form-control{height:inherit}.pmd-textfield textarea.form-control{height:80px}.pmd-textfield label{margin-bottom:0;font-size:.875rem;font-weight:normal;line-height:1.4;color:rgba(0,0,0,.54)}.pmd-textfield-floating-label{position:relative}.pmd-textfield-floating-label label{margin:0;margin-bottom:.25rem;font-size:1rem;line-height:1.5rem;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;-ms-transform:translateY(26px);transform:translateY(26px)}.pmd-textfield-floating-label .form-control{position:relative}.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:.875rem;color:rgba(0,0,0,.54);-ms-transform:translateY(0);transform:translateY(0)}.pmd-textfield.has-success .form-control{color:#259b24;border-color:#259b24}.pmd-textfield.has-success .form-control ~ .pmd-textfield-focused{background-color:#259b24}.pmd-textfield.has-success .form-control ~ .has-error-text{display:block;color:#259b24}.pmd-textfield.has-success .form-control:focus{box-shadow:none}.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-success label{color:#259b24}.has-success .control-label,.has-success .help-block{color:#259b24}.pmd-textfield.has-warning .form-control{color:#ffc107;border-color:#ffc107}.pmd-textfield.has-warning .form-control ~ .pmd-textfield-focused{background-color:#ffc107}.pmd-textfield.has-warning .form-control ~ .has-error-text{display:block;color:#ffc107}.pmd-textfield.has-warning .form-control:focus{box-shadow:none}.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-warning label{color:#ffc107}.has-warning .control-label,.has-warning .help-block{color:#ffc107}.pmd-textfield.has-error .form-control{color:#ff5722;border-color:#ff5722}.pmd-textfield.has-error .form-control ~ .pmd-textfield-focused{background-color:#ff5722}.pmd-textfield.has-error .form-control ~ .has-error-text{display:block;color:#ff5722}.pmd-textfield.has-error .form-control:focus{box-shadow:none}.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-error label{color:#ff5722}.has-error .control-label,.has-error .help-block{color:#ff5722}.pmd-textfield.has-error .form-control:invalid{color:form-state-colors("error")}.pmd-textfield.has-error .form-control:invalid ~ .pmd-textfield-focused{background-color:form-state-colors("error")}.pmd-textfield.has-error .form-control:invalid ~ .has-error-text{display:block;color:form-state-colors("error")}.help-block{margin-top:0;font-size:14px}.has-error-text{display:none}.form-group-lg.pmd-textfield .form-control{height:44px;font-size:1.25rem;line-height:1.33333}.form-group-lg.pmd-textfield label{font-size:1rem}.form-group-lg.pmd-textfield-floating-label label{font-size:1.25rem;-ms-transform:translateY(36px);transform:translateY(36px)}.form-group-lg.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:1rem;-ms-transform:translateY(0);transform:translateY(0)}.form-group-sm.pmd-textfield .form-control{height:30px;font-size:.875rem;line-height:1.33333}.form-group-sm.pmd-textfield label{font-size:.625rem}.form-group-sm.pmd-textfield-floating-label label{font-size:.875rem;-ms-transform:translateY(28px);transform:translateY(28px)}.form-group-sm.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label{font-size:.625rem;-ms-transform:translateY(0);transform:translateY(0)}.pmd-textfield .input-group-addon{padding:0;background-color:transparent;border:0}.pmd-textfield .input-group-addon:first-child{padding-right:16px}.pmd-textfield .input-group-addon:last-child{padding-left:16px}.pmd-textfield .input-group .form-control{z-index:inherit;float:inherit}.pmd-input-group-label{padding-left:40px}/*! + * Propeller v1.3.2 (http://propeller.in): checkbox.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-checkbox-ripple-effect{-ms-transform:translateZ(0);transform:translateZ(0)}.checkbox .pmd-checkbox-ripple-effect{padding-left:0}.checkbox .pmd-checkbox{padding-left:0}.pmd-checkbox [type="checkbox"]:not(:checked),.pmd-checkbox [type="checkbox"]:checked{position:absolute;left:-9999px}.pmd-checkbox [type="checkbox"]:not(:checked)+.pmd-checkbox-label,.pmd-checkbox [type="checkbox"]:checked+.pmd-checkbox-label{position:relative;padding-left:1.5625rem;cursor:pointer}.pmd-checkbox [type="checkbox"]:not(:checked)+.pmd-checkbox-label:before,.pmd-checkbox [type="checkbox"]:checked+.pmd-checkbox-label:before{position:absolute;top:1px;left:0;width:18px;height:18px;content:'';border-color:rgba(0,0,0,.54);border-style:solid;border-width:.125rem;border-radius:.125rem}.pmd-checkbox [type="checkbox"]:not(:checked)+.pmd-checkbox-label:after,.pmd-checkbox [type="checkbox"]:checked+.pmd-checkbox-label:after{position:absolute;top:2px;left:6px;display:table;width:6px;height:12px;color:#fff;content:"";border-style:none solid solid none;border-width:0 .125rem .125rem 0;border-image:none;transition:all .2s}.pmd-checkbox [type="checkbox"]:checked+.pmd-checkbox-label:before{background-color:#4285f4;border-color:#4285f4}.pmd-checkbox [type="checkbox"]:checked+.pmd-checkbox-label:after{opacity:1;-ms-transform:rotate(45deg);transform:rotate(45deg)}.pmd-checkbox [type="checkbox"]:not(:checked)+.pmd-checkbox-label:after{opacity:0;-ms-transform:rotate(45deg);transform:rotate(45deg)}.pmd-checkbox [type="checkbox"]:disabled:not(:checked)+.pmd-checkbox-label:before,.pmd-checkbox [type="checkbox"]:disabled:checked+.pmd-checkbox-label:before{cursor:not-allowed;border-color:rgba(0,0,0,.26);box-shadow:none}.checkbox.disabled label.pmd-checkbox,fieldset[disabled] .checkbox label.pmd-checkbox{color:rgba(0,0,0,.26)}.pmd-checkbox label:hover:before{border:1px solid #4778d9}.pmd-checkbox.pmd-checkbox-ripple-effect{position:relative}.pmd-checkbox .pmd-checkboxwrap{position:absolute;top:-8px;left:-11px;z-index:-1;width:40px;height:40px;overflow:hidden;border-radius:50%}.checkbox-inline.pmd-checkbox{padding-left:0}.pmd-checkbox-ripple-effect .ink{background-color:rgba(0,0,0,.2)}.pmd-card-inverse .pmd-checkbox [type="checkbox"]:not(:checked)+.pmd-checkbox-label:before,.pmd-card-inverse .pmd-checkbox [type="checkbox"] :checked+.pmd-checkbox-label:before{border-color:rgba(255,255,255,.54)}.pmd-card-inverse .pmd-checkbox [type="checkbox"]:checked+.pmd-checkbox-label:before{background-color:#4285f4}.pmd-card-inverse .checkbox.disabled label.pmd-checkbox,.pmd-card-inverse fieldset[disabled] .checkbox label.pmd-checkbox{color:rgba(255,255,255,.54)}/*! + * Propeller v1.3.2 (http://propeller.in): radio.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-radio{position:relative}.pmd-radio span.pmd-radiobutton{margin-bottom:0}.pmd-radio input{display:none}.pmd-radio>span.pmd-radio-label{position:relative;display:inline-block;padding-left:1rem;margin-right:8px;cursor:pointer}.pmd-radio>span.pmd-radio-label:before{position:absolute;top:2px;left:0;display:block;width:18px;height:18px;content:"";border:.125rem solid rgba(0,0,0,.54);border-radius:18px}.pmd-radio>span.pmd-radio-label:after{position:absolute;top:12px;left:5px;display:block;width:8px;height:8px;margin-top:-5px;content:"";background:#4285f4;border-radius:4px;transition:.2s ease-in-out;-ms-transform:scale(0);transform:scale(0)}.pmd-radio :checked+span.pmd-radio-label:before{border-color:#4285f4}.pmd-radio :checked+span.pmd-radio-label:after{-ms-transform:scale(1);transform:scale(1)}.pmd-radio .ink{background-color:rgba(0,0,0,.2)}.radio-inline.pmd-radio{padding-left:0}.radio .pmd-radio{padding-left:0}.radio.disabled label{color:rgba(0,0,0,.26)}.radio.disabled .pmd-radio>span.pmd-radio-label::before{cursor:not-allowed;border-color:rgba(0,0,0,.26)}fieldset[disabled] .radio label{color:rgba(0,0,0,.26)}.pmd-card-inverse .pmd-radio>span.pmd-radio-label::before{border-color:rgba(255,255,255,.87)}.pmd-card-inverse .pmd-radio>span.pmd-radio-label::after{background-color:#4285f4}.pmd-card-inverse .radio.disabled label{color:rgba(255,255,255,.54)}.pmd-card-inverse .radio.disabled .pmd-radio>span.pmd-radio-label::before{border-color:rgba(255,255,255,.26)}.pmd-card-inverse :checked+span.pmd-radio-label:before{border-color:#4285f4}/*! + * Propeller v1.3.2 (http://propeller.in): toggle-switch.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-switch{vertical-align:middle;-moz-user-select:none}.pmd-switch label,.pmd-switch input,.pmd-switch .pmd-switch-label{-moz-user-select:none}.pmd-switch label{font-weight:400;cursor:pointer}.pmd-switch label input[type="checkbox"]{position:absolute;width:0;height:0;opacity:0}.pmd-switch label .pmd-switch-label,.pmd-switch label input[type="checkbox][disabled"]+.pmd-switch-label{position:relative;display:block;width:30px;height:15px;vertical-align:middle;content:"";background-color:rgba(0,0,0,.54);border-radius:15px;transition:all .2s ease-in-out}.pmd-switch label .pmd-switch-label::after{position:absolute;top:-2px;left:-6px;display:inline-block;width:20px;height:20px;content:"";background-color:#f1f1f1;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .2s ease-in-out}.pmd-switch label input[type="checkbox][disabled"]+.pmd-switch-label::after,.pmd-switch label input[type="checkbox][disabled"]:checked+.pmd-switch-label::after{background-color:rgba(0,0,0,.25)}.pmd-switch label input[type="checkbox"]+.pmd-switch-label:active::after,.pmd-switch label input[type="checkbox][disabled"]+.pmd-switch-label:active::after{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.pmd-switch label input[type="checkbox"]:checked+.pmd-switch-label::after{left:15px;background-color:#4285f4}.pmd-switch label input[type="checkbox"]:checked+.pmd-switch-label{background-color:rgba(66,133,244,.54)}.pmd-switch label input[type="checkbox"]:checked+.pmd-switch-label:active::after{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}/*! + * Propeller v1.3.2 (http://propeller.in): list.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-card-list{padding-top:.5rem;padding-bottom:.5rem;margin-bottom:0;background-color:#fff}.list-group-item{margin-bottom:-1px;line-height:1.4;border:inherit}.list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.list-group-item-heading{display:block;margin-top:0;margin-bottom:0;line-height:1.4}.list-group-item-text{margin-bottom:0;font-size:.875rem;line-height:1.4;color:rgba(0,0,0,.54)}.pmd-list .list-group-item{padding:.75rem 1rem}.pmd-list .media-left,.pmd-list .media>.pull-left{padding-right:1rem}.pmd-list-icon .list-group-item{padding-top:.75rem;padding-bottom:.75rem}.pmd-list-twoline .list-group-item{padding-top:.75rem;padding-bottom:.75rem}.pmd-list-avatar{padding:.5rem 0}.pmd-list-avatar .list-group-item{padding-top:.5rem;padding-bottom:.5rem}.avatar-list-img{display:inline-block;width:40px;height:40px;overflow:hidden;vertical-align:middle;border-radius:50%}.material-icons.media-left{display:table-cell;padding-right:32px;vertical-align:top}.material-icons.media-right{display:table-cell;padding-left:32px;vertical-align:top}.material-icons.media-middle{display:table-cell;vertical-align:middle}.media-body.pmd-word-break{word-break:break-all;word-wrap:break-word}/*! + * Propeller v1.3.2 (http://propeller.in): navbar.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */@media(min-width:768px){.pmd-navbar .navbar{border-radius:0}}.pmd-navbar.navbar>.container .navbar-brand,.pmd-navbar.navbar>.container-fluid .navbar-brand{margin-left:0}@media(min-width:768px){.pmd-navbar.navbar>.container .navbar-brand,.pmd-navbar.navbar>.container-fluid .navbar-brand{margin-left:0}}.pmd-navbar .navbar-brand{float:left;height:inherit;padding:.5rem 1rem .5rem .5rem;font-size:1.5rem;line-height:48px}@media(max-width:767px){.pmd-navbar .navbar-brand{line-height:40px}}.pmd-navbar .navbar-nav>li>a{font-weight:400;line-height:24px;text-transform:uppercase}@media(min-width:768px){.pmd-navbar .navbar-nav>li>a{padding-top:1.25rem;padding-bottom:1.25rem}}@media(max-width:767px){.pmd-navbar .navbar-nav{display:inline-block;width:100%;padding:0;margin:0}.pmd-navbar .navbar-nav a{position:relative;display:block;padding:.75rem 1rem;overflow:hidden;clear:both;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in-out}.pmd-navbar .navbar-nav a:hover,.pmd-navbar .navbar-nav a :focus{outline:0;box-shadow:none}.pmd-navbar .navbar-nav .dropdown-menu{position:relative;width:100%;padding:0;margin:0;border:0;border-radius:0;box-shadow:none}.pmd-navbar .navbar-nav .dropdown-menu>li>a,.pmd-navbar .navbar-nav .dropdown-menu .dropdown-header{padding:.25rem 1rem .25rem 2rem;line-height:24px}}.pmd-navbar .navbar-toggle{float:left;width:40px;height:40px;padding:.625rem;margin-top:12px;margin-right:.5rem;border:0;border-radius:50%}.pmd-navbar .navbar-toggle .icon-bar{width:20px}@media(max-width:767px){.pmd-navbar .navbar-toggle{margin-top:.5rem}}.pmd-navbar .pmd-navbar-right-icon{margin-left:1rem}.pmd-navbar .pmd-navbar-right-icon a{display:inline-block}@media(max-width:767px){.pmd-navbar .pmd-navbar-right-icon{position:absolute;top:0;right:8px}}.pmd-navbar .btn.pmd-btn-fab{padding:0;margin:.75rem 0}@media(max-width:767px){.pmd-navbar .btn.pmd-btn-fab{margin:.5rem 0}}.pmd-navbar .navbar-form{padding-top:7px;padding-bottom:6px}.pmd-navbar .navbar-form .btn{padding:9px 14px}.pmd-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;visibility:hidden;background:#000;opacity:0;transition:visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);-ms-transform:translateZ(0);transform:translateZ(0)}.pmd-sidebar-overlay.pmd-sidebar-overlay-active,.pmd-sidebar-overlay.active{visibility:visible;opacity:.5;transition-delay:0}@media(max-width:767px){.pmd-navbar .navbar-header{padding:0 .5rem}.pmd-navbar.navbar-fixed-top,.pmd-navbar.navbar-fixed-bottom{z-index:998}}@media(max-width:767px){.pmd-navbar-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:999;display:block;width:85%;min-width:85%;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;border:0;transition:all .5s cubic-bezier(.55,0,.1,1);transform:translate3d(-100%,0,0)}.pmd-navbar-sidebar:before,.pmd-navbar-sidebar :after{display:table;content:" "}.pmd-navbar-sidebar:after{clear:both}.pmd-navbar-sidebar::-webkit-scrollbar-track{border-radius:2px}.pmd-navbar-sidebar::-webkit-scrollbar{width:5px;background-color:#f7f7f7}.pmd-navbar-sidebar::-webkit-scrollbar-thumb{background-color:#bfbfbf;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.pmd-navbar-sidebar.pmd-sidebar-open{box-shadow:2px 0 15px rgba(0,0,0,.35);transform:translate3d(0,0,0)}.container>.navbar-collapse.pmd-navbar-sidebar,.container-fluid>.navbar-collapse.pmd-navbar-sidebar{padding:0;margin-right:0;margin-left:0}.navbar-inverse .pmd-navbar-sidebar{background-color:#222}.navbar-inverse .pmd-navbar-sidebar .dropdown-menu>li>a{color:rgba(255,255,255,.75)}.navbar-inverse .pmd-navbar-sidebar .dropdown-menu>li>a:hover,.navbar-inverse .pmd-navbar-sidebar .dropdown-menu>li>a :focus{color:white;background-color:transparent}.navbar-inverse .pmd-user-info .dropdown-menu{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#9d9d9d}}.pmd-user-info>a{display:block;padding:.5rem .5rem}.pmd-user-info .dropdown-menu{min-width:100%}.pmd-navbar .pmd-user-info{margin-right:-15px;margin-left:1rem}.pmd-navbar .pmd-user-info .media-body{width:auto;height:40px}@media(max-width:767px){.pmd-navbar .pmd-user-info>a{padding-top:.5rem;padding-bottom:.5rem}}@media(max-width:767px){.pmd-navbar .pmd-navbar-sidebar .pmd-user-info{width:100%;margin-right:0;margin-left:0}.pmd-navbar .pmd-navbar-sidebar .pmd-user-info a{padding-right:1rem;padding-left:1rem}.pmd-navbar .pmd-navbar-sidebar .pmd-user-info .dropdown-menu{position:relative;border-color:#3c3b3b;border-bottom:transparent solid 1px;box-shadow:none}.pmd-navbar .pmd-navbar-sidebar .pmd-user-info>a{color:rgba(255,255,255,.75);background-color:#3c3b3b;background-size:cover}.pmd-navbar .pmd-navbar-sidebar .pmd-user-info>a:hover,.pmd-navbar .pmd-navbar-sidebar .pmd-user-info>a :focus{background-color:#3c3b3b}.pmd-navbar .pmd-navbar-sidebar .pmd-user-info .media-body{width:100%}}/*! + * Propeller v1.3.2 (http://propeller.in): popover.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.popover.default{color:#fff;background-color:#fff;border-color:white}.popover.default.left>.arrow:after{border-left-color:#fff}.popover.default.right>.arrow:after{border-right-color:#fff}.popover.default.top>.arrow:after{border-top-color:#fff}.popover.default.bottom>.arrow:after{border-bottom-color:#fff}.popover.primary{color:#fff;background-color:#4285f4;border-color:#caddfc}.popover.primary.left>.arrow:after{border-left-color:#4285f4}.popover.primary.right>.arrow:after{border-right-color:#4285f4}.popover.primary.top>.arrow:after{border-top-color:#4285f4}.popover.primary.bottom>.arrow:after{border-bottom-color:#4285f4}.popover.secondary{color:#fff;background-color:#ffc107;border-color:#ffeeba}.popover.secondary.left>.arrow:after{border-left-color:#ffc107}.popover.secondary.right>.arrow:after{border-right-color:#ffc107}.popover.secondary.top>.arrow:after{border-top-color:#ffc107}.popover.secondary.bottom>.arrow:after{border-bottom-color:#ffc107}.popover.success{color:#fff;background-color:#259b24;border-color:#c2e3c2}.popover.success.left>.arrow:after{border-left-color:#259b24}.popover.success.right>.arrow:after{border-right-color:#259b24}.popover.success.top>.arrow:after{border-top-color:#259b24}.popover.success.bottom>.arrow:after{border-bottom-color:#259b24}.popover.info{color:#fff;background-color:#03a9f4;border-color:#b8e7fc}.popover.info.left>.arrow:after{border-left-color:#03a9f4}.popover.info.right>.arrow:after{border-right-color:#03a9f4}.popover.info.top>.arrow:after{border-top-color:#03a9f4}.popover.info.bottom>.arrow:after{border-bottom-color:#03a9f4}.popover.warning{color:#fff;background-color:#ffc107;border-color:#ffeeba}.popover.warning.left>.arrow:after{border-left-color:#ffc107}.popover.warning.right>.arrow:after{border-right-color:#ffc107}.popover.warning.top>.arrow:after{border-top-color:#ffc107}.popover.warning.bottom>.arrow:after{border-bottom-color:#ffc107}.popover.danger{color:#fff;background-color:#ff5722;border-color:#ffd0c1}.popover.danger.left>.arrow:after{border-left-color:#ff5722}.popover.danger.right>.arrow:after{border-right-color:#ff5722}.popover.danger.top>.arrow:after{border-top-color:#ff5722}.popover.danger.bottom>.arrow:after{border-bottom-color:#ff5722}.popover.light{color:#fff;background-color:#f8f9fa;border-color:#fdfdfe}.popover.light.left>.arrow:after{border-left-color:#f8f9fa}.popover.light.right>.arrow:after{border-right-color:#f8f9fa}.popover.light.top>.arrow:after{border-top-color:#f8f9fa}.popover.light.bottom>.arrow:after{border-bottom-color:#f8f9fa}.popover.dark{color:#fff;background-color:#343a40;border-color:#c6c8ca}.popover.dark.left>.arrow:after{border-left-color:#343a40}.popover.dark.right>.arrow:after{border-right-color:#343a40}.popover.dark.top>.arrow:after{border-top-color:#343a40}.popover.dark.bottom>.arrow:after{border-bottom-color:#343a40}.popover.error{color:#fff;background-color:#ff5722;border-color:#ffd0c1}.popover.error.left>.arrow:after{border-left-color:#ff5722}.popover.error.right>.arrow:after{border-right-color:#ff5722}.popover.error.top>.arrow:after{border-top-color:#ff5722}.popover.error.bottom>.arrow:after{border-bottom-color:#ff5722}.popover.inverse{color:#fff;background-color:#343a40;border-color:#c6c8ca}.popover.inverse.left>.arrow:after{border-left-color:#343a40}.popover.inverse.right>.arrow:after{border-right-color:#343a40}.popover.inverse.top>.arrow:after{border-top-color:#343a40}.popover.inverse.bottom>.arrow:after{border-bottom-color:#343a40}.popover.information{color:#fff;background-color:#03a9f4;border-color:#b8e7fc}.popover.information.left>.arrow:after{border-left-color:#03a9f4}.popover.information.right>.arrow:after{border-right-color:#03a9f4}.popover.information.top>.arrow:after{border-top-color:#03a9f4}.popover.information.bottom>.arrow:after{border-bottom-color:#03a9f4}/*! + * Propeller v1.3.2 (http://propeller.in): progressbar.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-progress{height:4px;background:none repeat scroll 0 0 #ced4da;border-radius:0;box-shadow:none}.progress-bar{box-shadow:none}/*! + * Propeller v1.3.2 (http://propeller.in): sidebar.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.constructor,.pmd-content{position:relative;padding-top:4.625rem;padding-right:1.875rem;padding-left:1.875rem;margin:0;transition:all .3s cubic-bezier(.55,0,.1,1)}@media(max-width:767px){.constructor,.pmd-content{padding-right:1rem;padding-left:1rem;transition:none}}@media(max-width:767px){body.pmd-body-open{overflow:hidden}}.pmd-sidebar,.wrapper,.pmd-content{vertical-align:top}.pmd-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;visibility:hidden;background:#000;opacity:0;transition:all .3s cubic-bezier(.55,0,.1,1);-ms-transform:translateZ(0);transform:translateZ(0)}.pmd-sidebar-overlay.pmd-sidebar-overlay-active{visibility:visible;opacity:.5;transition-delay:0}.pmd-sidebar{position:relative;display:block;width:280px;min-height:100%;padding-top:4rem;overflow-x:hidden;overflow-y:auto;background:#fff;border:0;transition:all .3s cubic-bezier(.55,0,.1,1)}@media(max-width:767px){.pmd-sidebar{padding-top:0;transform:translate3d(-280px,0,0)}}.pmd-sidebar:before,.pmd-sidebar:after{display:table;content:" "}.pmd-sidebar:after{clear:both}.pmd-sidebar::-webkit-scrollbar-track{border-radius:2px}.pmd-sidebar::-webkit-scrollbar-track{border-radius:2px}.pmd-sidebar::-webkit-scrollbar{width:5px;background-color:#f7f7f7}.pmd-sidebar::-webkit-scrollbar-thumb{background-color:#bfbfbf;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.pmd-sidebar .pmd-user-info>a{color:#fff;background-color:#333;background-size:cover}.pmd-sidebar .pmd-user-info>a:hover,.pmd-sidebar .pmd-user-info>a:focus{background-color:#333}.pmd-sidebar.pmd-sidebar-open{width:280px;min-width:280px;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media(max-width:767px){.pmd-sidebar.pmd-sidebar-open{width:280px;min-width:280px}}.pmd-sidebar-slide-push{left:0;-ms-transform:translate3d(-280px,0,0);transform:translate3d(-280px,0,0)}@media(max-width:767px){.pmd-sidebar-slide-push{left:0}}.pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content,.pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor{margin-left:280px}@media(max-width:767px){.pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content,.pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor{margin-left:0}}.pmd-sidebar-left-fixed,.pmd-sidebar-right-fixed,.pmd-sidebar-slide-push{position:fixed;top:0;bottom:0;z-index:999}.pmd-sidebar-left-fixed{left:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-ms-transform:translate3d(-280px,0,0);transform:translate3d(-280px,0,0)}.pmd-sidebar-right-fixed{right:0;-ms-transform:translate3d(280px,0,0);transform:translate3d(280px,0,0)}.pmd-sidebar-right-fixed.pmd-sidebar-open{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pmd-sidebar .pmd-sidebar-nav li{position:relative}.pmd-sidebar .pmd-sidebar-nav li a{position:relative;overflow:hidden;clear:both;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all .2s ease-in-out}.pmd-sidebar .dropdown-menu{position:relative;width:100%;padding:0;margin:0;border:0;border-radius:0;box-shadow:none}.pmd-sidebar .dropdown-menu li a{padding-left:1.5rem}@media(max-width:767px){.pmd-sidebar .dropdown-menu li a{padding-left:1rem}}.topbar-fixed{position:fixed;top:0;right:0;z-index:1030;width:100%;height:0;overflow:hidden;transition:all .3s cubic-bezier(.55,0,.1,1);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.topbar-fixed.pmd-sidebar-open{width:100%;height:200%;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.topbar-fixed.pmd-sidebar-open::before{bottom:50%;left:50%;display:block;width:3000px;height:3000px;margin-bottom:-1500px;margin-left:-1500px;border-radius:50%;opacity:1;-ms-transform:scale(1);transform:scale(1)}.topbar-fixed.pmd-sidebar-open .topbar-container{opacity:1;transition-delay:1s}.topbar-fixed::before{position:absolute;bottom:100%;left:100%;width:3000px;height:3000px;color:#fff;content:"";background:white none repeat scroll 0 0;border-radius:50%;opacity:0;transition:all .3s cubic-bezier(.55,0,.1,1);-ms-transform:scale(0);transform:scale(0);-ms-transform-origin:top right;transform-origin:top right;will-change:transform}.topbar-fixed .topbar-container{opacity:0;transition:all .3s cubic-bezier(.55,0,.1,1);transition-delay:0}.topbar-close{margin-top:12px}/*! + * Propeller v1.3.2 (http://propeller.in): tab.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-tabs{position:relative}@media(max-width:767px){.pmd-tabs{overflow-x:auto;overflow-y:hidden}}.pmd-tabs .nav-tabs{border-bottom:0}.pmd-tabs .nav-tabs.nav-justified>li>a{border:0;border-radius:0}.pmd-tabs .nav-tabs.nav-justified>.active>a,.pmd-tabs .nav-tabs.nav-justified>.active>a:hover,.pmd-tabs .nav-tabs.nav-justified>.active>a:focus{border:0}.pmd-tabs .nav-tabs>li.active>a,.pmd-tabs .nav-tabs>li.active>a:hover,.pmd-tabs .nav-tabs>li.active>a:focus{color:black;cursor:default;background-color:transparent;border:0;border-bottom-color:transparent;opacity:1}.pmd-tabs .nav-tabs>li{margin-bottom:0}.pmd-tabs .nav-tabs>li>a{padding:1.125rem 1.5rem 1.0625rem;margin-right:0;font-size:.875rem;font-weight:500;line-height:1;color:rgba(0,0,0,.54);text-transform:uppercase;border:0;border-radius:0}.pmd-tabs .nav-tabs>li>a:hover,.pmd-tabs .nav-tabs>li>a:focus{background-color:transparent;border-color:transparent}.pmd-tabs .pmd-tab-active-bar{position:absolute;bottom:0;width:25%;height:3px;background:#ffc107;transition:all .2s ease-in-out}.pmd-tabs-bg{background-color:#4285f4}.pmd-tabs-bg .nav-tabs>li>a{color:rgba(255,255,255,.54)}.pmd-tabs-bg .nav-tabs>li .dropdown-menu a{color:#333}.pmd-tabs-bg .nav-tabs>li.active>a,.pmd-tabs-bg .nav-tabs>li.active>a:hover,.pmd-tabs-bg .nav-tabs>li.active>a:focus{color:white;background-color:transparent}.pmd-tabs-bg .pmd-tabs-scroll-right,.pmd-tabs-bg .pmd-tabs-scroll-left{color:rgba(255,255,255,.54);background-color:#4285f4}.pmd-tabs-scroll-container{position:relative;display:block;width:100%;overflow:hidden}.pmd-tabs-scroll-right{top:0;right:0;float:right}.pmd-tabs-scroll-left{left:0;float:left}.pmd-tabs-scroll-right,.pmd-tabs-scroll-left{position:absolute;z-index:99;display:none;padding:.75rem 1.5rem .375rem;line-height:1.7;color:#868e96;text-align:center;white-space:no-wrap;vertical-align:middle;cursor:pointer;background-color:#fff}/*! + * Propeller v1.3.2 (http://propeller.in): table.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.table{width:100%;max-width:100%;margin-bottom:1rem}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:.75rem;line-height:1.5;vertical-align:top;border-top:1px solid #e9ecef}.pmd-table.table .table{background-color:#fff}.pmd-table.table thead th{vertical-align:bottom;border-bottom:2px solid #e9ecef}.pmd-table.table tbody+tbody{border-top:2px solid #e9ecef}.pmd-table.table-sm th,.pmd-table.table-sm td{padding:.25rem}.table-bordered{border:1px solid #e9ecef}.table-bordered th,.table-bordered td{border:1px solid #e9ecef}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-default,.table-default>th,.table-default>td{background-color:white}.table-hover .table-default:hover{background-color:#f2f2f2}.table-hover .table-default:hover>td,.table-hover .table-default:hover>th{background-color:#f2f2f2}.table-primary,.table-primary>th,.table-primary>td{background-color:#d9e7fd}.table-hover .table-primary:hover{background-color:#c1d8fc}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#c1d8fc}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#fff3cd}.table-hover .table-secondary:hover{background-color:#ffedb4}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#ffedb4}.table-success,.table-success>th,.table-success>td{background-color:#d3ebd3}.table-hover .table-success:hover{background-color:#c1e3c1}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#c1e3c1}.table-info,.table-info>th,.table-info>td{background-color:#cdeefd}.table-hover .table-info:hover{background-color:#b4e6fc}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#b4e6fc}.table-warning,.table-warning>th,.table-warning>td{background-color:#fff3cd}.table-hover .table-warning:hover{background-color:#ffedb4}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffedb4}.table-danger,.table-danger>th,.table-danger>td{background-color:#ffddd3}.table-hover .table-danger:hover{background-color:#ffc9ba}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffc9ba}.table-light,.table-light>th,.table-light>td{background-color:#fefefe}.table-hover .table-light:hover{background-color:#f1f1f1}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#f1f1f1}.table-dark,.table-dark>th,.table-dark>td{background-color:#d6d8d9}.table-hover .table-dark:hover{background-color:#c9cbcd}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#c9cbcd}.table-error,.table-error>th,.table-error>td{background-color:#ffddd3}.table-hover .table-error:hover{background-color:#ffc9ba}.table-hover .table-error:hover>td,.table-hover .table-error:hover>th{background-color:#ffc9ba}.table-inverse,.table-inverse>th,.table-inverse>td{background-color:#d6d8d9}.table-hover .table-inverse:hover{background-color:#c9cbcd}.table-hover .table-inverse:hover>td,.table-hover .table-inverse:hover>th{background-color:#c9cbcd}.table-information,.table-information>th,.table-information>td{background-color:#cdeefd}.table-hover .table-information:hover{background-color:#b4e6fc}.table-hover .table-information:hover>td,.table-hover .table-information:hover>th{background-color:#b4e6fc}.table-active,.table-active>th,.table-active>td{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table-responsive{display:block;width:100%;overflow-x:auto}.table-inverse{color:#f8f9fa;background-color:#333}.table-inverse.table-bordered{border:0}.table-inverse.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.02)}.table-inverse.table-hover tbody tr:hover,.table-inverse.table-hover tbody tr:nth-of-type(odd):hover{background:rgba(255,255,255,.075)}.table.table-inverse>thead>tr>th,.table.table-inverse>thead>tr>td,.table.table-inverse>tbody>tr>th,.table.table-inverse>tbody>tr>td,.table.table-inverse>tfoot>tr>th,.table.table-inverse>tfoot>tr>td{border-color:#464646}.table-reflow thead{float:left}.table-reflow tbody{display:block;white-space:nowrap}.table.table-reflow tr{float:left}.table.table-reflow>thead>tr>th,.table.table-reflow>thead>tr>td,.table.table-reflow>tbody>tr>th,.table.table-reflow>tbody>tr>td,.table.table-reflow>tfoot>tr>th,.table.table-reflow>tfoot>tr>td{display:block !important;border:1px solid #e9ecef;border-top:1px solid #e9ecef;border-left:1px solid #e9ecef}.table.table-reflow>thead>tr>th:last-child,.table.table-reflow>thead>tr>td:last-child,.table.table-reflow>tbody>tr>th:last-child,.table.table-reflow>tbody>tr>td:last-child,.table.table-reflow>tfoot>tr>th:last-child,.table.table-reflow>tfoot>tr>td:last-child{border-right:1px solid #e9ecef}.table.table-reflow thead:last-child tr:last-child>th,.table.table-reflow thead:last-child tr:last-child>td,.table.table-reflow tbody:last-child tr:last-child>th,.table.table-reflow tbody:last-child tr:last-child>td,.table.table-reflow tfoot:last-child tr:last-child>th,.table.table-reflow tfoot:last-child tr:last-child>td{border-bottom:1px solid #e9ecef}.pmd-table.table>thead>tr,.pmd-table.table>tbody>tr,.pmd-table.table>tfoot>tr{transition:all .2s ease-in-out}.pmd-table.table>thead>tr>th,.pmd-table.table>thead>tr>td,.pmd-table.table>tbody>tr>th,.pmd-table.table>tbody>tr>td,.pmd-table.table>tfoot>tr>th,.pmd-table.table>tfoot>tr>td{text-align:left;vertical-align:middle;transition:all .2s ease-in-out}.pmd-table.table>thead>tr>th,.pmd-table.table>tbody>tr>th,.pmd-table.table>tfoot>tr>th{font-size:.8rem;font-weight:400;color:rgba(0,0,0,.54);border-top:0;border-bottom-width:1px}.pmd-table.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.pmd-table .table-bordered th,.pmd-table .table-bordered td{border:0;border-top:1px solid #e9ecef}.pmd-table.table-inverse>thead>tr>th{color:rgba(255,255,255,.54)}.pmd-table.table-striped.table-inverse tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.02)}.pmd-table.table-hover.table-inverse tbody tr:hover{background-color:rgba(255,255,255,.075)}.pmd-table.table-bordered .table-heading,.pmd-table.table-bordered .table-footer{border:0}.table-heading{min-height:64px;padding:4px 24px 4px 24px;border-bottom:1px solid #ddd}.table-footer{display:inline-block;width:100%;padding:8px 24px 8px 24px;border-top:1px solid #ddd}.shoarting{margin-left:6px}@media screen and (max-width:768px){.pmd-table-card .pmd-table .table{margin-bottom:0}.pmd-table-card.pmd-card-main{background-color:transparent;box-shadow:none}.pmd-table-card .table.pmd-table thead,.pmd-table-card .table.pmd-table tfoot{display:none}.pmd-table-card .table.pmd-table tbody{display:block}.pmd-table-card .table.pmd-table tbody tr{display:block;margin-bottom:1.25rem;border-radius:.125rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.pmd-table-card .table.pmd-table tbody tr td{display:block;text-align:right;vertical-align:middle;background-color:#fff}.pmd-table-card .table.pmd-table tbody tr td[data-title]:before{float:left;font-size:inherit;font-weight:400;color:rgba(0,0,0,.54);content:attr(data-title)}.pmd-table-card>.pmd-table.table-striped>tbody>tr>td,.pmd-table-card>.pmd-table.table-striped>tbody>tr:nth-child(odd){background-color:#fff}.pmd-table-card>.pmd-table.table-striped>tbody>tr>td:nth-child(odd){background-color:rgba(0,0,0,.05)}.pmd-table-card>.pmd-table.table-inverse>tbody>tr>td[data-title]:before{color:rgba(255,255,255,.54)}.pmd-table-card>.pmd-table.table-hover.table-inverse>tbody>tr>td:hover{background-color:rgba(255,255,255,.075)}.pmd-table-card>.pmd-table.table-striped.table-inverse>tbody>tr>td,.pmd-table-card>.pmd-table.table-striped.table-inverse>tbody>tr:nth-child(odd){background-color:#333}.pmd-table-card>.pmd-table.table-striped.table-inverse>tbody>tr>td:nth-child(odd){background-color:rgba(255,255,255,.02)}.pmd-table-card>.table-hover>tbody>tr>td:hover{background-color:rgba(0,0,0,.075)}.pmd-table-card.pmd-z-depth{background-color:transparent;box-shadow:none}.pmd-table.table-bordered.table-inverse th,.pmd-table.table-bordered.table-inverse td{border-color:#464646}}.pmd-table{margin-bottom:0}.pmd-table .child-table{background-color:#fff}.pmd-table .child-table>td{padding:0 !important}.pmd-table .child-table>td .table>thead>tr{background-color:#fff}.pmd-table .child-table .table-sm th,.pmd-table .child-table .table-sm td{padding:.25rem .75rem}@media screen and (max-width:768px){.pmd-table .child-table{margin-top:-20px}}.pmd-table.table-reflow{display:block;overflow-x:scroll}.pmd-table.table-reflow thead,.pmd-table.table-reflow tr{display:table-cell;float:none;vertical-align:top}.pmd-table.table-reflow tr{width:130px;background-color:#fff}.pmd-table.table-reflow thead{position:absolute}.pmd-table.table-reflow tbody{margin-left:130px}.pmd-table.table-reflow>thead>tr>th{width:131px;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.pmd-table.table-reflow>tbody>tr>td{border:0;border-bottom:1px solid #e9ecef;border-left:1px solid #e9ecef}/*! + * Propeller v1.3.2 (http://propeller.in): tooltip.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-tooltip ~ .tooltip{filter:alpha(opacity=0);border-radius:2px;opacity:0;transition:opacity .3s ease-in-out,margin ease-in-out .3s}.pmd-tooltip ~ .tooltip:before{position:absolute;left:50%;z-index:-1;width:0;height:0;content:"";background-color:#000;opacity:1;transition:all .2s ease-in-out;-ms-transform:scale(0);transform:scale(0)}.pmd-tooltip ~ .tooltip .tooltip-arrow{display:none}.pmd-tooltip ~ .tooltip .tooltip-inner{padding:.1875rem .5rem;font-size:.875rem;font-weight:500;line-height:1.4;color:#fff;text-align:center;text-decoration:none;background-color:transparent}.pmd-tooltip ~ .tooltip.in{filter:alpha(opacity=100);opacity:100}.pmd-tooltip ~ .tooltip.in:before{left:0;width:100%;height:100%;opacity:1;-ms-transform:scale(1);transform:scale(1)}.pmd-tooltip ~ .tooltip.top:before{top:100%}.pmd-tooltip ~ .tooltip.in.top{margin-top:-10px}.pmd-tooltip ~ .tooltip.in.top:before{top:0;-ms-transform-origin:50% 100% 0;transform-origin:50% 100% 0;will-change:transform}.pmd-tooltip ~ .tooltip.bottom:before{top:0}.pmd-tooltip ~ .tooltip.in.bottom{margin-top:10px}.pmd-tooltip ~ .tooltip.in.bottom:before{-ms-transform-origin:50% 0 0;transform-origin:50% 0 0;will-change:transform}.pmd-tooltip ~ .tooltip.right:before{top:50%;left:0}.pmd-tooltip ~ .tooltip.right .tooltip-arrow{left:0}.pmd-tooltip ~ .tooltip.in.right{margin-left:10px}.pmd-tooltip ~ .tooltip.in.right:before{top:0;-ms-transform-origin:0 50% 0;transform-origin:0 50% 0;will-change:transform}.pmd-tooltip ~ .tooltip.left:before{top:50%;left:100%}.pmd-tooltip ~ .tooltip.left .tooltip-arrow{right:0}.pmd-tooltip ~ .tooltip.in.left{margin-left:-10px}.pmd-tooltip ~ .tooltip.in.left .tooltip-arrow{right:0}.pmd-tooltip ~ .tooltip.in.left:before{top:0;left:0;-ms-transform-origin:100% 50% 0;transform-origin:100% 50% 0;will-change:transform}/*! + * Propeller v1.3.2 (http://propeller.in): floating-action-button.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */.pmd-floating-action{position:fixed;right:1rem;bottom:1rem;z-index:1000}.pmd-floating-action:hover .pmd-floating-action-btn,.menu--floating--open .pmd-floating-action-btn{position:relative;bottom:auto;overflow:hidden;opacity:1;-ms-transform:none;transform:none}.pmd-floating-action:hover .pmd-floating-action-btn:before,.menu--floating--open .pmd-floating-action-btn:before{opacity:1}.pmd-floating-action-btn{position:relative;display:block;transition:all .2s ease-in-out;transition:all .3s cubic-bezier(.55,0,.1,1)}.pmd-floating-action-btn:before{position:absolute;right:100%;bottom:10%;display:inline-block;padding:.375rem .75rem;margin-right:.3125rem;font-size:.75rem;color:rgba(0,0,0,.87);white-space:nowrap;content:attr(data-title);background-color:#fff;border-radius:.125rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);opacity:0;transition:all .2s ease-in-out}.pmd-floating-action-btn:last-child:before{bottom:25%;font-size:14px}.pmd-floating-action-btn:hover,.pmd-floating-action-btn:focus,.pmd-floating-action-btn:active{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.pmd-floating-action-btn:not(:last-child){position:absolute;bottom:0;margin-bottom:.9375rem;margin-left:.5rem;opacity:0;-ms-transform:translateY(20px) scale(.3);transform:translateY(20px) scale(.3)}.pmd-floating-action-btn:not(:last-child):nth-last-child(1){transition-delay:50ms}.pmd-floating-action-btn:not(:last-child):nth-last-child(2){transition-delay:100ms}.pmd-floating-action-btn:not(:last-child):nth-last-child(3){transition-delay:150ms}.pmd-floating-action-btn:not(:last-child):nth-last-child(4){transition-delay:200ms}.pmd-floating-action-btn:not(:last-child):nth-last-child(5){transition-delay:250ms}.pmd-floating-action-btn:not(:last-child):nth-last-child(6){transition-delay:300ms}.pmd-floating-action-btn.btn:hover{overflow:visible}.pmd-floating-action-btn .ink{width:50px;height:50px}.pmd-floating-hidden{display:none}.margin-r8{margin-right:8px !important} \ No newline at end of file diff --git a/min/roble.min.css b/min/roble.min.css new file mode 100644 index 0000000..58cddf8 --- /dev/null +++ b/min/roble.min.css @@ -0,0 +1 @@ +body{margin:0;font-family:sans-serif;height:100%;background:#f5f5fb}a:link,a:visited{color:#f44337}::selection{background:#f44337;color:#fff}code,pre{background:#fcfcff;color:#666;font-weight:bold;padding:3px 5px;border-radius:4px}pre{padding:12px;overflow-x:auto}.rbl-layout{display:flex;flex-direction:column;min-height:100vh}.rbl-layout__header{padding:20px}.rbl-layout__content{flex:1;margin:0 auto}.rbl-layout__footer{color:#888;font-size:12px;text-align:center;padding:20px}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{color:#333;font-family:BlinkMacSystemFont,sans-serif;font-weight:normal}html{font-size:1em}body{font-family:BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.45;color:#666}.rbl-paragraph{margin-bottom:1.3em}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{margin:1.414em 0 .5em;font-weight:inherit;line-height:1.2}.rbl-header-1{margin-top:0;font-size:2.074em}.rbl-header-2{font-size:1.728em}.rbl-header-3{font-size:1.44em}.rbl-header-4{font-size:1.2em}.rbl-small{font-size:.833em}.rbl-panel{border-radius:6px;box-shadow:0 2px 14px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.01);background:#fff}.rbl-panel__title{box-sizing:border-box;margin:0;padding:20px 20px 0}.rbl-panel__inner{box-sizing:border-box;padding:20px}.rbl-button,.rbl-button--secondary{border:0;border-radius:2px;min-width:64px;padding:0 16px;display:inline-block;font-family:BlinkMacSystemFont,sans-serif;height:36px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(0.4,0,1,1),background-color .2s cubic-bezier(0.4,0,0.2,1),color .2s cubic-bezier(0.4,0,0.2,1);outline:0;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;user-select:none;vertical-align:middle}.rbl-button{background:rgba(244,67,55,0.1);color:#f44337}.rbl-button:hover{background:rgba(244,67,55,0.2)}.rbl-button:active{background:rgba(244,67,55,0.4)}.rbl-button:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-button--secondary{background:transparent;color:#666}.rbl-button--secondary:hover{background:rgba(0,0,0,0.06)}.rbl-button--secondary:active{background:rgba(0,0,0,0.12)}.rbl-button--secondary:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-checkbox{position:fixed;top:-30px;left:-30px;opacity:0}.rbl-checkbox+label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none}.rbl-checkbox+label::before{content:'';width:16px;height:16px;border-radius:2px;background:#fff center center;background-size:90%;margin:0 10px 0 0;border:2px solid #aaa;transition:background .1s ease,background-size .1s ease,border .1s ease}.rbl-checkbox+label::after{content:'';width:40px;height:40px;background:rgba(0,0,0,0.1);position:absolute;left:-10px;top:-10px;border-radius:100%;transform:scale(0);transition:transform .5s ease}.rbl-checkbox:checked+label::before{border-color:#ff8981;background:#ff8981 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy44LDE1LjYgMi4yLDEwIDMuOCw4LjQgNy44LDEyLjQgMTYuMiw0IDE3LjgsNS42ICIvPjwvc3ZnPg==);background-size:100%;color:#fff}.rbl-checkbox:active+label::after{transform:scale(1);transition:transform .1s ease}@keyframes checkboxFocus{0{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.rbl-checkbox:focus+label::after{background:rgba(244,67,55,0.2);animation:checkboxFocus .7s infinite alternate;transition:transform .1s ease,color .1s ease}.rbl-select{border:0;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) no-repeat right center;font-family:sans-serif;padding:0 32px 0 16px;font-size:16px;border-radius:2px;-webkit-appearance:none;color:#555;height:36px;transition:box-shadow .1s ease}.rbl-select:focus{outline:0;box-shadow:0 0 0 2px rgba(244,67,55,0.3)}.rbl-field-label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none;margin:0 0 4px}.rbl-textfield{box-shadow:0 0 0 2px rgba(0,0,0,0.1);border:0;background:#fff;border-radius:2px;color:#555;padding:8px;display:block;font-family:BlinkMacSystemFont,sans-serif;font-size:16px;outline:0;width:100%;box-sizing:border-box}.rbl-textfield::placeholder{color:rgba(102,102,102,0.2)}.rbl-textfield:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.3)} \ No newline at end of file diff --git a/min/scooter.min.css b/min/scooter.min.css new file mode 100644 index 0000000..7b674ae --- /dev/null +++ b/min/scooter.min.css @@ -0,0 +1,14 @@ +/*! + * + * SCOOTER + * + * --- + * / + * /______ + * 0 0 + * + * scoot + * verb [no obj.] + * go or leave somewhere quickly: "I'd better scoot" + * + */*,::after,::before{position:relative;margin:0;padding:0;box-sizing:inherit}input,button,textarea,select{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}ul,ol{margin-left:46px}p,table{margin-bottom:23px}table{border-collapse:collapse}html,:root{box-sizing:border-box;font:81.25%/1.75 "Open Sans","Helvetica Neue",Arial,sans-serif;color:#3d464d}.f-headline,.f-subhead,.f1,.f2,.f3,.f4{display:block;margin-bottom:23px;font-weight:400;line-height:1.25}.f-headline{font-size:48px;font-weight:200}.f-subhead{font-size:36px;font-weight:200}.f1{font-size:24px}.f2{font-size:20px}.f3{font-size:16px}.f4{margin-bottom:0;font-size:13px;font-weight:600;line-height:23px}a,.f-a,.f-link{text-decoration:none;color:#007ee5;cursor:pointer}a:hover,.f-a:hover,.f-link:hover{text-decoration:underline}hr{margin-bottom:23px;border:0;border-top:1px solid rgba(37,40,43,0.1)}.o-wrap{display:block;max-width:990px;margin:0 auto}.o-grid{list-style:none;margin-left:-20px}.o-grid__col--2-of-2,.o-grid__col--3-of-3,.o-grid__col--4-of-4,.o-grid__col--6-of-6,.o-grid__col--12-of-12{width:100%}.o-grid__col--1-of-3,.o-grid__col--2-of-6,.o-grid__col--4-of-12{width:33.33333%}.o-grid__col--2-of-3,.o-grid__col--4-of-6,.o-grid__col--8-of-12{width:66.66667%}.o-grid__col--1-of-4,.o-grid__col--3-of-12{width:25%}.o-grid__col--1-of-2,.o-grid__col--2-of-4,.o-grid__col--3-of-6,.o-grid__col--6-of-12{width:50%}.o-grid__col--3-of-4,.o-grid__col--9-of-12{width:75%}.o-grid__col--push-2-of-2,.o-grid__col--push-3-of-3,.o-grid__col--push-4-of-4,.o-grid__col--push-6-of-6,.o-grid__col--push-12-of-12{margin-left:100%}.o-grid__col--push-1-of-2,.o-grid__col--push-2-of-4,.o-grid__col--push-3-of-6,.o-grid__col--push-6-of-12{margin-left:50%}.o-grid__col--push-1-of-3,.o-grid__col--push-2-of-6,.o-grid__col--push-4-of-12{margin-left:33.33333%}.o-grid__col--push-2-of-3,.o-grid__col--push-4-of-6,.o-grid__col--push-8-of-12{margin-left:66.66667%}.o-grid__col--push-1-of-4,.o-grid__col--push-3-of-12{margin-left:25%}.o-grid__col--push-3-of-4,.o-grid__col--push-9-of-12{margin-left:75%}.o-grid__col--pull-2-of-2,.o-grid__col--pull-3-of-3,.o-grid__col--pull-4-of-4,.o-grid__col--pull-6-of-6,.o-grid__col--pull-12-of-12{margin-left:-100%}.o-grid__col--pull-1-of-2,.o-grid__col--pull-2-of-4,.o-grid__col--pull-3-of-6,.o-grid__col--pull-6-of-12{margin-left:-50%}.o-grid__col--pull-1-of-3,.o-grid__col--pull-2-of-6,.o-grid__col--pull-4-of-12{margin-left:-33.33333%}.o-grid__col--pull-2-of-3,.o-grid__col--pull-4-of-6,.o-grid__col--pull-8-of-12{margin-left:-66.66667%}.o-grid__col--pull-1-of-4,.o-grid__col--pull-3-of-12{margin-left:-25%}.o-grid__col--pull-3-of-4,.o-grid__col--pull-9-of-12{margin-left:-75%}.o-grid__col--1-of-6{width:16.66667%}.o-grid__col--push-1-of-6{margin-left:16.66667%}.o-grid__col--pull-1-of-6{margin-left:-16.66667%}.o-grid__col--5-of-6{width:83.33333%}.o-grid__col--push-5-of-6{margin-left:83.33333%}.o-grid__col--pull-5-of-6{margin-left:-83.33333%}.o-grid__col--1-of-12{width:8.33333%}.o-grid__col--push-1-of-12{margin-left:8.33333%}.o-grid__col--pull-1-of-12{margin-left:-8.33333%}.o-grid__col--2-of-12{width:16.66667%}.o-grid__col--push-2-of-12{margin-left:16.66667%}.o-grid__col--pull-2-of-12{margin-left:-16.66667%}.o-grid__col--5-of-12{width:41.66667%}.o-grid__col--push-5-of-12{margin-left:41.66667%}.o-grid__col--pull-5-of-12{margin-left:-41.66667%}.o-grid__col--7-of-12{width:58.33333%}.o-grid__col--push-7-of-12{margin-left:58.33333%}.o-grid__col--pull-7-of-12{margin-left:-58.33333%}.o-grid__col--10-of-12{width:83.33333%}.o-grid__col--push-10-of-12{margin-left:83.33333%}.o-grid__col--pull-10-of-12{margin-left:-83.33333%}.o-grid__col--11-of-12{width:91.66667%}.o-grid__col--push-11-of-12{margin-left:91.66667%}.o-grid__col--pull-11-of-12{margin-left:-91.66667%}.o-grid__col{box-sizing:border-box;display:inline-block;margin-right:-0.24em;min-height:1px;padding-left:20px;vertical-align:top}.o-grid--nowhitespace .o-grid__col,[data-reactid] .o-grid__col{margin-right:0}@media(max-width:750px){.o-grid--responsive .o-grid__col{display:block;margin-left:0;margin-right:0;width:auto}}@media(max-width:750px) and (min-width:550px){.o-grid--responsive .o-grid__col[class*="o-grid__col--m-"]{display:inline-block;margin-right:-0.24em}.o-grid--responsive .o-grid__col.o-grid__col--m-1-of-2,.o-grid--responsive .o-grid__col.o-grid__col--m-2-of-4{width:50%}.o-grid--responsive .o-grid__col.o-grid__col--m-1-of-3{width:33.33333%}.o-grid--responsive .o-grid__col.o-grid__col--m-2-of-3{width:66.66667%}.o-grid--responsive .o-grid__col.o-grid__col--m-1-of-4{width:25%}.o-grid--responsive .o-grid__col.o-grid__col--m-3-of-4{width:75%}}@media(max-width:550px){.o-grid--responsive .o-grid__col[class*="o-grid__col--s-"]{display:inline-block;margin-right:-0.24em}.o-grid--responsive .o-grid__col.o-grid__col--s-1-of-2,.o-grid--responsive .o-grid__col.o-grid__col--s-2-of-4{width:50%}.o-grid--responsive .o-grid__col.o-grid__col--s-1-of-3{width:33.33333%}.o-grid--responsive .o-grid__col.o-grid__col--s-2-of-3{width:66.66667%}.o-grid--responsive .o-grid__col.o-grid__col--s-1-of-4{width:25%}.o-grid--responsive .o-grid__col.o-grid__col--s-3-of-4{width:75%}}.o-grid__col--centered{display:block;margin-left:auto;margin-right:auto}.o-grid__col--d-first{float:left}.o-grid__col--d-last{float:right}.o-grid--no-gutter{margin-left:0;width:100%}.o-grid--no-gutter .o-grid__col{padding-left:0}.o-grid--no-gutter .o-grid__col--span-all{margin-left:0;width:100%}.o-grid__col--ab,.o-grid__col--align-bottom{vertical-align:bottom}.o-grid__col--am,.o-grid__col--align-middle{vertical-align:middle}.o-media{display:block}.o-media__img{margin-right:12px;float:left}.o-media__img>img{display:block}.o-media__body{display:block;overflow:hidden}.o-media__body,.o-media__body>:last-child{margin-bottom:0}.o-list-ui{margin:0;padding:0;list-style:none}.o-list-ui--dividers>li+li{border-top:1px solid;border-color:rgba(37,40,43,0.1)}.o-list-ui--inline>li{display:inline-block}.o-flag{display:table;width:100%}.o-flag__fix,.o-flag__flex{display:table-cell;vertical-align:middle}.o-flag--top .o-flag__fix,.o-flag--top .o-flag__flex{vertical-align:top}.o-flag--bottom .o-flag__fix,.o-flag--bottom .o-flag__flex{vertical-align:bottom}.o-flag__fix{white-space:nowrap}.o-flag__flex{width:100%}@supports(display:flex){.o-flag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.o-flag--top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.o-flag--bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.o-flag__fix{display:inherit;-webkit-box-align:inherit;-webkit-align-items:inherit;-ms-flex-align:inherit;-ms-grid-row-align:inherit;align-items:inherit;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.o-flag__flex{display:initial;min-width:0;width:auto;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}}.c-arrow,.c-arrow--down{display:inline-block;width:0;height:0;border:5px solid transparent;border-top-color:currentColor}.c-arrow--left{display:inline-block;width:0;height:0;border:5px solid transparent;border-right-color:currentColor}.c-arrow--right{display:inline-block;width:0;height:0;border:5px solid transparent;border-left-color:currentColor}.c-arrow--up{display:inline-block;width:0;height:0;border:5px solid transparent;border-bottom-color:currentColor}.c-avatar{width:32px;min-width:32px;height:32px;font-size:13px;font-weight:600;display:inline-block;vertical-align:middle;overflow:hidden;position:relative;box-sizing:border-box;text-align:center;line-height:2.5;border-radius:1000px}.c-avatar__img,.c-avatar>img{display:block;min-width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1000px;box-shadow:inset 0 0 0 1px rgba(37,40,43,0.1);pointer-events:none}.c-avatar.c-avatar--no-img{color:white;background-color:#007ee5}.c-avatar.c-avatar--no-img:after{content:attr(data-initials);box-shadow:none}.c-avatar.c-avatar--no-img.c-avatar--xs:after{content:""}.c-avatar.c-avatar--square{text-transform:uppercase;border-radius:3px}.c-avatar.c-avatar--square:after{content:none}.c-avatar.c-avatar--meta{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;padding:0 2px;color:#7b8994;background-color:rgba(208,212,217,0.7)}.c-avatar.c-avatar--meta>img{display:inline-block;vertical-align:middle;width:auto;height:auto;-o-object-fit:none;object-fit:none;margin:0 auto}.c-avatar.c-avatar--meta>span{margin:auto}.c-avatar.c-avatar--meta:after{content:none}.c-avatar--xs{width:16px;min-width:16px;height:16px;font-size:6px;font-weight:700}.c-avatar--xs:after{content:""}.c-avatar--s{width:24px;min-width:24px;height:24px;font-size:10px;font-weight:700}.c-avatar--m{width:32px;min-width:32px;height:32px;font-size:13px;font-weight:600}.c-avatar--l{width:48px;min-width:48px;height:48px;font-size:19px;font-weight:400}.c-avatar--xl{width:64px;min-width:64px;height:64px;font-size:26px;font-weight:400}.c-facepile{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.c-facepile>*{margin-right:6px}.c-facepile.is-animated .c-avatar{-webkit-animation:DBavatar-animation .3s;animation:DBavatar-animation .3s;-webkit-animation-timing-function:cubic-bezier(0.57,0.23,0.39,1.6);animation-timing-function:cubic-bezier(0.57,0.23,0.39,1.6);-webkit-animation-fill-mode:both;animation-fill-mode:both}.c-facepile.is-animated .c-avatar:nth-child(1){-webkit-animation-delay:.025s;animation-delay:.025s}.c-facepile.is-animated .c-avatar:nth-child(2){-webkit-animation-delay:.05s;animation-delay:.05s}.c-facepile.is-animated .c-avatar:nth-child(3){-webkit-animation-delay:.075s;animation-delay:.075s}.c-facepile.is-animated .c-avatar:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}.c-facepile.is-animated .c-avatar:nth-child(5){-webkit-animation-delay:.125s;animation-delay:.125s}.c-facepile.is-animated .c-avatar:nth-child(6){-webkit-animation-delay:.15s;animation-delay:.15s}.c-facepile.is-animated .c-avatar:nth-child(7){-webkit-animation-delay:.175s;animation-delay:.175s}.c-facepile.is-animated .c-avatar:nth-child(8){-webkit-animation-delay:.2s;animation-delay:.2s}.c-facepile.is-animated .c-avatar:nth-child(9){-webkit-animation-delay:.225s;animation-delay:.225s}.c-facepile.is-animated .c-avatar:nth-child(10){-webkit-animation-delay:.25s;animation-delay:.25s}.c-facepile.is-animated .c-avatar:nth-child(11){-webkit-animation-delay:.275s;animation-delay:.275s}.c-facepile.is-animated .c-avatar:nth-child(12){-webkit-animation-delay:.3s;animation-delay:.3s}.c-facepile.is-animated .c-avatar:nth-child(13){-webkit-animation-delay:.325s;animation-delay:.325s}.c-facepile.is-animated .c-avatar:nth-child(14){-webkit-animation-delay:.35s;animation-delay:.35s}.c-facepile.is-animated .c-avatar:nth-child(15){-webkit-animation-delay:.375s;animation-delay:.375s}@-webkit-keyframes DBavatar-animation{from{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes DBavatar-animation{from{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.c-badge{box-sizing:border-box;display:inline-block;vertical-align:middle;margin:0;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.4;text-align:center;text-shadow:none;color:#ed7a6f;background:white;border:1px solid #fcbdbd;border-radius:3px}.c-badge.c-badge--top-right{position:absolute;z-index:1;top:-1em;left:-1em;margin-left:100%}.c-banner{padding:12px;color:#47525d;border-bottom-width:1px;border-bottom-style:solid;border-color:rgba(37,40,43,0.1);background-color:#f7f9fa}.c-banner.c-banner--success{color:#2c683f;background-color:#edfaf1}.c-banner.c-banner--warning{color:#996e00;background-color:#fffdec}.c-banner.c-banner--error{color:#921515;background-color:#ffe3e3}.c-banner.c-banner--unpinned{border-width:1px;border-style:solid;border-radius:3px}.c-btn{display:inline-block;padding:7px 12px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;border:1px solid currentColor;border-radius:3px;cursor:pointer}.c-btn:not(button):not([type=submit]){/*! You must ensure the element matches one of these selectors: button, [type=submit] */outline:2px solid red !important}.c-btn[disabled],.c-btn.c-btn--disabled{opacity:.5;cursor:default}.c-btn:focus{box-shadow:0 0 0 2px rgba(0,126,229,0.3);outline:0}.c-btn:hover{text-decoration:none}.c-btn.c-btn--big{padding:10px 26px}.c-btn.c-btn--full{display:block;width:100%}.c-btn.c-btn--primary{color:white;border-color:#0071ce;background-color:#007ee5;background:-webkit-linear-gradient(#007ee5,#0071ce);background:linear-gradient(#007ee5,#0071ce)}.c-btn.c-btn--primary:hover:not(:disabled){background:#007ee5}.c-btn.c-btn--primary:active:not(:disabled){background:#0071ce}.c-btn.c-btn--secondary{color:#47525d;border-color:#d0d4d9;background:white}.c-btn.c-btn--secondary:hover:not(:disabled){background:-webkit-linear-gradient(white,#f7f9fa);background:linear-gradient(white,#f7f9fa)}.c-btn.c-btn--secondary:active:not(:disabled){background:#f7f9fa}.c-btn.c-btn--tertiary{color:#007ee5;border-color:#007ee5;background-color:white;background:-webkit-linear-gradient(white,#f4faff);background:linear-gradient(white,#f4faff)}.c-btn.c-btn--tertiary:hover:not(:disabled){background:#f4faff}.c-btn.c-btn--tertiary:active:not(:disabled){background:-webkit-linear-gradient(#f4faff,#e3f1fc);background:linear-gradient(#f4faff,#e3f1fc)}.c-btn-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-btn-group .c-btn{margin:0;border-radius:0}.c-btn-group .c-btn+.c-btn{border-left:0}.c-btn-group .c-btn:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.c-btn-group .c-btn:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.c-btn-group--justify{width:100%}.c-btn-group--justify .c-btn{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.c-datepicker{position:relative;box-sizing:border-box;background-color:white}.c-datepicker .c-calendar{position:absolute;top:100%;left:0}.c-calendar{display:inline-block;z-index:1;border-radius:5px;background-color:#f7f9fa}.c-calendar .c-calendar__header{padding-bottom:4px;font-size:.6em;letter-spacing:.05em;text-transform:uppercase;color:#7b8994}.c-calendar .c-calendar__date{box-sizing:border-box;padding:4px 8px;width:100%;min-width:32px;text-align:center;color:#007ee5;border:1px solid #f7f9fa;background-color:white;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}tr:first-child td:first-child .c-calendar .c-calendar__date{border-top-left-radius:4px}tr:first-child td:last-child .c-calendar .c-calendar__date{border-top-right-radius:4px}tr:last-child td:first-child .c-calendar .c-calendar__date{border-bottom-left-radius:4px}tr:last-child td:last-child .c-calendar .c-calendar__date{border-bottom-right-radius:4px}.c-calendar .c-calendar__date:hover{background-color:#f4faff}.c-calendar .c-calendar__date:hover,.c-calendar .c-calendar__date:focus:not([class*="--disabled"]){text-decoration:underline}.c-calendar .c-calendar__date.is-selected{color:white;background-color:#007ee5}.c-calendar .c-calendar__date.is-in-range{color:white;background-color:#72b6ec}.c-calendar .c-calendar__date--disabled,.c-calendar .c-calendar__date--disabled:hover{color:#d0d4d9;background-color:#f7f9fa;cursor:default}.c-card{display:inline-block;vertical-align:top;position:relative;padding:12px;box-sizing:border-box;border:1px solid rgba(37,40,43,0.1);border-radius:3px;box-shadow:0 1px 2px rgba(37,40,43,0.1);background-color:white;background-clip:padding-box;-webkit-transition:.1s;transition:.1s}.c-card.c-card--arrow::before,.c-card.c-card--arrow::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-8px;border:8px solid transparent;border-bottom-color:white;-webkit-transition:.1s;transition:.1s}.c-card.c-card--arrow::before{margin-left:-9px;border-width:9px;border-bottom-color:rgba(37,40,43,0.2)}.c-card.c-card--arrow-nw::after,.c-card.c-card--arrow-nw::before,.c-card.c-card--arrow-sw::after,.c-card.c-card--arrow-sw::before{left:0;margin-left:12px}.c-card.c-card--arrow-nw::before,.c-card.c-card--arrow-sw::before{margin-left:11px}.c-card.c-card--arrow-ne::after,.c-card.c-card--arrow-ne::before,.c-card.c-card--arrow-se::after,.c-card.c-card--arrow-se::before{right:0;left:auto;margin-right:12px}.c-card.c-card--arrow-ne::before,.c-card.c-card--arrow-se::before{margin-right:11px}.c-card.c-card--arrow-sw::after,.c-card.c-card--arrow-sw::before,.c-card.c-card--arrow-se::after,.c-card.c-card--arrow-se::before,.c-card.c-card--arrow-s::after,.c-card.c-card--arrow-s::before{top:100%;bottom:auto;border-top-color:white;border-bottom-color:transparent}.c-card.c-card--arrow-sw::before,.c-card.c-card--arrow-se::before,.c-card.c-card--arrow-s::before{border-top-color:rgba(37,40,43,0.2);-webkit-filter:drop-shadow(0 1px 2px rgba(37,40,43,0.2));filter:drop-shadow(0 1px 2px rgba(37,40,43,0.2))}.c-card--floating:hover{border-color:rgba(37,40,43,0.2);box-shadow:0 1px 2px rgba(37,40,43,0.2)}.c-card--floating.c-card--arrow:hover::before{border-bottom-color:rgba(37,40,43,0.3)}.c-card--floating.c-card--arrow-se:hover::before,.c-card--floating.c-card--arrow-sw:hover::before,.c-card--floating.c-card--arrow-s:hover::before{border-top-color:rgba(37,40,43,0.3);border-bottom-color:transparent;-webkit-filter:drop-shadow(0 1px 2px rgba(37,40,43,0.3));filter:drop-shadow(0 1px 2px rgba(37,40,43,0.3))}.c-card--floating.is-selected{border-color:#007ee5}.c-card--floating--arrow.is-selected::before,.c-card--floating--arrow.is-selected:hover::before{border-bottom-color:#007ee5}.c-card--floating--arrow-se.is-selected::before,.c-card--floating--arrow-se.is-selected:hover::before,.c-card--floating--arrow-sw.is-selected::before,.c-card--floating--arrow-sw.is-selected:hover::before,.c-card--floating--arrow-s.is-selected::before,.c-card--floating--arrow-s.is-selected:hover::before{border-top-color:#007ee5;border-bottom-color:transparent}.c-label{display:block;margin-bottom:23px;font-size:12px;color:#7b8994}.c-label:not(label){/*! You must ensure the element matches one of these selectors: label */outline:2px solid red !important}.c-input{display:block;width:100%;padding:5px 7px;box-sizing:border-box;font-size:13px;text-align:left;color:#47525d;border:1px solid rgba(37,40,43,0.1);border-radius:3px;background-color:white;background-clip:padding-box}.c-input:not(input):not(button):not(select):not(textarea){/*! You must ensure the element matches one of these selectors: input, button, select, textarea */outline:2px solid red !important}.c-input:focus{border-color:#72b6ec;outline:0}.c-input:disabled,.c-input.is-disabled{background-color:#f7f9fa}.c-input.is-invalid,.c-form--validated .c-input:invalid{background-image:url("../images/icon-form-invalid.svg");background-size:14px;background-position:right 10px center;background-repeat:no-repeat;padding-right:34px;border-color:rgba(232,33,16,0.5);box-shadow:none;outline:0}.c-input.is-valid,.c-form--validated .c-input:valid{background-image:url("../images/icon-form-valid.svg");background-size:14px;background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}textarea.c-input{resize:vertical}select.c-input{background-image:url("../images/icon-form-dropdown.svg");background-size:7px 14px;background-position:right 10px center;background-repeat:no-repeat;padding-right:27px}.c-loader{display:inline-block;position:relative;width:6px;height:6px;margin:12px 0;font-size:0;color:transparent;border-radius:100%;background-color:rgba(61,70,77,0.3)}.c-loader,.c-loader:after,.c-loader:before{-webkit-animation:loaderFade .9s ease-in-out infinite;animation:loaderFade .9s ease-in-out infinite}.c-loader:after,.c-loader:before{content:"";vertical-align:middle;position:absolute;left:100%;width:6px;height:6px;margin-left:4px;border-radius:100%;background-color:rgba(61,70,77,0.3);-webkit-animation-delay:.3s;animation-delay:.3s}.c-loader:after{left:200%;margin-left:8px;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes loaderFade{50%{background-color:#3d464d}0,100%{background-color:rgba(61,70,77,0.3)}}@keyframes loaderFade{50%{background-color:#3d464d}0,100%{background-color:rgba(61,70,77,0.3)}}.c-modal-overlay{top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:32px;background-color:rgba(61,70,77,0.6)}.c-modal{overflow:scroll;-webkit-box-flex:1;-webkit-flex:1 1 640px;-ms-flex:1 1 640px;flex:1 1 640px;max-width:640px;border-radius:3px;box-shadow:0 1px 2px rgba(37,40,43,0.1);background-color:white}.c-modal__title,.c-modal__header{z-index:3;padding:16px 32px;box-shadow:0 1px 1px rgba(37,40,43,0.1);background-color:white}.c-modal--unibody .c-modal__title,.c-modal--unibody .c-modal__header{padding-bottom:0;box-shadow:none}.c-modal__title h2,.c-modal__header h2{margin-bottom:0}.c-modal__content{z-index:2;padding:32px;background-color:#f7f9fa}.c-modal--unibody .c-modal__content{background-color:white}.c-modal__banner{box-shadow:inset 0 1px 0 rgba(37,40,43,0.1)}.c-tab-nav{margin-left:0;padding-left:0;list-style:none;border-bottom:1px solid rgba(61,70,77,0.1)}.c-tab-nav__tab{display:inline-block;margin-bottom:-1px;color:#7b8994}.c-tab-nav__tab+.c-tab-nav__tab{margin-left:16px}.c-tab-nav__tab a,.c-tab-nav__tab button{display:inline-block;padding:0;padding-bottom:8px;border:0;border-bottom:1px solid transparent;-webkit-transition:.2s;transition:.2s;background-color:transparent;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.c-tab-nav__tab a:hover,.c-tab-nav__tab a:focus,.c-tab-nav__tab button:hover,.c-tab-nav__tab button:focus{text-decoration:none;outline:0;color:#3d464d;border-bottom-color:currentColor}.c-tab-nav__tab.is-active a,.c-tab-nav__tab.is-active button{font-weight:600;color:#3d464d;border-bottom-color:currentColor}.c-table{display:table;width:100%;text-align:left}.c-table__th,.c-table th,.c-table__td,.c-table td{padding-top:11.5px;padding-bottom:11.5px;padding-left:5.75px;padding-right:5.75px}.c-table__th,.c-table th{font-weight:400;color:#737373;border-bottom:2px solid #d0d4d9}.c-table__row,.c-table tr{border-bottom:1px solid #d0d4d9}.c-table__row--success,.c-table tr--success,.c-table__td--success,.c-table td--success{background-color:#ddf0e2}.c-table__row--warning,.c-table tr--warning,.c-table__td--warning,.c-table td--warning{background-color:#fff5cc}.c-table__row--error,.c-table tr--error,.c-table__td--error,.c-table td--error{background-color:#fcbdbd}.c-table--zebra .c-table__row:nth-child(odd),.c-table--zebra tbody tr:nth-child(odd){background-color:#f7f9fa}.c-table--selectable .c-table__row:hover,.c-table--selectable .c-table__row:focus,.c-table--selectable .c-table__row.has-focus,.c-table--selectable tbody tr:hover,.c-table--selectable tbody tr:focus,.c-table--selectable tbody tr.has-focus{background-color:#f4faff}.c-table--selectable .c-table__row.is-selected,.c-table--selectable tbody tr.is-selected{background-color:#cce6fa}.c-title-bubble{display:inline-block;position:relative}.c-title-bubble:before,.c-title-bubble:after{z-index:500}.c-title-bubble:after{content:attr(data-title);display:none;position:absolute;top:100%;left:50%;white-space:nowrap;margin-top:5px;padding:7px 9px;font-size:11px;font-weight:500;line-height:1.4;color:white;border-radius:3px;background-color:#3d464d;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.c-title-bubble:before{content:"";display:none;position:absolute;top:100%;left:50%;margin-top:-5px;margin-left:-5px;border:5px solid transparent;border-bottom-color:#3d464d}.c-title-bubble--respect-line-break:after{white-space:pre-line}.c-title-bubble--n:after{top:auto;bottom:100%;margin-bottom:5px}.c-title-bubble--n:before{top:auto;bottom:100%;margin-bottom:-5px;border-top-color:#3d464d;border-bottom-color:transparent}.c-title-bubble--e:after{top:50%;left:100%;margin-top:0;margin-left:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.c-title-bubble--e:before{top:50%;left:100%;margin-top:-5px;border-right-color:#3d464d;border-bottom-color:transparent}.c-title-bubble--w:after{top:50%;right:100%;left:auto;margin-top:0;margin-right:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.c-title-bubble--w:before{top:50%;right:100%;left:auto;margin-top:-5px;margin-right:-5px;border-bottom-color:transparent;border-left-color:#3d464d}.c-title-bubble:hover:before,.c-title-bubble:hover:after,.c-title-bubble:focus:before,.c-title-bubble:focus:after,.c-title-bubble.is-child-focused:before,.c-title-bubble.is-child-focused:after{display:block}.c-token{display:inline-block;white-space:nowrap;padding:4px;line-height:1;color:#47525d;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(37,40,43,0.1);background-color:#f7f9fa;cursor:default}.c-token:hover{box-shadow:inset 0 0 0 1px rgba(37,40,43,0.3)}.c-token>*{vertical-align:middle;margin-left:.25em}.c-token>*:first-child{margin-left:0}.c-token--warning{color:#996e00;background-color:#fffdec}.c-token--invalid{color:#921515;background-color:#ffe3e3}.c-token--pending{opacity:.5}.c-token.is-selected,.c-token.is-selected:hover{color:white;background-color:#7b8994}.c-token.is-selected.c-token--warning,.c-token.is-selected:hover.c-token--warning{background-color:#c99700}.c-token.is-selected.c-token--invalid,.c-token.is-selected:hover.c-token--invalid{background-color:#c21c1c}.c-token__name{top:1px;margin-left:.25em}.c-token__delete{margin-right:.15em;margin-left:.25em;font-size:1.25em;color:currentColor;opacity:.7;cursor:pointer}.c-input--typeahead.is-active{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.c-typeahead{display:none;overflow:scroll;position:absolute;top:100%;right:0;left:0;max-height:180px;margin-top:-1px;line-height:1.5;border:1px solid rgba(37,40,43,0.1);border-radius:0 0 4px 4px;box-shadow:0 1px 2px rgba(37,40,43,0.1);background-color:white;background-clip:padding-box}.c-typeahead.is-open{display:block}.c-typeahead__result{margin-top:-1px;cursor:pointer}.c-typeahead__result.is-selected{z-index:2;margin-bottom:-2px;color:#007ee5;border-bottom:1px solid;border-color:rgba(37,40,43,0.1);background-color:#f4faff}.c-typeahead__result.is-selected .f-meta{color:inherit}.c-typeahead__result.is-invalid{cursor:default}.c-typeahead__media,.c-typeahead__content{display:inline-block;vertical-align:middle}.c-typeahead__media{margin-right:12px}.c-rule{margin-bottom:23px;border:0;border-top:1px solid rgba(37,40,43,0.1)}.ax-visually-hidden{position:absolute !important;border:0 !important;clip:rect(0,0,0,0) !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important}.ax-focusable:focus,.ax-focusable.is-focused{box-shadow:0 0 0 2px rgba(114,182,236,0.7);outline:0}.ax-focusable-inline:focus,.ax-focusable-inline.is-focused{text-decoration:underline}.clearfix:after,.o-media:after{content:"";display:table;clear:both}.u-unbutton{padding:0;background:0;border:0}.u-unbutton:focus{box-shadow:0 0 0 2px #cce6fa}.u-unbutton::-moz-focus-inner{border:0;padding:0}.u-trim-margin{margin:0 !important}.u-trim-padding{padding:0 !important}.u-pad-xxs{padding:4px !important}.u-mar-xxs{margin:4px !important}.u-pad-top-xxs{padding-top:4px !important}.u-mar-top-xxs{margin-top:4px !important}.u-pad-right-xxs{padding-right:4px !important}.u-mar-right-xxs{margin-right:4px !important}.u-pad-bottom-xxs{padding-bottom:4px !important}.u-mar-bottom-xxs{margin-bottom:4px !important}.u-pad-left-xxs{padding-left:4px !important}.u-mar-left-xxs{margin-left:4px !important}.u-pad-vertical-xxs{padding-top:4px !important;padding-bottom:4px !important}.u-mar-vertical-xxs{margin-top:4px !important;margin-bottom:4px !important}.u-pad-horizontal-xxs{padding-left:4px !important;padding-right:4px !important}.u-mar-horizontal-xxs{margin-left:4px !important;margin-right:4px !important}.u-pad-xs{padding:8px !important}.u-mar-xs{margin:8px !important}.u-pad-top-xs{padding-top:8px !important}.u-mar-top-xs{margin-top:8px !important}.u-pad-right-xs{padding-right:8px !important}.u-mar-right-xs{margin-right:8px !important}.u-pad-bottom-xs{padding-bottom:8px !important}.u-mar-bottom-xs{margin-bottom:8px !important}.u-pad-left-xs{padding-left:8px !important}.u-mar-left-xs{margin-left:8px !important}.u-pad-vertical-xs{padding-top:8px !important;padding-bottom:8px !important}.u-mar-vertical-xs{margin-top:8px !important;margin-bottom:8px !important}.u-pad-horizontal-xs{padding-left:8px !important;padding-right:8px !important}.u-mar-horizontal-xs{margin-left:8px !important;margin-right:8px !important}.u-pad-s{padding:16px !important}.u-mar-s{margin:16px !important}.u-pad-top-s{padding-top:16px !important}.u-mar-top-s{margin-top:16px !important}.u-pad-right-s{padding-right:16px !important}.u-mar-right-s{margin-right:16px !important}.u-pad-bottom-s{padding-bottom:16px !important}.u-mar-bottom-s{margin-bottom:16px !important}.u-pad-left-s{padding-left:16px !important}.u-mar-left-s{margin-left:16px !important}.u-pad-vertical-s{padding-top:16px !important;padding-bottom:16px !important}.u-mar-vertical-s{margin-top:16px !important;margin-bottom:16px !important}.u-pad-horizontal-s{padding-left:16px !important;padding-right:16px !important}.u-mar-horizontal-s{margin-left:16px !important;margin-right:16px !important}.u-pad-m{padding:24px !important}.u-mar-m{margin:24px !important}.u-pad-top-m{padding-top:24px !important}.u-mar-top-m{margin-top:24px !important}.u-pad-right-m{padding-right:24px !important}.u-mar-right-m{margin-right:24px !important}.u-pad-bottom-m{padding-bottom:24px !important}.u-mar-bottom-m{margin-bottom:24px !important}.u-pad-left-m{padding-left:24px !important}.u-mar-left-m{margin-left:24px !important}.u-pad-vertical-m{padding-top:24px !important;padding-bottom:24px !important}.u-mar-vertical-m{margin-top:24px !important;margin-bottom:24px !important}.u-pad-horizontal-m{padding-left:24px !important;padding-right:24px !important}.u-mar-horizontal-m{margin-left:24px !important;margin-right:24px !important}.u-pad-l{padding:32px !important}.u-mar-l{margin:32px !important}.u-pad-top-l{padding-top:32px !important}.u-mar-top-l{margin-top:32px !important}.u-pad-right-l{padding-right:32px !important}.u-mar-right-l{margin-right:32px !important}.u-pad-bottom-l{padding-bottom:32px !important}.u-mar-bottom-l{margin-bottom:32px !important}.u-pad-left-l{padding-left:32px !important}.u-mar-left-l{margin-left:32px !important}.u-pad-vertical-l{padding-top:32px !important;padding-bottom:32px !important}.u-mar-vertical-l{margin-top:32px !important;margin-bottom:32px !important}.u-pad-horizontal-l{padding-left:32px !important;padding-right:32px !important}.u-mar-horizontal-l{margin-left:32px !important;margin-right:32px !important}.u-pad-xl{padding:64px !important}.u-mar-xl{margin:64px !important}.u-pad-top-xl{padding-top:64px !important}.u-mar-top-xl{margin-top:64px !important}.u-pad-right-xl{padding-right:64px !important}.u-mar-right-xl{margin-right:64px !important}.u-pad-bottom-xl{padding-bottom:64px !important}.u-mar-bottom-xl{margin-bottom:64px !important}.u-pad-left-xl{padding-left:64px !important}.u-mar-left-xl{margin-left:64px !important}.u-pad-vertical-xl{padding-top:64px !important;padding-bottom:64px !important}.u-mar-vertical-xl{margin-top:64px !important;margin-bottom:64px !important}.u-pad-horizontal-xl{padding-left:64px !important;padding-right:64px !important}.u-mar-horizontal-xl{margin-left:64px !important;margin-right:64px !important}.u-pad-xxl{padding:96px !important}.u-mar-xxl{margin:96px !important}.u-pad-top-xxl{padding-top:96px !important}.u-mar-top-xxl{margin-top:96px !important}.u-pad-right-xxl{padding-right:96px !important}.u-mar-right-xxl{margin-right:96px !important}.u-pad-bottom-xxl{padding-bottom:96px !important}.u-mar-bottom-xxl{margin-bottom:96px !important}.u-pad-left-xxl{padding-left:96px !important}.u-mar-left-xxl{margin-left:96px !important}.u-pad-vertical-xxl{padding-top:96px !important;padding-bottom:96px !important}.u-mar-vertical-xxl{margin-top:96px !important;margin-bottom:96px !important}.u-pad-horizontal-xxl{padding-left:96px !important;padding-right:96px !important}.u-mar-horizontal-xxl{margin-left:96px !important;margin-right:96px !important}.u-pad-jumbo{padding:128px !important}.u-mar-jumbo{margin:128px !important}.u-pad-top-jumbo{padding-top:128px !important}.u-mar-top-jumbo{margin-top:128px !important}.u-pad-right-jumbo{padding-right:128px !important}.u-mar-right-jumbo{margin-right:128px !important}.u-pad-bottom-jumbo{padding-bottom:128px !important}.u-mar-bottom-jumbo{margin-bottom:128px !important}.u-pad-left-jumbo{padding-left:128px !important}.u-mar-left-jumbo{margin-left:128px !important}.u-pad-vertical-jumbo{padding-top:128px !important;padding-bottom:128px !important}.u-mar-vertical-jumbo{margin-top:128px !important;margin-bottom:128px !important}.u-pad-horizontal-jumbo{padding-left:128px !important;padding-right:128px !important}.u-mar-horizontal-jumbo{margin-left:128px !important;margin-right:128px !important}.u-l-fl{float:left !important}.u-l-fr{float:right !important}.u-l-b{display:block !important}.u-l-ib{display:inline-block !important}.u-l-ib--m{vertical-align:middle !important}.u-l-ib--t{vertical-align:top !important}.u-l-ib--b{vertical-align:bottom !important}.u-l-dn{display:none !important}.u-font-center{text-align:center !important}.u-font-left{text-align:left !important}.u-font-right{text-align:right !important}.u-font-small{font-size:.85em;line-height:1.8}.u-font-strong{font-weight:600}.u-font-black{color:black}.u-font-meta{color:#7b8994}.u-font-error,.u-font-danger{color:#e82110}.u-font-success{color:#48ac68}.u-font-wrap{white-space:normal}.u-font-nowrap{white-space:nowrap}.u-font-caps{text-transform:uppercase;letter-spacing:.05em;-webkit-font-feature-settings:"c2sc" 1,"smcp" 1;font-feature-settings:"c2sc" 1,"smcp" 1}.u-thide{overflow:hidden;white-space:nowrap;text-indent:100%}.u-ellip{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.u-unlist{list-style:none} \ No newline at end of file diff --git a/scripts/frameworks.yml b/scripts/frameworks.yml index deff445..837703b 100644 --- a/scripts/frameworks.yml +++ b/scripts/frameworks.yml @@ -75,6 +75,13 @@ frameworks: license_url: https://github.com/cardinalcss/cardinalcss/blob/master/LICENSE.md repo: https://github.com/cardinalcss/cardinalcss url: https://github.com/cardinalcss/cardinalcss/blob/master/cardinal.css + centurion: + author: justinhough + author_name: Justin Hough + license: GPL + license_url: https://github.com/justinhough/Centurion/blob/master/LICENSE.md + repo: https://github.com/justinhough/Centurion + url: https://github.com/justinhough/Centurion/blob/gh-pages/css/centurion.css chota: author: jenil author_name: Jenil Gogari @@ -82,6 +89,13 @@ frameworks: license_url: https://github.com/jenil/chota/blob/master/LICENSE repo: https://github.com/jenil/chota url: https://github.com/jenil/chota/blob/master/dist/chota.css + cirrus: + author: spiderpig86 + author_name: Stanley Lim + license: MIT + license_url: https://github.com/Spiderpig86/Cirrus/blob/master/LICENSE + repo: https://github.com/Spiderpig86/Cirrus + url: https://github.com/Spiderpig86/Cirrus/blob/master/dist/cirrus.css clmaterial: author: 24aitor author_name: Aitor Riba Archilla @@ -117,6 +131,13 @@ frameworks: license_url: https://github.com/louismerlin/concrete.css/blob/master/LICENSE repo: https://github.com/louismerlin/concrete.css url: https://github.com/louismerlin/concrete.css/blob/master/concrete.css + cutestrap: + author: tylerchilds + author_name: Tyler Childs + license: GPL + license_url: https://github.com/tylerchilds/cutestrap/blob/master/LICENSE + repo: https://github.com/tylerchilds/cutestrap + url: https://github.com/tylerchilds/cutestrap/blob/master/dist/css/cutestrap.css flat-ui: author: Designmodo author_name: Designmodo @@ -151,8 +172,15 @@ frameworks: license: MIT license_url: https://github.com/sindresorhus/github-markdown-css/blob/gh-pages/license repo: https://github.com/sindresorhus/github-markdown-css - url: https://github.com/dohliam/dropin-minimal-css/blob/7ba270ca/vendor/github-markdown.min.css + url: https://github.com/dohliam/dropin-minimal-css/blob/gh-pages/src/github-markdown.css min_only: true + gutenberg: + author: bafs + author_name: Fabien Salathe + license: MIT + license_url: https://github.com/BafS/Gutenberg/blob/master/LICENSE + repo: https://github.com/bafs/Gutenberg/ + url: https://github.com/BafS/Gutenberg/blob/master/dist/gutenberg.css hack: author: egoist author_name: Kevin Titor @@ -161,6 +189,21 @@ frameworks: repo: https://github.com/egoist/hack url: https://unpkg.com/hack/dist/hack.css min_only: true + hello: + author: arp242 + author_name: Martin Tournoij + license: PD/ISC + license_url: https://github.com/arp242/hello-css + repo: https://github.com/arp242/hello-css + url: https://github.com/arp242/hello-css/blob/master/dist/all.css + hiq: + author: jonathanharrell + author_name: Jonathan Harrell + license: MIT + license_url: https://github.com/jonathanharrell/hiq/blob/master/license.md + repo: https://github.com/jonathanharrell/hiq + url: https://github.com/jonathanharrell/hiq/blob/gh-pages/assets/css/0.styles.5cbc7fcb.css + min_only: true holiday: author: EvgenyOrekhov author_name: Evgeny Orekhov @@ -246,7 +289,7 @@ frameworks: license: MIT license_url: https://github.com/mrcoles/markdown-css/blob/master/license.txt repo: https://github.com/mrcoles/markdown-css - url: https://github.com/mrcoles/markdown-css/blob/master/markdown.css + url: https://github.com/dohliam/dropin-minimal-css/blob/gh-pages/src/markdown.css marx: author: mblode author_name: Matthew Blode @@ -254,6 +297,13 @@ frameworks: license_url: https://github.com/mblode/marx/blob/master/LICENSE.md repo: https://github.com/mblode/marx url: https://github.com/mblode/marx/blob/master/css/marx.css + material: + author: daemonite + author_name: Daemon Internet Consultants + license: MIT + license_url: https://github.com/Daemonite/material/blob/master/LICENSE + repo: https://github.com/daemonite/material + url: https://github.com/Daemonite/material/blob/master/css/material.css materialize: author: Dogfalo author_name: Alvin Wang @@ -290,6 +340,13 @@ frameworks: license_url: https://github.com/Chalarangelo/mini.css/blob/master/LICENSE repo: https://github.com/Chalarangelo/mini.css url: https://github.com/Chalarangelo/mini.css/blob/master/dist/mini-default.css + minimal: + author: billyshall + author_name: Billy Shall + license: MIT + license_url: https://github.com/billyshall/minimalcss/blob/master/license.txt + repo: https://github.com/billyshall/minimalcss + url: https://github.com/billyshall/minimalcss/blob/master/minimal.css mobi: author: xcatliu author_name: xcatliu @@ -319,6 +376,14 @@ frameworks: license_url: https://github.com/muicss/mui/blob/master/LICENSE.txt repo: https://github.com/muicss/mui url: https://github.com/muicss/mui/blob/master/packages/cdn/css/mui.css + #mustard-ui: + #author: kylelogue + #author_name: Kyle Logue + #license: MIT + #license_url: https://github.com/kylelogue/mustard-ui/blob/master/LICENSE + #repo: https://github.com/kylelogue/mustard-ui + #url: https://github.com/kylelogue/mustard-ui/blob/master/dist/css/mustard-ui.min.css + #min_only: true new: author: 3x author_name: Example @@ -397,6 +462,13 @@ frameworks: repo: https://github.com/primer/css url: https://unpkg.com/@primer/css@14.3.0/dist/primer.css min_only: true + propeller: + author: digicorp + author_name: Digicorp + license: MIT + license_url: https://github.com/digicorp/propeller/blob/master/LICENSE + repo: https://github.com/digicorp/propeller + url: https://github.com/digicorp/propeller/blob/master/dist/css/propeller.css pure: author: yahoo author_name: Yahoo @@ -404,6 +476,14 @@ frameworks: license_url: https://github.com/yahoo/pure/blob/master/LICENSE.md repo: https://github.com/yahoo/pure/ url: https://unpkg.com/purecss/build/pure.css + roble: + author: violapeter + author_name: Péter Viola + license: MIT + license_url: https://gitlab.com/violapeter/roble/-/blob/master/package.json + repo: https://gitlab.com/violapeter/roble + url: https://gitlab.com/violapeter/roble/-/blob/master/dist/roble.css + min_only: true sakura: author: oxalorg author_name: Mitesh Shah @@ -418,6 +498,13 @@ frameworks: license_url: https://github.com/csstools/sanitize.css/blob/master/LICENSE.md repo: https://github.com/csstools/sanitize.css url: https://github.com/csstools/sanitize.css/blob/master/sanitize.css + scooter: + author: dropbox + author_name: Dropbox + license: Apache + license_url: https://github.com/dropbox/scooter/blob/master/LICENSE.md + repo: https://github.com/dropbox/scooter + url: https://github.com/dropbox/scooter/blob/master/css/scooter.css semantic-ui: author: Semantic-Org author_name: Semantic Org diff --git a/src/centurion.css b/src/centurion.css new file mode 100644 index 0000000..7047151 --- /dev/null +++ b/src/centurion.css @@ -0,0 +1,2034 @@ +body { + font-size: 100%; + line-height: 1; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} + +body { + margin: 0; +} + +/* HTML5 display definitions */ +article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; +} + +/* Links */ +a { + background: transparent; +} + +a:active, a:hover { + outline: 0; +} + +/* Text-level semantics */ +abbr[title] { + border-bottom: 1px dotted; +} + +b, strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: yellow; + color: black; +} + +small { + font-size: 80%; +} + +sub { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content */ +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content */ +figure { + margin: 1em 40px; +} + +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, kbd, pre, samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms */ +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; + text-transform: none; +} + +select { + text-transform: none; +} + +button, html input[type="button"] { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + cursor: pointer; +} + +input[type="reset"], input[type="submit"] { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + cursor: pointer; +} + +button[disabled], html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; + 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; + -moz-appearance: textfield; + appearance: textfield; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} + +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +/* Tables */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, th { + padding: 0; +} + +.ctn-container .ctn-grid-1, .ctn-container .ctn-grid-2, .ctn-container .ctn-grid-3, .ctn-container .ctn-grid-4, .ctn-container .ctn-grid-5, .ctn-container .ctn-grid-6, .ctn-container .ctn-grid-7, .ctn-container .ctn-grid-8, .ctn-container .ctn-grid-9, .ctn-container .ctn-grid-10, .ctn-container .ctn-grid-11, .ctn-container .ctn-grid-12, .ctn-container .ctn-grid-13, .ctn-container .ctn-grid-14, .ctn-container .ctn-grid-15, .ctn-container .ctn-grid-16, .ctn-container .ctn-grid-17, .ctn-container .ctn-grid-18, .ctn-container .ctn-grid-19, .ctn-container .ctn-grid-20, .ctn-container .ctn-grid-21, .ctn-container .ctn-grid-22, .ctn-container .ctn-grid-23, .ctn-container .ctn-grid-24 { + padding: 0px 7.5px; + padding: 0rem 0.4688rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.ctn-container { + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + margin: 0 auto; + max-width: 1100px; + padding: 0; +} + +.ctn-container .ctn-grid-1 { + -ms-flex-preferred-size: 4.1667%; + flex-basis: 4.1667%; + max-width: 4.1667%; +} + +.ctn-container .ctn-push-1 { + margin-left: 4.1667%; +} + +.ctn-container .ctn-grid-2 { + -ms-flex-preferred-size: 8.3333%; + flex-basis: 8.3333%; + max-width: 8.3333%; +} + +.ctn-container .ctn-push-2 { + margin-left: 8.3333%; +} + +.ctn-container .ctn-grid-3 { + -ms-flex-preferred-size: 12.5%; + flex-basis: 12.5%; + max-width: 12.5%; +} + +.ctn-container .ctn-push-3 { + margin-left: 12.5%; +} + +.ctn-container .ctn-grid-4 { + -ms-flex-preferred-size: 16.6667%; + flex-basis: 16.6667%; + max-width: 16.6667%; +} + +.ctn-container .ctn-push-4 { + margin-left: 16.6667%; +} + +.ctn-container .ctn-grid-5 { + -ms-flex-preferred-size: 20.8333%; + flex-basis: 20.8333%; + max-width: 20.8333%; +} + +.ctn-container .ctn-push-5 { + margin-left: 20.8333%; +} + +.ctn-container .ctn-grid-6 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; +} + +.ctn-container .ctn-push-6 { + margin-left: 25%; +} + +.ctn-container .ctn-grid-7 { + -ms-flex-preferred-size: 29.1667%; + flex-basis: 29.1667%; + max-width: 29.1667%; +} + +.ctn-container .ctn-push-7 { + margin-left: 29.1667%; +} + +.ctn-container .ctn-grid-8 { + -ms-flex-preferred-size: 33.3333%; + flex-basis: 33.3333%; + max-width: 33.3333%; +} + +.ctn-container .ctn-push-8 { + margin-left: 33.3333%; +} + +.ctn-container .ctn-grid-9 { + -ms-flex-preferred-size: 37.5%; + flex-basis: 37.5%; + max-width: 37.5%; +} + +.ctn-container .ctn-push-9 { + margin-left: 37.5%; +} + +.ctn-container .ctn-grid-10 { + -ms-flex-preferred-size: 41.6667%; + flex-basis: 41.6667%; + max-width: 41.6667%; +} + +.ctn-container .ctn-push-10 { + margin-left: 41.6667%; +} + +.ctn-container .ctn-grid-11 { + -ms-flex-preferred-size: 45.8333%; + flex-basis: 45.8333%; + max-width: 45.8333%; +} + +.ctn-container .ctn-push-11 { + margin-left: 45.8333%; +} + +.ctn-container .ctn-grid-12 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; +} + +.ctn-container .ctn-push-12 { + margin-left: 50%; +} + +.ctn-container .ctn-grid-13 { + -ms-flex-preferred-size: 54.1667%; + flex-basis: 54.1667%; + max-width: 54.1667%; +} + +.ctn-container .ctn-push-13 { + margin-left: 54.1667%; +} + +.ctn-container .ctn-grid-14 { + -ms-flex-preferred-size: 58.3333%; + flex-basis: 58.3333%; + max-width: 58.3333%; +} + +.ctn-container .ctn-push-14 { + margin-left: 58.3333%; +} + +.ctn-container .ctn-grid-15 { + -ms-flex-preferred-size: 62.5%; + flex-basis: 62.5%; + max-width: 62.5%; +} + +.ctn-container .ctn-push-15 { + margin-left: 62.5%; +} + +.ctn-container .ctn-grid-16 { + -ms-flex-preferred-size: 66.6667%; + flex-basis: 66.6667%; + max-width: 66.6667%; +} + +.ctn-container .ctn-push-16 { + margin-left: 66.6667%; +} + +.ctn-container .ctn-grid-17 { + -ms-flex-preferred-size: 70.8333%; + flex-basis: 70.8333%; + max-width: 70.8333%; +} + +.ctn-container .ctn-push-17 { + margin-left: 70.8333%; +} + +.ctn-container .ctn-grid-18 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; +} + +.ctn-container .ctn-push-18 { + margin-left: 75%; +} + +.ctn-container .ctn-grid-19 { + -ms-flex-preferred-size: 79.1667%; + flex-basis: 79.1667%; + max-width: 79.1667%; +} + +.ctn-container .ctn-push-19 { + margin-left: 79.1667%; +} + +.ctn-container .ctn-grid-20 { + -ms-flex-preferred-size: 83.3333%; + flex-basis: 83.3333%; + max-width: 83.3333%; +} + +.ctn-container .ctn-push-20 { + margin-left: 83.3333%; +} + +.ctn-container .ctn-grid-21 { + -ms-flex-preferred-size: 87.5%; + flex-basis: 87.5%; + max-width: 87.5%; +} + +.ctn-container .ctn-push-21 { + margin-left: 87.5%; +} + +.ctn-container .ctn-grid-22 { + -ms-flex-preferred-size: 91.6667%; + flex-basis: 91.6667%; + max-width: 91.6667%; +} + +.ctn-container .ctn-push-22 { + margin-left: 91.6667%; +} + +.ctn-container .ctn-grid-23 { + -ms-flex-preferred-size: 95.8333%; + flex-basis: 95.8333%; + max-width: 95.8333%; +} + +.ctn-container .ctn-push-23 { + margin-left: 95.8333%; +} + +.ctn-container .ctn-grid-24 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; +} + +.ctn-container .ctn-push-24 { + margin-left: 100%; +} + +.ctn-container .ctn-row [class*=ctn-grid]:first-of-type, +.ctn-container .ctn-row .ctn-first, +.ctn-container .ctn-row .ctn-start { + padding-left: 0; +} + +.ctn-container .ctn-row .ctn-middle { + padding: 0px 7.5px; + padding: 0rem 0.4688rem; +} + +.ctn-container .ctn-row [class*=ctn-grid]:last-of-type, +.ctn-container .ctn-row .ctn-last, +.ctn-container .ctn-row .ctn-end { + padding-right: 0; +} + +.ctn-row { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + height: 100%; +} + +@media screen and (max-width: 1100px) { + .ctn-container { + width: 100%; + } +} + +@media screen and (max-width: 941px) { + .ctn-container .ctn-grid-1, .ctn-container .ctn-grid-2, .ctn-container .ctn-grid-3, .ctn-container .ctn-grid-4, .ctn-container .ctn-grid-5, .ctn-container .ctn-grid-6, .ctn-container .ctn-grid-7, .ctn-container .ctn-grid-8, .ctn-container .ctn-grid-9, .ctn-container .ctn-grid-10, .ctn-container .ctn-grid-11, .ctn-container .ctn-grid-12, .ctn-container .ctn-grid-13, .ctn-container .ctn-grid-14, .ctn-container .ctn-grid-15, .ctn-container .ctn-grid-16, .ctn-container .ctn-grid-17, .ctn-container .ctn-grid-18, .ctn-container .ctn-grid-19, .ctn-container .ctn-grid-20, .ctn-container .ctn-grid-21, .ctn-container .ctn-grid-22, .ctn-container .ctn-grid-23, .ctn-container .ctn-grid-24 { + padding-left: 10px !important; + padding-left: 0.625rem !important; + padding-right: 10px !important; + padding-right: 0.625rem !important; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + .ctn-container .ctn-push-1, .ctn-container .ctn-push-2, .ctn-container .ctn-push-3, .ctn-container .ctn-push-4, .ctn-container .ctn-push-5, .ctn-container .ctn-push-6, .ctn-container .ctn-push-7, .ctn-container .ctn-push-8, .ctn-container .ctn-push-9, .ctn-container .ctn-push-10, .ctn-container .ctn-push-11, .ctn-container .ctn-push-12, .ctn-container .ctn-push-13, .ctn-container .ctn-push-14, .ctn-container .ctn-push-15, .ctn-container .ctn-push-16, .ctn-container .ctn-push-17, .ctn-container .ctn-push-18, .ctn-container .ctn-push-19, .ctn-container .ctn-push-20, .ctn-container .ctn-push-21, .ctn-container .ctn-push-22, .ctn-container .ctn-push-23, .ctn-container .ctn-push-24 { + margin-left: 0; + } + .ctn-container .ctn-tablet-1 { + -ms-flex-preferred-size: 8.3333%; + flex-basis: 8.3333%; + max-width: 8.3333%; + } + .ctn-container .ctn-t-push-1 { + margin-left: 8.3333%; + } + .ctn-container .ctn-tablet-2 { + -ms-flex-preferred-size: 16.6667%; + flex-basis: 16.6667%; + max-width: 16.6667%; + } + .ctn-container .ctn-t-push-2 { + margin-left: 16.6667%; + } + .ctn-container .ctn-tablet-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + .ctn-container .ctn-t-push-3 { + margin-left: 25%; + } + .ctn-container .ctn-tablet-4 { + -ms-flex-preferred-size: 33.3333%; + flex-basis: 33.3333%; + max-width: 33.3333%; + } + .ctn-container .ctn-t-push-4 { + margin-left: 33.3333%; + } + .ctn-container .ctn-tablet-5 { + -ms-flex-preferred-size: 41.6667%; + flex-basis: 41.6667%; + max-width: 41.6667%; + } + .ctn-container .ctn-t-push-5 { + margin-left: 41.6667%; + } + .ctn-container .ctn-tablet-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + .ctn-container .ctn-t-push-6 { + margin-left: 50%; + } + .ctn-container .ctn-tablet-7 { + -ms-flex-preferred-size: 58.3333%; + flex-basis: 58.3333%; + max-width: 58.3333%; + } + .ctn-container .ctn-t-push-7 { + margin-left: 58.3333%; + } + .ctn-container .ctn-tablet-8 { + -ms-flex-preferred-size: 66.6667%; + flex-basis: 66.6667%; + max-width: 66.6667%; + } + .ctn-container .ctn-t-push-8 { + margin-left: 66.6667%; + } + .ctn-container .ctn-tablet-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + .ctn-container .ctn-t-push-9 { + margin-left: 75%; + } + .ctn-container .ctn-tablet-10 { + -ms-flex-preferred-size: 83.3333%; + flex-basis: 83.3333%; + max-width: 83.3333%; + } + .ctn-container .ctn-t-push-10 { + margin-left: 83.3333%; + } + .ctn-container .ctn-tablet-11 { + -ms-flex-preferred-size: 91.6667%; + flex-basis: 91.6667%; + max-width: 91.6667%; + } + .ctn-container .ctn-t-push-11 { + margin-left: 91.6667%; + } + .ctn-container .ctn-tablet-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + .ctn-container .ctn-t-push-12 { + margin-left: 100%; + } + .ctn-container .ctn-row [class*=ctn-grid]:first-of-type, + .ctn-container .ctn-row .ctn-first, + .ctn-container .ctn-row .ctn-start { + padding-left: 0; + } + .ctn-container .ctn-row .ctn-middle { + padding: 0px 7.5px; + padding: 0rem 0.4688rem; + } + .ctn-container .ctn-row [class*=ctn-grid]:last-of-type, + .ctn-container .ctn-row .ctn-last, + .ctn-container .ctn-row .ctn-end { + padding-right: 0; + } +} + +@media screen and (max-width: 601px) { + .ctn-container .ctn-grid-1, .ctn-container .ctn-grid-2, .ctn-container .ctn-grid-3, .ctn-container .ctn-grid-4, .ctn-container .ctn-grid-5, .ctn-container .ctn-grid-6, .ctn-container .ctn-grid-7, .ctn-container .ctn-grid-8, .ctn-container .ctn-grid-9, .ctn-container .ctn-grid-10, .ctn-container .ctn-grid-11, .ctn-container .ctn-grid-12, .ctn-container .ctn-grid-13, .ctn-container .ctn-grid-14, .ctn-container .ctn-grid-15, .ctn-container .ctn-grid-16, .ctn-container .ctn-grid-17, .ctn-container .ctn-grid-18, .ctn-container .ctn-grid-19, .ctn-container .ctn-grid-20, .ctn-container .ctn-grid-21, .ctn-container .ctn-grid-22, .ctn-container .ctn-grid-23, .ctn-container .ctn-grid-24, .ctn-container .ctn-tablet-1, .ctn-container .ctn-tablet-2, .ctn-container .ctn-tablet-3, .ctn-container .ctn-tablet-4, .ctn-container .ctn-tablet-5, .ctn-container .ctn-tablet-6, .ctn-container .ctn-tablet-7, .ctn-container .ctn-tablet-8, .ctn-container .ctn-tablet-9, .ctn-container .ctn-tablet-10, .ctn-container .ctn-tablet-11, .ctn-container .ctn-tablet-12 { + padding-left: 10px !important; + padding-left: 0.625rem !important; + padding-right: 10px !important; + padding-right: 0.625rem !important; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + .ctn-container .ctn-push-1, .ctn-container .ctn-push-2, .ctn-container .ctn-push-3, .ctn-container .ctn-push-4, .ctn-container .ctn-push-5, .ctn-container .ctn-push-6, .ctn-container .ctn-push-7, .ctn-container .ctn-push-8, .ctn-container .ctn-push-9, .ctn-container .ctn-push-10, .ctn-container .ctn-push-11, .ctn-container .ctn-push-12, .ctn-container .ctn-push-13, .ctn-container .ctn-push-14, .ctn-container .ctn-push-15, .ctn-container .ctn-push-16, .ctn-container .ctn-push-17, .ctn-container .ctn-push-18, .ctn-container .ctn-push-19, .ctn-container .ctn-push-20, .ctn-container .ctn-push-21, .ctn-container .ctn-push-22, .ctn-container .ctn-push-23, .ctn-container .ctn-push-24, .ctn-container .ctn-t-push-1, .ctn-container .ctn-t-push-2, .ctn-container .ctn-t-push-3, .ctn-container .ctn-t-push-4, .ctn-container .ctn-t-push-5, .ctn-container .ctn-t-push-6, .ctn-container .ctn-t-push-7, .ctn-container .ctn-t-push-8, .ctn-container .ctn-t-push-9, .ctn-container .ctn-t-push-10, .ctn-container .ctn-t-push-11, .ctn-container .ctn-t-push-12 { + margin-left: 0; + } + .ctn-container .ctn-mobile-1 { + -ms-flex-preferred-size: 16.6667%; + flex-basis: 16.6667%; + max-width: 16.6667%; + } + .ctn-container .ctn-m-push-1 { + margin-left: 16.6667%; + } + .ctn-container .ctn-mobile-2 { + -ms-flex-preferred-size: 33.3333%; + flex-basis: 33.3333%; + max-width: 33.3333%; + } + .ctn-container .ctn-m-push-2 { + margin-left: 33.3333%; + } + .ctn-container .ctn-mobile-3 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + .ctn-container .ctn-m-push-3 { + margin-left: 50%; + } + .ctn-container .ctn-mobile-4 { + -ms-flex-preferred-size: 66.6667%; + flex-basis: 66.6667%; + max-width: 66.6667%; + } + .ctn-container .ctn-m-push-4 { + margin-left: 66.6667%; + } + .ctn-container .ctn-mobile-5 { + -ms-flex-preferred-size: 83.3333%; + flex-basis: 83.3333%; + max-width: 83.3333%; + } + .ctn-container .ctn-m-push-5 { + margin-left: 83.3333%; + } + .ctn-container .ctn-mobile-6 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + .ctn-container .ctn-m-push-6 { + margin-left: 100%; + } + .ctn-container .ctn-row [class*=ctn-grid]:first-of-type, + .ctn-container .ctn-row .ctn-first, + .ctn-container .ctn-row .ctn-start { + padding-left: 0; + } + .ctn-container .ctn-row .ctn-middle { + padding: 0px 7.5px; + padding: 0rem 0.4688rem; + } + .ctn-container .ctn-row [class*=ctn-grid]:last-of-type, + .ctn-container .ctn-row .ctn-last, + .ctn-container .ctn-row .ctn-end { + padding-right: 0; + } +} + +.ctn-full { + -ms-flex-line-pack: stretch; + align-content: stretch; +} + +.ctn-top { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.ctn-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.ctn-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} + +.ctn-space { + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.ctn-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.ctn-first { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; +} + +.ctn-last { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} + +.ctn-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +.ctn-start { + -ms-flex-item-align: start; + align-self: flex-start; +} + +.ctn-end { + -ms-flex-item-align: end; + align-self: flex-end; +} + +.ctn-center { + -ms-flex-item-align: center; + align-self: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +@media screen and (max-width: 941px) { + .ctn-tablet-first { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + } + .ctn-tablet-last { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .ctn-tablet-start { + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-box-ordinal-group: initial; + -ms-flex-order: initial; + order: initial; + } + .ctn-tablet-end { + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-box-ordinal-group: initial; + -ms-flex-order: initial; + order: initial; + } + .ctn-tablet-center { + -ms-flex-item-align: center; + align-self: center; + -webkit-box-ordinal-group: initial; + -ms-flex-order: initial; + order: initial; + } +} + +@media screen and (max-width: 601px) { + .ctn-mobile-first { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + } + .ctn-mobile-last { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .ctn-mobile-start { + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-box-ordinal-group: initial; + -ms-flex-order: initial; + order: initial; + } + .ctn-mobile-end { + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-box-ordinal-group: initial; + -ms-flex-order: initial; + order: initial; + } + .ctn-mobile-center { + -ms-flex-item-align: center; + align-self: center; + -webkit-box-ordinal-group: initial; + -ms-flex-order: initial; + order: initial; + } +} + +.ctn-container:before, .cf:before, +.clearfix:before, .callout:before, .red-callout:before, .blue-callout:before, .purple-callout:before, .green-callout:before, .orange-callout:before, .alert-expand:before, .ctn-container:after, .cf:after, +.clearfix:after, .callout:after, .red-callout:after, .blue-callout:after, .purple-callout:after, .green-callout:after, .orange-callout:after, .alert-expand:after { + content: " "; + display: table; +} + +.ctn-container:after, .cf:after, +.clearfix:after, .callout:after, .red-callout:after, .blue-callout:after, .purple-callout:after, .green-callout:after, .orange-callout:after, .alert-expand:after { + clear: both; +} + +.clear { + clear: both; +} + +.btn, .small-btn, .large-btn, .full-btn, .blue-btn, .red-btn, .purple-btn, .orange-btn, .green-btn, .dark-grey-btn, .blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr { + text-decoration: none; +} + +.btn, .small-btn, .large-btn, .full-btn, .blue-btn, .red-btn, .purple-btn, .orange-btn, .green-btn, .dark-grey-btn, .blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr, input[type="button"], input[type="reset"], input[type="submit"], button { + cursor: pointer; +} + +h1, h2, h3, h4, h5, h6, p, li, blockquote, .btn, .small-btn, .large-btn, .full-btn, .blue-btn, .red-btn, .purple-btn, .orange-btn, .green-btn, .dark-grey-btn, .blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr, .red-badge, .blue-badge, .purple-badge, .orange-badge, .green-badge, .red-badge-lt, .blue-badge-lt, .purple-badge-lt, .orange-badge-lt, .green-badge-lt, .red-badge-bdr, .blue-badge-bdr, .purple-badge-bdr, .orange-badge-bdr, .green-badge-bdr, label, +input, +select, +textarea, +legend, input[type="search"], input[type="button"], input[type="reset"], input[type="submit"], button, table { + margin: 16px 0px; + margin: 1rem 0rem; + color: #333333; + font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + font-smoothing: antialiased; + font-style: normal; + font-weight: 300; + line-height: 1.5; + text-align: left; + text-rendering: optimizeLegibility; +} + +h1 { + font-size: 36px; + font-size: 2.25rem; +} + +h2 { + font-size: 30px; + font-size: 1.875rem; +} + +h3 { + font-size: 26px; + font-size: 1.625rem; +} + +h4 { + font-size: 22px; + font-size: 1.375rem; +} + +h5 { + font-size: 20px; + font-size: 1.25rem; +} + +h6 { + font-size: 18px; + font-size: 1.125rem; +} + +p { + font-size: 16px; + font-size: 1rem; +} + +ul, +ol { + margin-left: 16px; + margin-left: 1rem; + padding-left: 16px; + padding-left: 1rem; +} + +li { + font-size: 16px; + font-size: 1rem; + padding-left: 8px; + padding-left: 0.5rem; + margin: 0; +} + +a { + -webkit-transition: color 120ms linear; + transition: color 120ms linear; +} + +blockquote { + margin-left: 18px; + margin-left: 1.125rem; + padding-left: 16px; + padding-left: 1rem; + border-left: 5px solid #ededed; + position: relative; +} + +blockquote .byline { + display: block; + font-weight: bold; + text-align: right; +} + +blockquote .byline:before { + margin-right: 8px; + margin-right: 0.5rem; + content: "-"; + display: inline-block; +} + +blockquote.quote { + padding-left: 32px; + padding-left: 2rem; + border-left: none; + margin-left: 0; +} + +blockquote.quote:before, blockquote.quote:after { + font-size: 72px; + font-size: 4.5rem; + content: '"'; + line-height: 0; + position: absolute; +} + +blockquote.quote:before { + left: 0; + top: 20px; +} + +blockquote.quote:after { + bottom: -20px; + right: 0; +} + +strong { + font-weight: bold; +} + +em { + font-style: italics; +} + +big, +.text-large { + font-size: 120%; +} + +small, +.text-small { + font-size: 75%; +} + +.text-muted { + color: #cccccc; +} + +.btn, +.small-btn, +.large-btn, +.full-btn, +.blue-btn, +.red-btn, +.purple-btn, +.orange-btn, +.green-btn, +.dark-grey-btn, +.blue-btn-bdr, +.red-btn-bdr, +.purple-btn-bdr, +.orange-btn-bdr, +.green-btn-bdr, +.dark-grey-btn-bdr { + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + font-size: 16px; + font-size: 1rem; + margin: 16px 0px; + margin: 1rem 0rem; + padding: 8px 16px; + padding: 0.5rem 1rem; + background: #ededed; + border: none; + color: #000000; + display: inline-block; + font-weight: normal; + outline: 0; + text-decoration: none; + vertical-align: middle; + zoom: 1; + -webkit-transition: background 120ms linear; + transition: background 120ms linear; +} + +.btn:hover, +.small-btn:hover, +.large-btn:hover, +.full-btn:hover, +.blue-btn:hover, +.red-btn:hover, +.purple-btn:hover, +.orange-btn:hover, +.green-btn:hover, +.dark-grey-btn:hover, +.blue-btn-bdr:hover, +.red-btn-bdr:hover, +.purple-btn-bdr:hover, +.orange-btn-bdr:hover, +.green-btn-bdr:hover, +.dark-grey-btn-bdr:hover { + background-color: #cccccc; + color: #000000; +} + +.blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr { + background-color: transparent; + border: 1px solid #999999; +} + +.small-btn { + font-size: 10px; + font-size: 0.625rem; + padding: 6px 12px; + padding: 0.375rem 0.75rem; +} + +.large-btn { + font-size: 18px; + font-size: 1.125rem; + padding: 8px 36px; + padding: 0.5rem 2.25rem; +} + +.full-btn { + padding: 10px 0px; + padding: 0.625rem 0rem; + text-align: center; + width: 100%; +} + +.inline-btn { + margin: 0; +} + +.blue-btn { + background-color: #2971b2; + color: #ffffff; +} + +.blue-btn:hover { + background-color: #1f5789; + color: #ffffff; +} + +.red-btn { + background-color: #e04646; + color: #ffffff; +} + +.red-btn:hover { + background-color: #d02323; + color: #ffffff; +} + +.purple-btn { + background-color: #553a99; + color: #ffffff; +} + +.purple-btn:hover { + background-color: #402c74; + color: #ffffff; +} + +.orange-btn { + background-color: #fe9300; + color: #ffffff; +} + +.orange-btn:hover { + background-color: #cb7500; + color: #ffffff; +} + +.green-btn { + background-color: #4a742c; + color: #ffffff; +} + +.green-btn:hover { + background-color: #324f1e; + color: #ffffff; +} + +.dark-grey-btn { + background-color: #555555; + color: #ffffff; +} + +.dark-grey-btn:hover { + background-color: #000000; + color: #ffffff; +} + +.blue-btn-bdr { + border-color: #2971b2; + -webkit-box-shadow: none; + box-shadow: none; + color: #2971b2; +} + +.blue-btn-bdr:hover { + background-color: #2971b2; + color: #ffffff; +} + +.red-btn-bdr { + border-color: #e04646; + -webkit-box-shadow: none; + box-shadow: none; + color: #e04646; +} + +.red-btn-bdr:hover { + background-color: #e04646; + color: #ffffff; +} + +.purple-btn-bdr { + border-color: #553a99; + -webkit-box-shadow: none; + box-shadow: none; + color: #553a99; +} + +.purple-btn-bdr:hover { + background-color: #553a99; + color: #ffffff; +} + +.orange-btn-bdr { + border-color: #fe9300; + -webkit-box-shadow: none; + box-shadow: none; + color: #fe9300; +} + +.orange-btn-bdr:hover { + background-color: #fe9300; + color: #ffffff; +} + +.green-btn-bdr { + border-color: #4a742c; + -webkit-box-shadow: none; + box-shadow: none; + color: #4a742c; +} + +.green-btn-bdr:hover { + background-color: #4a742c; + color: #ffffff; +} + +.dark-grey-btn-bdr { + border-color: #555555; + -webkit-box-shadow: none; + box-shadow: none; + color: #555555; +} + +.dark-grey-btn-bdr:hover { + background-color: #555555; + color: #ffffff; +} + +.red-badge, .blue-badge, .purple-badge, .orange-badge, .green-badge, .red-badge-lt, .blue-badge-lt, .purple-badge-lt, .orange-badge-lt, .green-badge-lt, .red-badge-bdr, .blue-badge-bdr, .purple-badge-bdr, .orange-badge-bdr, .green-badge-bdr { + margin: 10px 0px; + margin: 0.625rem 0rem; + padding: 5px 8px; + padding: 0.3125rem 0.5rem; + font-size: 11px; + font-size: 0.6875rem; + background-color: #cccccc; + clear: both; + color: #555555; + cursor: pointer; + display: inline-block; + line-height: 1.5; +} + +.red-badge-bdr, .blue-badge-bdr, .purple-badge-bdr, .orange-badge-bdr, .green-badge-bdr { + background-color: transparent; + border: 1px solid #cccccc; +} + +.red-badge { + background-color: #e04646; + color: #ffffff; +} + +.blue-badge { + background-color: #2971b2; + color: #ffffff; +} + +.purple-badge { + background-color: #553a99; + color: #ffffff; +} + +.orange-badge { + background-color: #fe9300; + color: #ffffff; +} + +.green-badge { + background-color: #4a742c; + color: #ffffff; +} + +.red-badge-lt { + background-color: #ef9d9d; + color: #333333; +} + +.blue-badge-lt { + background-color: #8fbce5; + color: #333333; +} + +.purple-badge-lt { + background-color: #a895d7; + color: #333333; +} + +.orange-badge-lt { + background-color: #ffbe65; + color: #333333; +} + +.green-badge-lt { + background-color: #95c970; + color: #333333; +} + +.red-badge-bdr { + border-color: #e04646; + color: #e04646; +} + +.blue-badge-bdr { + border-color: #2971b2; + color: #2971b2; +} + +.purple-badge-bdr { + border-color: #553a99; + color: #553a99; +} + +.orange-badge-bdr { + border-color: #fe9300; + color: #fe9300; +} + +.green-badge-bdr { + border-color: #4a742c; + color: #4a742c; +} + +.btn-expand { + background-color: transparent; + cursor: pointer; + display: block; +} + +.btn-expand:after { + padding: 2px 6px 3px 6px; + padding: 0.125rem 0.375rem 0.1875rem 0.375rem; + background: #ffffff; + border: 1px solid #cccccc; + border-radius: 25px; + color: #000000; + font-weight: bold; + line-height: 1; + position: absolute; + right: 1em; + text-align: center; + top: .5em; + -webkit-transition: .5s ease-in-out; + transition: .5s ease-in-out; +} + +.btn-expand:hover:after { + background: #ffffff; + color: #999999; +} + +.callout, +.red-callout, +.blue-callout, +.purple-callout, +.green-callout, +.orange-callout { + margin: 16px 0px; + margin: 1rem 0rem; + padding: 16px; + padding: 1rem; + background-color: #efefef; + border-left: 5px solid #cccccc; + display: block; +} + +.callout h1, +.callout h2, +.callout h3, +.red-callout h1, +.blue-callout h1, +.purple-callout h1, +.green-callout h1, +.orange-callout h1, +.red-callout h2, +.blue-callout h2, +.purple-callout h2, +.green-callout h2, +.orange-callout h2, +.red-callout h3, +.blue-callout h3, +.purple-callout h3, +.green-callout h3, +.orange-callout h3 { + margin-top: 0px; + margin-top: 0rem; + margin-bottom: 10px; + margin-bottom: 0.625rem; + color: #555555; +} + +.callout p, +.red-callout p, +.blue-callout p, +.purple-callout p, +.green-callout p, +.orange-callout p { + margin: 10px 0px; + margin: 0.625rem 0rem; + color: #555555; +} + +.red-callout { + background-color: #ffe3e1; + border-left-color: #cc583a; +} + +.red-callout h1, +.red-callout h2, +.red-callout h3 { + color: #cc583a; +} + +.blue-callout { + background-color: #dddfff; + border-left-color: #272d7f; +} + +.blue-callout h1, +.blue-callout h2, +.blue-callout h3 { + color: #272d7f; +} + +.purple-callout { + background-color: #ffdcfc; + border-left-color: #7f4d7b; +} + +.purple-callout h1, +.purple-callout h2, +.purple-callout h3 { + color: #7f4d7b; +} + +.green-callout { + background-color: #dfffe4; + border-left-color: #277f35; +} + +.green-callout h1, +.green-callout h2, +.green-callout h3 { + color: #277f35; +} + +.orange-callout { + background-color: #ffefdd; + border-left-color: #fe9300; +} + +.orange-callout h1, +.orange-callout h2, +.orange-callout h3 { + color: #fe9300; +} + +.alert { + padding: 10px 18px; + padding: 0.625rem 1.125rem; + border-left: none; + border-radius: 4px; + -webkit-box-shadow: 0 0 8px #cccccc; + box-shadow: 0 0 8px #cccccc; + position: relative; +} + +.btn-expand:after { + content: "+"; +} + +.btn-expand.open:after { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: .5s ease-in-out; + transition: .5s ease-in-out; +} + +.alert-expand { + margin-bottom: 16px; + margin-bottom: 1rem; + padding: 0px 16px; + padding: 0rem 1rem; + background: #ffffff; + border-left: 1px solid #cccccc; + display: none; +} + +.alert-expand.expanded { + display: block; +} + +label, +input, +select, +textarea, +legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + outline-offset: 0; +} + +label { + margin-bottom: 24px; + margin-bottom: 1.5rem; + display: block; +} + +fieldset { + margin-bottom: 24px; + margin-bottom: 1.5rem; + border: none; + padding: 0; +} + +fieldset label { + margin: 0; +} + +legend { + margin: 0px 0px 8px 0px; + margin: 0rem 0rem 0.5rem 0rem; + font-weight: bold; +} + +input { + margin: 8px 0px 16px 0px; + margin: 0.5rem 0rem 1rem 0rem; + padding: 4px; + padding: 0.25rem; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + border: 1px solid #cccccc; + border-radius: 0; + display: block; + margin: 0; + -webkit-transition: border-color 150ms linear; + transition: border-color 150ms linear; + width: 100%; +} + +input:focus { + border-color: #2971b2; +} + +input[type="search"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: none; + outline-offset: 0; +} + +input[type="checkbox"], input[type="radio"] { + display: inline-block; + width: auto; +} + +input[type="checkbox"] { + margin-right: 4px; + margin-right: 0.25rem; + -webkit-appearance: checkbox; + -moz-appearance: checkbox; + appearance: checkbox; +} + +input[type="radio"] { + margin-right: 8px; + margin-right: 0.5rem; + -webkit-appearance: radio; + -moz-appearance: radio; + appearance: radio; +} + +input[type="button"], input[type="reset"], input[type="submit"] { + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + font-size: 16px; + font-size: 1rem; + margin: 16px 0px; + margin: 1rem 0rem; + padding: 8px 16px; + padding: 0.5rem 1rem; + background: #ededed; + border: none; + color: #000000; + display: inline-block; + font-weight: normal; + outline: 0; + text-decoration: none; + vertical-align: middle; + zoom: 1; + display: block; +} + +.ctn-field-required { + color: #e04646; + font-weight: bold; + line-height: 1; + margin-left: 5px; +} + +.ctn-field-error { + border-color: #e04646; +} + +.ctn-field-warning { + border-color: #fe9300; +} + +.ctn-field-success { + border-color: #4a742c; +} + +textarea { + margin: 8px 0px; + margin: 0.5rem 0rem; + padding: 8px; + padding: 0.5rem; + border: 1px solid #cccccc; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: auto; + line-height: 1.2; + width: 100%; +} + +textarea:focus { + border-color: #2971b2; +} + +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 1px solid #cccccc; + border-radius: 0; + display: block; + padding: 6px 24px 6px 8px; + width: auto; +} + +button { + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); + font-size: 16px; + font-size: 1rem; + margin: 16px 0px; + margin: 1rem 0rem; + padding: 8px 16px; + padding: 0.5rem 1rem; + background: #ededed; + border: none; + color: #000000; + display: inline-block; + font-weight: normal; + outline: 0; + text-decoration: none; + vertical-align: middle; + zoom: 1; + display: block; +} + +.ctn-submit-btn { + background-color: #2971b2; + color: #ffffff; +} + +.ctn-cancel-btn { + background-color: #e04646; + color: #ffffff; +} + +.ctn-search-block input[type="search"] { + padding: 5px 5px 7px 5px; + padding: 0.3125rem 0.3125rem 0.4375rem 0.3125rem; + border-right: none; + display: inline; + float: left; + width: 85%; +} + +.ctn-search-block .ctn-search-submit { + padding: 10px 0px; + padding: 0.625rem 0rem; + background-color: #2971b2; + border: 1px solid #2971b2; + border-left: none; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #ffffff; + display: inline; + float: left; + line-height: 1; + text-align: center; + width: 15%; +} + +.ctn-search-block .ctn-search-submit:hover { + background-color: #1f5789; +} + +.helmet-1 { + margin-top: 16px; + margin-top: 1rem; +} + +.sandal-1 { + margin-bottom: 16px; + margin-bottom: 1rem; +} + +.armor-1 { + margin: 16px 0px; + margin: 1rem 0rem; +} + +.helmet-2 { + margin-top: 32px; + margin-top: 2rem; +} + +.sandal-2 { + margin-bottom: 32px; + margin-bottom: 2rem; +} + +.armor-2 { + margin: 32px 0px; + margin: 2rem 0rem; +} + +.helmet-3 { + margin-top: 48px; + margin-top: 3rem; +} + +.sandal-3 { + margin-bottom: 48px; + margin-bottom: 3rem; +} + +.armor-3 { + margin: 48px 0px; + margin: 3rem 0rem; +} + +.helmet-4 { + margin-top: 64px; + margin-top: 4rem; +} + +.sandal-4 { + margin-bottom: 64px; + margin-bottom: 4rem; +} + +.armor-4 { + margin: 64px 0px; + margin: 4rem 0rem; +} + +.helmet-5 { + margin-top: 80px; + margin-top: 5rem; +} + +.sandal-5 { + margin-bottom: 80px; + margin-bottom: 5rem; +} + +.armor-5 { + margin: 80px 0px; + margin: 5rem 0rem; +} + +.pad-helmet-1 { + padding-top: 16px; + padding-top: 1rem; +} + +.pad-sandal-1 { + padding-bottom: 16px; + padding-bottom: 1rem; +} + +.pad-armor-1 { + padding: 16px 0px; + padding: 1rem 0rem; +} + +.pad-helmet-2 { + padding-top: 32px; + padding-top: 2rem; +} + +.pad-sandal-2 { + padding-bottom: 32px; + padding-bottom: 2rem; +} + +.pad-armor-2 { + padding: 32px 0px; + padding: 2rem 0rem; +} + +.pad-helmet-3 { + padding-top: 48px; + padding-top: 3rem; +} + +.pad-sandal-3 { + padding-bottom: 48px; + padding-bottom: 3rem; +} + +.pad-armor-3 { + padding: 48px 0px; + padding: 3rem 0rem; +} + +.pad-helmet-4 { + padding-top: 64px; + padding-top: 4rem; +} + +.pad-sandal-4 { + padding-bottom: 64px; + padding-bottom: 4rem; +} + +.pad-armor-4 { + padding: 64px 0px; + padding: 4rem 0rem; +} + +.pad-helmet-5 { + padding-top: 80px; + padding-top: 5rem; +} + +.pad-sandal-5 { + padding-bottom: 80px; + padding-bottom: 5rem; +} + +.pad-armor-5 { + padding: 80px 0px; + padding: 5rem 0rem; +} + +table { + font-size: 16px; + font-size: 1rem; + margin: 16px 0px; + margin: 1rem 0rem; + background: #ffffff; + border-collapse: collapse; + border-spacing: 0; + color: #555555; + width: 100%; +} + +thead, +tfoot { + text-align: left; +} + +thead th, +thead td, +tfoot th, +tfoot td { + padding: 10px 12px; + padding: 0.625rem 0.75rem; + background-color: #cccccc; + color: #ffffff; + font-weight: bold; + line-height: normal; + vertical-align: middle; +} + +tbody tr, +tbody td { + padding: 8px 12px; + padding: 0.5rem 0.75rem; +} + +tbody tr.odd { + background-color: #ffffff; +} + +tbody tr.even { + background-color: #efefef; +} + +@media only screen and (max-width: 601px) { + .ctn-table-wrapper { + margin-bottom: 1rem; + overflow: hidden; + position: relative; + } + .ctn-table-wrapper .ctn-responsive-table { + overflow: scroll; + overflow-y: hidden; + } +} + +.black-table thead th, +.black-table thead td, +.black-table tfoot th, +.black-table tfoot td { + background-color: #000000; +} + +.black-table tbody.odd { + background-color: #ffffff; +} + +.black-table tbody.even { + background-color: #555555; +} + +.red-table thead th, +.red-table thead td, +.red-table tfoot th, +.red-table tfoot td { + background-color: #e04646; +} + +.red-table tbody.odd { + background-color: #ffffff; +} + +.red-table tbody.even { + background-color: #d02323; +} + +.blue-table thead th, +.blue-table thead td, +.blue-table tfoot th, +.blue-table tfoot td { + background-color: #2971b2; +} + +.blue-table tbody.odd { + background-color: #ffffff; +} + +.blue-table tbody.even { + background-color: #1f5789; +} + +.green-table thead th, +.green-table thead td, +.green-table tfoot th, +.green-table tfoot td { + background-color: #4a742c; +} + +.green-table tbody.odd { + background-color: #ffffff; +} + +.green-table tbody.even { + background-color: #324f1e; +} + +.purple-table thead th, +.purple-table thead td, +.purple-table tfoot th, +.purple-table tfoot td { + background-color: #553a99; +} + +.purple-table tbody.odd { + background-color: #ffffff; +} + +.purple-table tbody.even { + background-color: #402c74; +} + +.orange-table thead th, +.orange-table thead td, +.orange-table tfoot th, +.orange-table tfoot td { + background-color: #fe9300; +} + +.orange-table tbody.odd { + background-color: #ffffff; +} + +.orange-table tbody.even { + background-color: #cb7500; +} + +.left-float { + float: left; +} + +.right-float { + float: right; +} + +.visible { + visibility: display; +} + +.not-visible { + visibility: hidden; +} diff --git a/src/cirrus.css b/src/cirrus.css new file mode 100644 index 0000000..5c90bf0 --- /dev/null +++ b/src/cirrus.css @@ -0,0 +1,5699 @@ +/* +* Cirrus 0.5.6 +* Stanley Lim, Copyright 2020 +* https://spiderpig86.github.io/Cirrus +*/ +/* BUTTONS */ + +/* Button styling */ +/* Un-themed */ +button, +.btn, +[type="submit"] { + display: block; + line-height: 2rem; + overflow: hidden; + padding: 0.5rem 1.5rem; + border: 1px solid transparent; + border-radius: 0.25rem; + cursor: pointer; + text-align: center; + transition: all 0var(--animation-duration); + background-color: #fefefe; + border-color: #d9d9d9; + color: #737373; + font-size: 0.75rem; + letter-spacing: 0.03rem; + text-transform: uppercase; + font-family: Montserrat; + min-width: 2rem; + user-select: none; + margin-bottom: 1rem; + outline: none; + --btn-color: #fefefe; + --btn-fg: #737373; + --btn-border-color: #d9d9d9; +} + +button:hover, +.btn:hover, +[type="submit"]:hover { + transition: all var(--animation-duration); +} + +.btn:active, +button:active, +[type="submit"]:active { + transition: var(--animation-duration) ease; +} + +/* Default button colors */ +button:hover, +.btn:hover, +[type="submit"]:hover { + background-color: #eee; + --btn-color: #eee; +} + +/* Make the loading circle, if present, white when button is active */ +.btn.loading:active::after, +button.loading:active::after, +[type="submit"].loading:active::after { + transition: var(--animation-duration) ease; + border-radius: 50%; + border-right-color: transparent; + border-top-color: transparent; +} + +button.btn-animated, +[type="submit"].btn-animated, +.btn.btn-animated { + transition: calc(var(--animation-duration) / 2) ease; +} + +button.btn-animated:active, +[type="submit"].btn-animated:active, +.btn.btn-animated:active { + -webkit-transform: scale(0.98); + transform: inherit, scale(0.98); + transition: calc(var(--animation-duration) / 2) ease; +} + +.btn:focus, +button:focus, +input[type="submit"]:focus { + outline: none; +} + +.btn:disabled, +button:disabled, +[type="submit"]:disabled { + cursor: not-allowed; + opacity: .5; +} + +button.btn-close { + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + flex-grow: 0; + flex-shrink: 0; + font-size: 0; + height: 20px; + outline: 0; + position: relative; + vertical-align: top; + width: 20px; + padding: 0; + min-width: 20px; +} + +button.btn-close:hover { + background-color: rgba(10, 10, 10, 0.3); +} + +/* Render the x in the close button */ +button.btn-close::before, +button.btn-close::after { + background-color: var(--cirrus-bg); + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +button.btn-close::before { + height: 2px; + width: 50%; +} + +button.btn-close::after { + height: 50%; + width: 2px; +} + +/* Adds small margin around buttons */ +.btn-container { + margin: 0.5rem; + overflow: visible; +} + +/* BUTTON STYLES */ +/* Regular */ +.btn-transparent { + --btn-color: transparent; + --btn-fg: var(--cirrus-dark); + --btn-border-color: transparent; +} +.btn-transparent.outline { --btn-color: var(--cirrus-dark); } +.btn-transparent:hover { --btn-color: rgba(0, 0, 0, .1); } +.btn-transparent:focus { box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); } + +.btn-light { + --btn-color: var(--cirrus-light); + --btn-fg: var(--cirrus-dark); + --btn-border-color: var(--cirrus-light); +} +.btn-light:hover { --btn-color: var(--cirrus-light-hover); } +.btn-light:focus { box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); } + +.btn-dark { + --btn-color: var(--cirrus-dark); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-dark); +} +.btn-dark:hover { --btn-color: var(--cirrus-dark-hover); } +.btn-dark.outline:hover { --btn-color: var(--cirrus-dark); } +.btn-dark:focus { box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); } + +.btn-black { + --btn-color: #000; + --btn-fg: var(--cirrus-light); + --btn-border-color: #000; +} +.btn-black:hover { --btn-color: #000; } +.btn-black:focus { box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); } + +.btn-primary { + --btn-color: var(--cirrus-primary); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-accent-border); +} +.btn-primary:hover { --btn-color: var(--cirrus-accent-hover); } +.btn-primary.outline:hover { --btn-color: var(--cirrus-primary); } +.btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(240, 61, 76, 0.5); } + +.btn-info { + --btn-color: var(--cirrus-info); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-info); +} +.btn-info:hover { --btn-color: var(--cirrus-info-hover); } +.btn-info.outline:hover { --btn-color: var(--cirrus-info); } +.btn-info:focus { box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5); } + +.btn-link { + --btn-color: var(--cirrus-link); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-link); +} +.btn-link.outline { --btn-fg: var(--cirrus-link); border: 1px solid transparent; } +.btn-link:hover { --btn-color: var(--cirrus-link-dark); } +.btn-link.outline:hover { --btn-color: var(--cirrus-link-hover); border: 1px solid transparent; text-decoration: underline; } +.btn-link:focus { box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5); } + +.btn-success { + --btn-color: var(--cirrus-success); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-success); +} +.btn-success:hover { --btn-color: var(--cirrus-success-hover); } +.btn-success.outline:hover { --btn-color: var(--cirrus-success); } +.btn-success:focus { box-shadow: 0 0 0 0.2rem rgba(13, 210, 89, 0.5); } + +.btn-warning { + --btn-color: var(--cirrus-warning); + --btn-fg: var(--cirrus-dark); + --btn-border-color: var(--cirrus-warning); +} +.btn-warning:hover { --btn-color: var(--cirrus-warning-hover); } +.btn-warning.outline:hover { --btn-color: var(--cirrus-warning); } +.btn-warning:focus { box-shadow: 0 0 0 0.2rem rgba(250, 180, 51, 0.5); } + +.btn-danger { + --btn-color: var(--cirrus-danger); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-danger); +} +.btn-danger:hover { --btn-color: var(--cirrus-danger-hover); } +.btn-danger.outline:hover { --btn-color: var(--cirrus-danger); } +.btn-danger:focus { box-shadow: 0 0 0 0.2rem rgba(251, 65, 68, 0.5); } + +[class^="btn-"], [class*=" btn-"] { + background-color: var(--btn-color); + border: 1px solid var(--btn-border-color); + color: var(--btn-fg); + transition: all var(--animation-duration); +} + +[class^="btn-"]:hover, [class*=" btn-"]:hover { background-color: var(--btn-color); border-color: var(--btn-border-color); transition: all var(--animation-duration); } + +/* Outline Variants */ +[class^="btn-"].outline, [class*=" btn-"].outline { + background-color: transparent; + color: var(--btn-color); +} +[class^="btn-"].outline:hover, [class*=" btn-"].outline:hover { + background-color: var(--btn-color); + color: var(--btn-fg); + transition: all var(--animation-duration); +} + +/* Right of input */ +.has-controls.input:not([class*="left action"]) > button:last-child, +.has-controls.input:not([class*="left action"]) > .btn:last-child > .btn { + border-radius: 0 0.28571429rem 0.28571429rem 0; +} + +.has-controls.input:not([class*="right action"]) > button:last-child, +.has-controls.input:not([class*="right action"]) > .btn:last-child > .btn { + border-radius: 0.28571429rem 0 0 0.28571429rem; +} + +/* Tiny button */ +.btn-tiny { + line-height: 1.5rem; + padding: 0 0.25rem; + font-size: 50%; +} + +/* Small button */ +.btn-small { + line-height: 2.4rem; + padding: 0 0.5rem; + font-size: 70%; +} + +/* Big button */ +.btn-large { + line-height: 3.5rem; + padding: 0 2rem; + font-size: 90%; +} + +.btn-xlarge { + line-height: 4.5rem; + padding: 0 2rem; + font-size: 110%; +} + +/* Make the loader white so it is visible */ +.loading.btn-accent:after { + border: 2px solid #fff; + border-right-color: transparent; + border-top-color: transparent; +} + +/* Override default behavior of aligning font awesome icons to the top */ +button .fa-wrapper, +.btn .fa-wrapper, +[type="submit"] .fa-wrapper { + vertical-align: baseline; +} + +button .fa-wrapper.pad-right, +.btn .fa-wrapper.pad-right, +[type="submit"] .fa-wrapper.pad-right { + margin-right: 0.4rem; +} + +button .fa-wrapper.pad-left, +.btn .fa-wrapper.pad-left, +[type="submit"] .fa-wrapper.pad-left { + margin-left: 0.4rem; +} + +/* Alternatives to pad-left and pad-right */ +button span:first-child, +.btn span:first-child, +[type="submit"] span:first-child { + margin-right: 0.2rem; +} + +button span:last-child, +.btn span:last-child, +[type="submit"] span:last-child { + margin-left: 0.2rem; +} + +/* BUTTON GROUPS */ +/* Will group buttons with components in a single component */ + +.btn-group { + /* -ms-flex-wrap: wrap; Deprecated 0.5.6, allow for overflow + flex-wrap: wrap; Wrap contents to next row on overflow */ + display: -webkit-inline-box; + display: inline-flex; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; +} + +.btn-group.btn-group-fill { + /* Makes the button group fill the width and proportion the buttons to fill the space */ + display: -webkit-box; + display: flex; + display: -ms-flexbox; +} + +.btn-group .btn, +.btn-group button, +.btn-group [type="submit"] { + -ms-flex: 1 0 auto; + -webkit-box-flex: 1; + flex: 1 0 auto; + margin: 0; +} + +.btn-group.btn-group-fill .btn, +.btn-group.btn-group-fill button, +.btn-group.btn-group-fill [type="submit"] { + -ms-flex: 1 0; + -webkit-box-flex: 1; + flex: 1 0; /* Make the buttons fill the available width and proportion themselves */ +} + +.btn-group .btn:first-child:not(:last-child), +.btn-group button:first-child:not(:last-child), +.btn-group [type="submit"]:first-child:not(:last-child) { + /* Style the first child in group > 1 buttons */ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group .btn:last-child:not(:first-child), +.btn-group button:last-child:not(:first-child), +.btn-group [type="submit"]:last-child:not(:first-child) { + /* Style the last child in group > 1 buttons */ + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -0.1rem; +} + +.btn-group .btn:not(:first-child):not(:last-child), +.btn-group button:not(:first-child):not(:last-child), +.btn-group [type="submit"]:not(:first-child):not(:last-child) { + /* Style button in middle of group */ + border-radius: 0; /* Remove roundness from center buttons */ + margin-left: -0.1rem; +} + +@media screen and (max-width: 768px) { + .btn-group { + display: flex; + flex-direction: column; + } + + .btn-group .btn, + .btn-group button, + .btn-group [type="submit"] { + margin-bottom: -1px; + } + + .btn-group .btn:first-child:not(:last-child), + .btn-group button:first-child:not(:last-child), + .btn-group [type="submit"]:first-child:not(:last-child) { + border-radius: .25rem .25rem 0 0; + } + + .btn-group .btn:not(:first-child):not(:last-child), + .btn-group button:not(:first-child):not(:last-child), + .btn-group [type="submit"]:not(:first-child):not(:last-child) { + margin-left: 0; + } + + .btn-group .btn:last-child:not(:first-child), + .btn-group button:last-child:not(:first-child), + .btn-group [type="submit"]:last-child:not(:first-child) { + border-radius: 0 0 .25rem .25rem ; + margin-left: 0; + } +} +/* CODE */ + +code { + padding: 0.3rem; + margin: 0.5em 0; + overflow: auto; + background-color: var(--cirrus-code-bg); + color: var(--cirrus-code-fg); + border-radius: 3px; +} + +/* Dark theme for code */ +code.dark { + background-color: var(--cirrus-dark); + color: #fff; +} + +code:before { + color: #acb3c2; + content: attr(data-lang); + font-size: 0.9rem; + position: absolute; + right: 1rem; + top: 0.7rem; +} + +pre > code { + font-size: 14px; + display: block; + padding: 2rem 1.5rem 1rem; + white-space: pre-wrap; + word-wrap: break-word; + font-family: Consolas,Monaco,"Andale Mono",monospace; + text-align: left; + line-height: 1.5; + -moz-tab-size: 4; + tab-size: 4; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + border-left: .3rem solid var(--cirrus-primary); + margin: 0; + position: relative; + color: #222; +} + +/* BASE STYLING FOR CIRRUS */ +@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700"); + +* { + margin: 0; + padding: 0; + /* Prevent setting borders from increasing the size of an elrement */ + box-sizing: border-box; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-tap-highlight-color: transparent; +} + +html, +body { + margin: 0; + padding: 0; + border: none; + height: 100%; +} + +/* Nunito Sans for the font */ +body { + letter-spacing: 0.01rem; + line-height: 1.8; /* Globally adjust line height */ + font-size: 1rem; + font-weight: 400; + font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", + "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol"; + letter-spacing: 0.01rem; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); + color: var(--cirrus-fg); +} + +/* Remove bullets from unordered lists */ +ul { + list-style: none; +} + +/* Setting up embedded content */ +img, +embed, +object, +audio, +video { + max-width: 100%; + height: auto; +} + +.hero.fullscreen video { + height: 100%; + object-fit: fill; + position: absolute; + width: 100%; + z-index: -1; +} + +iframe { + outline: 0; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 3px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +input, +optgroup, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; +} + +label { + display: inline-block; + margin: 0.25rem 0; +} + +[hidden] { + display: none !important; +} + +/* Selection Color */ +::selection { + background-color: var(--cirrus-select-bg); +} + +/* When focusing any element */ +:focus { + box-shadow: 0 0 0.1rem 0.15rem rgba(240, 61, 77, 0.13); + outline: none; +} + +/* FONT */ + +@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700"); +@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Montserrat", sans-serif; + font-weight: 700; + line-height: 1.2; +} + +/* Silent header */ +h1 .silent, +h2 .silent, +h3 .silent, +h4 .silent, +h5 .silent, +h6 .silent { + color: #788196; +} + +h1 { + font-size: 3rem; + letter-spacing: 0.025rem; +} + +h2 { + font-size: 2.5rem; +} + +h3 { + font-size: 2rem; +} + +h4 { + font-size: 1.75rem; +} + +h5 { + font-size: 1.5rem; +} + +h6 { + font-size: 1.25rem; +} + +/* Headlines (for larger titles) */ +.headline-1 { + font-size: 6.5rem; + letter-spacing: 0.05rem; +} + +.headline-2 { + font-size: 5.5rem; + letter-spacing: 0.05rem; +} + +.headline-3 { + font-size: 4.5rem; + letter-spacing: 0.05rem; +} + +.headline-4 { + font-size: 3.5rem; + letter-spacing: 0.025rem; +} + +strong { + font-weight: 700; +} + +.font-alt { + font-family: "Nunito Sans"; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + line-height: 1.125em; + margin: 1rem 0; +} + +.title { + font-weight: bolder; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1rem; +} + +.title + .subtitle { + /* Make the subtitlte closer to the title */ + margin-top: -0.75rem; +} + +p, +article, +blockquote { + font-size: 1rem; + line-height: 2; + margin-bottom: 1rem; +} + +p.lead { + font-size: 1.2rem; +} + +blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +blockquote { + background-color: #f5f5f5; + border-left: 5px solid #dbdbdb; + padding: 1rem 2rem; + border-radius: 3px; +} + +blockquote p { + margin: 0; + font-size: 0.95rem; +} + +/* Use default line-height for these texts and when line-height-inherit is specified */ +.card-tile p, +.card-tile article, +.card-tile blockquote { + line-height: inherit; +} + +cite { + opacity: 0.7; +} + +mark, +.mark { + padding: 0.2em; + background-color: #f0e8c4; +} + +/* Weights */ +.font-thin { + font-weight: 200; +} + +.font-light { + font-weight: 300; +} + +.font-normal { + font-weight: 400; +} + +.font-semibold { + font-weight: 600; +} + +.font-bold { + font-weight: 700; +} + +.uppercase { + text-transform: uppercase; +} + +.lowercase { + text-transform: lowercase; +} + +.rtl { + direction: rtl; +} + +.white { + color: #fff !important; +} + +.faded { + opacity: 0.75; +} + +.font-italic { + font-style: italic; +} + +/* Font Awesome */ +.icon { + /* Usually used in spans */ + display: inline-block; + /* font-size: 21px; Allow font sizes for icons to be overwritten */ + /* line-height: 1.5rem; Allow line height to be inherited or overwritten */ + text-align: center; + width: 1.5rem; + vertical-align: baseline; +} + +.icon .fa-wrapper { + font-size: inherit; + vertical-align: middle; +} + +.icon.x-small { + margin: 0.55rem 0 0 0.1rem; +} + +.icon.small { + margin: 0.95rem 0 0 0.1rem; +} + +.info { + display: block; + font-size: var(--font-size-s); + margin-top: 0.25rem; + color: #979797; +} + +.info.inline { + /* Keeps the extra info inline */ + display: inline-block; + margin-left: 0.5rem; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px dashed; + border-top: 4px solid\9; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +/* Other text elements */ +abbr[title] { + border-bottom: 0.1rem dotted; + cursor: help; + text-decoration: none; +} + +kbd { + background-color: var(--cirrus-fg); + border-radius: 0.2rem; + color: #fff; + display: inline-block; + line-height: 1; + padding: 0.5rem; + vertical-align: baseline; +} + +/* MOBILE */ + +@media (max-width: 650px) { + h1 { + font-size: 2.5rem; + } + h2 { + font-size: 2rem; + } + h3 { + font-size: 1.75rem; + } + h4 { + font-size: 1.5rem; + } + h5 { + font-size: 1.25rem; + } + h6 { + font-size: 1rem; + } + + .headline-1 { + font-size: 3rem; + letter-spacing: 0.05rem; + } + + .headline-2 { + font-size: 2.75rem; + letter-spacing: 0.05rem; + } + + .headline-3 { + font-size: 2.5rem; + letter-spacing: 0.05rem; + } + + .headline-4 { + font-size: 2.25rem; + letter-spacing: 0.025rem; + } + + p, + article, + blockquote { + margin: 1rem 0; + } +} + +/* FOOTER */ + +footer { + width: 100%; + padding: 6rem 0; + background-color: #111; + text-align: center; + margin-top: 5rem; +} + +footer a { + font-weight: bolder; + color: #fff; +} + +footer p { + color: #848484; +} + +footer ul { + margin: 0.5rem 0; /* Remove the left margin seen in global style */ +} + +footer h6 { + text-align: center; + letter-spacing: 6px; + position: relative; + padding-bottom: 10px; +} + +footer .footer-list-title { + font-size: 75%; + text-transform: uppercase; + font-weight: bolder; + color: #ddd; +} + +footer .footer-list-title::after { + content: ""; + display: block; + width: 10%; + margin: auto; + border-bottom: 2px solid; + border-color: #343b49; +} + +footer ul a .list-item, footer .list-item { + margin: 0.1rem; + color: #888; + transition: all .3s; + font-size: 75%; + text-transform: uppercase; +} + +footer.footer-fixed { + bottom: 0; + position: fixed; +} +/* FORMS */ + +input:not([type=checkbox]):not([type=radio]):not([type=submit]), +select { + width: 100%; + border: 1px solid #ddd; + border-radius: 3px; + color: #5a5a5a; + font-family: "Nunito Sans"; + font-size: var(--font-size-m); + letter-spacing: 0.02rem; + transition: all 0.3s; + outline: none; + padding: 0.85rem 1.1rem; +} + +input[type="search"] { + -webkit-appearance: none; /* Fix Safari issue */ +} + +textarea, +textarea[type="text"] { + width: 100%; + border: 1px solid #ddd; + padding: 0.8rem; + border-radius: 3px; + font-family: "Nunito Sans"; + font-size: var(--font-size-m); + letter-spacing: 0.02rem; + transition: all 0.3s; + outline: none; + margin: 0.5rem 0; + padding: 1rem 1.3rem; + min-height: 8rem; + line-height: 1.5rem; + resize: vertical; +} + +input[type="color"] { + box-shadow: inset 0 1px 2px rgba(0,0,0,.05); + box-sizing: border-box; + transition: .3s; + outline: 0; + position: relative; + height: 3rem; + background-color: #fff; + padding: .55rem .8rem !important; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, +select:focus, +textarea:focus, +textarea[type=text]:focus, +input[type=text].input-focused, +.input-focused { + border-color: rgb(61, 171, 240); + box-shadow: 0 0 0 0.2rem rgba(61, 171, 240, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); +} + +select { + background-color: #fff; + border: 1px solid #ddd; +} + +select[multiple] option { + padding: 0.2rem 0.4rem; +} + +/* Fixes for Safari and other browsers for consistent UI */ +select.select:not([size]):not([multiple]) { + background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .85rem center/.5rem .6rem no-repeat; + -webkit-appearance: none; +} + +/* Search field */ +input[type="search"], +input.search { + background-repeat: no-repeat; + background-position: left 0.6rem center; + background-image: url('data:image/svg+xml;utf8,'); /* NEEDS FIXING */ + padding-left: 2rem !important; +} + +input:not([class*="btn-"]):disabled, input:not([class*=" btn-"]):disabled:hover, select:disabled, textarea:disabled { + background-color: #f3f3f6; + cursor: not-allowed; + border: 1px solid #f3f3f6; +} + +label:first-child:not(:last-child):not(.form-group-label) { + margin-right: 0.5rem; +} + +label:not(:first-child):not(:last-child):not(.form-group-label) { + margin: 0 0.5rem; +} + +label:last-child:not(:first-child):not(.form-group-label) { + margin-left: 0.5rem; +} + +/* Required asterisk */ +.required { + /* Use this in a span or a div */ + position: relative; + top: 1px; + font-weight: bold; + color: #f03c69; + padding-left: 0.1rem; +} + +.label:not(:last-child) { + margin-bottom: 0; +} + +.label { + color: #4a4a4a; + display: inline-block; /* changed from block */ + font-weight: bold; + margin-top: 0.8rem; +} + +.input-success { + background-color: rgba(0, 224, 0, 0.05) !important; + border-color: var(--cirrus-success) !important; +} + +.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .btn-success:focus { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); +} + +.input-error { + background-color: rgba(244, 67, 54, 0.05) !important; + border-color: var(--cirrus-danger) !important; +} + +.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .btn-error:focus { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); +} + +/* Input Field Sizes */ +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xsmall, +select.input-xsmall { + font-size: var(--font-size-xs); + padding: 0.35rem 0.9rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-small, +select.input-small { + font-size: var(--font-size-s); + padding: 0.55rem 1rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-large, +select.input-large { + font-size: var(--font-size-l); +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xlarge, +select.input-xlarge { + font-size: var(--font-size-xl); +} + +/* Select sizes */ +select.input-xsmall { + padding: 0.65rem 0.9rem; +} + +select.input-small { + padding: 0.75rem 1rem; +} + +select.input-large { + padding: 0.95rem 1.2rem; +} + +select.input-xlarge { + padding: 1.05rem 1.3rem; +} + +/* Used for when the input controls have another control adjacent to it but we want to position it inside the input field like font-awesome glyphs. As of 0.5.2, it is the default container for input fields. */ +.input-control { + position: relative; + margin: 0.5rem 0; +} + +/* Hold Font Awesome glyphs inside input fields */ +/* More sizes coming soon */ +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left { + padding-left: 2.75rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right { + padding-right: 2.75rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall { + padding-left: 2rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xsmall ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall ~ .icon.icon-right { + line-height: 1.75rem; + width: 1.75rem; + font-size: 7px; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small { + padding-left: 2.5rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-small ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small ~ .icon.icon-right { + line-height: 2rem; + width: 2.5rem; + font-size: 14px; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large { + padding-left: 3.5rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-large ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large ~ .icon.icon-right { + line-height: 3.5rem; + width: 3.5rem; + font-size: 28px; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge { + padding-left: 4rem; +} + +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xlarge ~ .icon, +input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge ~ .icon.icon-right { + line-height: 2.5rem; + width: 3.75rem; + font-size: 35px; +} + +.input-contains-icon ~ .icon { + display: flex; + align-items: center; + justify-content: center; + height: 100%; +} + +.input-contains-icon ~ .icon:not(.icon-right), +.input-contains-icon-left ~ .icon.icon-left { + /* Nomral input only */ + position: absolute; + left: 0; + top: 0; + width: 3rem; + z-index: 1; +} + +.input-contains-icon-right ~ .icon.icon-right { + position: absolute; + pointer-events: none; + line-height: 2.75rem; + vertical-align: baseline; + top: 0; + right: 0; + width: 3rem; + z-index: 1; +} + +/* Form section just adds extra spacing between form elements tiled vertically */ +.form-section:not(:last-child) { + margin-bottom: 0.5rem; +} + +/* A flexbox version of form-section for inline forms */ +.form-section.section-inline { + display: flex; +} + +.form-section.section-inline label:not(.form-group-label), +.form-section.section-inline button { + align-items: center; + flex-grow: 0; /* Keep it from taking up extra space */ + display: flex; + flex-shrink: 0; +} + +.form-section.section-inline input, +.form-section.section-inline .section-body { + align-items: center; + flex-grow: 1; +} + +/* Form groups that group inputs with other controls. */ +.form-group { + display: flex; + display: -ms-flexbox; + margin: 0.5rem 0; /* Add margin to the container since they have been removed from children */ +} + +/* Fixes the text width being cut off */ +.form-group .form-group-btn { + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + margin-bottom: 0; +} + +/* This is just an extended portion of an input which is just like a label and is read only */ +/* This will style the controls if they are the leftmost control in the form group for labels, inputs, and buttons. */ +.form-group .form-group-label:first-child:not(:last-child), +.form-group .form-group-input:first-child:not(:last-child), +.form-group .form-group-btn:first-child:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* Style the middle controls */ +.form-group .form-group-label:not(:first-child):not(:last-child), +.form-group .form-group-input:not(:first-child):not(:last-child), +.form-group .form-group-btn:not(:first-child):not(:last-child) { + border-radius: 0; + margin-left: -0.1rem; + margin-right: -0.1rem; /* Remove spacing in middle controls */ +} + +/* Handles right most control in form group */ +.form-group .form-group-label:last-child:not(:first-child), +.form-group .form-group-input:last-child:not(:first-child), +.form-group .form-group-btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -0.1rem; +} + +/* Form group controls */ +.form-group-label { + background-color: var(--cirrus-form-group-bg); + border: 1px solid #ddd; + border-radius: 0.2rem; + color: var(--cirrus-form-group-fg); + margin: 0; + padding: 0.8rem; + user-select: none; +} + +.form-group-label.label-xsmall { + font-size: 0.55rem; + padding: 0.35rem 0.9rem; +} + +.form-group-label.label-small { + font-size: 0.75rem; + padding: 0.55rem 1rem; +} + +.form-group-label.label-large { + font-size: 1.5rem; +} + +.form-group-label.label-xlarge { + font-size: 2rem; +} + +/* Keeps inputs in form group above other components */ +.form-group-input { + z-index: 1; +} + +/* Change place holder color */ +::-moz-placeholder { + color: #a9a9a9; /* Lighter than the default */ +} + +::-webkit-input-placeholder { + color: #a9a9a9; /* Lighter than the default */ +} + +@media screen and (max-width: 768px) { + /* Remove flex in form-section */ + .form-section.section-inline { + display: inherit; + } +} + +/* Separate CSS file, but same part as Layout */ + +/* The base container that is similar in structure to a card but more flexible */ +.frame { + display: flex; + display: -ms-flexbox; + flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + border-radius: 3px; + box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); +} + +/* For the frame header and footer, use flex display */ +.frame .frame__header, +.frame .frame__footer { + flex: 0 0 auto; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + padding: 1rem; +} + +/* The frame navbar can be used with level or header classes to create a navigation menu */ +.frame .frame__nav { + flex: 0 0 auto; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; +} + +.frame .frame__body { + flex: 1 1 auto; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + overflow-y: auto; /* Show the scrollbar when needed */ + padding: 0 1.5rem; +} + +.frame .frame__title { + color: var(--cirrus-fg); + font-size: var(--font-size-m); + margin: .75rem auto 0; +} + +.frame .frame__subtitle { + color: rgba(55, 64, 84, 0.6); + font-size: var(--font-size-s); + margin: .25rem auto .75rem; +} +/* HEADER */ +.header { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + width: 100%; + z-index: 100; + margin-bottom: 20px; + box-shadow: 0 3px 15px rgba(57, 63, 72, 0.1); + background-color: var(--cirrus-bg); + max-height: 100vh; + padding: 0 2rem; + transition: all .3s; +} + +.header a { + color: #8292a2; +} + +.header a:hover { + color: #697888; +} + +/* Header dark theme */ +.header-dark { + background-color: rgba(0, 0, 0, 0.87); + color: #fff; +} + +.header-clear { + background-color: transparent; + box-shadow: none; +} + +/* Add transition to nav menu when it drops down */ +.header.header-animated .header-nav { + -webkit-transition: background 0.4s ease, height 0.4s ease; + transition: background 0.4s ease, height 0.4s ease; + -webkit-transition-property: background, height; + transition-property: background, height; + -webkit-transition-duration: 0.4s, 0.4s; + transition-duration: 0.4s, 0.4s; + -webkit-transition-timing-function: ease, ease; + transition-timing-function: ease, ease; + -webkit-transition-delay: initial, initial; + transition-delay: initial, initial; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.header-brand { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100vw; + min-height: 3.25rem; + overflow-x: auto; + overflow-y: hidden; +} + +/* The container that contains all the header menu components. Child of header */ +.header-nav { + /* Flex display 768px and higher */ + overflow: auto; +} + +/* Styles for header menu (aka the nav bar) */ +.nav-menu { + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +/* Allow the user to scroll through navbar items if it exceeds nav-left, nav-center, or nav-right widths */ +.nav-overflow-x { + -webkit-box-pack: inherit; + -ms-flex-pack: inherit; + justify-content: inherit; + overflow-x: scroll; +} + +/* Static header at the top of the screen */ +.header-fixed { + position: fixed; + top: 0; /* Change this if you want to float the header somewhere else */ +} + +/* Wrapper to vertically center header items */ +.nav-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: all 0.3s; + transition: all 0.3s; + padding: 0 0.3rem; + cursor: pointer; +} + +.nav-item a { + align-items: center; + display: flex; +} + +/* Hover effect for header elements when appropriate */ +.header:not(.header-clear) .nav-item:not(.no-hover):hover, +.header:not(.header-clear) .nav-item:not(.no-hover).hovered { + -webkit-transition: all 0.3s; + transition: all 0.3s; + background-color: rgba(216, 216, 216, 0.15); +} + +.header:not(.header-clear) .nav-item.active, /* active:hover removes the transition effect when hoveirng over the dropdown menu */ +.header:not(.header-clear) .nav-item.active:hover { + background-color: rgba(216, 216, 216, 0.35); +} + +/* HEADER DROP DOWN MENU */ +.nav-item .dropdown-menu { + background-color: var(--cirrus-bg); + position: absolute; + top: 95%; + /*right: 0; /* Unable to solve problem when we have multiple drop down menus */ + z-index: 1000; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 14px; + text-align: left; + list-style: none; + background-clip: padding-box; + border: 1px solid #eee; + border-radius: 0 0 4px 4px; + box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1); +} + +/* Add border radius to whole menu with clear header */ +.header.header-clear .nav-item .dropdown-menu { + border-radius: 4px; +} + +/* Just add a transition in general */ +.nav-item .dropdown-menu.dropdown-animated { + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +/* Dropdown menu location adjustment located below for sizes above phones */ + +/* Dropdown menu indicator */ +.nav-item.has-sub .nav-dropdown-link::after { + border: 2px solid var(--cirrus-primary); /* Must be first to create the triangle shape */ + border-right: 0; /* Create the triangle effect */ + border-top: 0; + display: block; + height: 0.5em; + width: 0.5em; + content: " "; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + pointer-events: none; + margin-top: -0.435em; + right: 1.125em; + top: 50%; + position: absolute; +} + +/* Add room for the dropdown chevron pseudoelement */ +.nav-item.has-sub .nav-dropdown-link { + padding-right: 2.5rem; + position: relative; /* Needed for hiding glyphs in mobile header */ +} + +/* Dark dropdown menu theme */ +.nav-item .dropdown-menu.dropdown-dark, +.header-dark .dropdown-menu { + background-color: rgba(0, 0, 0, 0.87); + border: 1px solid #333; + color: #fff; +} + +.dropdown-menu.dropdown-shown, +.nav-item.active { + opacity: 1; +} + +.dropdown-menu > li > a { + display: block; + padding: 0.5rem 1rem; + clear: both; + line-height: 1.42857143; + white-space: nowrap; +} + +/* Theme for dark menu */ +.header-dark .nav-item a, +.header-dark .dropdown-menu > li > a { + color: #fff; +} + +.dropdown-menu > li { + margin: 0; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.dropdown-menu > li:hover { + -webkit-transition: all 0.3s; + transition: all 0.3s; + background-color: rgba(216, 216, 216, 0.15); +} + +.dropdown-menu > li:active { + -webkit-transition: all 0.3s; + transition: all 0.3s; + background-color: rgba(216, 216, 216, 0.25); +} + +.dropdown-menu > li:last-child { + margin-bottom: 0; +} + +.dropdown-menu .dropdown-menu-divider { + border: none; + background-color: rgba(216, 216, 216, 0.15); + height: 1px; + margin: 0.5rem 0; +} + +.nav-btn { + cursor: pointer; + display: block; + height: 3.5rem; + position: relative; + width: 3.5rem; +} + +.header .btn, +.header button, +.header input[type="submit"] { + margin: 0; +} + +@media screen and (min-width: 769px) { + .header { + -webkit-box-align: stretch; /* Box Align and align items to stretch to make nav-items fill up parent height */ + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + } + + .header-nav { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; /* Make items fill up all available space regardless of width https://drafts.csswg.org/css-align/ */ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + text-align: center; + width: 100%; + top: 0; + overflow: visible; /* Only visible for showing dropdown menus, hidden for mobile */ + } + + /* These styles can also be used on menus in the body */ + .nav-left, + .nav-right { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + -ms-grid-row-align: stretch; + align-items: stretch; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + /*overflow: hidden;*/ + } + + /* Align items to the left */ + .nav-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + /*overflow: hidden; + overflow-x: auto;*/ + white-space: nowrap; + } + + /* Align items to the right */ + .nav-right { + display: -webkit-box; + display: -ms-flexbox; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + /*overflow: hidden; + overflow-x: auto;*/ + white-space: nowrap; + } + + /* Centering items, best used when nav-brand is not used to prevent offset */ + .nav-center { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: auto; + margin-right: auto; + } + + /* Hide hamburger button */ + .nav-btn { + display: none; + } + + /* .nav-item { + position: relative; /* Include for helping dropdown menu positioning Deprecated 0.5.6 + } */ + + /* Expand link area for desktop views so it is easier to click */ + .nav-item a { + padding: 0.5rem 1rem; + } + + .nav-item .dropdown-menu { + opacity: 0; + pointer-events: none; /* Make cursor not respond to menu links when not displayed */ + } + + .nav-item .dropdown-menu.dropdown-animated { + -webkit-transform: translateY( + -5px + ); /* Used for transitional drop down effect */ + transform: translateY(-5px); + } + + .nav-item .dropdown-menu.dropdown-shown, + .nav-item.toggle-hover:hover .dropdown-menu, + .nav-item .dropdown-menu.dropdown-animated.dropdown-shown, + .nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu { + opacity: 1; + -webkit-transform: none; /* Used for transitional drop down effect */ + transform: none; + pointer-events: auto; + } + + /* Align dropdown menu to the left side of the parent nav-item for header-left */ + .nav-left .has-sub .dropdown-menu { + left: 0; + right: auto; + } + + /* Align dropdown menu to the right side of the parent nav-item for header-right */ + .nav-right .has-sub .dropdown-menu { + left: auto; + right: 0; + } +} + +@media screen and (max-width: 768px) { + /* Add scrolling support in header */ + .header { + display: flex; + flex-direction: column; + } + + .header-brand .nav-item:first-child { + padding: 0 1rem; /* Add padding to the first child, usually the logo */ + } + + /* Hide dropdon menu on mobile */ + .header-nav { + height: 0; + } + + /* Show the dropdown */ + .header-nav.active { + height: 100vh; + } + + /* Remove flex for mobile devices */ + .nav-item.has-sub { + display: block; + } + + .nav-item.has-sub .dropdown-menu.dropdown-shown { + border-radius: 0; + box-shadow: none; + display: block; + position: relative; + top: 1rem; + float: none; + border: none; + background-color: transparent; + margin-bottom: 1rem; + } + + .nav-item.has-sub .dropdown-menu.dropdown-dark { + background-color: rgba(0, 0, 0, 0.17); + border: 0; + color: #fff; + } + + /* Hide the menu by default in mobile view (overflow on header-right can expose it) */ + .nav-item.has-sub .dropdown-menu { + display: none; + } + + /* Make the menu items larger in the dropdown menu */ + .header-nav .nav-item { + padding: 1rem; + } + + /* Get rid of extra spaces */ + .header-nav .nav-item > a { + padding: 0; + width: 100%; /* Stretch the link to span the entire list item */ + } + + /* Hamburger button */ + .nav-btn { + cursor: pointer; + display: block; + position: relative; + margin-left: auto; + } + + .nav-btn span { + background-color: #4d565f; + display: block; + height: 2px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; + } + + .header-dark .nav-btn span { + background-color: #fff; + } + + /* Line spacing in hamburger button */ + .nav-btn span:nth-child(1) { + margin-top: -6px; + } + + .nav-btn span:nth-child(2) { + margin-top: -1px; + } + + .nav-btn span:nth-child(3) { + margin-top: 4px; + } + + /* Hamburger button on active */ + .nav-btn.active span:nth-child(1) { + margin-left: -5px; + transform: rotate(45deg); + transform-origin: left top; + } + + .nav-btn.active span:nth-child(2) { + opacity: 0; + } + + .nav-btn.active span:nth-child(3) { + margin-left: -5px; + transform: rotate(-45deg); + transform-origin: left bottom; + } + + /* Hide drop down menu items */ + .nav-left, + .nav-center, + .nav-right { + overflow: hidden; + } +} + +@media screen and (min-width: 1023px) { + .header { + padding: 0 2rem; + } +} + +/* HEADER */ + +.content { + max-width: 60em; + margin: 0 auto 1.5em; + width: 80%; +} + +/* .content-no-padding { Removed 0.5.5 + max-width: 60em; + margin: 0 auto; + width: 80%; +} */ + +/* Content that centers in parent and fills parent div without the extra vertical margin */ +/* .content-fluid { Removed 0.5.5 + width: 100%; + margin: 0 auto; +} */ + +.fullscreen { + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100vh; +} + +/* This works well with panel */ +section { + display: block; +} + +.panel { + padding: 2.5em 0; +} + +/* This works well with spans and maybe even hr */ +.divider { + border-top: .05rem solid rgba(173, 173, 173, 0.5); + height: .1rem; + margin: 1.8rem 0 1.6rem; +} + +.divider[data-content] { + margin: .8rem 0; +} + +.divider--v[data-content] { + display: block; + padding: .8rem; +} + +.divider--v::before { + border-left: .05rem solid rgba(173, 173, 173, 0.5); + bottom: .4rem; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 0; + transform: translateX(-50%); +} + +.divider--v[data-content]::after, .divider[data-content]::after { + background: #fff; + color: #bcc3ce; + content: attr(data-content); + left: 50%; + display: inline-block; + padding: 0 .4rem; + position: absolute; + transform: translate(-50%,-50%); + top: 50%; +} + +.divider--v[data-content] { + left: 50%; + padding: .2rem 0; + position: absolute; + top: 50%; + transform: translate(-50%,-50%); +} + +/* Removed 0.5.5 */ +/* .divider-short { + max-width: 15rem; + width: 100%; +} */ + +/* Hero image div */ +.hero-img { + /* Specify the backgroud image yourself */ + background-size: cover; +} + +.parallax-img { + background-attachment: fixed !important; +} + +.hero { + /* Parent of hero-body */ + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; /* Important to stretch height of hero-body */ + -webkit-box-orient: vertical; + /* -webkit-box-direction: normal; /* Deprecated 0.5.5 + -ms-flex-direction: column; + flex-direction: column; Stack the items in the container */ + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.hero-body { + -ms-flex-positive: 1; + flex-grow: 1; /* Tells the hero-body to take up the entire space */ + -ms-flex-negative: 0; + flex-shrink: 0; + padding: 3rem 1.5rem; + align-items: center; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +space { + display: block; + width: 100%; + height: 1rem; +} + +space.large { + padding: 1rem 0; +} + +space.x-large { + padding: 2rem 0; +} + +/* Use for spacing out elements vertically */ +.row { + -ms-flex: 1; + flex: 1; + /* max-width: 100%; */ + flex-wrap: wrap; + padding: 0.5rem; +} + +.r { /* Legacy row pre 0.5.5 */ + max-width: 100%; + padding: .5rem; +} + +.row.row--no-wrap { + -webkit-flex-wrap: nowrap; /* Remove wrapping of the columns by default */ + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; /* Can be disabled to remove scroll bar */ +} + +.row::after { + content: ""; + clear: both; + display: table; +} + +/* GRID */ +.row .col { + display: block; + flex: 1; + padding: .15rem .75rem; +} + +.row .col-1 { + width: 8.33333333%; +} + +.row .col-2 { + width: 16.66666667%; +} + +.row .col-3 { + width: 25%; +} + +.row .col-4 { + width: 33.33333333%; +} + +.row .col-5 { + width: 41.66666667%; +} + +.row .col-6 { + width: 50%; +} + +.row .col-7 { + width: 58.33333333%; +} + +.row .col-8 { + width: 66.66666667%; +} + +.row .col-9 { + width: 75%; +} + +.row .col-10 { + width: 83.33333333%; +} + +.row .col-11 { + width: 91.66666667%; +} + +.row .col-12 { + width: 100%; +} + +/* Column offsets on the left side */ +.row .offset-1 { + margin-left: 8.33333333%; +} + +.row .offset-2 { + margin-left: 16.66666667%; +} + +.row .offset-3 { + margin-left: 25%; +} + +.row .offset-4 { + margin-left: 33.33333333%; +} + +.row .offset-5 { + margin-left: 41.66666667%; +} + +.row .offset-6 { + margin-left: 50%; +} + +.row .offset-7 { + margin-left: 58.33333333%; +} + +.row .offset-8 { + margin-left: 66.66666667%; +} + +.row .offset-9 { + margin-left: 75%; +} + +.row .offset-10 { + margin-left: 83.33333333%; +} + +.row .offset-11 { + margin-left: 91.66666667%; +} + +.row .offset-12 { + margin-left: 100%; +} + +/* Auto align col to left in row */ +.row .offset-right { + margin-left: 0; + margin-right: auto; +} + +/* Auto align col to middle in row */ +.row .offset-center { + margin-left: auto; + margin-right: auto; +} +/* Auto align col to right in row */ +.row .offset-left { + margin-left: auto; + margin-right: 0; +} + +/* Use in parent div of fluid col +.fluid-container { + display: flex; + overflow: auto; +} + +/* Wrap controls instead on overflow +.fluid-container.wrap { + -webkit-align-items: center; + align-items: center; + display: flex; + display: -ms-flexbox; + -ms-flex-align: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +/* Resizes elements in a row equally given the number of elements located in it +.fluid-container .col-fluid { + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +/* No expansion for specific col-fluid columns +.fluid-container .col-fluid.no-flex { + flex-grow: 0; + flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + -ms-flex-negative: 0; +} */ + +/* Some offset values */ +.row [class^="col-"], +.row [class*=" col-"] { + float: left; /* Keeps the elements in 1 row */ + padding: 0 0.5rem; +} + +/* Columns without the spacing */ +.row.no-space [class^="col-"], +.row.no-space [class*=" col-"] { + padding: 0; +} + +/* Ignore overflow in columns */ +/* .row.expand { DEPRECATED 0.5.5 + -webkit-flex-wrap: nowrap; /* Remove wrapping of the columns by default + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; /* Can be disabled to remove scroll bar +} */ + +/* Only for divs with .expand so they can go past the parent div width */ +/* .row.expand [class^="col-"], DEPRECATED 0.5.5, no use +.row.expand [class*=" col-"] { + -webkit-flex: none; + -ms-flex: none; + flex: none; +} */ + +/* Used for aligning controls next to each other */ +.row.has-controls { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +/* Divider for multiple elements in a div */ +/* .divided > .fluid-container:not(.row), +.divided > .row [class^="col-"], .divided > .row [class*=" col-"] { DEPRECATED 0.5.5 + box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); +} */ + +/* Remove border in first child */ +/* .divided > .row [class^="col-"]:first-child, +.divided > .row [class*=" col-"]:first-child { + box-shadow: none; DEPRECATED 0.5.5 +} */ + +.level { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; /* Start for left */ + margin-right: 1rem; +} + +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; /* End for right */ +} + +.level-item { + /* Centers items */ + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +/* Used to stretch the contents of div in level to fill */ +.level-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: left; + width: 100%; +} + +/* Width CSS */ +.w-10 { + width: 10%; +} + +.w-20 { + width: 20%; +} + +.w-30 { + width: 30%; +} + +.w-40 { + width: 40%; +} + +.w-50 { + width: 50%; +} + +.w-60 { + width: 60%; +} + +.w-70 { + width: 70%; +} + +.w-80 { + width: 80%; +} + +.w-90 { + width: 90%; +} + +.w-100 { + width: 100%; +} + +/* Height CSS */ +.h-10 { + height: 10%; +} + +.h-20 { + height: 20%; +} + +.h-30 { + height: 30%; +} + +.h-40 { + height: 40%; +} + +.h-50 { + height: 50%; +} + +.h-60 { + height: 60%; +} + +.h-70 { + height: 70%; +} + +.h-80 { + height: 80%; +} + +.h-90 { + height: 90%; +} + +.h-100 { + height: 100%; +} + +@media screen and (min-width: 769px) { + + .row { + display: flex; + } + + .level-right { + margin-left: 1rem; + } + + /* Keep all level children the same height */ + .level.fill-height { + -webkit-box-align: stretch; /* Box Align and align items to stretch to make nav-items fill up parent height */ + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +/* MOBILE */ +@media screen and (max-width: 768px) { + .row { + margin-top: 0; + } + + .row [class^="col-"]:not(.ignore-screen), + .row [class*=" col-"]:not(.ignore-screen) { + /* Remove the grid structure for smaller screens */ + width: 100%; + margin-left: 0; + padding: 0; + } + + /* .fluid-container { DEPRECATED 0.5.5 + display: inherit; + } */ + + /* Dividers for mobile layout */ + .divided > .row [class^="col-"], + .divided > .row [class*=" col-"] { + box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); + } + + .level.ignore-screen, + .level-left.ignore-screen, + .level-right.ignore-screen { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + + .level.fill-height { + display: inherit; /* Allow children to expand */ + } +} + +/* LINKS */ + +a { + color: var(--cirrus-link); + display: block; /* Allow this to be overwritten, never set to inline-block */ + font-weight: 600; + padding: 2px; + text-decoration: none; + transition: all 0.3s; +} + +a:hover { + color: var(--cirrus-link-dark); + transition: all 0.3s; +} + +a:visited, +a:hover, +a:active { + backface-visibility: hidden; + text-decoration: none; +} + +.subtitle a { + padding: 0; /* Removes weird offset in subtitle links */ +} + +/* a.display-block { Deprecated 0.5.5 + display: block; +} */ + +a.underline { + text-decoration: underline; +} + +p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, blockquote a, article a { + display: inline; +} + +a .btn, a button { + margin-bottom: 0; /* Remove random excess space */ +} +/* LISTS */ + +ul, ol { + margin: 1rem 0 1rem 1rem; + padding-inline-start: 0.5rem; +} + +ul { + list-style: disc; +} + +/* Handle nesting */ +ul ul, ol ul, ul ol, ol ol { + margin: 0 0 0 1rem; +} + +/* Nested list bullet types */ +ul ul { + list-style-type: circle; +} + +ul ul ul { + list-style-type: square; +} + +ol ol { + list-style: lower-alpha; +} + +ol ol ol { + list-style: upper-roman; +} + +/* Description lists */ + +dl { + margin: 1rem 0; +} + +/* Detail title */ +dt { + font-weight: 700; +} + +dd { + margin-bottom: .5rem; +} + +li { + margin: 0.25rem 0; +} + +/* Exclude margin in menus */ +li:not('.dropdown-menu li'):last-child { + margin-bottom: 1em; +} + +/* MISC */ +ul.no-bullets { + list-style: none; +} + +/* MENU LISTS */ +.menu { + font-size: 1rem; +} + +ul.menu { + list-style: none; + margin: .5rem 0; +} + +/* Style headers to have even space distribution. */ +.menu-title:not(:first-child) { + margin-bottom: 1rem; +} + +.menu-title:not(:last-child) { + margin-top: 1rem; +} + +/* Style menu items */ +.menu .menu-item a { + color: #555; + display: block; + padding: 0.5em 0.75em; + border-radius: 3px; + font-size: var(--font-size-s); + cursor: pointer; + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +.menu .menu-item:hover > a { + background-color: rgba(208, 208, 208, 0.3); + color: #d43644; + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); + +} + +.menu .menu-item.selected > a { + color: #fff; + background-color: var(--cirrus-primary); +} + +.menu .menu-item .menu-addon { + padding: 0.3rem; + z-index: 1; + position: relative; + color: var(--cirrus-fg); + cursor: pointer; + float: left; + margin-right: .1rem; + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +.menu .menu-item .menu-addon .icon { + font-size: inherit; +} + +/* Darken on hover to differentiate from menu-item */ +.menu .menu-item .menu-addon:hover { + background-color: rgba(60, 60, 60, 0.25); + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +.menu .menu-item .menu-addon.right { + float: right; + margin-right: 0; + margin-left: .1rem +} + +.menu .menu-item.selected .menu-addon { + color: #fff; +} + +/* Style sub menus inside a menu */ +.menu .menu-item ul { + border-left: 1px solid #dbdbdb; + margin: 0.75rem; + padding-left: 0.75rem; +} + +/* Menu item divider */ +.menu .divider { + border-top: .1rem solid #eee; + height: .1rem; + margin: 1rem 0; +} + +/* Title for the section separated by the divider */ +.menu .divider::after { + content: attr(data-label); /* Text that will be displayed */ + background-color: var(--cirrus-bg); + color: #b7b7b7; + display: inline-block; + padding: 0 .7rem; + margin: .5rem; + font-size: .7rem; + -webkit-transform: translateY(-1.1rem); + transform: translateY(-1.1rem); +} + +/* Dropdown menu for dropdown buttons */ +.list-dropdown { + display: inline-block; + position: relative; +} + +.list-dropdown .menu { + position: absolute; + top: 75%; + left: 0; + -webkit-animation: slide-down var(--animation-duration) ease 1; + animation: slide-down .1s ease 1; + background-color: var(--cirrus-bg); + border-radius: .2rem; + box-shadow: 0 0.1rem 0.4rem rgba(69, 77, 93, .3); + margin: 0; + opacity: 0; + min-width: 15rem; + padding: 0.25rem 0.5rem; + -webkit-transform: translateY(.5rem); + transform: translateY(.5rem); + z-index: 10; + pointer-events: none; /* Remove pointer events to prevent mouse hover to show menu even though it is not visible */ + overflow: hidden; + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +.list-dropdown.dropdown-right .menu { + left: auto; + right: 0; +} + +/* Allow for shown and :focus selectors for JS and native CSS transitions */ +.list-dropdown.shown .menu, +.list-dropdown .btn-dropdown:focus + .menu, +.list-dropdown .menu:hover { + display: block; + opacity: 1; + top: 100%; + z-index: 100; + pointer-events: auto; /* Restore pointer events */ + height: auto; + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +/* TREE */ +/* Tree Navigation Menu */ +.tree { + margin: 0; +} + +/* The title of the tree menu */ +.tree .tree-item .tree-item-header { + display: block; + padding: .25rem .5rem; + cursor: pointer; + font-size: 0.95rem; + font-weight: 600; /* Keep styling consistent with menu-items */ +} + +/* The dropdown glyph of the tree menu */ +.tree .tree-item .tree-item-header .icon { + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +/* Expand the tree-item-body (has menu-items) */ +.tree .tree-item input:checked ~ .tree-item-body { + max-height: 100vh; +} + +/* Rotate the dropdown glyph */ +.tree .tree-item input:checked ~ .tree-item-header .icon { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} + +/* Container for the menu-items of the tree menu */ +.tree .tree-item .tree-item-body { + max-height: 0; /* Hidden at first */ + margin-left: 1.5rem; + overflow: hidden; + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); +} + +/* TODO: Docs */ +/* The body that will encompass the tree-nav and tree-nav-content */ +.tree-nav-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100vh; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +/* A fixed menu on the side with a tree component */ +.tree-nav { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 1; + flex-shrink: 1; + padding: 2rem 1rem 2rem 2rem; + min-width: 15rem; + height: 100vh; + overflow: auto; +} + +/* The container for the tree component to prevent it from overflowing */ +.tree-nav .tree-nav-container { + overflow-y: auto; + top: 4rem; + bottom: 1rem; +} + +/* Darkened area that will close the navbar when clicked for mobile only */ +.tree-nav + .tree-nav-close { + display: none; /* Not needed in desktop */ +} + +/* Push document body further right to account for sidebar space */ +.tree-nav + .tree-nav-content { + max-width: 100%; + padding: 2rem; + -ms-flex: 1 0 auto; + -webkit-box-flex: 1; + flex: 1 0 auto; + overflow: auto; + margin: 0; +} + +/* The body where all other HTML components are entered if a tree-nav is used */ +.tree-nav-content { + width: 100%; + overflow: auto; + margin: 0; + padding: 2rem; +} + +/* Decrease font-weight in tree-nav menu-items */ +.tree-item-body .menu .menu-item a { + font-weight: 400; +} + +@media screen and (max-width: 768px) { + /* Hide the menu to the side by default */ + .tree-nav { + height: 100%; + left: 0; + overflow-y: auto; + padding: 3rem 1.5rem; + position: fixed; + top: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease; + -webkit-transition: -webkit-transform var(--animation-duration) ease; + transition: transform var(--animation-duration) ease; + transition: -webkit-transform var(--animation-duration) ease; + z-index: 400; + } + + /* Open the menu from the side */ + /* Use a link and add the id of this element as the url */ + .tree-nav:target { + -webkit-transform: translateX(0); + transform: translateX(0); + transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease; + -webkit-transition: -webkit-transform var(--animation-duration) ease; + transition: -webkit-transform var(--animation-duration) ease; + transition: transform var(--animation-duration) ease; + } + + /* Create the area to click to close the menu */ + .tree-nav .tree-nav-close { + background-color: rgba(0, 0, 0, .15); + display: none; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 300; + } + + /* Show the darkened area when the tree nav menu is clicked */ + .tree-nav:target + .tree-nav-close { + display: block; + background-color: rgba(0, 0, 0, .15); + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 300; + } + + /* Reset max-width in mobile */ + .tree-nav + .tree-nav-body { + max-width: inherit; + } + + /* Header bar for mobile websites with the tree-nav */ + .tree-nav-header { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: rgba(248, 249, 250, .8); + height: 3.5rem; + padding: .75rem .5rem; + text-align: center; + z-index: 300; + } + + /* For dropdown menu used in header (different from header dropdown) */ + .nav-item.has-sub .list-dropdown { width: 100%; } + .nav-item.has-sub .list-dropdown .btn-group { width: 100%; } + .nav-item.has-sub .list-dropdown .btn-group .btn-dropdown { flex-grow: 0; } + + /* Show the dropdown menu in mobile hamburger menu relative with the header menu */ + .list-dropdown .btn-dropdown:focus + .menu { + position: relative; + width: 100%; + } +} +/* MEDIA CSS */ +/* Handles images, videos, figures, etc */ + +/* Altered, originally just video in 0.4.6 */ +video.video-fullscreen { + position: absolute; + height: 100vh; + object-fit: cover; + width: 100%; + z-index: -1; +} + +/* Add to parent container to make media child fill container */ +.media-stretch { + display: block; + padding: 0; + overflow: hidden; + width: 100%; + position: relative; +} + +/* Add pseudoclass to allow media to have height (default height is 0) */ +.media-stretch::before { + content: ""; + display: block; + padding-bottom: 56.25%; /* 9 / 16 for 16:9 ratio */ +} + +/* Force media embed to fill parent container */ +.media-stretch iframe, +.media-stretch embed, +.media-stretch object { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; /* Make sure media does exceed or go under boundary limit */ + height: 100%; +} + +/* For HTML5 video objects */ +.media-stretch video { + height: auto; + max-width: 100%; + width: 100%; +} + +/* Alternate media ratios */ +.media-stretch.rat-4-3::before { + padding-bottom: 75%; +} + +.media-stretch.rat-1-1::before { + padding-bottom: 100%; +} + +/* FIGURES */ +/* For flexible media display */ +.fig { + margin: 0 0 0.5rem 0; /* Small margin at the bottom */ +} + +.fig .fig-caption { + margin-top: 1rem; +} + +/* IMAGES */ +.img-stretch { + max-width: 100%; + height: auto; + display: block; +} + +.img-cover { + object-fit: cover; +} + +.img-contain { + object-fit: contain; +} +/* Margin */ +.m-0 { margin: 0; } +.m-1 { margin: calc(var(--space-size) * 1); } +.m-2 { margin: calc(var(--space-size) * 2); } +.m-3 { margin: calc(var(--space-size) * 3); } +.m-4 { margin: calc(var(--space-size) * 4); } +.m-5 { margin: calc(var(--space-size) * 5); } + +.mt-0, .my-0 { margin-top: 0; } +.mt-1, .my-1 { margin-top: calc(var(--space-size) * 1); } +.mt-2, .my-2 { margin-top: calc(var(--space-size) * 2); } +.mt-3, .my-3 { margin-top: calc(var(--space-size) * 3); } +.mt-4, .my-4 { margin-top: calc(var(--space-size) * 4); } +.mt-5, .my-5 { margin-top: calc(var(--space-size) * 5); } + +.mb-0, .my-0 { margin-bottom: 0; } +.mb-1, .my-1 { margin-bottom: calc(var(--space-size) * 1); } +.mb-2, .my-2 { margin-bottom: calc(var(--space-size) * 2); } +.mb-3, .my-3 { margin-bottom: calc(var(--space-size) * 3); } +.mb-4, .my-4 { margin-bottom: calc(var(--space-size) * 4); } +.mb-5, .my-5 { margin-bottom: calc(var(--space-size) * 5); } + +.ml-0, .mx-0 { margin-left: 0; } +.ml-1, .mx-1 { margin-left: calc(var(--space-size) * 1); } +.ml-2, .mx-2 { margin-left: calc(var(--space-size) * 2); } +.ml-3, .mx-3 { margin-left: calc(var(--space-size) * 3); } +.ml-4, .mx-4 { margin-left: calc(var(--space-size) * 4); } +.ml-5, .mx-5 { margin-left: calc(var(--space-size) * 5); } + +.mr-0, .mx-0 { margin-right: 0; } +.mr-1, .mx-1 { margin-right: calc(var(--space-size) * 1); } +.mr-2, .mx-2 { margin-right: calc(var(--space-size) * 2); } +.mr-3, .mx-3 { margin-right: calc(var(--space-size) * 3); } +.mr-4, .mx-4 { margin-right: calc(var(--space-size) * 4); } +.mr-5, .mx-5 { margin-right: calc(var(--space-size) * 5); } + +/* Padding */ +.p-0 { padding: 0; } +.p-1 { padding: calc(var(--space-size) * 1); } +.p-2 { padding: calc(var(--space-size) * 2); } +.p-3 { padding: calc(var(--space-size) * 3); } +.p-4 { padding: calc(var(--space-size) * 4); } +.p-5 { padding: calc(var(--space-size) * 5); } + +.pt-0, .py-0 { padding-top: 0; } +.pt-1, .py-1 { padding-top: calc(var(--space-size) * 1); } +.pt-2, .py-2 { padding-top: calc(var(--space-size) * 2); } +.pt-3, .py-3 { padding-top: calc(var(--space-size) * 3); } +.pt-4, .py-4 { padding-top: calc(var(--space-size) * 4); } +.pt-5, .py-5 { padding-top: calc(var(--space-size) * 5); } + +.pb-0, .py-0 { padding-bottom: 0; } +.pb-1, .py-1 { padding-bottom: calc(var(--space-size) * 1); } +.pb-2, .py-2 { padding-bottom: calc(var(--space-size) * 2); } +.pb-3, .py-3 { padding-bottom: calc(var(--space-size) * 3); } +.pb-4, .py-4 { padding-bottom: calc(var(--space-size) * 4); } +.pb-5, .py-5 { padding-bottom: calc(var(--space-size) * 5); } + +.pl-0, .px-0 { padding-left: 0; } +.pl-1, .px-1 { padding-left: calc(var(--space-size) * 1); } +.pl-2, .px-2 { padding-left: calc(var(--space-size) * 2); } +.pl-3, .px-3 { padding-left: calc(var(--space-size) * 3); } +.pl-4, .px-4 { padding-left: calc(var(--space-size) * 4); } +.pl-5, .px-5 { padding-left: calc(var(--space-size) * 5); } + +.pr-0, .px-0 { padding-right: 0; } +.pr-1, .px-1 { padding-right: calc(var(--space-size) * 1); } +.pr-2, .px-2 { padding-right: calc(var(--space-size) * 2); } +.pr-3, .px-3 { padding-right: calc(var(--space-size) * 3); } +.pr-4, .px-4 { padding-right: calc(var(--space-size) * 4); } +.pr-5, .px-5 { padding-right: calc(var(--space-size) * 5); } + +/* TABLE */ + +.table { + margin-bottom: 1.5rem; + width: 100%; + border-collapse: collapse; /* Allows us to set 0 margin in table cells */ + border-spacing: 0; + text-align: center; /* Text center by default */ +} + +.table td, +.table th { + border: 1px solid rgba(219, 219, 219, 0.5); + border-width: 0 0 1px; + padding: 0.75rem; + vertical-align: top; + text-align: inherit; + margin: 0; +} + +.table tr { + transition: all 0.3s; +} + +.table caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +.table tr:hover, +.table.striped tbody tr:nth-child(even):hover { + background-color: rgba(216, 216, 216, 0.15); +} + +/* Thicker border for table header */ +.table thead th, +.table thead { + border-bottom: 2px solid rgba(219, 219, 219, 0.49); +} + +.table.bordered thead th, +.table.bordered thead { + border-bottom: 1px solid rgba(219, 219, 219, 0.5); +} + +.table thead th, +.table tfoot th { + padding: 1rem; +} + +.table tfoot th { + border-top: 2px solid rgba(219, 219, 219, 0.5); + border-bottom: none; +} + +/* CUSTOM STYLES */ +/* All borders */ +.table.bordered td, +.table.bordered th { + border: 1px solid rgba(219, 219, 219, 0.5); +} + +.table.bordered thead td, +.table.borderd thead { + border-width: 1px; +} + +/* Striped table */ +.table.striped tbody tr:nth-child(even) { + background-color: rgba(0, 0, 0, 0.05); +} + +/* Decrease padding */ +.table.small td, +.table.small th { + padding: 0.25rem 0.75rem; +} + +/* Fixed title table */ +.table.fixed-head thead { + position: relative; + display: block; +} + +.table.fixed-head tbody { + height: 200px; /* Set the height you want */ + display: block; /* Needed */ + overflow: auto; /* Shows scrollbars */ +} + +.table.fixed-head tr { + display: table; + width: 100%; /* Forces row to span container */ +} + +.table tr.selected { + /* Style a selected row */ + background-color: var(--cirrus-primary); + color: #fff; +} + +/* Borderless Table (for inner cells) */ +.table.borderless thead th, +.table.borderless th, +.table.borderless td { + border: none; +} + +/* Color scheme for Cirrus */ +:root { + --cirrus-fg: #374054; + --cirrus-bg: #fff; + + --cirrus-primary: #f03d4d; + --cirrus-primary-rgb: 240,61,77; + --cirrus-primary-light: #ffdadd; + --cirrus-accent-hover: #d62939; + --cirrus-accent-border: #c21b2b; + --cirrus-light: #f6f9fc; + --cirrus-light-gray: #f8f9fa; + --cirrus-gray: #d5d7dc; + --cirrus-dark-gray: #909090; + --cirrus-dark: #363636; + --cirrus-link: #5e5cc7; + --cirrus-link-dark: #4643e2; + --cirrus-info: #2972fa; + --cirrus-success: #0dd157; + --cirrus-success-rgb: 13,209,87; + --cirrus-warning: #fab633; + --cirrus-danger: #fb4143; + + --cirrus-light-hover: #d9e6f2; + --cirrus-dark-hover: #424242; + --cirrus-info-hover: #2368e9; + --cirrus-link-hover: #f8f7ff; + --cirrus-success-hover: #00b147; + --cirrus-warning-hover: #f9a90e; + --cirrus-danger-hover: #f1393c; + + --cirrus-select-bg: rgba(0, 161, 255, 0.2); + + --cirrus-code-bg: var(--cirrus-primary-light); + --cirrus-code-fg: #dc4753; + + --cirrus-form-group-bg: var(--cirrus-light-gray); + --cirrus-form-group-fg: var(--cirrus-dark-gray); + + --toast-primary-bg: rgba(49, 59, 80, 0.9); + + --animation-duration: .2s; + --focus-opacity: 0.4; + + --space-size: 0.5rem; + + --font-size-xs: .7rem; + --font-size-s: .85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; +} +/* UTILS */ +/* Utility classes to help solve some very annoying issues */ + +.u-inline { + display: inline !important; +} + +.u-inline-block { + display: inline-block !important; +} + +.u-flex { + display: flex !important; +} + +.u-flex-column { + flex-direction: column !important; +} + +.u-flex-row { + flex-direction: row !important; +} + +.u-inline-flex { + display: -ms-inline-flexbox !important; + display: -webkit-inline-box !important; + display: inline-flex !important; +} + +.u-block { + display: block !important; +} + +/* + When using floats, clearfix allows the container to automatically resize so that + other elements are not blocked by children. +*/ +.u-clearfix:after { + clear: both !important; + content: " "; + display: table !important; +} + +/* This is mainly to keep elements from overlapping when using floats */ +.u-clear-left { + clear: left !important; +} + +.u-clear-right { + clear: right !important; +} + +.u-clear-both { + clear: both !important; +} + +.u-pull-left { + float: left !important; +} + +.u-pull-right { + float: right !important; +} + +.u-text-center { + text-align: center !important; +} + +.u-text-justify { + text-align: justify !important; +} + +.u-text-ellipsis { + text-overflow: ellipsis; +} + +.u-text-break { + hyphens: auto; + word-break: break-word; + word-wrap: break-word; +} + +/* Center element - best used for hero bodies or text */ +.u-center { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0 auto; + flex-wrap: wrap; +} + +.u-center-alt, +.u-center-alt:hover, +.u-center-alt:active { + /* If flexbox method fails, this works for elements with unknown dimensions */ + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.u-vertical-center { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + align-items: center; + vertical-align: middle; +} + +.u-horizontal-center { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.u-overlay { + bottom: 0; + left: 0; + right: 0; + top: 0; + position: absolute; +} + +.u-hide-overflow { + overflow: hidden !important; + overflow-x: hidden; + overflow-y: hidden; +} + +.u-text-center { + text-align: center !important; +} + +.u-text-left { + text-align: left !important; +} + +.u-text-right { + text-align: right !important; +} + +.u-hide { + display: none !important; +} + +.u-disabled { + cursor: not-allowed !important; +} + +.u-unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +/* Deprecated 0.5.6 */ +/* .u-box { + background-color: white; + border-radius: 3px; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + padding: 1rem; +} + +.u-box:not(:last-child) { + margin-bottom: 1rem; +} */ + +/* Deprecated 0.5.6 */ +/* .u-fill-width { + width: 100% !important; +} */ + +.u-no-margin { + margin: 0 !important; +} + +.u-no-padding { + padding: 0 !important; +} + +.u-margin-auto { + margin: 0 auto !important; +} + +/* Round the corners of the element */ +.u-round { + border-radius: 0.1rem; +} + +/* Turns element into a circle */ +.u-circle { + border-radius: 50%; +} + +/* Remove outline or drop shadow when element is focused */ +.u-no-shadow { + box-shadow: none; +} + +/* Responsiveness and Element Hiding */ + +/* Do the actual balancing only on larger screens */ +@media screen and (min-width: 769px) { + .level, + .level-left, + .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +/* Hide elements based on screen size */ +@media screen and (max-width: 768px) { + .u-hide-mobile { + display: none !important; + } +} + +@media screen and (min-width: 768px) { + /* Hide on devices that are tablets or larger */ + .u-hide-tablet { + display: none !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .u-hide-tablet-only { + display: none !important; + } +} + +@media screen and (min-width: 1024px) { + /* Hide element on laptops, desktops, etc */ + .u-hide-desktop { + display: none !important; + } +} + +/* ANIMATIONS */ + +/* Spinning loading animation */ +@-webkit-keyframes loading { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +@keyframes loading { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +/* Hover animation */ +.hover-grow { + /* Mouse leave */ + transition-duration: 0.32s; +} + +.hover-grow:hover { + /* Mouse enter */ + transform: scale(1.1); + transition-duration: 0.08s; +} + +/* Loading button position relatively for loading spinner location */ +.animated.loading { + display: block; + position: relative; +} + +/* Loading Spinner, align center by default */ +.animated.loading::after { + border: 2px solid #ccc; + border-radius: 50%; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1rem; + width: 1rem; + left: calc(50% - (1em / 1.25)); + top: calc(50% - (1em / 1.35)); + position: absolute; + -webkit-animation: loading 500ms infinite linear; + animation: loading 500ms infinite linear; +} + +.animated.loading.loading-white::after { + border-left-color: #fff; + border-bottom-color: #fff; +} + +/* Align spinner left */ +.animated.loading.loading-left::after { + left: 2rem; + right: auto; +} + +.animated.loading.loading-left { + padding-left: 4rem; +} + +/* Align spinner right */ +.animated.loading.loading-right::after { + left: auto; + right: 2rem; +} + +.animated.loading.loading-right { + padding-right: 4rem; +} + +/* Hide text in loading button */ +.animated.loading.hide-text { + color: transparent !important; +} + +/* Heart animation */ +@-webkit-keyframes pound { + to { + transform: scale(1.1); + } +} +@keyframes pound { + to { + transform: scale(1.1); + } +} + +.animated.pulse { + animation: pound 0.35s infinite alternate; + -webkit-animation: pound 0.35s infinite alternate; + vertical-align: baseline; +} + +/* Bounce animations */ +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier( + 0.215, + 0.61, + 0.355, + 1 + ); /* Ease-out based on power of four */ + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier( + 0.215, + 0.61, + 0.355, + 1 + ); /* Ease-out based on power of four */ + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier( + 0.755, + 0.05, + 0.855, + 0.06 + ); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +.animated.bounce { + animation-name: bounce; + -webkit-animation-name: bounce; + transform-origin: center bottom; + -webkit-transform-origin: center bottom; +} + +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + transform: scale3d(0.97, 0.97, 0.97); + } + to { + opacity: 1; + transform: scale3d(1, 1, 1); + } +} + +.animated.bounceIn { + animation-name: bounceIn; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.animated.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.infinite.alternate { + animation-direction: alternate; +} + +.animated.paused { + -webkit-animation-play-state: paused !important; /* Safari 4.0 - 8.0 */ + animation-play-state: paused !important; +} + +/* Avatar */ +.avatar { + border-radius: 50%; + position: relative; + display: block; + margin: auto; + font-size: 1rem; + font-weight: lighter; + width: 3.2rem; + height: 3.2rem; + background-color: var(--cirrus-primary); + overflow: hidden; +} + +/* Draw text on image just like in Gmail */ +.avatar::before { + content: attr(data-text); + color: #fff; + /* Removed z-index: 1, makes text blurry */ + left: 50%; + top: 50%; + position: absolute; + transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); +} + +.avatar.avatar--xsmall { + font-size: 0.8rem; + width: 1.6rem; + height: 1.6rem; +} + +.avatar.avatar--small { + font-size: 1rem; + height: 2.4rem; + width: 2.4rem; +} + +.avatar.avatar--large { + font-size: 2rem; + height: 4.8rem; + width: 4.8rem; +} + +.avatar.avatar--xlarge { + font-size: 2.6rem; + height: 6.4rem; + width: 6.4rem; +} + +.avatar img.padded { + padding: 0.5rem; + width: 100%; +} + +/* CARDS */ + +.card { + background-color: #fff; + border-radius: 5px; + position: relative; + overflow: hidden; + transition: all .3s; + backface-visibility: hidden; + box-shadow: 0px 5px 12px 0 rgba(42,51,83,.12), 0px 0px 5px rgba(0,0,0,.06); + margin-bottom: 1rem; +} + +.card:hover { + transition: all .3s; + box-shadow: 0px 8px 20px 0 rgba(42,51,83,.12), 0 5px 5px rgba(0,0,0,.06); +} + +.slide-up:hover .card-image { + transform: translateY(-40px); +} + +.card:hover .card-image::after { + opacity: 0; +} + +.card-image { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + border-radius: 5px 5px 0 0; + background-size: cover; + background-repeat: no-repeat; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + + transition: all 0.3s ease-in-out; +} + +.card-image::after { + content: ''; + display: block; + position: absolute; + background-color: rgba(0, 0, 0, 0.1); + top: 0; + left: 0; + right: 0; + -webkit-transition: all 500ms; + transition: all 500ms; + bottom: 0; +} + +.card-container { + display: block; + position: relative; + height: 40%; + min-height: 332px; /* So it appears in html5 standards mode */ +} + +.card .title-container .title, +.card .title-container .subtitle { + color: #fff; + margin: 1rem auto; +} + +.card .title-container { + position: absolute; + bottom: 1rem; + width: 100%; + padding: 0 1rem; +} + +.card .title-container .title { + font-weight: 300; + font-size: 1.5rem; + margin-bottom: 0; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); +} + +/* Allow for the cards to have the same height when u-flex is used on the card */ +.card.u-flex .content { + flex-grow: 1; +} + +.card .action-bar { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0.5rem; + border-top: 1px solid #e0e0e0; + box-sizing: border-box; + -webkit-transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1); + transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1); +} + +/* Add some padding to the buttons */ +.card .action-bar button, +.card .action-bar .btn, +.card .action-bar [type='submit'] { + margin: 0 0.5rem; +} + +.card .action-bar + .card-footer { + padding: 1rem 0; + border-top: 1px solid #e0e0e0; +} + +.card button, +.card .btn { + display: inline-block; + border-color: transparent; +} + +.card button:hover, +.card .btn:hover { + -webkit-transform: none; + transform: none; +} + +.card button:focus, +.card .btn:focus { + -webkit-transform: none; + transform: none; +} + +/* More card components in second example */ +.mobile-title { + position: absolute; + left: 0; + background-color: var(--cirrus-bg); + -moz-transition: .3s ease-in-out; + -ms-transition: all .3s ease-in-out; + transition: .3s ease-in-out; + width: 100%; + padding: 2rem 0 0 0; + backface-visibility: hidden; +} + +.card:hover .mobile-title { + margin-top: -7rem; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + + transition: all 0.3s ease-in-out; +} + +.card:hover .card-body { + opacity: 1; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + + transition: all 0.3s ease-in-out; +} + +.card-body { + opacity: 0; + -webkit-transition: all var(--animation-duration) ease-in-out; + -moz-transition: all var(--animation-duration) ease-in-out; + -ms-transition: all var(--animation-duration) ease-in-out; + + transition: all var(--animation-duration) ease-in-out; +} + +.card-footer { + position: relative; + font-size: 0.75rem; + color: #9fa5a8; +} + +.card p { + margin: 1rem 0; + /*max-height: 8rem; /* Prevents ridiculously looking cards */ +} + +/* + NOTE: To have cards with the same height, place the card class with col-x classes and have the parent have fluid-container. +*/ + +/* Card Title Bar */ +.card-head { + align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + display: flex; + display: -webkit-box; + display: -ms-flexbox; + border-bottom: 1px solid #e0e0e0; +} + +.card-head-title { + align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 700; + padding: 0 1rem; +} + +/* EXTENDED FORM */ + +/* Base class layout for extended form */ +.form-ext-control { + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; + position: relative; +} + +/* Hides the original input */ +.form-ext-input { + opacity: 0; + position: absolute; + z-index: -1; +} + +.form-ext-input:disabled ~ .form-ext-label { + opacity: 0.4; +} + +.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label:before { + background-color: var(--cirrus-success); +} + +.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label { + color: var(--cirrus-success); +} + +.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label:before { + background-color: var(--cirrus-danger); +} + +.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label { + color: var(--cirrus-danger); +} + +.form-ext-label { + margin-bottom: 0; + position: relative; +} + +/* Base of custom form inputs */ +.form-ext-label:before, +.form-ext-label:after { + content: ""; + display: block; + height: 1rem; + left: -1.5rem; + position: absolute; + top: .3rem; + transition: all var(--animation-duration); + width: 1rem; +} + +.form-ext-label:before { + background-color: var(--cirrus-light); + border: 1px solid #d5d7dc; + border-radius: .25rem; + pointer-events: none; + user-select: none; + box-sizing: border-box; +} + +.form-ext-label:after { + background-position: center; + background-repeat: no-repeat; + background-size: 50% 50%; +} + +/* Checked state */ +.form-ext-control .form-ext-input:checked ~ .form-ext-label:before { + background-color: var(--cirrus-primary); +} + + +/* Checkbox */ +.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") +} + +.form-ext-checkbox .form-ext-label:before { + border-radius: .25rem; +} + +/* Radio Button */ + +.form-ext-control.form-ext-radio .form-ext-input:checked ~ .form-ext-label:after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); +} + +.form-ext-radio .form-ext-label:before { + border-radius: 50%; +} + +/* Toggle Switches */ +.form-ext-toggle { + cursor: pointer; + position: relative; +} + +.form-ext-toggle input[type="checkbox"], +.form-ext-toggle input[type="radio"] { + opacity: 0; + position: absolute; + z-index: -1; +} + +.form-ext-toggle__label { + align-items: center; + display: flex; + justify-content: space-between; +} + +.form-ext-toggle__toggler { + border: 1px solid var(--cirrus-gray); + border-radius: 6.25rem; + color: var(--cirrus-gray); + display: block; + font-size: 9px; + height: 1.5rem; + position: relative; + width: 3rem; +} + +.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler, +.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler, +.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler, +.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-primary); + border-color: var(--cirrus-primary); + color: #fff; + position: relative; + transition: all .4s ease; +} + +.form-ext-toggle i { + display: inline-block; +} + +.form-ext-input:disabled ~ .form-ext-toggle__toggler { + opacity: 0.5; +} + +.form-ext-toggle__toggler i::before, +.form-ext-toggle__toggler i::after { + content: ""; + display: block; + position: absolute; +} + +.form-ext-toggle__toggler i::before { + /* TODO SET CONTENT */ + content: attr(data-uncheck-icon); + padding: 2px 7px; + line-height: 18px; + text-align: right; + top: 0; + width: 65%; + font-size: 12px; +} + +.form-ext-toggle__toggler i::after { + background-color: var(--cirrus-gray); + border-radius: 50%; + height: 16px; + left: 4px; + width: 16px; + transform: translateY(-50%); + transition: left var(--animation-duration) ease; + text-align: left; +} + +.form-ext-control .form-ext-input:checked ~ .form-ext-label:before { + border: none; +} + +.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::after, +.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::after, +.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::after, +.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::after { + background-color: #fff; + left: calc(100% - 20px); +} + +.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::before, +.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::before, +.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::before, +.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::before { + color: #fff; + content: attr(data-check-icon); + text-align: left; +} + +.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::after, +.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::after, +.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::after, +.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::after { + background-color: #fff; + left: calc(100% - 20px); +} + +.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked + .form-ext-toggle__toggler, +.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked + * .form-ext-toggle__toggler, +.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked + .form-ext-toggle__toggler, +.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-danger); + border-color: var(--cirrus-danger); +} + +.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler { + border-color: var(--cirrus-danger); + color: var(--cirrus-danger); +} + +.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-danger); +} + +.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked + .form-ext-toggle__toggler, +.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked + * .form-ext-toggle__toggler, +.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked + .form-ext-toggle__toggler, +.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-success); + border-color: var(--cirrus-success); +} + +.form-ext-toggle--success .form-ext-toggle__toggler { + border-color: var(--cirrus-success); + color: var(--cirrus-success); +} + +.form-ext-toggle--success .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-success); +} + +/** + * Accessibility + */ +.form-ext-input:focus + .form-ext-toggle__toggler, +.form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-primary-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(0, 0, 0, .07); +} + +.form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-success-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(0, 0, 0, .07); +} +/* GRID */ +:root { + --gap-0: 0; + --gap-1: 0.25rem; + --gap-2: 0.5rem; + --gap-3: 1rem; + --gap-4: 1.25rem; + --gap-5: 1.5rem; + --gap-6: 3rem; + --gap-7: 6rem; + --gap-8: 9rem; + --gap-9: 12rem; +} + +.grid { + --grid-gap: --gap-2; + --grid-template-column: repeat(12, minmax(0, 1fr)); + --grid-column-start: auto; + --grid-column-end: auto; + --grid-row-start: auto; + --grid-row-end: auto; + + display: grid; + grid-gap: var(--grid-gap); + grid-template-columns: var(--grid-template-column); +} + +/* Styling grid cells */ +.grid .c { + grid-column-start: var(--grid-column-start); + grid-column-end: var(--grid-column-end); +} + +/* Templates */ +.grid.grid-cols-1 { --grid-template-column: repeat(1, minmax(0, 1fr)); } +.grid.grid-cols-2 { --grid-template-column: repeat(2, minmax(0, 1fr)); } +.grid.grid-cols-3 { --grid-template-column: repeat(3, minmax(0, 1fr)); } +.grid.grid-cols-4 { --grid-template-column: repeat(4, minmax(0, 1fr)); } +.grid.grid-cols-5 { --grid-template-column: repeat(5, minmax(0, 1fr)); } +.grid.grid-cols-6 { --grid-template-column: repeat(6, minmax(0, 1fr)); } +.grid.grid-cols-7 { --grid-template-column: repeat(7, minmax(0, 1fr)); } +.grid.grid-cols-8 { --grid-template-column: repeat(8, minmax(0, 1fr)); } +.grid.grid-cols-9 { --grid-template-column: repeat(9, minmax(0, 1fr)); } +.grid.grid-cols-10 { --grid-template-column: repeat(10, minmax(0, 1fr)); } +.grid.grid-cols-11 { --grid-template-column: repeat(11, minmax(0, 1fr)); } +.grid.grid-cols-12 { --grid-template-column: repeat(12, minmax(0, 1fr)); } + +.grid.grid-gap-0 { --grid-gap: var(--gap-0); } +.grid.grid-gap-1 { --grid-gap: var(--gap-1); } +.grid.grid-gap-2 { --grid-gap: var(--gap-2); } +.grid.grid-gap-3 { --grid-gap: var(--gap-3); } +.grid.grid-gap-4 { --grid-gap: var(--gap-4); } +.grid.grid-gap-5 { --grid-gap: var(--gap-5); } +.grid.grid-gap-6 { --grid-gap: var(--gap-6); } +.grid.grid-gap-7 { --grid-gap: var(--gap-7); } +.grid.grid-gap-8 { --grid-gap: var(--gap-8); } +.grid.grid-gap-9 { --grid-gap: var(--gap-9); } + +/* Column expansion */ +.grid .grid-c-1 { grid-column: span 1; } +.grid .grid-c-2 { grid-column: span 2; } +.grid .grid-c-3 { grid-column: span 3; } +.grid .grid-c-4 { grid-column: span 4; } +.grid .grid-c-5 { grid-column: span 5; } +.grid .grid-c-6 { grid-column: span 6; } +.grid .grid-c-7 { grid-column: span 7; } +.grid .grid-c-8 { grid-column: span 8; } +.grid .grid-c-9 { grid-column: span 9; } +.grid .grid-c-10 { grid-column: span 10; } +.grid .grid-c-11 { grid-column: span 11; } +.grid .grid-c-12 { grid-column: span 12; } + +/* Row expansion */ +.grid .grid-r-1 { grid-row: span 1; } +.grid .grid-r-2 { grid-row: span 2; } +.grid .grid-r-3 { grid-row: span 3; } +.grid .grid-r-4 { grid-row: span 4; } +.grid .grid-r-5 { grid-row: span 5; } +.grid .grid-r-6 { grid-row: span 6; } +.grid .grid-r-7 { grid-row: span 7; } +.grid .grid-r-8 { grid-row: span 8; } +.grid .grid-r-9 { grid-row: span 9; } +.grid .grid-r-10 { grid-row: span 10; } +.grid .grid-r-11 { grid-row: span 11; } +.grid .grid-r-12 { grid-row: span 12; } + +/* Cell Column Start/End */ +.grid .grid-cs-1 { grid-column-start: 1; } +.grid .grid-cs-2 { grid-column-start: 2; } +.grid .grid-cs-3 { grid-column-start: 3; } +.grid .grid-cs-4 { grid-column-start: 4; } +.grid .grid-cs-5 { grid-column-start: 5; } +.grid .grid-cs-6 { grid-column-start: 6; } +.grid .grid-cs-7 { grid-column-start: 7; } +.grid .grid-cs-8 { grid-column-start: 8; } +.grid .grid-cs-9 { grid-column-start: 9; } +.grid .grid-cs-10 { grid-column-start: 10; } +.grid .grid-cs-11 { grid-column-start: 11; } +.grid .grid-cs-12 { grid-column-start: 12; } +.grid .grid-cs-end { grid-column-end: -1; } + +.grid .grid-ce-1 { grid-column-end: 2; } +.grid .grid-ce-2 { grid-column-end: 3; } +.grid .grid-ce-3 { grid-column-end: 4; } +.grid .grid-ce-4 { grid-column-end: 5; } +.grid .grid-ce-5 { grid-column-end: 6; } +.grid .grid-ce-6 { grid-column-end: 7; } +.grid .grid-ce-7 { grid-column-end: 8; } +.grid .grid-ce-8 { grid-column-end: 9; } +.grid .grid-ce-9 { grid-column-end: 10; } +.grid .grid-ce-10 { grid-column-end: 11; } +.grid .grid-ce-11 { grid-column-end: 12; } +.grid .grid-ce-12 { grid-column-end: 13; } + +/* Cell Row Start/End */ +.grid .grid-rs-1 { grid-row-start: 1; } +.grid .grid-rs-2 { grid-row-start: 2; } +.grid .grid-rs-3 { grid-row-start: 3; } +.grid .grid-rs-4 { grid-row-start: 4; } +.grid .grid-rs-5 { grid-row-start: 5; } +.grid .grid-rs-6 { grid-row-start: 6; } +.grid .grid-rs-7 { grid-row-start: 7; } +.grid .grid-rs-8 { grid-row-start: 8; } +.grid .grid-rs-9 { grid-row-start: 9; } +.grid .grid-rs-10 { grid-row-start: 10; } +.grid .grid-rs-11 { grid-row-start: 11; } +.grid .grid-rs-12 { grid-row-start: 12; } +.grid .grid-rs-end { grid-row-end: -1; } + +.grid .grid-re-1 { grid-row-end: 2; } +.grid .grid-re-2 { grid-row-end: 3; } +.grid .grid-re-3 { grid-row-end: 4; } +.grid .grid-re-4 { grid-row-end: 5; } +.grid .grid-re-5 { grid-row-end: 6; } +.grid .grid-re-6 { grid-row-end: 7; } +.grid .grid-re-7 { grid-row-end: 8; } +.grid .grid-re-8 { grid-row-end: 9; } +.grid .grid-re-9 { grid-row-end: 10; } +.grid .grid-re-10 { grid-row-end: 11; } +.grid .grid-re-11 { grid-row-end: 12; } +.grid .grid-re-12 { grid-row-end: 13; } + +@media screen and (max-width: 768px) { + .grid { + --grid-template-column: repeat(1, minmax(0, 1fr)); + } +} + +/* EXTENDED LINKS */ +/* Animated links */ +.u, +.utb { + display: inline; + position: relative; /* So the psuedo-elements are positioned correctly */ +} + +/* Underline */ + +.u::after { + content: ""; + transition: all 0.3s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 0.1rem; + width: 0; + background: var(--cirrus-link-dark); + bottom: -0.25em; +} + +.u:hover::after { + width: 100%; +} + +.u-LR::after { + /* Left to Right */ + left: 0; +} + +.u-RL::after { + /* Right to Left */ + right: 0; +} + +.u-RL:hover::after { + width: 100%; +} + +.u-C::after { + /* Center Outwards */ + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +/* Underline top and bottom */ +.utb::before, +.utb::after { + content: ""; + transition: all 0.3s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 0.1rem; + width: 0; + background: var(--cirrus-link-dark); +} + +.utb::before { + top: -0.25em; +} + +.utb::after { + bottom: -0.25em; +} + +.utb:hover::before, +.utb:hover::after { + width: 100%; +} + +.utb-LR::before, +.utb-LR::after { + left: 0; +} + +.utb-RL::before, +.utb-RL::after { + right: 0; +} + +.utb-C::before, +.utb-C::after { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +/* Opposite start */ +.utb-OLR::before { + /* Suffix denotes border transition direction for the top border (left to right). Bottom border will be the opposite direction */ + left: 0; +} + +.utb-OLR::after { + right: 0; +} + +.utb-ORL::before { + right: 0; +} + +.utb-ORL::after { + left: 0; +} + +/* Links with square borders */ + +/* Please note that usquare is the parent span (not div) which would create the left and right borders. The link (.utb-OLR) gets nested within this */ + +.usquare { + margin-left: 0.4rem; + position: relative; + overflow: hidden; +} + +.usquare a { + position: static; + padding: 0.2rem 0.4rem; +} + +.usquare::before, +.usquare::after { + content: ""; + transition: 0.25s all ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + width: 2px; + width: 0.1 rem; + height: 0; + background: var(--cirrus-link-dark); +} + +.usquare::before { + left: 0; + bottom: -0.2rem; +} + +.usquare.delay::before { + transition-delay: 0.6s; +} + +.usquare::after { + right: 0; + top: -0.2rem; +} + +.usquare.delay::after { + transition-delay: var(--animation-duration); +} + +.usquare a::before { + left: 0; + transition: 0.25s all ease; +} + +.usquare a::after { + right: 0; + transition: 0.25s all ease; +} + +.usquare.delay a::after { + transition: 0.25s all ease 0.4s; +} + +.usquare:hover::before, +.usquare:hover::after { + height: calc(100% + 0.4rem); /* Makes the left and right borders */ +} + +.usquare:hover a::before, +.usquare:hover a::after { + width: 100%; +} + +/* The base of the modal dialog, which is an overlay of the webpage */ +.modal { + position: fixed; /* Scrolls with the user */ + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; /* Initially hidden */ + padding: 1rem; + display: none; /* Doesn't block the elements underneath */ + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; /* Vertical centering */ + pointer-events: none; /* Prevent any pointer events made to modal while hidden */ +} + +/* When the modal dialog is visible */ +.modal:target, .modal.shown { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + opacity: 1; + z-index: 999; + pointer-events: auto; /* Re-enable pointer events */ +} + +/* The div in the modal dialpog used to create the translucent background */ +.modal:target .modal-overlay, +.modal.shown .modal-overlay { + position: absolute; /* Absolute inside of the modal container */ + top: 0; + left: 0; + right: 0; + bottom: 0; + display: block; + background-color: rgba(54, 59, 68, 0.5); +} + +/* The modal dialog body with the text itself */ +.modal-content { + background-color: var(--cirrus-bg); + padding: 0; + display: block; + border-radius: 3px; + box-shadow: 0 .4rem 1rem rgba(54, 59, 68, .3); + z-index: 1; + color: var(--cirrus-fg); + max-width: 40rem; /* 640px */ +} + +/* Different size modals */ +.modal.modal-small .modal-content { + max-width: 20rem; /* 320px */ +} + +.modal.modal-large .modal-content { + max-width: 60rem; /* 960px */ +} + +.modal-content h1, +.modal-content h2, +.modal-content h3, +.modal-content h4, +.modal-content h5, +.modal-content h6 { + color: var(--cirrus-fg); +} + +.modal:target .modal-container, +.modal.shown .modal-container { + -webkit-animation: slide-down var(--animation-duration) ease 1; + animation: slide-down var(--animation-duration) ease 1; + z-index: 1; +} + +/* Restrict width */ +.modal-content.small { + max-width: 32rem; +} + +.modal-content .modal-header { + padding: 1rem 3rem; +} + +.modal-content .modal-header .modal-title { + font-weight: bolder; + font-size: 1.4rem; +} + +.modal-content .modal-body { + padding: 1rem 3rem; + overflow-y: auto; + max-height: 50vh; /* Max height is 50% of viewport height which prevents dialog from extetnding past screen */ + position: relative; +} + +.modal-content .modal-footer { + padding: 1rem 3rem; + text-align: right; +} + +/* MODAL ANIMATIONS */ +.modal.modal-animated--dropdown { + -webkit-animation: slide-down var(--animation-duration) ease 1; + animation: slide-down var(--animation-duration) ease 1; +} + +/* Visible state */ +.modal.modal-animated--zoom-in, .modal.modal-animated--zoom-out { + display: -webkit-box; /* Force dialog to appear in the center */ + display: -ms-flexbox; + display: flex; + opacity: 0; + transition: 300ms all ease; +} +.modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out { + opacity: 1; + transition: 300ms all ease; +} +.modal.modal-animated--zoom-in .modal-content { + transform: scale(0.8); + transition: 300ms all ease; +} +.modal:target.modal-animated--zoom-in .modal-content, .modal:target.modal-animated--zoom-out .modal-content { + transform: scale(1); + transition: 300ms all ease; +} + +.modal.modal-animated--zoom-out .modal-content { + transform: scale(1.2); + transition: 300ms all ease; +} + +/* Keyframes for slide down animation */ +@-webkit-keyframes slide-down{ + 0%{ + opacity:0; + -webkit-transform:translateY(-3rem); + transform:translateY(-3rem) + } + 100%{ + opacity:1; + -webkit-transform:translateY(0); + transform:translateY(0) + } +} +@keyframes slide-down{ + 0%{ + opacity:0; + -webkit-transform:translateY(-3rem); + transform:translateY(-3rem) + } + 100%{ + opacity:1; + -webkit-transform:translateY(0); + transform:translateY(0) + } +} + +@media only screen and (max-width: 768px) { + .modal-content { + max-width: 90%; + } +} +/* A collection of modifiers that extend control styling */ +.btn.btn--pilled, +[class^="btn-"].btn--pilled, +[class*=" btn-"].btn--pilled { + border-radius: 6.25rem; + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.btn.btn--circle, +[class^="btn-"].btn--circle, +[class*=" btn-"].btn--circle { + border-radius: 100%; + height: 3.125rem; + line-height: 3.125rem; + padding: 0; + width: 3.125rem; +} + +/* Input (primary text-based) controls apply to inputs */ +.input-control--pilled { + border-radius: 6.25rem !important; +} + +/* Theme modifiers */ + +/* GLOBAL THEME SELECTORS */ +.bg-primary { background-color: var(--cirrus-primary) !important; } +.bg-success { background-color: var(--cirrus-success) !important; } +.bg-warning { background-color: var(--cirrus-warning) !important; } +.bg-danger { background-color: var(--cirrus-danger) !important; } +.bg-light { background-color: var(--cirrus-light) !important; } +.bg-dark { background-color: var(--cirrus-dark) !important; } +.bg-link { background-color: var(--cirrus-link) !important; } +.bg-link-dark { background-color: var(--cirrus-link-dark) !important; } +.bg-info { background-color: var(--cirrus-info) !important; } + +.text-primary { color: var(--cirrus-primary) !important; } +.text-success { color: var(--cirrus-success) !important; } +.text-warning { color: var(--cirrus-warning) !important; } +.text-danger { color: var(--cirrus-danger) !important; } +.text-light { color: var(--cirrus-light) !important; } +.text-dark { color: var(--cirrus-dark) !important; } +.text-link { color: var(--cirrus-link) !important; } +.text-link-dark { color: var(--cirrus-link-dark) !important; } +.text-info { color: var(--cirrus-info) !important; } +/* PAGINATION */ +/* Parent contianer for page navigation */ +.pagination { + display: flex; + display: -ms-flexbox; +} + +/* Use for the major pagination meant to display about 2 items */ +.pagination-item { + -webkit-flex: 1 0 50%; /* Flex to fill */ + -ms-flex: 1 0 50%; + flex: 1 0 50%; +} + +.pagination a { + color: #5d6c7b; +} + +.pagination .pagination-item a[disabled] { + cursor: pointer; + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +.pagination .pagination-item { + margin: 1rem 0.1rem; + transition: all 0.3s; +} + +.pagination .pagination-item.pagination-next { + text-align: right; +} + +.pagination .pagination-item.pagination-prev { + text-align: left; +} + +/* Pagination Item */ +.pagination-item-subtitle { + opacity: 0.7; + margin: 0; /* Needed to override style after formatting paragraph update */ +} + +/* Color the selected pagination item with accent color */ +.pagination .pagination-item.short.selected { + background-color: var(--cirrus-primary); + color: #fff; +} + +.pagination .pagination-item.short.selected a { + color: #fff; +} + +.pagination .pagination-item.short a { + display: inline-block; + line-height: 1.25; + padding: 0.5rem 0.75rem; +} + +/* Used to display many pagination items */ +.pagination .pagination-item.short { + border-radius: 0.1rem; + margin: 0.2rem 0; + -webkit-flex: 0; /* Flex to fill */ + -ms-flex: 0; + flex: 0; +} + +.pagination .pagination-item.short:first-child a { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; +} + +.pagination .pagination-item.short:last-child a { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; +} + +.pagination .pagination-item.short:not(.selected):hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.pagnation .pagination-item.ellipses { + color: #b5b5b5; + pointer-events: none; +} + +/* Bordered pagination */ +.pagination.pagination-bordered .pagination-item.short a { + border: 1px solid rgb(222, 222, 222); + border-radius: 0; + margin-left: -1px; +} + +/* Not good but CSS does not have heading selectors. Need to move to SASS */ +.pagination .pagination-item:hover p, +.pagination .pagination-item:hover h1, +.pagination .pagination-item:hover h2, +.pagination .pagination-item:hover h3, +.pagination .pagination-item:hover h4, +.pagination .pagination-item:hover h5, +.pagination .pagination-item:hover h6, +.pagination .pagination-item:not(.selected):hover *:not([disabled]):not(.ellipses) { + transition: all 0.3s; + color: var(--cirrus-primary); +} +/* PLACEHOLDER */ +/* Designed to be embedded in any parent container as placeholder when content is absent. */ + +.placeholder { + background-color: rgba(231, 234, 241, 0.5); + border-radius: 3px; + text-align: center; + padding: 3rem 2rem; + color: #6c7892; /* Lighter than original text color */ + display: block; +} + +/* Not sure if needed */ +.placeholder-icon { + text-align: center; +} + +.placeholder .placeholder-title, +.placeholder .placeholder-subtitle { + margin: 1rem auto; +} + +.placeholder .placeholder-subtitle { + opacity: 0.7; + margin: 0; +} + +/* Place buttons here for the placeholder */ +.placeholder .placeholder-commands { + margin-top: 1rem; +} +/* TABS AND TAB CONTAINER */ +.tab-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; /* Allow scrollbar to be visible if the width of the tabs exceeds container */ + user-select: none; + white-space: nowrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + font-size: var(--font-size-s); +} + +/* Tabs are embedded inside an unordered list */ +.tab-container ul { + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; /* Move tab items to left side */ + margin: 0.5rem; /* Override the behavior for standard ul and add equal padding */ + border-bottom: 1px solid #eee; /* Bottom border of tabs */ + flex-grow: 1; + list-style: none; + padding-inline-start: 0; +} + +.tab-container li { + display: block; /* Keep the tabs from extending too far */ + cursor: pointer; + margin: 0; + text-align: center; +} + +.tab-container li a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #eee; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.5rem 1rem; + transition: all .3s; + color: var(--cirrus-fg); + border-bottom-color: rgba(197, 197, 197, 0.63); + border-width: 2px; + margin-bottom: -1px; /* Get rid of any remaining border lines */ + background-color: var(--cirrus-bg); +} + +.tab-container li:hover a { + border-bottom-color: rgba(240, 61, 77, 0.6); + transition: all .3s; +} + +.tab-container li.selected a { + border-bottom-color: var(--cirrus-primary); + color: var(--cirrus-primary); + border-width: 2px; + transition: all .3s; +} + +/* Shift tabs to the center */ +.tab-container.tabs-center ul { + justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; +} + +/* Shift tabs to the right */ +.tab-container.tabs-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +/* Depth tab styles */ +.tab-container.tabs-depth ul { + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + border-bottom: 0; +} + +/* Classic tab styles */ +.tab-container.tabs-classic ul { + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + border-radius: 3px 3px 0 0; /* Only round the top left and right corners */ + transition: all .3s; +} + +.tab-container.tabs-classic li:not(.selected) a:hover { + background-color: rgb(240, 240, 240); + transition: all .3s; +} + +.tab-container.tabs-classic li a { + border: 1px solid transparent; + border-bottom-color: #dbdbdb; + border-radius: 3px 3px 0 0; + transition: all .3s; +} + +.tab-container.tabs-classic li.selected a { + color: var(--cirrus-primary); + border-color: #dbdbdb; + border-bottom-color: transparent !important; +} + +/* Tabs that fill the width */ +.tab-container.tabs-fill li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; /* Disable shrinking to original width */ + flex-basis: 0; +} + +/* Override the -webkit-box display that sizes tab items based on text */ +.tab-container.tabs-fill ul { + display: flex; /* Equal size tabs */ +} + +/* Different tab sizes */ +.tab-container.tabs-xsmall { + font-size: 0.6rem; +} + +.tab-container.tabs-small { + font-size: 0.75rem; +} + +.tab-container.tabs-large { + font-size: 1.25rem; +} + +.tab-container.tabs-xlarge { + font-size: 1.5rem; +} + +/* Font Awesome Integration */ +.tab-container .icon:first-child { /* Left icon */ + margin-right: .75rem; +} + +.tab-container .icon:last-child { /* Right icon */ + margin-left: .75rem; +} +/* TAGS */ +.tag { + align-items: center; + background-color: var(--cirrus-light); + border-radius: 0.25rem; + color: var(--cirrus-fg); + display: inline-flex; + font-size: 75%; + line-height: 1.5; + min-height: 1.5rem; + padding: 0 0.5rem; + white-space: nowrap; +} + +.tag.tag--large { + font-size: 100%; +} + +.tag.tag--xlarge { + font-size: 150%; +} + +.tag.tag--rounded { + border-radius: 290486px; +} + +/* Delete button for tag */ +.tag.tag--delete { + background-color: rgba(10,10,10,.2); + border-radius: 290486px; + cursor: pointer; + pointer-events: auto; + display: inline-block; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + position: relative; +} + +.tag--delete:hover { + background-color: rgba(10,10,10,.3); +} + +/* Draw the delete button */ +.tag.tag--delete::before, +.tag.tag--delete::after { + background-color: var(--cirrus-light); + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.tag.tag--delete::before { + height: 1px; + width: 50%; +} + +.tag.tag--delete::after { + height: 50%; + width: 1px; +} + +/* TAG THEMES */ +.tag.tag--delete { + margin-left: 0.25rem; + margin-right: -0.375rem; +} + +.tag.tag--white { + background-color: #fff; + color: var(--cirrus-dark); +} + +.tag.tag--black { + background-color: #000; + color: #fff; +} + +.tag.tag--dark { + background-color: var(--cirrus-dark); + color: #fff; +} + +.tag.tag--primary { + background-color: var(--cirrus-primary); + color: #fff; +} + +.tag.tag--link { + background-color: var(--cirrus-link); + color: #fff; +} + +.tag.tag--info { + background-color: var(--cirrus-info); + color: #fff; +} + +.tag.tag--success { + background-color: var(--cirrus-success); + color: #fff; +} + +.tag.tag--warning { + background-color: var(--cirrus-warning); + color: var(--cirrus-fg); +} + +.tag.tag--danger { + background-color: var(--cirrus-danger); + color: #fff; +} + +/* TAG CONTAINER */ +.tag-container { + display: flex; + flex-wrap: wrap; +} + +/* Add margin in between tag containers */ +.tag-container:not(:last-child) { + margin-bottom: 1rem; +} + +.tag-container .tag { + margin-bottom: 0.5rem; +} + +.tag-container .tag:not(:last-child) { + margin-right: 0.5rem; +} + +/* Used for grouping tags together */ +.tag-container.group-tags .tag { + margin-right: 0; +} + +.tag-container.group-tags .tag:first-child { + border-radius: .25rem 0 0 .25rem; +} + +.tag-container.group-tags .tag:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.tag-container.group-tags .tag:last-child { + border-radius: 0 .25rem .25rem 0; +} + +/* Tag close button */ +.tag.tag__close-btn { + padding: 0; + position: relative; + width: 1.5rem; +} + +.tag.tag__close-btn::before, +.tag.tag__close-btn::after { + background-color: var(--cirrus-fg); + content: ""; + display: block; + left: 50%; + top: 50%; + position: absolute; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.tag.tag__close-btn::before { + height: 1px; + width: 50%; +} + +.tag.tag__close-btn::after { + height: 50%; + width: 1px; +} + +/* MISC */ +a.tag:hover { + text-decoration: underline; +} + +.tag-container.tag-container--grouped .tag:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.tag-container.tag-container--grouped .tag:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* Tag positioning */ +.tag-container.tag-container--centered { + justify-content: center; +} + +.tag-container.tag-container--centered .tag { + margin: 0 0.25rem; +} + +.tag-container.tag-container--right { + justify-content: flex-end; +} + +.tag-container.tag-container--right .tag:not(:first-child) { + margin-left: 0.5rem; +} + +.tag-container.tag-container--right .tag:not(:last-child) { + margin-right: 0; +} + +/* TILES */ +.tile { + display: flex; + display: -ms-flexbox; + align-content: space-between; /* Ensure space between child elements of card tile */ + -webkit-align-content: space-between; + /* align-items: flex-start; Push elements to the top of container instead of center/bottom (removed since unneeded */ + -ms-flex-line-pack: justify; /* Evenly distribute lines */ +} + +.tile p { + font-size: 0.95rem; +} + +.tile .tile__icon, +.tile .tile__buttons { + flex: 0 0 auto; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; +} + +/* Override the default behavior where buttons display as blocks */ +.tile .tile__buttons button, +.tile .tile__buttons .btn, +.tile .tile__buttons [type="submit"] { + display: inline-block; + margin: 0.1rem; /* Reduce space used by buttons, default .5rem */ +} + +.tile .tile__container { + flex: 1 1 auto; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; +} + +/* Add spacing between the elements in between */ +.tile .tile__container:not(:first-child) { + padding-left: 1rem; +} + +.tile .tile__container:not(:last-child) { + padding-right: 1rem; +} + +.tile .tile__title { + line-height: 2rem; + font-weight: bolder; + margin: 0.1rem auto; +} + +.tile .tile__subtitle { + line-height: 1.25rem; + opacity: 0.7; + margin: 0.1rem auto; +} + +/* Force elements to align at the center vertical height */ +.tile.tile--center { + align-items: center; + -webkit-align-items: center; + -ms-flex-align: center; +} + +.tile.tile--center .tile__container { + /* Shrink the text to fit inside the tile */ + overflow: hidden; +} + +/* Keep the text from overflowing */ +.tile.tile--center .tile__title, +.tile.tile--center .tile__subtitle.no-wrap { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + margin-bottom: 0; +} + +.toast { + display: block; + width: 100%; + padding: .75rem 1.25rem; + background-color: var(--toast-primary-bg); + border: 1px solid var(--toast-primary-bg); + border-radius: 2px; + color: #fff; + position: relative; + margin: 0.5rem; +} + +/* .toast h1, .toast h2, .toast h3, .toast h4, .toast h5, .toast h6 { + margin: 0; + margin-top: 1rem; +} (Deprecated 0.5.5) */ + +.toast .toast__title { + margin: 0; + margin-top: 1rem; +} + +.toast p { + margin: 0; +} + +.toast.toast--translucent { + opacity: .5; +} + +.toast.toast--translucent:hover { + opacity: 1; +} + +.toast .btn-close { + position: absolute; + right: 1rem; + top: 1rem; +} + +/* TOAST TYPES */ +.toast.toast--primary { + background-color: var(--toast-primary-bg); + border-color: var(--toast-primary-bg); +} + +.toast.toast--success { + background-color: var(--cirrus-success); + border-color: var(--cirrus-success); +} + +.toast.toast--warning { + background-color: var(--cirrus-warning); + border-color: var(--cirrus-warning); +} + +.toast.toast--error { + background-color: var(--cirrus-danger); + border-color: var(--cirrus-danger); +} + +.toast.toast--info { + background-color: var(--cirrus-info); + border-color: var(--cirrus-info); +} + +.toast.toast--link { + background-color: var(--cirrus-link); + border-color: var(--cirrus-link); +} + +.toast.toast--primary { + background-color: var(--cirrus-primary); + border-color: var(--cirrus-primary); +} + +/* Add the rest later */ +.toast a { + color: var(--cirrus-light); + transition: all .3s; +} + +.toast a:hover { + opacity: .8; + transition: all .3s; +} + + +/* TOOLTIPS */ +.tooltip { + position: relative; /* let's the pseudoelement that we are displaying relative to the button. */ + overflow: visible; /* Allows the pseudoelement to be shown */ + white-space: nowrap; /* Keeps the button text from wrapping and getting too large */ +} + +/* This is the psuedoelement that creates the tooltip */ +.tooltip::after, +.tooltip.tooltip--top::after { + -webkit-appearance: none; + -moz-appearance: none; + position: absolute; + color: #fff; + font-size: 0.6rem; + background-color: rgba(69, 77, 93, 0.9); + content: attr( + data-tooltip + ); /* Retrieves the data specified in this element property and displays it as text */ + display: block; + line-height: 1rem; + text-transform: none; + overflow: hidden; + padding: 0.4rem 0.8rem; + opacity: 0; /* Hide the element */ + text-overflow: ellipsis; + max-width: 15rem; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + transition: all var(--animation-duration) ease; + z-index: 200; + pointer-events: none; + bottom: 100%; /* Pushes the tooltip above the button */ + left: 50%; /* Horizontally center it */ + border-radius: 0.2rem; +} + +/* Handles the on hover event of the button and then modifies the associated tooltip accordingly. */ +.tooltip:focus::after, +.tooltip:hover::after { + opacity: 1; + -webkit-transform: translate(-50%, -0.5rem); + transform: translate(-50%, -0.5rem); + transition: all var(--animation-duration) ease; +} + +/* Tooltip top left */ +.tooltip.tooltip--top-left::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} + +.tooltip.tooltip--top-left:hover::after, +.tooltip.tooltip--top-left:focus::after { + left: 0; + -webkit-transform: translate(-100%, -.5rem); + transform: translate(-100%, -.5rem); +} + +/* Tooltip top right */ +.tooltip.tooltip--top-right::after { + left: auto; + -webkit-transform: translate(15%, 0); + transform: translate(15%, 0); +} + +.tooltip.tooltip--top-right:hover::after, +.tooltip.tooltip--top-right:focus::after{ + right: 0; + -webkit-transform: translate(100%, -.5rem); + transform: translate(100%, -.5rem); +} + +/* Tooltip bottom */ +.tooltip.tooltip--bottom::after { + top: 100%; + transform: translate( + -50%, + -1rem + ); /* Moves tooltip to the center horizontally and shifts tooltip down */ + -webkit-transform: translate(-50%, -1rem); + -moz-transform: translate(-50%, -1rem); + -ms-transform: translate(-50%, -1rem); + bottom: auto; +} + +.tooltip.tooltip--bottom:hover::after, +.tooltip.tooltip--bottom:focus::after { + transform: translate(-50%, .5rem); + -webkit-transform: translate(-50%, .5rem); + -moz-transform: translate(-50%, .5rem); + -ms-transform: translate(-50%, .5rem); + bottom: auto; +} + +/* Tooltip bottom left */ +.tooltip.tooltip--bottom-left::after { + top: 100%; + -webkit-transform: translate(-65%, -1rem); + transform: translate(-65%, -1rem); + bottom: auto; +} + +.tooltip.tooltip--bottom-left:hover::after, +.tooltip.tooltip--bottom-left:focus::after { + left: 0; + -webkit-transform: translate(-100%, .5rem); + transform: translate(-100%, .5rem); +} + +/* Tooltip bottom right */ +.tooltip.tooltip--bottom-right::after { + left: auto; + top: 100%; + -webkit-transform: translate(0%, -1rem); + transform: translate(0%, -1rem); + bottom: auto; +} + +.tooltip.tooltip--bottom-right:hover::after, +.tooltip.tooltip--bottom-right:focus::after { + right: 0; + -webkit-transform: translate(100%, .5rem); + transform: translate(100%, .5rem); +} + +/* Tooltip right */ +.tooltip.tooltip--right::after { + left: 100%; + bottom: 50%; + transform: translate(-1rem, 50%); + -webkit-transform: translate(-1rem, 50%); + -moz-transform: translate(-1rem, 50%); + -ms-transform: translate(-1rem, 50%); +} + +.tooltip.tooltip--right:hover::after, +.tooltip.tooltip--right:focus::after { + transform: translate(.5rem, 50%); + -webkit-transform: translate(.5rem, 50%); + -moz-transform: translate(.5rem, 50%); + -ms-transform: translate(.5rem, 50%); +} + +/* Tooltip Left */ +.tooltip.tooltip--left::after { + right: 100%; + bottom: 50%; + left: auto; /* Needed to work */ + transform: translate(1rem, 50%); + -webkit-transform: translate(1rem, 50%); + -moz-transform: translate(1rem, 50%); + -ms-transform: translate(1rem, 50%); +} + +.tooltip.tooltip--left:hover::after, +.tooltip.tooltip--left:focus::after { + transform: translate(-.5rem, 50%); + -webkit-transform: translate(-.5rem, 50%); + -moz-transform: translate(-.5rem, 50%); + -ms-transform: translate(-.5rem, 50%); +} \ No newline at end of file diff --git a/src/cutestrap.css b/src/cutestrap.css new file mode 100644 index 0000000..269420b --- /dev/null +++ b/src/cutestrap.css @@ -0,0 +1,1093 @@ +/* + +Core + +The core of Cutestrap is a large set of Custom Properties. Some are set on an +`html {}` ruleset and will be inherited by all children. Others are set on an +`* {}` ruleset and are used as mixins, which are special because they rely on +formulas. The only explicit styling performed here is setting `font-size` and +`line-height` on a `body {}` ruleset. + +Markup: +

+ Example paragraph +

+ +Styleguide 1.0 + +*/ + +* { + --rhythm: 2rem; + --rhythm-quadruple: calc(4 * var(--rhythm)); + --rhythm-triple: calc(3 * var(--rhythm)); + --rhythm-double: calc(2 * var(--rhythm)); + --rhythm-half: calc((1/2) * var(--rhythm)); + --rhythm-third: calc((1/3) * var(--rhythm)); + --rhythm-fourth: calc((1/4) * var(--rhythm)); + --rhythm-sixth: calc((1/6) * var(--rhythm)); + --rhythm-eighth: calc((1/8) * var(--rhythm)); + --rhythm-twelfth: calc((1/12) * var(--rhythm)); + --rhythm-sixteenth: calc((1/16) * var(--rhythm)); + --line-height: var(--sub-rhythm, var(--rhythm)); + --line-height-ratio: 1.4; + --font-size: calc(var(--line-height) / var(--line-height-ratio)); +} + +html { + --border-radius: 4px; + --color-primary-tint1: hsl(350, 80%, 60%); + --color-primary: hsl(350, 80%, 45%); + --color-primary-shade1: hsl(350, 80%, 35%); + --color-accent-tint1: hsl(170, 80%, 60%); + --color-accent: hsl(170, 80%, 45%); + --color-accent-shade1: hsl(170, 80%, 35%); + --color-link: hsl(230, 60%, 50%); + --color-link-visited: hsl(290, 60%, 50%); + --color-link-hover: hsl(230, 80%, 60%); + --color-link-active: hsl(350, 60%, 50%); + --color-neutral-tint4: hsl(170, 10%, 98%); + --color-neutral-tint3: hsl(170, 10%, 94%); + --color-neutral-tint2: hsl(170, 10%, 85%); + --color-neutral-tint1: hsl(170, 10%, 68%); + --color-neutral: hsl(170, 10%, 55%); + --color-neutral-shade1: hsl(170, 10%, 41%); + --color-neutral-shade2: hsl(170, 10%, 30%); + --color-neutral-shade3: hsl(170, 10%, 18%); + --color-neutral-shade4: hsl(170, 10%, 2%); + --focus-outline: var(--rhythm-twelfth) dotted var(--color-primary-tint1); + --focus-outline-offset: var(--rhythm-twelfth); + --font-family: 'Avenir', 'Avenir Next', 'Helvetica Neue', 'Segoe UI', 'Verdana', sans-serif; + --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace; + --font-heading: var(--font-family); + --font-body: var(--font-family); +} + +body { + font-size: var(--font-size); + line-height: var(--line-height); +} + +/* + +Base + +The base stylesheet requires `core.css` and uses it to set all html elements +to adhere to the Baseline Grid and gives them default styles. + +Markup: +
+

Headline 1

+

+ Paragraph +

+

Headline 2

+
    +
  • Unordered item
  • +
  • Unordered item
  • +
+

Headline 3

+
    +
  1. Ordered item
  2. +
  3. Ordered item
  4. +
+

Headline 4

+
+  Preformatted
+
+
Headline 5
+
+ Blockquote +
+
Headline 6
+ + + + + + + + + +
Table HeaderTable Header
Table CellTable Cell
+
+ +Styleguide 2.0 + +*/ + +* { + border: 0; + font: inherit; + margin: 0; + padding: 0; + text-rendering: geometricPrecision; +} + +:focus { + outline: var(--focus-outline); + outline-offset: var(--focus-outline-offset); +} + +html { + overflow-x: hidden; +} + +html, +body { + box-sizing: border-box; + min-height: 100%; +} + +body { + background-color: var(--color-neutral-tint4); + color: var(--color-neutral-shade4); + font-family: var(--font-body); + position: relative; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: var(--font-heading); + font-size: var(--font-size); + line-height: var(--line-height); + margin: var(--rhythm) 0; +} + +h1 { + --line-height-ratio: 1.1; + --sub-rhythm: var(--rhythm-triple); + + font-weight: 700; + margin-bottom: var(--rhythm-double); +} + +h2 { + --line-height-ratio: 1.2; + --sub-rhythm: var(--rhythm-triple); +} + +h3 { + --line-height-ratio: 1.3; + --sub-rhythm: var(--rhythm-double); + + font-weight: 700; +} + +h4 { + --sub-rhythm: var(--rhythm-double); +} + +h5 { + font-weight: 700; +} + +p { + margin-bottom: var(--rhythm); +} + +form { + margin: var(--rhythm) 0; +} + +pre, +code, +samp, +kbd { + background-color: var(--color-neutral-tint3); + font-size: var(--font-size); + color: var(--color-primary-shade1); + font-family: var(--font-mono); + line-height: 1; +} + +code, +samp, +kbd { + border-radius: var(--border-radius); + overflow-y: hidden; + overflow-x: auto; + padding: var(--rhythm-sixth); +} + +pre { + border-radius: var(--border-radius); + line-height: var(--line-height); + overflow-y: hidden; + overflow-x: auto; + padding: var(--rhythm-half); + margin: 0 0 var(--rhythm); +} + +pre code, +pre samp, +pre kbd { + background-color: transparent; + border: none; + border-radius: 0; + padding: 0; +} + +a:link { + color: var(--color-link); +} + +a:visited { + color: var(--color-link-visited); +} + +a:hover, +a:focus { + color: var(--color-link-hover); +} + +a:active { + color: var(--color-link-active); +} + +img, +video { + max-width: 100%; + vertical-align: top; +} + +hr { + height: var(--rhythm-double); + margin-bottom: var(--rhythm); + position: relative; +} + +hr::before { + background-color: var(--color-neutral-tint1); + content: ''; + height: 1px; + left: 0; + position: absolute; + top: 50%; + width: 100%; +} + +ol, +ul { + margin: 0 0 var(--rhythm) var(--rhythm); +} + +ol { + list-style-type: decimal; +} + +ol ol { + margin-bottom: 0; +} + +ul { + list-style-type: disc; +} + +ul ul { + margin-bottom: 0; +} + +dt { + font-style: italic; +} + +dd { + margin-left: var(--rhythm); +} + +blockquote { + margin: 0 0 var(--rhythm) var(--rhythm-half); + border-left: var(--rhythm-eighth) solid var(--color-neutral-tint1); + padding: var(--rhythm) var(--rhythm-half); +} + +blockquote p:last-child { + margin-bottom: 0; +} + +figure { + margin: 0 auto var(--rhythm); +} + +small, +sub, +sup, +caption, +figcaption { + font-size: calc(2 * var(--rhythm-third)); + vertical-align: top; +} + +sub, +sup { + position: relative; +} + +sub { + top: var(--rhythm-third); +} + +sup { + bottom: var(--rhythm-third); +} + +caption, +figcaption { + font-style: italic; + text-align: center; +} + +em, +cite, +i { + font-style: italic; +} + +strong, +var, +b { + font-weight: bold; +} + +q::before { + content: "'"; +} + +q::after { + content: "'"; +} + +q > q { + font-style: italic; +} + +dfn, +abbr { + border-bottom: var(--rhythm-sixteenth) dotted var(--color-neutral-shade2); + cursor: default; +} + +table { + border-radius: var(--border-radius); + border-collapse: separate; + border-spacing: 0; + margin-bottom: var(--rhythm); + width: 100%; +} + +table th { + text-align: left; +} + +table th, +table td { + padding: 0 var(--rhythm-fourth); +} + +input, +label, +select, +button, +textarea { + color: var(--color-neutral-shade4); + display: block; + padding: var(--rhythm-half); + resize: none; + -webkit-appearance: none; + -moz-appearance: none; +} + +/* Firefox detection for keeping exact rhythm */ +@-moz-document url-prefix() { + select { + line-height: calc(var(--rhythm) - 2px); + } +} + +label { + color: var(--color-neutral-shade1); + padding: 0; +} + +/* + +Buttons + +Buttons and their variations + +Markup: + + +.-secondary - A button with secondary colors +.-outlined - An outlined button +.-link - A button that looks like a link +.-block - Block level button +.-large - A large button +.-small - A small button +.-small.-outlined - A small, outlined button + +Styleguide 3.0 + +*/ + +.button { + --border-color: transparent; + --border-color-hover: transparent; + --border-thickness: var(--rhythm-twelfth); + --background-color: var(--color-primary); + --background-color-hover: var(--color-primary-shade1); + --text-color: var(--color-neutral-tint4); + --text-color-hover: var(--color-neutral-tint4); + + align-items: center; + align-content: center; + background-color: var(--background-color); + border: var(--border-thickness) solid var(--border-color); + border-radius: var(--border-radius); + box-sizing: border-box; + color: var(--text-color); + cursor: pointer; + display: inline-block; + font-size: var(--font-size); + justify-content: center; + line-height: var(--rhythm); + max-width: 100%; + min-height: calc(2 * var(--rhythm)); + padding: calc(5 * var(--rhythm-twelfth)) var(--rhythm); + text-align: center; + transition-duration: 250ms; + transition-property: all; + user-select: none; + width: auto; + vertical-align: middle; +} + +.button::-moz-focus-inner { + border: 0; +} + +.button:link, +.button:visited { + color: var(--text-color); + text-decoration: none; +} + +.button:focus, +.button:hover { + background-color: var(--background-color-hover); + border-color: var(--border-color-hover); + color: var(--text-color-hover); +} + +.button:active { + background-color: var(--background-color); + color: var(--text-color); +} + +.button:disabled { + opacity: .5; + pointer-events: none; +} + +.button.-outlined { + --background-color: transparent; + --background-color-hover: var(--color-primary-shade1); + --border-color: var(--color-primary); + --border-color-hover: var(--color-primary-shade1); + --text-color: var(--color-primary); +} + +.button.-secondary { + --background-color: var(--color-neutral-tint2); + --background-color-hover: var(--color-neutral-tint1); + --border-color: var(--color-neutral-tint2); + --border-color-hover: var(--color-neutral-tint1); + --text-color: var(--color-neutral-shade3); + --text-color-hover: var(--color-neutral-shade3); +} + +.button.-link { + --background-color: transparent; + --background-color-hover: transparent; + --border-color: transparent; + --border-color-hover: transparent; + --text-color: var(--color-link); + --text-color-hover: var(--color-link-hover); + + text-decoration: underline; +} + +.button.-block { + display: block; + width: 100%; +} + +.button.-small { + --sub-rhythm: calc(14 * var(--rhythm-sixteenth)); + --border-thickness: var(--rhythm-sixteenth); + + font-size: var(--font-size); + line-height: var(--line-height); + margin-top: calc(-2 * var(--rhythm-sixteenth)); + min-height: var(--sub-rhythm); + padding: 0 var(--rhythm-half); +} + +.button.-large { + --sub-rhythm: calc(1.5 * var(--rhythm)); + --border-thickness: var(--rhythm-eighth); + + font-size: var(--font-size); + line-height: var(--line-height); + min-height: calc(3 * var(--rhythm)); + padding: calc(3 * var(--rhythm-eighth)) calc(2 * var(--rhythm)); +} + +/* + +Forms + +Markup: +
+ + + + + + +
+ +Styleguide 4.0 + +*/ + +.field [disabled] + *, +[disabled] { + cursor: default; + opacity: .5; + pointer-events: none; +} + +.field { + display: flex; + margin-bottom: var(--rhythm); + position: relative; + text-align: left; +} + +.field .label { + z-index: 2; +} + +.field [type=checkbox] + .label, +.field [type=radio] + .label { + color: var(--color-neutral-shade4); + cursor: pointer; + display: inline-block; + padding-left: var(--rhythm); +} + +.field *:not([type=radio]):not([type=checkbox]) + .label { + font-size: var(--rhythm-half); + position: absolute; + left: var(--rhythm-sixteenth); + line-height: 1; + padding: var(--rhythm-fourth) var(--rhythm-fourth) 0; + right: var(--rhythm-sixteenth); + top: 0; +} + +.field input, +.field textarea, +.field select { + background-color: var(--color-neutral-tint4); + border: 1px solid var(--color-neutral-shade1); + border-radius: var(--border-radius); + box-sizing: border-box; + margin-top: -2px; + padding: calc(7 * var(--rhythm-eighth)) var(--rhythm-fourth) var(--rhythm-eighth); + position: relative; + width: 100%; +} + +.field select { + z-index: 1; +} + +/* + +Select + +Markup: + + +Styleguide 4.1 + +*/ + +.field select + .label::after { + content: ''; + border-left: var(--rhythm-fourth) solid transparent; + border-right: var(--rhythm-fourth) solid transparent; + border-top: var(--rhythm-fourth) solid var(--color-neutral-shade1); + bottom: calc(-2 * var(--rhythm-third)); + height: 0; + pointer-events: none; + position: absolute; + right: var(--rhythm-half); + width: 0; +} + +.field option[disabled] { + background-color: var(--color-neutral-tint3); + color: var(--color-neutral-shade2); +} + +.field.-inline { + display: inline-block; + margin-right: var(--rhythm-half); +} + +.field [type=checkbox], +.field [type=radio] { + opacity: 0; + position: absolute; + z-index: 0; +} + +.field [type=checkbox] + .label::before, +.field [type=radio] + .label::before { + background-color: var(--color-neutral-tint4); + border: 2px solid var(--color-neutral-shade1); + content: ''; + height: var(--rhythm-half); + left: 0; + position: absolute; + top: var(--rhythm-eighth); + transform: translateY(var(--rhythm-sixteenth)); + width: var(--rhythm-half); +} + +.field [type=checkbox] + .label::after, +.field [type=radio] + .label::after { + background-color: var(--color-primary); + border: 2px solid transparent; + color: var(--color-neutral-tint4); + height: var(--rhythm-fourth); + left: var(--rhythm-eighth); + position: absolute; + top: var(--rhythm-fourth); + transform: translateY(var(--rhythm-sixteenth)); + width: var(--rhythm-fourth); +} + +/* + +Checkbox + +Markup: + + +Styleguide 4.2 + +*/ + +.field [type=checkbox] + .label::before, +.field [type=checkbox] + .label::after { + border-radius: var(--border-radius); +} + +/* + +Radio + +Markup: + + +Styleguide 4.3 + +*/ + +.field [type=radio] + .label::before, +.field [type=radio] + .label::after { + border-radius: var(--rhythm); +} + +.field [type=radio]:focus + .label::before, +.field [type=checkbox]:focus + .label::before { + outline: var(--focus-outline); + outline-offset: var(--focus-outline-offset); +} + +.field [type=checkbox]:checked + .label::after, +.field [type=radio]:checked + .label::after { + content: ''; +} + +/* + +Input and text areas + +Markup: + + + +Styleguide 4.4 + +*/ + +.field textarea { + margin-top: 0; + min-height: calc(4 * var(--rhythm)); +} + +/* + +Disabled Fields + +Markup: +
+ + + + + + +
+ +Styleguide 4.5 + +*/ + +/* + +Grid + +A simple grid with automatic columns + +Markup: +
+
Column
+
Column
+
Column
+
Column
+
Column
+
Column
+
+ +.-medium - start at 45rem +.-large - start at 80rem + +Styleguide 5.0 + +*/ + +.grid { + --columns: auto-fit; + + display: grid; + column-gap: var(--rhythm); + grid-template-columns: repeat(var(--columns), minmax(0, 1fr)); +} + +@media (max-width: 45rem) { + .grid.-medium { + display: block; + } +} + +@media (max-width: 80rem) { + .grid.-large { + display: block; + } +} + +/* + +Columns + +Manually set column widths (Note: the syntax is passing a custom property with +a number value. KSS Docs only support modified classes, so ignore the term +[modifier class] and the dot before the number in the examples below). + +Markup: +
+
Column
+
Column
+
Column
+
Column
+
Column
+
Column
+
+ +.2 - Two columns +.3 - Three columns +.4 - Four columns + +Styleguide 5.1 + +*/ + +/* + +Wrappers + +Elements with max widths and paddings that can be used to separate content + +Markup: +
+ Wrapper +
+ +.-thin - A max-width of 45rem +.-wide - A max-width of 80rem +.-flush - No vertical or horizontal spacing + +Styleguide 6.0 + +*/ + +.wrapper { + box-sizing: border-box; + margin: 0 auto; + max-width: 60rem; + padding: var(--rhythm-double) var(--rhythm-half); + width: 100%; +} + +.wrapper.-thin { + max-width: 45rem; + padding: var(--rhythm) var(--rhythm-half); +} + +.wrapper.-wide { + max-width: 80rem; + padding: var(--rhythm-triple) var(--rhythm-half); +} + +.wrapper.-flush { + padding: 0 var(--rhythm-half); +} + +/* + +Utilities + +These utility classes have one or two CSS properties that are meant to save you from creating several identical classes to do the same thing, like just centering some text. + +Markup: +
+ Example Text +
+ +.disabled - Disable an Element +.clearfix - Clear floats to keep the parent container in shape +.f-none - float: none; +.f-left - float: left; +.f-right - float: right; +.ta-left - text-align: left; +.ta-center - text-align: center; +.ta-right - text-align: right; + +Styleguide 7.0 + +*/ + +.disabled { + cursor: default; + opacity: .5; + pointer-events: none; +} + +.f-none { + float: none; +} + +.f-left { + float: left; +} + +.f-right { + float: right; +} + +.clearfix { + clear: both; + overflow: hidden; +} + +.ta-left { + text-align: left; +} + +.ta-center { + text-align: center; +} + +.ta-right { + text-align: right; +} + +/* + +Type Utilities + +These are specific typography related utilities + +Markup: +
+ The quick
+ brown fox
+ jumps over
+ the lazy dog. +
+ +.fw-light - Changes the type to be 300 weight +.fw-normal - Changes the type to be 400 weight +.fw-bold - Changes the type to be 700 weight +.fs-small - Small font-size +.fs-base - Base font-size +.fs-large - Large font-size + +Styleguide 7.1 + +*/ + +.fw-light { + font-weight: 300; +} + +.fw-normal { + font-weight: 400; +} + +.fw-bold { + font-weight: 700; +} + +.fs-small, +.fs-base, +.fs-large { + font-size: var(--font-size); + line-height: var(--line-height); +} + +.fs-small { + --sub-rhythm: calc(.75 * var(--rhythm)); +} + +.fs-base { + --sub-rhythm: initial; +} + +.fs-large { + --sub-rhythm: calc(1.25 * var(--rhythm)); +} + +/* + +Margin Utilities + +These utilities allow you to easily remove margins that you don't want + +Markup: +

+ Do you like margins? +

+ +.m-zero - Remove margins +.mt-zero - Remove top margin only +.mb-zero - Remove bottom margin only + +Styleguide 7.2 + +*/ + +.m-zero { + margin: 0; +} + +.mt-zero { + margin-top: 0; +} + +.mb-zero { + margin-bottom: 0; +} diff --git a/src/gutenberg.css b/src/gutenberg.css new file mode 100644 index 0000000..6d0c687 --- /dev/null +++ b/src/gutenberg.css @@ -0,0 +1,569 @@ +/*! + * Gutenberg + * + * MIT Fabien Sa + * https://github.com/BafS/Gutenberg + */ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ +html { + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers. + */ +body { + margin: 0; } + +/** + * Render the `main` element consistently in IE. + */ +main { + display: block; } + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/* Grouping content + ========================================================================== */ +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + box-sizing: content-box; + /* 1 */ + height: 0; + /* 1 */ + overflow: visible; + /* 2 */ } + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } + +/* Text-level semantics + ========================================================================== */ +/** + * Remove the gray background on active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + text-decoration: underline dotted; + /* 2 */ } + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; } + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sub { + bottom: -0.25em; } + +sup { + top: -0.5em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove the border on images inside links in IE 10. + */ +img { + border-style: none; } + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ } + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { + /* 1 */ + overflow: visible; } + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { + /* 1 */ + text-transform: none; } + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; } + +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; } + +/** + * Correct the padding in Firefox. + */ +fieldset { + padding: 0.35em 0.75em 0.625em; } + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + box-sizing: border-box; + /* 1 */ + color: inherit; + /* 2 */ + display: table; + /* 1 */ + max-width: 100%; + /* 1 */ + padding: 0; + /* 3 */ + white-space: normal; + /* 1 */ } + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; } + +/** + * Remove the default vertical scrollbar in IE 10+. + */ +textarea { + overflow: auto; } + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ } + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ } + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ +details { + display: block; } + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; } + +/* Misc + ========================================================================== */ +/** + * Add the correct display in IE 10+. + */ +template { + display: none; } + +/** + * Add the correct display in IE 10. + */ +[hidden] { + display: none; } + +* { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +*, +*:before, +*:after, +p:first-letter, +div:first-letter, +blockquote:first-letter, +li:first-letter, +p:first-line, +div:first-line, +blockquote:first-line, +li:first-line { + background: transparent !important; + box-shadow: none !important; + text-shadow: none !important; } + +html { + font-size: 16px; + margin: 0; + padding: 0; } + +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + background: #fff !important; + color: #000 !important; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + margin: 0 auto; + text-rendering: optimizeLegibility; } + +p, +blockquote, +table, +ul, +ol, +dl { + margin-bottom: 1.5rem; + margin-top: 0; } + +p:last-child, +ul:last-child, +ol:last-child { + margin-bottom: 0; } + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #000; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.2; + margin-bottom: 0.75rem; + margin-top: 0; } + +h1 { + font-size: 2.5rem; } + +h2 { + font-size: 2rem; } + +h3 { + font-size: 1.75rem; } + +h4 { + font-size: 1.5rem; } + +h5 { + font-size: 1.25rem; } + +h6 { + font-size: 1rem; } + +a, a:visited { + color: #000; + text-decoration: underline; + word-wrap: break-word; } + +table { + border-collapse: collapse; } + +thead { + display: table-header-group; } + +table, +th, +td { + border-bottom: 1px solid #000; } + +td, +th { + padding: 8px 16px; + page-break-inside: avoid; } + +code, +pre, +kbd { + border: 1px solid #bbb; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 85%; } + +code, +kbd { + padding: 3px; } + +pre { + margin-bottom: 1.5rem; + padding: 10px 12px; } + pre code, + pre kbd { + border: 0; } + +::-webkit-input-placeholder { + color: transparent; } + +:-moz-placeholder { + color: transparent; } + +::-moz-placeholder { + color: transparent; } + +:-ms-input-placeholder { + color: transparent; } + +blockquote { + border: 0; + border-left: 5px solid #bbb; + margin-left: 1px; + padding: 12px 1.5rem; } + [dir='rtl'] blockquote { + border-left: 0; + border-right: 5px solid #bbb; + margin-left: 0; + margin-right: 1px; } + blockquote:first-child { + margin-top: 0; } + blockquote p:last-child, + blockquote ul:last-child, + blockquote ol:last-child { + margin-bottom: 0; } + blockquote footer { + display: block; + font-size: 80%; } + +img { + border: 0; + display: block; + max-width: 100% !important; + vertical-align: middle; } + +hr { + border: 0; + border-bottom: 2px solid #bbb; + height: 0; + margin: 2.25rem 0; + padding: 0; } + +dt { + font-weight: bold; } + +dd { + margin: 0; + margin-bottom: 0.75rem; } + +abbr[title], +acronym[title] { + border: 0; + text-decoration: none; } + +table, +blockquote, +pre, +code, +figure, +li, +hr, +ul, +ol, +a, +tr { + page-break-inside: avoid; } + +h2, +h3, +h4, +p, +a { + orphans: 3; + widows: 3; } + +h1, +h2, +h3, +h4, +h5, +h6 { + page-break-after: avoid; + page-break-inside: avoid; } + +h1 + p, +h2 + p, +h3 + p { + page-break-before: avoid; } + +img { + page-break-after: auto; + page-break-before: auto; + page-break-inside: avoid; } + +pre { + white-space: pre-wrap !important; + word-wrap: break-word; } + +body { + padding-bottom: 2.54cm; + padding-left: 1.8cm; + padding-right: 1.8cm; + padding-top: 2.54cm; } + +a[href^='http']:after, a[href^='ftp']:after { + content: " (" attr(href) ")"; + font-size: 80%; } + +a[href$='.jpg']:after, a[href$='.jpeg']:after, a[href$='.gif']:after, a[href$='.png']:after { + display: none; } + +abbr[title]:after, +acronym[title]:after { + content: " (" attr(title) ")"; } + +.page-break, +.page-break-before { + page-break-before: always; } + +.page-break-after { + page-break-after: always; } + +.no-print { + display: none; } + +a.no-reformat:after { + content: ''; } + +abbr[title].no-reformat:after, +acronym[title].no-reformat:after { + content: ''; } + +.no-reformat abbr:after, +.no-reformat acronym:after, +.no-reformat a:after { + content: ''; } diff --git a/src/hello.css b/src/hello.css new file mode 100644 index 0000000..49b9996 --- /dev/null +++ b/src/hello.css @@ -0,0 +1,725 @@ +/* ASIDE */ +/* Put content to the left or right of the page as an "aside". This is an + * alternative to footnotes. + */ + +aside { + hyphens: auto; /* Hyphenate, as this text is quite narrow. */ +} + +aside { + position: absolute; + left: /*padx*/-15em; + width: 14em; + text-align: right; + font-size: .9em; +} + +/* Alternative: place on the right. +aside { + position: absolute; + right: -15em; + width: 14em; +} +*/ + +@media (max-width: 83em) { /* Place inline if it won't fit on the screen. */ + aside { + position: static; + width: auto; + text-align: left; + background-color: #f7f7f7; + padding: .4em 2em; + border: 1px solid /*bordercolor*/#aaa; + hyphens: none; + } +} + +/* Optional: place the page further to the right, so that there's more space for + * the aside. + * Adjust the media query above to max-width: 63em +.page { + left: 10em; +} +*/ +/* FONTS */ + +/* I like the Libre Baskerville typeface, which is a nice Serif font. + * + * https://github.com/impallari/Libre-Baskerville + * https://web.archive.org/web/20150918205958/http://www.impallari.com/projects/update/86 + * https://fonts.google.com/specimen/Libre+Baskerville + * + * A copy is in the "fonts" dir. + */ +@font-face { + font-family: 'Libre Baskerville'; + font-style: normal; + font-weight: 400; + font-display: fallback; + src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), + url(/fonts/libre-baskerville.woff2) format('woff2'), + url(./fonts/libre-baskerville.woff2) format('woff2'); +} +@font-face { + font-family: 'Libre Baskerville'; + font-style: normal; + font-weight: 700; + font-display: fallback; + src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), + url(/fonts/libre-baskerville-bold.woff2) format('woff2'), + url(./fonts/libre-baskerville-bold.woff2) format('woff2'); +} +@font-face { + font-family: 'Libre Baskerville'; + font-style: italic; + font-weight: 400; + font-display: fallback; + src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'), + url(/fonts/libre-baskerville-italic.woff2) format('woff2'), + url(./fonts/libre-baskerville-italic.woff2) format('woff2'); +} + +html { + font: 16px/180% 'Libre Baskerville', 'DejaVu Serif', 'Bitstream Vera Serif', 'Georgia', serif; + /* Possible sans-serif alternative; note you may want to adjust the + * line-height and font-size if you want the fonts. Different values work + * better for different fonts. + * font: 18px/160% Calibri, 'DejaVu Sans Serif', sans-serif; + */ + + text-size-adjust: none; /* Disables text adjustment algorithm on some mobile browsers, this is */ + -webkit-text-size-adjust: none; /* intended for sites that are not designed for mobile viewing. */ +} + +@media (max-width: /*bodywidth*/54em) { /* Use smaller fonts and line-height on smaller screens. */ + html { font-size: 14px; line-height: 160%; } +} +@media (max-width: /*bodywidth*/26em) { + html { font-size: 12px; line-height: 150%; } +} + +pre, code { + font-family: 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Consolas', monospace; +} + +pre { + font-size: 14px; /* Smaller text to fit more. */ + line-height: 130%; /* Idem. */ +} + +h1, h2, h3, h4, h5, h6 { + /* Enable ligatures, works well with Libre Baskerville, which adds + * (old-fashioned but handsome) ligatures on "st", "ct", and "sp". + * + * You'll need to add "&subset=all" if you're using it from Google Fonts: + * https://fonts.googleapis.com/css?family=Libre+Baskerville&subset=all + */ + font-variant-ligatures: common-ligatures discretionary-ligatures; + font-feature-settings: 'liga' on, 'dlig' on; +} + + +/* DEFAULTS */ +* { + box-sizing: border-box; /* Element width/height includes the border. */ +} + +*:target { + background-color: #ff6; /* Highlight elements in URL fragment, e.g. #some-header, or #footnote-1. */ +} + +html { + background-color: #eee; /* Neutral background to contrast with the page. */ + color: /*textcolor*/#252525; /* Slightly less "harsh" black; looks subtly better. */ + tab-size: 4; /* Tab size of 4 is probably more common in editors etc. */ + -moz-tab-size: 4; /* Still needed as of Jan 2019 :-( https://bugzil.la/737785 */ +} + +html, body { + margin: 0; /* No extra margin; shows up in some cases (e.g. when printing). */ +} + +.center, .page { + max-width: /*bodywidth*/54rem; /* Don't make it too wide, as that makes it harder to read. */ + margin: .5rem auto; /* Add some extra space at top/bottom, and centre it. */ + position: relative; /* So that absolute/relative positioning is relative to the page, which is almost always what's desired. */ +} + +.page { + padding: /*pady*/1rem /*padx*/4rem; /* Small padding on top, larger on sides. */ + background-color: /*bgcolor*/#fff; /* White background to override the html one */ + /* A slightly grey or yellowish tint also works well, and gives a warmer feel. + * Some suggestions: #fbfbf7, #fffff7 */ + /* Remove this and the box-shadow for an even background colour. */ + box-shadow: 0 0 6px rgba(0,0,0,.2); /* Box-shadow effect looks quite handsome here. */ +} +@media (max-width: /*bodywidth*/54em) { + .page, .center { + max-width: 100%; /* Full-width page. */ + padding: 0 1rem; /* Modest amount of padding to prevent wasting screen space. */ + } +} + + +/* PRINTING */ +@page { + margin: 0; /* Don't add extra margin to pages, .page already has it. */ + /* Also hides URL and such that most browsers add. */ +} +@media print { /* Reset some stuff for printing. */ + body { + background-color: #fff; + } + .page, .center { + box-shadow: none; + padding: 0 1cm; + margin: 0; + max-width: none; + } + .page:first-child, .center:first-child { + padding-top: 5mm; + } +} + +.page-a4, .page.page-a4 { /* A4 paper used in most places */ + width: 21cm; + height: 29.7cm; +} + +.page-letter, .page.page-letter { /* Standard U.S. letter */ + width: 8.5in; + height: 11in; +} + + +/* LINKS */ +a, +a code, /* Otherwise it would just stay black text; common enough to include here. */ +.link { + color: #00f; /* Make sure colour is the same in all browsers. */ + text-decoration: none; /* Underlining can look "busy"; the colour on its own should be enough. */ + transition: color .2s; /* Animate the change in colour effect on hover; subtle but noticeable. */ +} +a:hover, .link:hover { + text-decoration: underline; /* Provide some feedback by underlining and changing colour. */ + color: #6491ff; /* Light blue */ +} +a:hover code { + color: #6491ff; /* Also change colour of code on hover. */ +} + +form { /* Make sure forms don't affect visual layout. */ + display: inline; + margin: 0; + padding: 0; +} + +.link { + background: transparent; /* Reset basic appearance. */ + border: none; + outline: none; + margin: 0; + padding: 0; + cursor: pointer; + font: inherit; + line-height: 1rem; + display: inline; + + -moz-user-select: inherit; /* Otherwise text isn't selectable. */ + -webkit-appearance: none; +} + + +/* HEADERS */ + +/* The intention is that there is only one h1 on a page: at the top. If you use + * h1 different, then you may want to add a border like in the h2. */ +h1 { + text-align: center; + padding: .5em 0; /* More than default. */ + font-size: 1.7em; /* Default of 2em is pretty large. */ +} + +h2 { + border-bottom: 1px solid /*textcolor*/#252525; /* Underline to stand out more. */ + padding-bottom: .2em; /* Border not too close to the text. */ + font-size: 1.5em; /* Default of 1.8em is pretty large. */ +} + +h3 { + font-size: 1.3em; /* Default of 1.6em is pretty large. */ +} + +h4 { + font-size: 1.1em; /* Slightly larger than default of 1em. */ +} + +h5, h6 { + font-size: 1em; /* Don't make h5 and h6 smaller than base font. */ +} + + +/* BLOCKQUOTE */ +blockquote { + font-style: italic; /* Quotations are usually typeset in italics. */ +} + + +/* IMAGES */ +img { + max-width: 100%; /* Make sure it's never larger than the page. */ +} +figure { + text-align: center; /* Centre images and associated captions (if any). */ + margin: 1rem 0; /* Don't need 40px of margin on either side. */ +} + +figure.border { + border: 1px solid /*bordercolor*/#aaa; /* Add border. */ + padding: 5px; /* Slight gap between image and border. */ + margin: -5px; /* Put the border in the margin, so the padding doesn't shrink the image. */ +} + +@media (min-width: /*bodywidth*/54em) { /* Only if the screen is wide enough. */ + figure.full { /* Make sure this is after .border so that adding both works. */ + margin-left: /*padx*/-4rem; + width: calc(100% + /*padx*/8rem); + } + + figure.full.border { + border-left: none; /* Remove side borders on .full */ + border-right: none; + } +} + + +/* CODE */ +code, pre, kbd, samp { + background-color: #f5f5f5; /* Make it stand out a bit more. */ + color: #000; /* Override the softer black, as we're now using a grey background. */ +} + +pre { + overflow: auto; /* Add scrollbars if the content is too high or wide. */ + max-height: 500px; /* Scroll content larger than this. */ + padding: .5em 1em; /* Don't put the text right on the edge. */ + border-radius: 2px; /* Looks better with subtly rounded corner. */ + border-top: 1px solid #d5d5d5; /* Looks better. */ + border-bottom: 1px solid #d5d5d5; /* Looks better. */ +} + +@media (min-width: /*bodywidth*/54em) { /* Only if the screen is wide enough. */ + pre.full { + margin-left: /*padx*/-4rem; + width: calc(100% + /*padx*/8rem); + } +} + +code, kbd, samp { + padding: 1px 2px; /* Make sure the text isn't right on the edge of the background. */ +} +pre > code { /* Reset the above styling on
 */
+  padding: 0;
+  box-shadow: none;
+  border: none;
+}
+
+h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
+  background-color: transparent;       /* Don't include grey background in headers, looks ugly. */
+  box-shadow: none;
+  color: inherit;
+}
+
+
+/* TABLES */
+table {
+  border-collapse: collapse;           /* No space between borders. */
+  width: 100%;
+}
+table + table {
+  margin-top: 2em;                     /* Add margin for subsequent tables. */
+}
+
+@media (min-width: /*bodywidth*/54em) {  /* Only if the screen is wide enough. */
+  table.full {
+    margin-left: /*padx*/-3.5rem;
+    width: calc(100% + /*padx*/7rem);
+  }
+}
+
+caption {
+  font-weight: bold;                   /* Make caption stand out more. */
+}
+
+tr {
+  border-bottom: 1px solid #ddd;       /* Divide rows with a border. */
+}
+table > tr:last-child, tbody tr:last-child, tfoot tr:last-child {
+  border-bottom: none;                 /* No border on the last row. */
+}
+tfoot tr:first-child {
+  border-top: 1px solid #ddd;          /* Continue border on first tfoot row; removed with tbody tr:last-child. */
+}
+
+td, th {
+  padding: .2em .5em;                  /* Whitespace on top/bottom to make it less dense. */
+                                       /* And to the side to prevent cells from touching. */
+  hyphens: none;                       /* Disable hyphenation by default, as it tends to wreak havoc with cell width calculations. */
+}
+
+td.left, th.left  {                    /* Left aligned table cells (mainly for ). */
+  text-align: left;
+}
+td.right, th.right {                   /* Right aligned table cells. */
+  text-align: right;
+}
+table td.right {
+    font-feature-settings: 'tnum' on;  /* Use tabular numbers for alignment. */
+    font-variant-numeric: tabular-nums;
+    font-family: sans-serif;           /* Libre Baskerville has no aligned numbers :-( */
+}
+
+/* SUPER- AND SUBSCRIPT */
+
+sup, sub {                             /* Make sure the line height isn't affected. */
+  height: 0;
+  line-height: 1;
+  vertical-align: baseline;
+  position: relative;
+}
+sup {
+  bottom: 1ex;
+}
+sub {
+  top: .5ex;
+}
+
+/* HORIZONTAL RULER */
+
+/* Make the 
element look better by replacing it with some text (usually + * decorative characters such as fleurons or an asterism. */ +hr { + border: none; /* Remove default border. */ + text-align: center; /* Centre the characters. */ + font-size: 60px; /* Make it larger; what looks good depends a bit on which character you choose. */ + color: /*textcolor*/#252525; /* Standard text colour; it's grey by default. */ + opacity: .9; /* But make it slightly less dark than regular text. */ +} + +hr:before { + /* Two fleurons with touching edges. + content: "☙❧"; + letter-spacing: -4px; + */ + + /* As SVG, because too many browsers suck at rendering fonts well. This is + * the same as the above two rules (as they *should* render). */ + content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMC4yIDkuMiIgaGVpZ2h0PSIzNC44IiB3aWR0aD0iMTE0LjMiPjxwYXRoIGQ9Ik0xMy4yIDBxMS4xIDAgMS4zIDEuMiAwIDEtLjcgMS4yLTEuOC40LTIgLjggMi42LjMgMy4yIDMuMWguMmwuMi44LS40LjFxLS4yIDEuOC0xLjggMS45LTEgMC0xLjMtMSAwLS44LjItLjguMi40LjguNC44IDAgMS0uOFExMSA2LjEgMTEgMy43cS0xLjQgMC0yLjEgMSAxLjQuNyAxLjQgMS44LS4xIDIuNS0zLjYgMi43US41IDkuMiAwIDUuNXEwLS42LjctLjcuNSAwIC42LjV2LjJsLS4xLjRxMCAxIDEuMSAxIDEgMCAxLS43UTQgMS4yIDcgMXEyIC4xIDIgMS43di4xcTAgLjQtLjQgMS41IDEtLjggMi0xIC42IDAgLjYtLjQuOC0xIDEuNi0xLjMuNi0uNC42LS44bC0uMi0uNHEtLjItLjMgMC0uNHptLTEuNiAzLjd2LjFxMCAxLjQgMi4zIDIuMi0uMy0yLTIuMy0yLjN6Ii8+PHBhdGggZD0iTTE3IDBxLTEgMC0xLjMgMS4yIDAgMSAuOCAxLjIgMS44LjQgMiAuOC0yLjcuMy0zLjIgMy4xSDE1bC0uMi44LjUuMXEuMiAxLjggMS44IDEuOSAxIDAgMS4yLTEgMC0uOC0uMi0uOC0uMS40LS43LjQtLjkgMC0xLS44IDIuNy0uOCAyLjgtMy4yIDEuNCAwIDIgMS0xLjMuNy0xLjMgMS44IDAgMi41IDMuNSAyLjcgNi40IDAgNi44LTMuNyAwLS42LS42LS43LS42IDAtLjcuNXYuMmwuMi40cTAgMS0xLjIgMS0uOSAwLTEtLjctLjYtNS0zLjctNS4yLTIgLjEtMiAxLjd2LjFxMCAuNC40IDEuNS0xLS44LTItMS0uNiAwLS42LS40LS43LTEtMS41LTEuMy0uNi0uNC0uNi0uOGwuMi0uNHEuMi0uMyAwLS40em0xLjcgMy43di4xcTAgMS40LTIuNCAyLjIuMy0yIDIuNC0yLjN6Ii8+PC9zdmc+); + + /* Alternative: separate with a space: + content: "☙ ❧"; + */ + + /* Or separate with letter-spacing and padding: + letter-spacing: 1em; + padding-left: 1em; + */ + + /* Or asterism: + content: "⁂"; + */ + + /* Many possibilities + content: "* * *"; + content: "· · ·"; + */ +} +/* BLOCKQUOTE */ + +/* Put decorational quotation marks around blockquote elements. */ +blockquote { + font-style: italic; /* Quotations are usually typeset in italics. */ + position: relative; /* So that position: absolute is relative to this. */ +} + +blockquote:before /*, blockquote:after */ { + position: absolute; /* Don't interfere with regular layout. */ + color: #dbdbdb; /* Just decorational, so don't stand out too much. */ + font-size: 5em; +} + +blockquote:before { + content: "“"; + left: -.6em; + top: .25em; +} + +/* Optional: place a mark after the quote, too. I personally don't like it as + * often times the last line won't end at the line, and there just seems to be a + * "dangling" quotation mark there. + * + * Note: add blockquote:after to the first selector above too. + */ +/* +blockquote:after { + content: "„"; /* Use the German-style opening quote as it's easier to align, and it should look the same. * + right: -.6em; + bottom: .25em; +} +*/ +/* FORMS */ + +/* Simple form layouts. + * + * Use the "vertical" class to make the labels sit above the input fields: + * + * Label + * [ ] + * + * [x] Checkbox + * + * [Submit] + * + * + * Use the "horizontal" class if you want a more "horizontal" layout: + * + * Label [ ] + * + * Another [ ] + * + * [x] Checkbox + * + * [Submit] + * + * You need to explicitly add one of the layout classes to make it easier to use + * forms as simple UI elements. + */ + + +/* GENERIC STYLES */ +input[type="text"], +input[type="search"], +input[type="tel"], +input[type="url"], +input[type="email"], +input[type="password"], +input[type="date"], +input[type="month"], +input[type="week"], +input[type="time"], +input[type="datetime-local"], +input[type="range"], +input[type="number"], +textarea, +select { + font: 1em/100% sans-serif; /* Use sans-serif font with the default font size. */ +} + +textarea, +button:not(.link), +select, +input:not([type="checkbox"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]) { + padding: .6em; /* Chrome adds almost no padding. */ + border: 1px solid #bbb; + border-radius: 3px; +} + +textarea { + width: 100%; /* Use entire width of container. */ + height: 10rem; /* A reasonable default height for most purposes. */ + line-height: 130%; /* Reduce line-height since we set a sans-serif font. */ +} + +button:not(.link), input[type="submit"]:not(.link) { + color: #000; /* Bit more contrast. */ + cursor: pointer; /* Clearer it's clickable. */ + margin-left: .5em; /* Bit of margin generally looks better. */ + padding: .6em 1.5em; /* More padding for left/right. */ + background-color: #f6f5f4; /* Background gets reset when border is set; defaults from Firefox. */ + background: linear-gradient(#f6f5f4, #edebe9); + border: .5px outset #e9e9e9; /* More or less the same as the Firefox border. */ + border-radius: 3px; + border-top-color: #ccc; + border-left-color: #ccc; +} + +select { + background-color: inherit; /* No need for just selects to be grey. */ +} + +input:not(.link):focus, +button:not(.link):focus, +textarea:focus, +select:focus { /* Firefox removes this once you start styling */ + outline: 1px solid #00f; + box-shadow: 0 0 .2em #00f; + color: #000; /* Increase contrast a bit. */ + cursor: pointer; /* Clearer that you can click this. */ +} + +button:not(.link):hover, /* Bit darker on hover. */ +input[type="submit"]:not(.link):hover { + background-color: #f0f0f0; + background: linear-gradient(#f0f0f0, #d0cecc); +} +button:not(.link):active, /* Reverse when active/clicking. */ +input[type="submit"]:not(.link):active { + background-color: #d0cecc; + background: linear-gradient(#d0cecc, #f0f0f0); + border-style: inset; +} + +form > strong, fieldset > strong { /* Header. */ + display: inline-block; + margin-top: .5em; +} + +form span { + margin-left: .2em; /* Help text or error; so it doesn't sit flush with the input. */ +} + +fieldset { + border: 1px solid /*bordercolor*/#aaa; /* More modern-looking border instead of inset or 2px. */ +} + +/* VERTICAL FORM */ + +/* TODO: optgroup? */ +/* https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css */ +.vertical input[type="text"], +.vertical input[type="search"], +.vertical input[type="tel"], +.vertical input[type="url"], +.vertical input[type="email"], +.vertical input[type="password"], +.vertical input[type="date"], +.vertical input[type="month"], +.vertical input[type="week"], +.vertical input[type="time"], +.vertical input[type="datetime-local"], +.vertical input[type="range"], +.vertical input[type="number"], +.vertical textarea, +.vertical select { + display: block; /* One input per line. */ + min-width: 20rem; /* Roughly half the page. */ +} + +.vertical input[type="number"] { + min-width: 10rem; /* Numbers don't need to be so wide. */ + width: 10rem; +} + +.vertical label { + display: block; /* One label per line. */ + margin-top: .5em; /* Clear from the previous input. */ +} + +/* HORIZONTAL FORM */ +form.horizontal { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +form.horizontal label { + width: 30%; +} + +form.horizontal > div { + width: 65%; + margin-bottom: 1em; +} + +form.horizontal input[type=submit], +form.horizontal button[type=submit] { + margin-left: 35%; /* Align submit buttons with inputs. */ +} + +form.horizontal span { /* Help text, put below the input. */ + display: block; + margin-left: .2em; +} +/* PERMALINK MARKERS */ + +/* Style permalink markers in headers. h2-h6 headers. The HTML is assumed to + * look like: + * + *

Hello, CSS!

+ * + * Note the space between the and text matters, otherwise it will look bad + * in text browsers. + */ +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + font-size: .7em; /* Doesn't need to be so large. */ + line-height: 0; /* Don't affect line-height of header. */ + color: #999; /* Use subdued colour, don't need to stand out too much. */ +} + +h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after { + content: "¶"; /* So it won't get copy/pasted. */ + /* Alternative: + content: "🔗"; + content: "§"; + content: "[link]"; + */ +} + +/* Alternative: put it before the element, in the page margin. Not done for h1 + * as that's centre-aligned by default, so it looks weird. */ +/* +h2, h3, h4, h5, h6 { + position: relative; +} +h2 a, h3 a, h4 a, h5 a, h6 a { + position: absolute; + left: -1em; + font-size: .8em; + line-height: 1.6em; +} +*/ +/* POSTSCRIPT */ + +/* A "postscript" is useful for adding things after the main text, such as a + * footnotes section, feedback section, etc. + * + * It doesn't need to be at the end of the document, and also fits well at the + * end of a chapter. + */ +.postscript { + margin-top: 3em; /* Clear a bit from regular content. */ + border-top: 1px solid /*bordercolor*/#aaa; /* Border to separate. */ + font-size: .9em; /* Slightly smaller text. */ + position: relative; /* So we can place the header. */ + +} +.postscript + .postscript { + margin-top: 2em; /* Less margin for subsequent footnotes. */ +} + +.postscript > strong { + font-style: normal; /* Override the italics. */ + position: absolute; /* Move to the to align with the border. */ + top: -1em; + left: 1em; + background-color: /*bgcolor*/#fff; /* Add background colour and padding to hide the border. */ + padding: 0 .5em; +} + +.postscript > p { + margin: 1em 2em /* Make margin same as list. */ +} + +/* Make the border take up the page padding if the screen is wide enough. */ +@media (min-width: /*bodywidth*/54rem) { + .postscript { + margin-left: /*padx*/-4em; /* Put the div in the margin too, so the border is wider. */ + width: calc(100% + /*padx*/8em); + padding: 0 /*padx*/4em; /* Add page margin. */ + } + + .postscript > strong { + left: /*padx*/6em; + } +} diff --git a/src/hiq.css b/src/hiq.css new file mode 100644 index 0000000..eafd6f2 --- /dev/null +++ b/src/hiq.css @@ -0,0 +1 @@ +.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.home{max-width:960px;margin:0 auto;padding:var(--navbar-height) 2rem 0}.home .hero{text-align:center}.home .hero img{display:block;max-height:280px;margin:3rem auto 1.5rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero h1{font-weight:var(--hiq-font-weight-medium)}.home .hero .description{max-width:30rem;font-size:var(--hiq-font-size-large);line-height:1.3;color:var(--hiq-color-gray-5)}.home .hero .action-button{display:inline-block;height:auto;padding:.75rem 1.5rem;font-size:var(--hiq-font-size-large)}.home .features{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between;margin-top:2.5rem;padding:2.5rem 0 1rem;border-top:1px solid var(--hiq-color-gray-6)}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%;margin-bottom:.5rem}.home .feature h2{margin-bottom:.5rem;border-bottom:0;font-size:var(--hiq-font-size-4);font-weight:var(--hiq-font-weight-medium)}.home .feature p{color:var(--hiq-color-gray-4)}.home .footer{padding:2.5rem;border-top:1px solid var(--hiq-color-gray-6);text-align:center}.home .footer,.home .footer a{color:var(--hiq-color-gray-5)}.home .footer a:hover{color:var(--hiq-color-gray-4)}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-right:1.5rem;padding-left:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .action-button{padding:.6rem 1.2rem}}.sidebar-button{display:none;position:absolute;top:.75rem;left:1rem;width:2.25rem;height:2.25rem;padding:.5rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.algolia-search-wrapper &>span{vertical-align:middle}.algolia-search-wrapper .algolia-autocomplete{line-height:normal}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu{margin:6px 0 0;padding:4px;border:1px solid var(--hiq-color-gray-6);border-radius:4px;background-color:#fff;text-align:left}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu:before{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu [class*=ds-dataset-]{padding:0;border:none}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestion{border-bottom:1px solid var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:var(--hiq-selection-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion{padding:0;border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header{margin-top:0;padding:5px 10px;background-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:#fff}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper{padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title{margin-bottom:0;font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-text-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{padding:5px 7px 5px 5px;vertical-align:top;border-color:var(--hiq-color-gray-6);background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{display:none}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column-text{color:var(--hiq-color-gray-4)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-footer{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--content{background-color:var(--hiq-selection-color)!important;color:var(--hiq-text-color)}@media (min-width:719px){.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:table-cell;float:none;width:150px;min-width:150px}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:table-cell;float:none;width:100%;vertical-align:top}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .ds-dropdown-menu{min-width:515px!important}}@media (max-width:719px){.algolia-search-wrapper .ds-dropdown-menu{min-width:calc(100vw - 4rem)!important;max-width:calc(100vw - 4rem)!important}.algolia-search-wrapper .algolia-docsearch-suggestion--wrapper{padding:5px 7px 5px 5px!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column{padding:0!important;background-color:#fff!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column-text:after{display:inline-block;width:5px;margin:-3px 3px 0;vertical-align:middle;font-size:10px;line-height:14px;content:" > "}}.search-box{display:inline-block;position:relative;margin-right:.5rem}.search-box input{width:10rem;padding:0 .5rem 0 2rem;border:1px solid var(--hiq-color-gray-6);border-radius:2rem;background:#fff url(/hiq/assets/img/search.0781e11c.svg) .6rem .5rem no-repeat;background-size:1rem;outline:none;font-size:16px;line-height:2rem;color:var(--hiq-color-gray-5);transition:all .2s ease;cursor:text}.search-box input:focus{border-color:var(--hiq-color-primary);cursor:auto}.search-box .suggestions{position:absolute;top:2.75rem;width:20rem;padding:.4rem;border:1px solid var(--hiq-color-gray-6);border-radius:6px;background-color:#fff;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{padding:.4rem .6rem;border-radius:4px;line-height:1.4;cursor:pointer}.search-box .suggestion a{color:var(--hiq-color-gray-4)}.search-box .suggestion.focused{background-color:var(--hiq-color-gray-7)}.search-box .suggestion.focused a{color:var(--hiq-color-primary)}.search-box .suggestion a .page-title{font-weight:var(--hiq-font-weight-semibold)}.search-box .suggestion a .page-title+.header{margin-left:.25rem;font-size:var(--hiq-font-size-small)}@media (max-width:959px){.search-box input{position:relative;left:1rem;width:0;border-color:transparent;cursor:pointer}.search-box input:focus{width:10rem;left:0;cursor:text}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box input:focus{width:10rem}.search-box .suggestions{width:calc(100vw - 3rem)}}.code-example{margin:1.5rem 0;padding:var(--hiq-pre-padding-vertical) var(--hiq-pre-padding-horizontal);border:1px solid var(--hiq-pre-border-color);border-radius:var(--hiq-pre-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}.code-example+div[class*=language-]{margin-top:-1px}.code-example+div[class*=language-] pre{border-top-right-radius:0;border-top-left-radius:0}.code-example [role=button]:not(:last-child),.code-example button:not(:last-child){margin:0 .35rem .35rem 0}.code-example dl:last-of-type,.code-example ol:last-of-type,.code-example p:last-of-type,.code-example ul:last-of-type{margin-bottom:0}.code-example blockquote,.code-example details,.code-example fieldset,.code-example figure,.code-example pre,.code-example table{margin:0}@media (max-width:419px){.code-example{margin-right:-1.5rem;margin-left:-1.5rem;border-right:0;border-left:0;border-radius:0}}.class{opacity:.5}.properties-reference{margin-top:2rem}.properties-reference p{margin-bottom:1.5rem}.searchbox{display:inline-block;position:relative;width:200px;height:32px!important;white-space:nowrap;box-sizing:border-box;visibility:visible!important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease,background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;background:#fff!important;padding:0 26px 0 32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{outline:0;box-shadow:inset 0 0 0 1px #aaa;background:#fff}.searchbox__input::-webkit-input-placeholder{color:#aaa}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit:before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:""}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6d7e96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:none;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid~.searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0%{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes sbx-reset-in{0%{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0!important;left:inherit!important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0!important;right:inherit!important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:none;z-index:999;max-width:600px;min-width:500px;box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:"";width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{position:relative;border:1px solid #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{display:block;position:relative;padding:0 8px;background:#fff;color:#02060c;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,.1);padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363d}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#a4a7ae;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060c;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676d}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:none;color:#222;background-color:#ebebeb;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:none}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}@media (min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media (max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:inline-block;width:auto;float:left;padding:0;color:#02060c;font-size:.9em;font-weight:700;text-align:left;opacity:.5}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;width:auto;text-align:left;float:left;padding:0}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url('data:image/svg+xml;utf8,');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none!important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 012.966 2.966V20.5a2.967 2.967 0 01-2.966 2.964H78.988a2.967 2.967 0 01-2.966-2.964V3.897A2.961 2.961 0 0178.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 00-1.574-.199 5.7 5.7 0 00-.897.069 2.699 2.699 0 00-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 01-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 01-1.471-.636 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 011.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 011.82-.185 8.404 8.404 0 011.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 00-.384-.73 1.784 1.784 0 00-.724-.493 3.164 3.164 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 00-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 012.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 00-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 00-.814.24 1.46 1.46 0 00-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 01.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 01-1.471-.635 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 012.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 00-.109-.875 1.873 1.873 0 00-.384-.731 1.784 1.784 0 00-.724-.492 3.165 3.165 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 00-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 012.073-.177zm-8.034-1.271a1.626 1.626 0 01-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 01-1.128 1.906 4.986 4.986 0 01-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 01-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 01-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 011.15-1.892 5.133 5.133 0 011.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 011.753 1.216 5.644 5.644 0 011.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 00-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 01-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 01-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 012.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 00-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 01-.582-.271 13.67 13.67 0 01-.55-.287 4.275 4.275 0 01-.567-.351 6.92 6.92 0 01-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 01-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 00-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 00-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 00-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 01-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 00-.978-.977h-2.28a.978.978 0 00-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 011.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 00-1.382 0l-.465.465a.973.973 0 000 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 00-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 01-4.49-4.482 4.488 4.488 0 014.49-4.482 4.488 4.488 0 014.489 4.482 4.484 4.484 0 01-4.49 4.482m0-10.85a6.363 6.363 0 100 12.729 6.37 6.37 0 006.372-6.368 6.358 6.358 0 00-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0!important;width:100%;height:100%;display:block}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{margin-top:-1px;margin-left:.4rem;vertical-align:middle}.dropdown-wrapper .nav-dropdown .dropdown-item{line-height:1.7rem;color:inherit}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;padding:.45rem 1.5rem 0 1.25rem;border-top:1px solid var(--hiq-color-gray-6)}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;position:relative;margin-bottom:0;padding:0 1.5rem 0 1.25rem;border-bottom:none;line-height:1.7rem;font-weight:400}.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{position:absolute;top:calc(50% - 2px);left:9px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--hiq-color-primary);content:""}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{overflow:hidden;transition:height .1s ease-out}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper .dropdown-title .arrow{border-top:6px solid var(--hiq-color-gray-6);border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.dropdown-wrapper .nav-dropdown{display:none;position:absolute;top:100%;right:0;height:auto!important;max-height:calc(100vh - 2.7rem);overflow-y:auto;margin:0;padding:.6rem 0;background-color:#fff;border-bottom-color:var(--hiq-color-gray-6);border:1px solid var(--hiq-color-gray-6);border-radius:.2rem;text-align:left;white-space:nowrap}}.nav-links{display:inline-block}.nav-links a{font-weight:var(--hiq-font-weight-medium);line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-color-primary)}.nav-links .nav-item{display:inline-block;position:relative;margin-left:1.125rem;line-height:2rem}.nav-links .repo-link{margin-left:1.125rem}.version-number{margin-left:1rem;font-weight:var(--hiq-font-weight-medium)}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-text-color)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid var(--hiq-color-primary)}}@media (max-width:719px){.version-number{display:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--navbar-height);padding:.5rem 1.5rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);background-color:#fff;line-height:calc(var(--navbar-height) - 1rem)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar a{box-shadow:none!important}.navbar .logo{min-width:2.6rem;height:2.6rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{position:relative;font-size:1.3rem;font-weight:600;color:var(--hiq-text-color)}.links{position:absolute;font-size:.9rem;top:.5rem;right:1.5rem}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}}.page{padding-bottom:2rem;padding-left:var(--sidebar-width)}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .last-updated{float:right;font-size:var(--hiq-font-size-small)}.page-edit .last-updated .prefix{font-weight:var(--hiq-font-weight-medium);color:var(--hiq-color-gray-4)}.page-edit .last-updated .time{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-5)}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;overflow:auto;margin-top:0;padding-top:1rem;border-top:1px solid var(--hiq-color-gray-6)}.page-nav .next{float:right}@media (max-width:959px){.page{padding-left:var(--mobile-sidebar-width)}}@media (min-width:720px){.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:719px){.page{padding-left:0}.page-edit .last-updated{float:none;font-size:var(--hiq-font-size-small);text-align:left}}.sidebar .sidebar-sub-headers{padding-left:1rem}a.sidebar-link{display:inline-block;width:100%;padding:.35rem 1rem .35rem 1.25rem;border-left:.25rem solid transparent;box-shadow:none!important;line-height:1.4;font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-3)}a.sidebar-link:hover{color:var(--hiq-color-primary)}a.sidebar-link.active{border-left-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-color-primary)}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:var(--hiq-font-weight-medium)}.sidebar-group:not(.first){margin-top:1rem}.sidebar-group:not(.collapsable) .sidebar-heading{color:inherit;cursor:auto}.sidebar-group .sidebar-group{padding-left:.5rem}.sidebar-heading{margin-top:0;margin-bottom:.5rem;padding:0 1.5rem;font-weight:var(--hiq-font-weight-bold);color:var(--hiq-text-color);transition:color .15s ease;cursor:pointer}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12rem;left:.5rem}.sidebar-heading .open .arrow{top:-.18rem}.sidebar-group-items{overflow:hidden;transition:height .1s ease-out}.sidebar-mask{display:none;position:fixed;top:0;left:0;z-index:9;width:100vw;height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.sidebar{position:fixed;top:var(--navbar-height);bottom:0;left:0;z-index:10;width:var(--sidebar-width);overflow-y:auto;margin:0;border-right:1px solid var(--hiq-color-gray-6);background-color:#fff}.theme-container.sidebar-open .sidebar{top:0}.sidebar ul{margin:0;padding:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;padding:.5rem 0 .75rem;border-bottom:1px solid var(--hiq-color-gray-6)}.sidebar .nav-links a{font-weight:var(--hiq-font-weight-semibold)}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;padding:.5rem 0 .5rem 1.5rem;line-height:1.25rem}.sidebar .sidebar-links{padding:1.5rem 0}@media (max-width:959px){.sidebar{width:var(--mobile-sidebar-width)}}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}}@media (max-width:719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translateX(-100%);transition:transform .2s ease}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.is-unselectable{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.overflow-touch{-webkit-overflow-scrolling:touch}.is-stretched{position:absolute;top:0;left:0;width:100%;height:100%}.is-visually-hidden{clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;white-space:nowrap}.has-text-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-clipped{overflow:hidden!important}body,html{margin:0;padding:0}html{box-sizing:border-box;min-width:300px;overflow-x:hidden;overflow-y:scroll;background-color:var(--hiq-html-background-color,#fff);-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:inherit}body{background-color:var(--hiq-body-background-color,#fff)}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}[tabindex="-1"]:focus{outline:none!important}p{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}address{margin-bottom:var(--hiq-block-element-margin-bottom,1rem);font-style:normal;line-height:inherit}blockquote{--blockquote-font-size:var(--hiq-blockquote-font-size,var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem)));--blockquote-line-height:var(--hiq-blockquote-line-height,var(--hiq-heading-line-height,1.4));--blockquote-citation-color:var(--hiq-blockquote-citation-color,var(--hiq-color-gray-5,#999));margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}blockquote p{margin-bottom:0;font-size:var(--blockquote-font-size);line-height:var(--blockquote-line-height)}blockquote cite{display:block;margin-top:.25rem;color:var(--blockquote-citation-color)}blockquote cite:before{content:"\2014 \00A0"}cite{font-style:normal}details{margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}summary{display:list-item}summary:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}html{-webkit-text-size-adjust:100%;text-rendering:var(--hiq-text-rendering,optimizeLegibility);font-family:var(--hiq-font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);font-size:calc(var(--hiq-unitless-min-font-size, 15)*1px);font-weight:var(--hiq-font-weight-base,var(--hiq-font-weight-normal,400));letter-spacing:var(--hiq-letter-spacing-base,0);line-height:var(--hiq-line-height-base,1.5)}@media (min-width:460px){html{font-size:calc(var(--hiq-unitless-min-font-size, 15)*1px + (var(--hiq-unitless-max-font-size, 16) - var(--hiq-unitless-min-font-size, 15))*(100vw - var(--hiq-unitless-lower-font-range, 460)*1px)/(var(--hiq-unitless-upper-font-range, 900) - var(--hiq-unitless-lower-font-range, 460)))}}@media (min-width:900px){html{font-size:calc(var(--hiq-unitless-max-font-size, 16)*1px)}}body{text-align:left;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}h1,h2,h3,h4,h5,h6{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;font-weight:var(--hiq-heading-font-weight,var(--hiq-font-weight-medium,500));line-height:var(--hiq-heading-line-height,1.2)}hr{--horizontal-rule-height:var(--hiq-horizontal-rule-height,1px);--horizontal-rule-color:var(--hiq-horizontal-rule-color,var(--hiq-color-gray-6,#e3e5e8));box-sizing:content-box;height:var(--horizontal-rule-height);overflow:visible;margin-top:var(--hiq-block-element-margin-bottom,1rem);margin-bottom:var(--hiq-block-element-margin-bottom,1rem);padding:0;border:0;background-color:var(--horizontal-rule-color)}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}dfn{font-style:italic}mark{background-color:var(--hiq-mark-color,#fcf8e3)}del{background-color:var(--hiq-deleted-color,#f95da8)}ins{background-color:var(--hiq-inserted-color,#e5f2ff)}a{--link-text-decoration:var(--hiq-link-text-decoration,none);--link-color:var(--hiq-link-color,var(--hiq-color-primary,#007fff));--link-hover-color:var(--hiq-link-hover-color,#06c);--link-active-color:var(--hiq-link-active-color,#06c);background-color:transparent;-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);-webkit-text-decoration-skip:objects;color:var(--link-color);transition:color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}a:focus,a:hover{color:var(--link-hover-color)}a:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}a:active{color:var(--link-active-color)}ol,ul{--list-margin-left:var(--hiq-list-margin-left,1rem);margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0 0 0 var(--list-margin-left)}ul{--unordered-list-style:var(--hiq-unordered-list-style,disc);list-style:var(--unordered-list-style)}ul ul{margin-bottom:0}li{margin:0;padding:0}.is-unstyled{padding-left:0;list-style:none}dl{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}dt{--description-list-title-font-weight:var(--hiq-description-list-title-font-weight,var(--hiq-font-weight-semibold,600));font-weight:var(--description-list-title-font-weight)}dd,dt{margin:0;padding:0}dd:not(:last-child){margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection,::selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}.is-size-1,h1{font-size:var(--hiq-font-size-1,2.5rem)}.is-size-2,h2{font-size:var(--hiq-font-size-2,2rem)}.is-size-3,h3{font-size:var(--hiq-font-size-3,1.75rem)}.is-size-4,h4{font-size:var(--hiq-font-size-4,1.5rem)}.is-size-5,h5{font-size:var(--hiq-font-size-5,1rem)}.is-size-6,h6{font-size:var(--hiq-font-size-6,.875rem)}.is-large{font-size:var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem))}.is-small,small{font-size:var(--hiq-font-size-small,var(--hiq-font-size-6,.875rem))}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}b,strong{font-weight:var(--hiq-font-weight-bold,700)}.button,[role=button],[type=button],[type=reset],[type=submit],button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}.button:focus,.button:hover,[role=button]:focus,[role=button]:hover,[type=button]:focus,[type=button]:hover,[type=reset]:focus,[type=reset]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.button:active,.button:focus,[role=button]:active,[role=button]:focus,[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.button:active,[role=button]:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.button:visited,[role=button]:visited,[type=button]:visited,[type=reset]:visited,[type=submit]:visited,button:visited{color:var(--button-text-color)}.button:disabled,.button[aria-disabled],[role=button]:disabled,[role=button][aria-disabled],[type=button]:disabled,[type=button][aria-disabled],[type=reset]:disabled,[type=reset][aria-disabled],[type=submit]:disabled,[type=submit][aria-disabled],button:disabled,button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}::-webkit-file-upload-button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);-webkit-transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}::-webkit-file-upload-button:focus,::-webkit-file-upload-button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}::-webkit-file-upload-button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}::-webkit-file-upload-button:visited{color:var(--button-text-color)}::-webkit-file-upload-button:disabled,::-webkit-file-upload-button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}fieldset[disabled] [role=button]{pointer-events:none}code,kbd,pre,samp{--code-font-size:var(--hiq-code-font-size,var(--hiq-font-size-small,var(--hiq-font-size-6,0.875rem)));font-family:var(--hiq-font-family-monospace,Menlo,Monaco,Consolas,"Courier New",monospace);font-size:var(--code-font-size)}code{--code-padding-vertical:var(--hiq-code-padding-vertical,0.2rem);--code-padding-horizontal:var(--hiq-code-padding-horizontal,0.4rem);--code-border-color:var(--hiq-code-border-color,var(--hiq-color-gray-6,#e3e5e8));--code-background-color:var(--hiq-code-background-color,var(--hiq-color-gray-7,#f1f2f4));--code-text-color:var(--hiq-code-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));padding:var(--code-padding-vertical) var(--code-padding-horizontal);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--code-background-color);white-space:pre;color:var(--code-text-color)}:not(pre)>code{border:1px solid var(--code-border-color)}a code{padding:0;border:0;background-color:inherit;color:inherit}kbd{--kbd-padding-vertical:var(--hiq-kbd-padding-vertical,0.2rem);--kbd-padding-horizontal:var(--hiq-kbd-padding-horizontal,0.4rem);--kbd-border-color:var(--hiq-kbd-border-color,var(--hiq-color-gray-6,#e3e5e8));--kbd-background-color:var(--hiq-kbd-background-color,transparent);--kbd-text-color:var(--hiq-kbd-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));--nested-kbd-font-weight:var(--hiq-nested-kbd-font-weight,var(--hiq-font-weight-medium,600));padding:var(--kbd-padding-vertical) var(--kbd-padding-horizontal);border:1px solid var(--kbd-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--kbd-background-color);color:var(--kbd-text-color)}kbd kbd{padding:0;border:0;font-weight:var(--nested-kbd-font-weight)}pre{--pre-padding-vertical:var(--hiq-pre-padding-vertical,var(--hiq-code-padding-vertical,1.25rem));--pre-padding-horizontal:var(--hiq-pre-padding-horizontal,var(--hiq-code-padding-horizontal,1.5rem));--pre-border-color:var(--hiq-pre-border-color,var(--hiq-color-gray-6,#e3e5e8));--pre-background-color:var(--hiq-pre-background-color,transparent);--pre-text-color:var(--hiq-pre-text-color,var(--hiq-color-gray-4,#5c6370));-webkit-overflow-scrolling:touch;overflow-x:auto;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--pre-padding-vertical) var(--pre-padding-horizontal);border:1px solid var(--pre-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--pre-background-color);-moz-tab-size:1.5rem;-o-tab-size:1.5rem;tab-size:1.5rem;word-wrap:normal;color:var(--pre-text-color)}pre,pre code{white-space:pre-wrap}pre code{padding:0;border-radius:0;background-color:transparent;font-size:inherit;color:inherit}embed,img,object,video{max-width:100%;height:auto}figure{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}figcaption{--figcaption-margin-top:var(--hiq-figcaption-margin-top,0.5rem);--figcaption-font-weight:var(--hiq-figcaption-font-weight,var(--hiq-font-weight-normal,400));--figcaption-text-color:var(--hiq-figcaption-text-color,var(--hiq-color-gray-5,#999));margin-top:var(--figcaption-margin-top);font-weight:var(--figcaption-font-weight);color:var(--figcaption-text-color)}img{--image-border-radius:var(--hiq-image-border-radius,var(--hiq-border-radius,0.2rem));display:block;border-style:none;border-radius:var(--image-border-radius);vertical-align:middle}svg:not(:root){overflow:hidden}video:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}audio{max-width:100%}iframe{margin:0;padding:0;border:0}meter{--meter-background-color:var(--hiq-meter-background-color,var(--hiq-color-gray-6,#e3e5e8));--meter-strong-color:var(--hiq-meter-strong-color,var(--hiq-color-success,#21d492));--meter-good-color:var(--hiq-meter-good-color,var(--hiq-color-warning,#fcd34a));--meter-weak-color:var(--hiq-meter-weak-color,var(--hiq-color-danger,#fa3d56));width:100%;border:0;background:var(--meter-background-color)}meter::-webkit-meter-bar{border:0;background:var(--meter-background-color)}meter::-moz-meter-bar{background:var(--meter-background-color)}meter::-webkit-meter-optimum-value{background:var(--meter-strong-color)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--meter-strong-color)}meter::-webkit-meter-suboptimum-value{background:var(--meter-good-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--meter-good-color)}meter::-webkit-meter-even-less-good-value{background:var(--meter-weak-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--meter-weak-color)}progress{--progress-background-color:var(--hiq-progress-background-color,var(--hiq-color-gray-6,#e3e5e8));--progress-filled-color:var(--hiq-progress-filled-color,var(--hiq-color-primary,#007fff));position:relative;width:100%;border:none;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none}progress[value]{height:1rem}progress::-webkit-progress-bar{background-color:var(--progress-background-color)}progress::-webkit-progress-value{background-color:var(--progress-filled-color)}progress::-moz-progress-bar{background-color:var(--progress-filled-color)}progress:indeterminate:after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-webkit-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-moz-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite;content:""}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}table{--table-head-border-width:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px));--table-foot-border-width:var(--hiq-table-foot-border-width,var(--hiq-table-cell-border-width,1px));--table-cell-padding-vertical:var(--hiq-table-cell-padding-vertical,0.5rem);--table-cell-padding-horizontal:var(--hiq-table-cell-padding-horizontal,0.75rem);--table-cell-border-width:var(--hiq-table-cell-border-width,1px);--table-cell-border-color:var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8));--table-heading-background-color:var(--hiq-table-heading-background-color,var(--hiq-color-gray-7,#f1f2f4));--table-heading-font-weight:var(--hiq-table-heading-font-weight,var(--hiq-font-weight-medium,500));--table-heading-text-color:var(--hiq-table-heading-text-color,var(--hiq-color-gray-4,#5c6370));--table-caption-padding-vertical:var(--hiq-table-caption-padding-vertical,0.75rem);--table-caption-font-weight:var(--hiq-table-caption-font-weight,var(--hiq-font-weight-normal,400));--table-caption-text-color:var(--hiq-table-caption-text-color,var(--hiq-color-gray-5,#999));width:100%;max-width:100%;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}caption,td,th{text-align:inherit}td,th{padding:var(--table-cell-padding-vertical) var(--table-cell-padding-horizontal);border-top:var(--table-cell-border-width) solid var(--table-cell-border-color);vertical-align:top}thead td,thead th{border-top:0;border-bottom:var(--table-head-border-width) solid var(--hiq-table-cell-border-color);vertical-align:bottom}tfoot td,tfoot th{border-top:var(--table-foot-border-width) solid var(--hiq-table-cell-border-color);vertical-align:top}th{background-color:var(--table-heading-background-color);font-weight:var(--table-heading-font-weight);color:var(--table-heading-text-color)}tbody+tbody{border-top:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px)) solid var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8))}table caption{padding:var(--table-caption-padding-vertical) 0;font-weight:var(--table-caption-font-weight);color:var(--table-caption-text-color)}fieldset{--fieldset-padding-vertical:var(--hiq-fieldset-padding-vertical,0);--fieldset-padding-horizontal:var(--hiq-fieldset-padding-horizontal,0);--fieldset-border-width:var(--hiq-fieldset-border-width,0);--fieldset-border-color:var(--hiq-fieldset-border-color,transparent);min-width:0;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);border:var(--fieldset-border-width) solid var(--fieldset-border-color)}legend{--legend-margin-bottom:var(--hiq-legend-margin-bottom,0.5rem);--legend-font-weight:var(--hiq-legend-font-weight,var(--hiq-font-weight-semibold,600));width:100%;max-width:100%;margin:0 0 var(--legend-margin-bottom);font-weight:var(--legend-font-weight);line-height:inherit;white-space:normal;color:inherit}label,legend{display:block;padding:0}label{--label-margin-bottom:var(--hiq-label-margin-bottom,0.25rem);--label-font-weight:var(--hiq-label-font-weight,var(--hiq-font-weight-medium,500));margin:0 0 var(--label-margin-bottom);font-weight:var(--label-font-weight)}output{display:inline-block}.checkbox{--checkbox-margin-bottom:var(--hiq-checkbox-margin-bottom,0.5rem);--checkbox-label-padding-horizontal:var(--hiq-checkbox-label-padding-horizontal,1.5rem);--checkbox-label-font-weight:var(--hiq-checkbox-label-font-weight,var(--hiq-font-weight-normal,400));--checkbox-width:var(--hiq-checkbox-width,1rem);--checkbox-height:var(--hiq-checkbox-height,1rem);--checkbox-border-width:var(--hiq-checkbox-border-width,1px);--checkbox-border-color:var(--hiq-checkbox-border-color,transparent);--checkbox-border-radius:var(--hiq-checkbox-border-radius,var(--hiq-border-radius,0.2rem));--checkbox-background-color:var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8));--checkbox-hover-background-color:var(--hiq-checkbox-hover-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-focus-background-color:var(--hiq-checkbox-focus-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-checked-border-color:var(--hiq-checkbox-checked-border-color,var(--hiq-color-primary,#007fff));--checkbox-checked-background-color:var(--hiq-checkbox-checked-background-color,var(--hiq-color-primary,#007fff));--checkbox-check-width:var(--hiq-checkbox-check-width,0.25rem);--checkbox-check-height:var(--hiq-checkbox-check-height,0.5rem);--checkbox-check-color:var(--hiq-checkbox-check-color,#fff);--checkbox-check-border-width:var(--hiq-checkbox-check-border-width,2px);--checkbox-indeterminate-width:var(--hiq-checkbox-indeterminate-width,0.5rem);position:relative}.checkbox label{position:relative;margin-bottom:var(--checkbox-margin-bottom);padding:0 var(--checkbox-label-padding-horizontal);font-weight:var(--checkbox-label-font-weight)!important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:before{display:block;position:absolute;top:0;left:0;width:var(--checkbox-width);height:var(--checkbox-height);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.checkbox input[type=checkbox]:hover+label:before{background-color:var(--checkbox-hover-background-color)}.checkbox input[type=checkbox]:focus+label:before{background-color:var(--checkbox-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.checkbox input[type=checkbox]:checked+label:before,.checkbox input[type=checkbox]:indeterminate+label:before,.checkbox input[type=checkbox][aria-checked]+label:before{border-color:var(--checkbox-checked-border-color);background-color:var(--checkbox-checked-background-color)}.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=checkbox][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-check-width);height:var(--checkbox-check-height);border:solid var(--checkbox-check-color);border-left-width:0;border-bottom-width:var(--checkbox-check-border-width);border-right-width:var(--checkbox-check-border-width);border-top-width:0;transform:rotate(45deg) translate(-50%,-50%);transform-origin:50% 0;content:""}.checkbox input[type=checkbox]:indeterminate+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-indeterminate-width);height:var(--checkbox-check-border-width);background-color:var(--checkbox-check-color);transform:translate(-50%,-50%);content:""}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=checkbox][aria-disabled]+label,.checkbox input[type=checkbox][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.checkbox input[type=checkbox]:disabled,.checkbox input[type=checkbox][aria-disabled]{cursor:not-allowed}.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=checkbox][aria-disabled]+label:before,.checkbox input[type=checkbox][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=color]{cursor:pointer}input[type=color]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=color]:disabled,input[type=color][aria-disabled]{cursor:not-allowed}input[list]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[list]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[list]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-moz-placeholder{color:var(--input-placeholder-color)}input[list]::placeholder{color:var(--input-placeholder-color)}input[list]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[list]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[list]:disabled,input[list][aria-disabled],input[list][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-webkit-input-placeholder,input[list][aria-disabled]::-webkit-input-placeholder,input[list][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled:-ms-input-placeholder,input[list][aria-disabled]:-ms-input-placeholder,input[list][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-ms-input-placeholder,input[list][aria-disabled]::-ms-input-placeholder,input[list][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-moz-placeholder,input[list][aria-disabled]::-moz-placeholder,input[list][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::placeholder,input[list][aria-disabled]::placeholder,input[list][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled{cursor:not-allowed}input[list]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[list]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}input[type=file]{display:block;font-size:inherit;line-height:inherit;cursor:pointer}input[type=file]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=file]:disabled,input[type=file][aria-disabled]{cursor:not-allowed}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.radio{--radio-margin-bottom:var(--hiq-radio-margin-bottom,0.5rem);--radio-label-padding-horizontal:var(--hiq-radio-label-padding-horizontal,1.5rem);--radio-label-font-weight:var(--hiq-radio-label-font-weight,var(--hiq-font-weight-normal,400));--radio-width:var(--hiq-radio-width,1rem);--radio-height:var(--hiq-radio-height,1rem);--radio-border-width:var(--hiq-radio-border-width,1px) solid var(--hiq-radio-border-color,transparent);--radio-border-color:var(--hiq-radio-border-color,transparent);--radio-border-radius:var(--hiq-radio-border-radius,50%);--radio-background-color:var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8));--radio-hover-background-color:var(--hiq-radio-hover-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-focus-background-color:var(--hiq-radio-focus-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-checked-background-color:var(--hiq-radio-checked-background-color,var(--hiq-color-primary,#007fff));--radio-checked-border-color:var(--hiq-radio-checked-border-color,var(--hiq-color-primary,#007fff));--radio-check-width:var(--hiq-radio-check-width,0.5rem);--radio-check-height:var(--hiq-radio-check-height,0.5rem);--radio-check-border-radius:var(--hiq-radio-check-border-radius,50%);--radio-check-background-color:var(--hiq-radio-check-background-color,#fff);position:relative}.radio label{position:relative;margin-bottom:var(--radio-margin-bottom);padding:0 var(--radio-label-padding-horizontal);font-weight:var(--radio-label-font-weight)!important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio label:before{display:block;position:absolute;top:0;left:0;width:var(--radio-width);height:var(--radio-height);border:var(--radio-border-width) solid var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.radio input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.radio input[type=radio]:hover+label:before{background-color:var(--radio-hover-background-color)}.radio input[type=radio]:focus+label:before{background-color:var(--radio-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.radio input[type=radio]:checked+label:before,.radio input[type=radio][aria-checked]+label:before{border-color:var(--radio-checked-border-color);background-color:var(--radio-checked-background-color)}.radio input[type=radio]:checked+label:after,.radio input[type=radio][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--radio-width)/2);width:var(--radio-check-width);height:var(--radio-check-height);border-radius:var(--radio-check-border-radius);background-color:var(--radio-check-background-color);transform:translate(-50%,-50%);content:""}.radio input[type=radio]:disabled+label,.radio input[type=radio][aria-disabled]+label,.radio input[type=radio][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.radio input[type=radio]:disabled,.radio input[type=radio][aria-disabled]{cursor:not-allowed}.radio input[type=radio]:disabled+label:before,.radio input[type=radio][aria-disabled]+label:before,.radio input[type=radio][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=range]{--range-input-track-height:var(--hiq-range-input-track-height,0.5rem);--range-input-track-border-radius:var(--hiq-range-input-track-border-radius,var(--hiq-border-radius,0.2rem));--range-input-track-background-color:var(--hiq-range-input-track-background-color,var(--hiq-color-gray-6,#e3e5e8));--range-input-thumb-width:var(--hiq-range-input-thumb-width,1.5rem);--range-input-thumb-height:var(--hiq-range-input-thumb-height,1.5rem);--range-input-thumb-border-radius:var(--hiq-range-input-thumb-border-radius,50%);--range-input-thumb-background-color:var(--hiq-range-input-thumb-background-color,var(--hiq-color-primary,#007fff));--range-input-thumb-disabled-background-color:var(--hiq-range-input-thumb-disabled-background-color,var(--hiq-color-gray-6,#e3e6e8));width:100%;background:transparent;outline:0;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--range-input-track-height);border-radius:var(--range-input-track-border-radius);background-color:var(--range-input-track-background-color);-webkit-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:var(--range-input-track-height);background-color:var(--range-input-track-background-color);-moz-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-track{width:100%;height:var(--range-input-track-height);border-width:var(--range-input-thumb-height);border-color:transparent;background-color:transparent;color:transparent;-ms-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-fill-lower{background-color:var(--range-input-track-background-color)}input[type=range]::-ms-fill-upper{background-color:var(--range-input-track-background-color)}input[type=range]::-webkit-slider-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);margin-top:-.5rem;border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);-webkit-appearance:none;cursor:pointer}input[type=range]:focus::-webkit-slider-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]::-moz-range-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 var(--hiq-outline-width,.2rem) var(--hiq-outline-color,#b3d9ff)}input[type=range]::-ms-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-ms-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]:disabled::-webkit-slider-runnable-track,input[type=range][aria-disabled]::-webkit-slider-runnable-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-moz-range-track,input[type=range][aria-disabled]::-moz-range-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-lower,input[type=range][aria-disabled]::-ms-fill-lower{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-upper,input[type=range][aria-disabled]::-ms-fill-upper{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range][aria-disabled]::-webkit-slider-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb,input[type=range][aria-disabled]::-moz-range-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-ms-thumb,input[type=range][aria-disabled]::-ms-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}select{--select-background-image:var(--hiq-select-background-image,url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 16L0 0h30z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E"));--select-background-position:var(--hiq-select-background-position,right 1rem center);--select-background-size:var(--hiq-select-background-size,0.75rem);--select-multiple-padding-vertical:var(--hiq-select-multiple-padding-vertical,0.75rem);--select-multiple-checked-background-color:var(--hiq-select-multiple-checked-background-color,var(--hiq-color-primary,#007fff));--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}select::-webkit-input-placeholder{color:var(--input-placeholder-color)}select:-ms-input-placeholder{color:var(--input-placeholder-color)}select::-ms-input-placeholder{color:var(--input-placeholder-color)}select::-moz-placeholder{color:var(--input-placeholder-color)}select::placeholder{color:var(--input-placeholder-color)}select:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}select:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}select:disabled,select[aria-disabled],select[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-webkit-input-placeholder,select[aria-disabled]::-webkit-input-placeholder,select[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled:-ms-input-placeholder,select[aria-disabled]:-ms-input-placeholder,select[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-ms-input-placeholder,select[aria-disabled]::-ms-input-placeholder,select[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-moz-placeholder,select[aria-disabled]::-moz-placeholder,select[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::placeholder,select[aria-disabled]::placeholder,select[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled{cursor:not-allowed}select:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}select:required:valid:not(:focus){border-color:var(--input-valid-border-color)}select:not([multiple]){background-image:var(--select-background-image);background-repeat:no-repeat;background-position:var(--select-background-position);background-size:var(--select-background-size)}select[multiple]{height:auto;padding-top:var(--select-multiple-padding-vertical);padding-bottom:var(--select-multiple-padding-vertical)}select[multiple] option{padding:.125rem .5rem}select[multiple] option:checked{background:var(--select-multiple-checked-background-color) -webkit-linear-gradient(bottom,var(--select-multiple-checked-background-color),var(--select-multiple-checked-background-color))}optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{-webkit-appearance:listbox}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[type=date]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-ms-input-placeholder,input[type=datetime-local]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,input[type=week]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder{color:var(--input-placeholder-color)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder{color:var(--input-placeholder-color)}input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[type=date]:disabled,input[type=date][aria-disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][aria-disabled],input[type=datetime-local][readonly],input[type=email]:disabled,input[type=email][aria-disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][aria-disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][aria-disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][aria-disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][aria-disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][aria-disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][aria-disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][aria-disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][aria-disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][aria-disabled],input[type=week][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-webkit-input-placeholder,input[type=date][aria-disabled]::-webkit-input-placeholder,input[type=date][readonly]::-webkit-input-placeholder,input[type=datetime-local]:disabled::-webkit-input-placeholder,input[type=datetime-local][aria-disabled]::-webkit-input-placeholder,input[type=datetime-local][readonly]::-webkit-input-placeholder,input[type=email]:disabled::-webkit-input-placeholder,input[type=email][aria-disabled]::-webkit-input-placeholder,input[type=email][readonly]::-webkit-input-placeholder,input[type=month]:disabled::-webkit-input-placeholder,input[type=month][aria-disabled]::-webkit-input-placeholder,input[type=month][readonly]::-webkit-input-placeholder,input[type=number]:disabled::-webkit-input-placeholder,input[type=number][aria-disabled]::-webkit-input-placeholder,input[type=number][readonly]::-webkit-input-placeholder,input[type=password]:disabled::-webkit-input-placeholder,input[type=password][aria-disabled]::-webkit-input-placeholder,input[type=password][readonly]::-webkit-input-placeholder,input[type=search]:disabled::-webkit-input-placeholder,input[type=search][aria-disabled]::-webkit-input-placeholder,input[type=search][readonly]::-webkit-input-placeholder,input[type=tel]:disabled::-webkit-input-placeholder,input[type=tel][aria-disabled]::-webkit-input-placeholder,input[type=tel][readonly]::-webkit-input-placeholder,input[type=text]:disabled::-webkit-input-placeholder,input[type=text][aria-disabled]::-webkit-input-placeholder,input[type=text][readonly]::-webkit-input-placeholder,input[type=time]:disabled::-webkit-input-placeholder,input[type=time][aria-disabled]::-webkit-input-placeholder,input[type=time][readonly]::-webkit-input-placeholder,input[type=url]:disabled::-webkit-input-placeholder,input[type=url][aria-disabled]::-webkit-input-placeholder,input[type=url][readonly]::-webkit-input-placeholder,input[type=week]:disabled::-webkit-input-placeholder,input[type=week][aria-disabled]::-webkit-input-placeholder,input[type=week][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled:-ms-input-placeholder,input[type=date][aria-disabled]:-ms-input-placeholder,input[type=date][readonly]:-ms-input-placeholder,input[type=datetime-local]:disabled:-ms-input-placeholder,input[type=datetime-local][aria-disabled]:-ms-input-placeholder,input[type=datetime-local][readonly]:-ms-input-placeholder,input[type=email]:disabled:-ms-input-placeholder,input[type=email][aria-disabled]:-ms-input-placeholder,input[type=email][readonly]:-ms-input-placeholder,input[type=month]:disabled:-ms-input-placeholder,input[type=month][aria-disabled]:-ms-input-placeholder,input[type=month][readonly]:-ms-input-placeholder,input[type=number]:disabled:-ms-input-placeholder,input[type=number][aria-disabled]:-ms-input-placeholder,input[type=number][readonly]:-ms-input-placeholder,input[type=password]:disabled:-ms-input-placeholder,input[type=password][aria-disabled]:-ms-input-placeholder,input[type=password][readonly]:-ms-input-placeholder,input[type=search]:disabled:-ms-input-placeholder,input[type=search][aria-disabled]:-ms-input-placeholder,input[type=search][readonly]:-ms-input-placeholder,input[type=tel]:disabled:-ms-input-placeholder,input[type=tel][aria-disabled]:-ms-input-placeholder,input[type=tel][readonly]:-ms-input-placeholder,input[type=text]:disabled:-ms-input-placeholder,input[type=text][aria-disabled]:-ms-input-placeholder,input[type=text][readonly]:-ms-input-placeholder,input[type=time]:disabled:-ms-input-placeholder,input[type=time][aria-disabled]:-ms-input-placeholder,input[type=time][readonly]:-ms-input-placeholder,input[type=url]:disabled:-ms-input-placeholder,input[type=url][aria-disabled]:-ms-input-placeholder,input[type=url][readonly]:-ms-input-placeholder,input[type=week]:disabled:-ms-input-placeholder,input[type=week][aria-disabled]:-ms-input-placeholder,input[type=week][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-ms-input-placeholder,input[type=date][aria-disabled]::-ms-input-placeholder,input[type=date][readonly]::-ms-input-placeholder,input[type=datetime-local]:disabled::-ms-input-placeholder,input[type=datetime-local][aria-disabled]::-ms-input-placeholder,input[type=datetime-local][readonly]::-ms-input-placeholder,input[type=email]:disabled::-ms-input-placeholder,input[type=email][aria-disabled]::-ms-input-placeholder,input[type=email][readonly]::-ms-input-placeholder,input[type=month]:disabled::-ms-input-placeholder,input[type=month][aria-disabled]::-ms-input-placeholder,input[type=month][readonly]::-ms-input-placeholder,input[type=number]:disabled::-ms-input-placeholder,input[type=number][aria-disabled]::-ms-input-placeholder,input[type=number][readonly]::-ms-input-placeholder,input[type=password]:disabled::-ms-input-placeholder,input[type=password][aria-disabled]::-ms-input-placeholder,input[type=password][readonly]::-ms-input-placeholder,input[type=search]:disabled::-ms-input-placeholder,input[type=search][aria-disabled]::-ms-input-placeholder,input[type=search][readonly]::-ms-input-placeholder,input[type=tel]:disabled::-ms-input-placeholder,input[type=tel][aria-disabled]::-ms-input-placeholder,input[type=tel][readonly]::-ms-input-placeholder,input[type=text]:disabled::-ms-input-placeholder,input[type=text][aria-disabled]::-ms-input-placeholder,input[type=text][readonly]::-ms-input-placeholder,input[type=time]:disabled::-ms-input-placeholder,input[type=time][aria-disabled]::-ms-input-placeholder,input[type=time][readonly]::-ms-input-placeholder,input[type=url]:disabled::-ms-input-placeholder,input[type=url][aria-disabled]::-ms-input-placeholder,input[type=url][readonly]::-ms-input-placeholder,input[type=week]:disabled::-ms-input-placeholder,input[type=week][aria-disabled]::-ms-input-placeholder,input[type=week][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-moz-placeholder,input[type=date][aria-disabled]::-moz-placeholder,input[type=date][readonly]::-moz-placeholder,input[type=datetime-local]:disabled::-moz-placeholder,input[type=datetime-local][aria-disabled]::-moz-placeholder,input[type=datetime-local][readonly]::-moz-placeholder,input[type=email]:disabled::-moz-placeholder,input[type=email][aria-disabled]::-moz-placeholder,input[type=email][readonly]::-moz-placeholder,input[type=month]:disabled::-moz-placeholder,input[type=month][aria-disabled]::-moz-placeholder,input[type=month][readonly]::-moz-placeholder,input[type=number]:disabled::-moz-placeholder,input[type=number][aria-disabled]::-moz-placeholder,input[type=number][readonly]::-moz-placeholder,input[type=password]:disabled::-moz-placeholder,input[type=password][aria-disabled]::-moz-placeholder,input[type=password][readonly]::-moz-placeholder,input[type=search]:disabled::-moz-placeholder,input[type=search][aria-disabled]::-moz-placeholder,input[type=search][readonly]::-moz-placeholder,input[type=tel]:disabled::-moz-placeholder,input[type=tel][aria-disabled]::-moz-placeholder,input[type=tel][readonly]::-moz-placeholder,input[type=text]:disabled::-moz-placeholder,input[type=text][aria-disabled]::-moz-placeholder,input[type=text][readonly]::-moz-placeholder,input[type=time]:disabled::-moz-placeholder,input[type=time][aria-disabled]::-moz-placeholder,input[type=time][readonly]::-moz-placeholder,input[type=url]:disabled::-moz-placeholder,input[type=url][aria-disabled]::-moz-placeholder,input[type=url][readonly]::-moz-placeholder,input[type=week]:disabled::-moz-placeholder,input[type=week][aria-disabled]::-moz-placeholder,input[type=week][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::placeholder,input[type=date][aria-disabled]::placeholder,input[type=date][readonly]::placeholder,input[type=datetime-local]:disabled::placeholder,input[type=datetime-local][aria-disabled]::placeholder,input[type=datetime-local][readonly]::placeholder,input[type=email]:disabled::placeholder,input[type=email][aria-disabled]::placeholder,input[type=email][readonly]::placeholder,input[type=month]:disabled::placeholder,input[type=month][aria-disabled]::placeholder,input[type=month][readonly]::placeholder,input[type=number]:disabled::placeholder,input[type=number][aria-disabled]::placeholder,input[type=number][readonly]::placeholder,input[type=password]:disabled::placeholder,input[type=password][aria-disabled]::placeholder,input[type=password][readonly]::placeholder,input[type=search]:disabled::placeholder,input[type=search][aria-disabled]::placeholder,input[type=search][readonly]::placeholder,input[type=tel]:disabled::placeholder,input[type=tel][aria-disabled]::placeholder,input[type=tel][readonly]::placeholder,input[type=text]:disabled::placeholder,input[type=text][aria-disabled]::placeholder,input[type=text][readonly]::placeholder,input[type=time]:disabled::placeholder,input[type=time][aria-disabled]::placeholder,input[type=time][readonly]::placeholder,input[type=url]:disabled::placeholder,input[type=url][aria-disabled]::placeholder,input[type=url][readonly]::placeholder,input[type=week]:disabled::placeholder,input[type=week][aria-disabled]::placeholder,input[type=week][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled{cursor:not-allowed}input[type=date]:required:invalid:not(:focus),input[type=datetime-local]:required:invalid:not(:focus),input[type=email]:required:invalid:not(:focus),input[type=month]:required:invalid:not(:focus),input[type=number]:required:invalid:not(:focus),input[type=password]:required:invalid:not(:focus),input[type=search]:required:invalid:not(:focus),input[type=tel]:required:invalid:not(:focus),input[type=text]:required:invalid:not(:focus),input[type=time]:required:invalid:not(:focus),input[type=url]:required:invalid:not(:focus),input[type=week]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[type=date]:required:valid:not(:focus),input[type=datetime-local]:required:valid:not(:focus),input[type=email]:required:valid:not(:focus),input[type=month]:required:valid:not(:focus),input[type=number]:required:valid:not(:focus),input[type=password]:required:valid:not(:focus),input[type=search]:required:valid:not(:focus),input[type=tel]:required:valid:not(:focus),input[type=text]:required:valid:not(:focus),input[type=time]:required:valid:not(:focus),input[type=url]:required:valid:not(:focus),input[type=week]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{--textarea-padding-vertical:var(--hiq-textarea-padding-vertical,0.5rem);--textarea-padding-horizontal:var(--hiq-textarea-padding-horizontal,0.75rem);--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:auto;overflow:auto;margin:0;padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);resize:vertical}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color)}textarea:-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-moz-placeholder{color:var(--input-placeholder-color)}textarea::placeholder{color:var(--input-placeholder-color)}textarea:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}textarea:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}textarea:disabled,textarea[aria-disabled],textarea[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-webkit-input-placeholder,textarea[aria-disabled]::-webkit-input-placeholder,textarea[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled:-ms-input-placeholder,textarea[aria-disabled]:-ms-input-placeholder,textarea[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-ms-input-placeholder,textarea[aria-disabled]::-ms-input-placeholder,textarea[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-moz-placeholder,textarea[aria-disabled]::-moz-placeholder,textarea[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::placeholder,textarea[aria-disabled]::placeholder,textarea[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled{cursor:not-allowed}textarea:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}textarea:required:valid:not(:focus){border-color:var(--input-valid-border-color)}.container{width:calc(100% - var(--hiq-container-horizontal-gap, 2rem)*2);max-width:calc(var(--hiq-max-container-width, 50rem) - var(--hiq-container-horizontal-gap, 2rem)*2);margin-right:auto;margin-left:auto}.container.is-fluid{max-width:none}:root{--hiq-color-gray-1:#0b0c0e;--hiq-color-gray-2:#17191c;--hiq-color-gray-3:#2e3138;--hiq-color-gray-4:#5c6370;--hiq-color-gray-5:#8f96a3;--hiq-color-gray-6:#e3e5e8;--hiq-color-gray-7:#f1f2f4;--hiq-color-gray-8:#f9fafa;--hiq-color-primary:#007fff;--hiq-color-success:#21d492;--hiq-color-warning:#fcd34a;--hiq-color-danger:#fa3d56;--hiq-html-background-color:#fff;--hiq-body-background-color:#fff;--hiq-disabled-border-color:var(--hiq-color-gray-7);--hiq-disabled-background-color:var(--hiq-color-gray-7);--hiq-disabled-text-color:var(--hiq-color-gray-5);--hiq-max-container-width:50rem;--hiq-container-horizontal-gap:2rem;--hiq-block-element-margin-bottom:1rem;--hiq-border-radius:0.2rem;--hiq-outline-width:0.2rem;--hiq-outline-color:#b3d9ff;--hiq-speed:0.1s;--hiq-easing:ease-out;--hiq-text-rendering:optimizeLegibility;--hiq-letter-spacing-base:0;--hiq-font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--hiq-font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;--hiq-unitless-min-font-size:15;--hiq-unitless-max-font-size:16;--hiq-unitless-lower-font-range:460;--hiq-unitless-upper-font-range:900;@custom-media --hiq-lower-font-range (min-width: 460px);@custom-media --hiq-upper-font-range (min-width: 900px);--hiq-font-size-1:2.5rem;--hiq-font-size-2:2rem;--hiq-font-size-3:1.75rem;--hiq-font-size-4:1.25rem;--hiq-font-size-5:1rem;--hiq-font-size-6:0.875rem;--hiq-font-size-base:var(--hiq-font-size-5);--hiq-font-size-large:var(--hiq-font-size-4);--hiq-font-size-small:var(--hiq-font-size-6);--hiq-line-height-base:1.6;--hiq-heading-line-height:1.2;--hiq-font-weight-light:300;--hiq-font-weight-normal:400;--hiq-font-weight-medium:500;--hiq-font-weight-semibold:600;--hiq-font-weight-bold:700;--hiq-font-weight-base:var(--hiq-font-weight-normal);--hiq-heading-font-weight:var(--hiq-font-weight-medium);--hiq-description-list-title-font-weight:var(--hiq-font-weight-semibold);--hiq-text-color:var(--hiq-color-gray-2);--hiq-mark-color:#fcf8e3;--hiq-deleted-color:#f95da8;--hiq-inserted-color:#e5f2ff;--hiq-selection-color:#cce5ff;--hiq-list-margin-left:1rem;--hiq-unordered-list-style:disc;--hiq-blockquote-font-size:var(--hiq-font-size-4);--hiq-blockquote-line-height:var(--hiq-heading-line-height);--hiq-blockquote-citation-color:var(--hiq-color-gray-5);--hiq-horizontal-rule-height:1px;--hiq-horizontal-rule-color:var(--hiq-color-primary);--hiq-link-color:var(--hiq-color-primary);--hiq-link-hover-color:#004080;--hiq-link-active-color:#004080;--hiq-link-text-decoration:none;--hiq-button-height:2.25rem;--hiq-button-vertical-padding:0;--hiq-button-horizontal-padding:0.75rem;--hiq-button-border-width:1px;--hiq-button-border-radius:var(--hiq-border-radius);--hiq-button-font-weight:var(--hiq-font-weight-medium);--hiq-button-border-color:var(--hiq-color-primary);--hiq-button-background-color:var(--hiq-color-primary);--hiq-button-text-color:#fff;--hiq-button-hover-border-color:#06c;--hiq-button-hover-background-color:#06c;--hiq-button-hover-text-color:#fff;--hiq-button-active-border-color:#004c99;--hiq-button-active-background-color:#004c99;--hiq-button-active-text-color:#fff;--hiq-code-padding-vertical:0.15rem;--hiq-code-padding-horizontal:0.3rem;--hiq-code-border-color:transparent;--hiq-code-font-size:var(--hiq-font-size-small);--hiq-code-background-color:var(--hiq-color-gray-7);--hiq-code-text-color:var(--hiq-text-color);--hiq-pre-padding-vertical:1.25rem;--hiq-pre-padding-horizontal:1.5rem;--hiq-pre-border-color:var(--hiq-color-gray-6);--hiq-pre-background-color:transparent;--hiq-pre-text-color:var(--hiq-color-gray-4);--hiq-kbd-padding-vertical:0.2rem;--hiq-kbd-padding-horizontal:0.4rem;--hiq-kbd-border-color:var(--hiq-color-gray-6);--hiq-nested-kbd-font-weight:var(--hiq-font-weight-medium);--hiq-kbd-background-color:transparent;--hiq-kbd-text-color:var(--hiq-text-color);--hiq-figcaption-margin-top:0.5rem;--hiq-figcaption-font-weight:var(--hiq-font-weight-normal);--hiq-figcaption-text-color:var(--hiq-color-gray-5);--hiq-image-border-radius:var(--hiq-border-radius);--hiq-table-head-border-width:var(--hiq-table-cell-border-width);--hiq-table-foot-border-width:var(--hiq-table-cell-border-width);--hiq-table-caption-padding-vertical:0.5rem;--hiq-table-caption-text-color:var(--hiq-color-gray-5);--hiq-table-caption-font-weight:var(--hiq-font-weight-semibold);--hiq-table-cell-padding-vertical:0.75rem;--hiq-table-cell-padding-horizontal:0.75rem;--hiq-table-cell-border-width:1px;--hiq-table-cell-border-color:var(--hiq-color-gray-6);--hiq-table-heading-background-color:var(--hiq-color-gray-7);--hiq-table-heading-text-color:var(--hiq-color-gray-4);--hiq-table-heading-font-weight:var(--hiq-font-weight-medium);--hiq-fieldset-padding-vertical:0;--hiq-fieldset-padding-horizontal:0;--hiq-fieldset-border-width:0;--hiq-fieldset-border-color:transparent;--hiq-legend-margin-bottom:var(--hiq-block-element-margin-bottom);--hiq-legend-font-weight:var(--hiq-font-weight-semibold);--hiq-label-margin-bottom:0.5rem;--hiq-label-font-weight:var(--hiq-font-weight-semibold);--hiq-input-invalid-border-color:var(--hiq-color-danger);--hiq-input-valid-border-color:var(--hiq-color-success);--hiq-input-height:2.5rem;--hiq-input-padding-vertical:0;--hiq-input-padding-horizontal:0.75rem;--hiq-input-border-width:1px;--hiq-input-border-radius:var(--hiq-border-radius);--hiq-input-border-color:var(--hiq-color-gray-6);--hiq-input-background-color:#fff;--hiq-input-text-color:var(--hiq-text-color);--hiq-input-placeholder-color:var(--hiq-color-gray-4);--hiq-input-hover-border-color:var(--hiq-input-border-color);--hiq-input-hover-background-color:var(--hiq-input-background-color);--hiq-input-hover-text-color:var(--hiq-input-text-color);--hiq-input-hover-placeholder-color:var(--hiq-input-placeholder-color);--hiq-textarea-padding-vertical:0.5rem;--hiq-textarea-padding-horizontal:0.75rem;--hiq-select-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 16L0 0h30z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");--hiq-select-background-position:right 1rem center;--hiq-select-background-size:0.75rem;--hiq-select-multiple-checked-background-color:var(--hiq-color-primary);--hiq-select-multiple-padding-vertical:0.75rem;--hiq-checkbox-margin-bottom:0.5rem;--hiq-checkbox-label-padding-horizontal:2rem;--hiq-checkbox-label-font-weight:var(--hiq-font-weight-normal);--hiq-checkbox-width:1rem;--hiq-checkbox-height:1rem;--hiq-checkbox-border-width:1px;--hiq-checkbox-border-color:transparent;--hiq-checkbox-border-radius:var(--hiq-border-radius);--hiq-checkbox-background-color:var(--hiq-color-gray-6);--hiq-checkbox-hover-background-color:var(--hiq-color-gray-5);--hiq-checkbox-checked-border-color:var(--hiq-color-primary);--hiq-checkbox-checked-background-color:var(--hiq-color-primary);--hiq-checkbox-check-width:0.25rem;--hiq-checkbox-check-height:0.5rem;--hiq-checkbox-check-border-width:2px;--hiq-checkbox-check-color:#fff;--hiq-checkbox-indeterminate-width:0.5rem;--hiq-radio-margin-bottom:0.5rem;--hiq-radio-label-padding-horizontal:2rem;--hiq-radio-label-font-weight:var(--hiq-font-weight-normal);--hiq-radio-width:1rem;--hiq-radio-height:1rem;--hiq-radio-border-width:1px;--hiq-radio-border-color:transparent;--hiq-radio-border-radius:50%;--hiq-radio-background-color:var(--hiq-color-gray-6);--hiq-radio-hover-background-color:var(--hiq-color-gray-5);--hiq-radio-checked-border-color:var(--hiq-color-primary);--hiq-radio-checked-background-color:var(--hiq-color-primary);--hiq-radio-check-width:0.5rem;--hiq-radio-check-height:0.5rem;--hiq-radio-check-border-radius:50%;--hiq-radio-check-background-color:#fff;--hiq-range-input-thumb-width:1.5rem;--hiq-range-input-thumb-height:1.5rem;--hiq-range-input-thumb-border-radius:50%;--hiq-range-input-thumb-background-color:var(--hiq-color-primary);--hiq-range-input-thumb-disabled-background-color:var(--hiq-color-gray-6);--hiq-range-input-track-height:0.5rem;--hiq-range-input-track-border-radius:var(--hiq-border-radius);--hiq-range-input-track-background-color:var(--hiq-color-gray-6);--hiq-meter-background-color:var(--hiq-color-gray-6);--hiq-meter-strong-color:var(--hiq-color-success);--hiq-meter-good-color:var(--hiq-color-warning);--hiq-meter-weak-color:var(--hiq-color-danger);--hiq-progress-height:1rem;--hiq-progress-background-color:var(--hiq-color-gray-6);--hiq-progress-filled-color:var(--hiq-color-primary);--navbar-height:3.6rem;--sidebar-width:20rem;--mobile-sidebar-width:calc(var(--sidebar-width)*0.82);--line-numbers-wrapper-width:3.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:var(--hiq-font-weight-light)}h2{font-size:var(--hiq-font-size-3);font-weight:var(--hiq-font-weight-semibold)}h3{font-size:var(--hiq-font-size-4)}p a code{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-primary)}.wrapper{max-width:var(--hiq-max-container-width);margin:0 auto;padding:.5rem 2.5rem;@media (max-width:959px){padding-left:2rem;padding-bottom:2rem;padding-right:2rem;padding-top:2rem}@media (max-width:419px){padding-left:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.table-of-contents .badge{vertical-align:middle}.custom-layout{padding-top:var(--navbar-height)}.theme-container.no-navbar .custom-layout{padding-top:0}.properties-table{margin:1.5rem 0 2rem}.color-swatch{display:block;width:1.5rem;height:1.5rem;border:1px solid var(--hiq-color-gray-6)}.input-table code{white-space:pre-wrap}.input-table input{max-width:100%}@supports (color:var(--hiq-color-primary)){.browser-not-supported{display:none}}@media (max-width:959px){.properties-table .name,.utilities-table .name{width:40%}.properties-table .name code,.utilities-table .name code{white-space:unset}}.content__default{max-width:var(--hiq-max-container-width);margin:0 auto;padding:2rem 2.5rem}.content__default>:first-child{margin-top:var(--navbar-height)}.content__default p.demo{padding:1rem 1.5rem;border:1px solid var(--hiq-color-gray-6);border-radius:4px}.content__default>h1,.content__default>h2,.content__default>h3,.content__default>h4,.content__default>h5,.content__default>h6{margin-top:calc(.75rem - var(--navbar-height));padding-top:calc(var(--navbar-height) + 1rem)}.content__default>h1:first-child,.content__default>h2:first-child,.content__default>h3:first-child,.content__default>h4:first-child,.content__default>h5:first-child,.content__default>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content__default>h2:first-child+.custom-block,.content__default>h2:first-child+p,.content__default>h2:first-child+pre,.content__default>h3:first-child+.custom-block,.content__default>h3:first-child+p,.content__default>h3:first-child+pre,.content__default>h4:first-child+.custom-block,.content__default>h4:first-child+p,.content__default>h4:first-child+pre,.content__default>h5:first-child+.custom-block,.content__default>h5:first-child+p,.content__default>h5:first-child+pre,.content__default>h6:first-child+.custom-block,.content__default>h6:first-child+p,.content__default>h6:first-child+pre{margin-top:-1.5rem;margin-bottom:1rem}.theme-container.no-navbar .content__default>h1,.theme-container.no-navbar .content__default>h2,.theme-container.no-navbar .content__default>h3,.theme-container.no-navbar .content__default>h4,.theme-container.no-navbar .content__default>h5,.theme-container.no-navbar .content__default>h6{margin-top:1.5rem;padding-top:0}.content.custom{margin:0;padding:0}a.header-anchor{float:left;margin-top:.125em;margin-left:-.87em;padding-right:.23em;box-shadow:none!important;opacity:0;font-size:.85em}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}.content__default figure{margin:2rem 0 3rem}.content__default figure img{margin:0 auto}.content__default ol,.content__default ul{padding-left:1.2em}.content__default table td{vertical-align:middle}.content__default table p{margin-bottom:0}@media (max-width:959px){.content__default{padding:2rem}}@media (max-width:419px){.content__default{padding:1.5rem}.content__default div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}div[class*=language-]{position:relative;margin:1.5rem 0 2rem}div[class*=language-] .highlight-lines{position:absolute;top:0;left:0;width:100%;padding-top:1.3rem;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-] .highlight-lines .highlighted{background-color:var(--hiq-color-gray-7)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:relative;z-index:1;background:var(--hiq-pre-background-color)}div[class*=language-]:before{position:absolute;top:.8rem;right:1rem;z-index:3;font-size:.75rem;color:var(--hiq-color-gray-5)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{display:block;position:absolute;top:0;left:0;z-index:3;width:var(--line-numbers-wrapper-width);height:100%;background-color:var(--hiq-color-gray-6);content:""}div[class*=language-].line-numbers-mode pre{padding-left:calc(var(--line-numbers-wrapper-width) + 1rem);vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:var(--line-numbers-wrapper-width);padding:1.25rem 0;line-height:1.4;text-align:center;color:var(--hiq-color-gray-5)}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode:after{position:absolute;top:1px;left:1px;z-index:2;width:var(--line-numbers-wrapper-width);height:calc(100% - 2px);border-right:1px solid var(--hiq-color-gray-6);border-radius:6px 0 0 6px;background-color:#fff;content:""}div[class~=language-javascript]:before,div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before,div[class~=language-typescript]:before{content:"ts"}div[class~=language-html]:before,div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before,div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-json]:before{content:"json"}div[class~=language-bash]:before,div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}@media (max-width:419px){div[class*=language-] pre{border-right:0;border-left:0;border-radius:0}}@media (min-width:419px){div[class*=language-]+div[class*=language-]{margin-top:-1.25rem}}.custom-block .custom-block-title{margin-bottom:.25rem;font-weight:var(--hiq-font-weight-medium)}.custom-block p{margin-bottom:0}.custom-block.danger,.custom-block.tip,.custom-block.warning{margin:1.25rem 0;padding:1.25rem 1.5rem;border-left-width:.5rem;border-left-style:solid}.custom-block.tip{border-color:var(--hiq-color-primary);background-color:rgba(0,128,255,.25)}.custom-block.tip code{background-color:rgba(0,128,255,.15)}.custom-block.warning{border-color:var(--hiq-color-warning);background-color:rgba(252,212,79,.25);color:#7e6102}.custom-block.warning .custom-block-title{color:#c99b03}.custom-block.warning a{color:var(--hiq-text-color)}.custom-block.danger{border-color:var(--hiq-color-danger);background-color:rgba(250,61,86,.25);color:#7c0313}.custom-block.danger .custom-block-title{color:#c7051f}.custom-block.danger a{color:var(--hiq-text-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid var(--hiq-color-gray-5)}.arrow.down,.arrow.up{border-right:4px solid transparent;border-left:4px solid transparent}.arrow.down{border-top:6px solid var(--hiq-color-gray-5)}.arrow.right{border-left:6px solid var(--hiq-color-gray-5)}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid var(--hiq-color-gray-5)}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1031;background-color:var(--hiq-color-primary)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--hiq-color-primary),0 0 5px var(--hiq-color-primary);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;top:15px;right:15px;z-index:1031}#nprogress .spinner-icon{width:18px;height:18px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--hiq-color-primary);border-left:2px solid transparent;border-left-color:var(--hiq-color-primary);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--pink:#f95faa;--lavender:#9b80ff;--dark-blue:#2f6f9f;--light-blue:#6d94ec}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--hiq-color-gray-5)}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:var(--light-blue)}.token.boolean,.token.class-name,.token.constant,.token.function,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--pink)}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:var(--lavender)}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:var(--hiq-color-primary)}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} \ No newline at end of file diff --git a/src/material.css b/src/material.css new file mode 100644 index 0000000..5ece86d --- /dev/null +++ b/src/material.css @@ -0,0 +1,14381 @@ +:root { + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --amber: #ffc107; + --blue: #2196f3; + --blue-grey: #607d8b; + --brown: #795548; + --cyan: #00bcd4; + --deep-orange: #ff5722; + --deep-purple: #673ab7; + --green: #4caf50; + --grey: #9e9e9e; + --indigo: #3f51b5; + --light-blue: #03a9f4; + --light-green: #8bc34a; + --lime: #cddc39; + --orange: #ff9800; + --pink: #e91e63; + --purple: #9c27b0; + --red: #f44336; + --teal: #009688; + --yellow: #ffeb3b; + --primary: #9c27b0; + --primary-dark: #7b1fa2; + --primary-light: #e1bee7; + --secondary: #ff4081; + --secondary-dark: #f50057; + --secondary-light: #ff80ab; + --danger: #f44336; + --danger-dark: #d32f2f; + --danger-light: #ffcdd2; + --info: #2196f3; + --info-dark: #1976d2; + --info-light: #bbdefb; + --success: #4caf50; + --success-dark: #388e3c; + --success-light: #c8e6c9; + --warning: #ff9800; + --warning-dark: #f57c00; + --warning-light: #ffe0b2; + --dark: #424242; + --dark-dark: #212121; + --dark-light: #757575; + --light: #f5f5f5; + --light-dark: #e0e0e0; + --light-light: #fafafa; + --font-family-monospace: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-serif: "Roboto Slab", Georgia, "Times New Roman", Times, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +*, +*::after, +*::before { + box-sizing: inherit; +} + +@-ms-viewport { + width: device-width; +} + +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + text-align: left; + text-align: start; + background-color: white; + color: rgba(0, 0, 0, 0.87); + font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 0.875rem; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-weight: 400; + line-height: 1.428572; + margin: 0; +} + +[dir='rtl'] body { + text-align: right; + text-align: start; +} + +html { + box-sizing: border-box; + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +[tabindex='-1']:focus { + outline: 0 !important; +} + +code, +kbd, +pre, +samp { + font-family: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; +} + +button, +html [type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +fieldset { + border: 0; + margin: 0; + min-width: 0; + padding: 0; +} + +input[type='checkbox'], input[type='radio'] { + box-sizing: border-box; + padding: 0; +} + +input[type='date'], input[type='datetime-local'], input[type='month'], input[type='time'] { + -webkit-appearance: listbox; +} + +label { + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; + color: rgba(0, 0, 0, 0.38); + display: inline-block; +} + +legend { + font-size: 1.5rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.333334; + color: inherit; + display: block; + margin-bottom: 0.5rem; + max-width: 100%; + padding: 0; + white-space: normal; + width: 100%; +} + +output { + display: inline-block; +} + +progress { + vertical-align: baseline; +} + +select[multiple], select[size] { + overflow: auto; +} + +textarea { + overflow: auto; + resize: vertical; +} + +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} + +[type='search'] { + -webkit-appearance: none; + outline-offset: -2px; +} + +[type='search']::-webkit-search-cancel-button, +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +[hidden] { + display: none !important; +} + +img { + border-style: none; + vertical-align: middle; +} + +svg:not(:root) { + overflow: hidden; +} + +summary { + cursor: pointer; + display: list-item; +} + +a { + background-color: transparent; + color: #ff4081; + text-decoration: none; + -webkit-text-decoration-skip: objects; +} + +a:active, a:focus, a:hover { + color: #ff4081; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):active, a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +template { + display: none; +} + +caption { + text-align: left; + text-align: start; + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; + caption-side: bottom; + color: rgba(0, 0, 0, 0.38); + min-height: 3.5rem; + padding: 1.214285rem 1.5rem; +} + +[dir='rtl'] caption { + text-align: right; + text-align: start; +} + +table { + border-collapse: collapse; +} + +th { + text-align: left; + text-align: start; +} + +[dir='rtl'] th { + text-align: right; + text-align: start; +} + +abbr[data-original-title], abbr[title] { + border-bottom: 0; + cursor: help; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +address { + font-style: normal; + line-height: inherit; + margin-bottom: 1rem; +} + +b, +strong { + font-weight: bolder; +} + +blockquote { + margin: 0 0 1rem; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +dfn { + font-style: italic; +} + +dl, +ol, +ul { + margin-top: 0; + margin-bottom: 1rem; +} + +dt { + font-weight: 500; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +mark { + background-color: #ffeb3b; + color: rgba(0, 0, 0, 0.87); +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + min-height: 1px; + padding-right: 20px; + padding-left: 20px; + position: relative; + width: 100%; +} + +.col-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; +} + +.col-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.col-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.col-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; +} + +.col-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.col-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.col-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.col-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.col-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; +} + +.offset-1 { + margin-left: 8.333333%; +} + +.offset-2 { + margin-left: 16.666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.333333%; +} + +.offset-5 { + margin-left: 41.666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.333333%; +} + +.offset-8 { + margin-left: 66.666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.333333%; +} + +.offset-11 { + margin-left: 91.666667%; +} + +.order-0 { + -ms-flex-order: 0; + order: 0; +} + +.order-1 { + -ms-flex-order: 1; + order: 1; +} + +.order-2 { + -ms-flex-order: 2; + order: 2; +} + +.order-3 { + -ms-flex-order: 3; + order: 3; +} + +.order-4 { + -ms-flex-order: 4; + order: 4; +} + +.order-5 { + -ms-flex-order: 5; + order: 5; +} + +.order-6 { + -ms-flex-order: 6; + order: 6; +} + +.order-7 { + -ms-flex-order: 7; + order: 7; +} + +.order-8 { + -ms-flex-order: 8; + order: 8; +} + +.order-9 { + -ms-flex-order: 9; + order: 9; +} + +.order-10 { + -ms-flex-order: 10; + order: 10; +} + +.order-11 { + -ms-flex-order: 11; + order: 11; +} + +.order-12 { + -ms-flex-order: 12; + order: 12; +} + +.col { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: none; + width: auto; +} + +.order-first { + -ms-flex-order: -1; + order: -1; +} + +.order-last { + -ms-flex-order: 13; + order: 13; +} + +@media (min-width: 576px) { + .col-sm-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-sm-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-sm-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-sm-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-sm-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-sm-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-sm-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-sm-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-sm-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.333333%; + } + .offset-sm-2 { + margin-left: 16.666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.333333%; + } + .offset-sm-5 { + margin-left: 41.666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.333333%; + } + .offset-sm-8 { + margin-left: 66.666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.333333%; + } + .offset-sm-11 { + margin-left: 91.666667%; + } + .order-sm-0 { + -ms-flex-order: 0; + order: 0; + } + .order-sm-1 { + -ms-flex-order: 1; + order: 1; + } + .order-sm-2 { + -ms-flex-order: 2; + order: 2; + } + .order-sm-3 { + -ms-flex-order: 3; + order: 3; + } + .order-sm-4 { + -ms-flex-order: 4; + order: 4; + } + .order-sm-5 { + -ms-flex-order: 5; + order: 5; + } + .order-sm-6 { + -ms-flex-order: 6; + order: 6; + } + .order-sm-7 { + -ms-flex-order: 7; + order: 7; + } + .order-sm-8 { + -ms-flex-order: 8; + order: 8; + } + .order-sm-9 { + -ms-flex-order: 9; + order: 9; + } + .order-sm-10 { + -ms-flex-order: 10; + order: 10; + } + .order-sm-11 { + -ms-flex-order: 11; + order: 11; + } + .order-sm-12 { + -ms-flex-order: 12; + order: 12; + } + .col-sm { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: none; + width: auto; + } + .order-sm-first { + -ms-flex-order: -1; + order: -1; + } + .order-sm-last { + -ms-flex-order: 13; + order: 13; + } +} + +@media (min-width: 768px) { + .col-md-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-md-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-md-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-md-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-md-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-md-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-md-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-md-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-md-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.333333%; + } + .offset-md-2 { + margin-left: 16.666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.333333%; + } + .offset-md-5 { + margin-left: 41.666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.333333%; + } + .offset-md-8 { + margin-left: 66.666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.333333%; + } + .offset-md-11 { + margin-left: 91.666667%; + } + .order-md-0 { + -ms-flex-order: 0; + order: 0; + } + .order-md-1 { + -ms-flex-order: 1; + order: 1; + } + .order-md-2 { + -ms-flex-order: 2; + order: 2; + } + .order-md-3 { + -ms-flex-order: 3; + order: 3; + } + .order-md-4 { + -ms-flex-order: 4; + order: 4; + } + .order-md-5 { + -ms-flex-order: 5; + order: 5; + } + .order-md-6 { + -ms-flex-order: 6; + order: 6; + } + .order-md-7 { + -ms-flex-order: 7; + order: 7; + } + .order-md-8 { + -ms-flex-order: 8; + order: 8; + } + .order-md-9 { + -ms-flex-order: 9; + order: 9; + } + .order-md-10 { + -ms-flex-order: 10; + order: 10; + } + .order-md-11 { + -ms-flex-order: 11; + order: 11; + } + .order-md-12 { + -ms-flex-order: 12; + order: 12; + } + .col-md { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: none; + width: auto; + } + .order-md-first { + -ms-flex-order: -1; + order: -1; + } + .order-md-last { + -ms-flex-order: 13; + order: 13; + } +} + +@media (min-width: 992px) { + .col-lg-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-lg-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-lg-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-lg-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-lg-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-lg-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-lg-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-lg-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-lg-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.333333%; + } + .offset-lg-2 { + margin-left: 16.666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.333333%; + } + .offset-lg-5 { + margin-left: 41.666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.333333%; + } + .offset-lg-8 { + margin-left: 66.666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.333333%; + } + .offset-lg-11 { + margin-left: 91.666667%; + } + .order-lg-0 { + -ms-flex-order: 0; + order: 0; + } + .order-lg-1 { + -ms-flex-order: 1; + order: 1; + } + .order-lg-2 { + -ms-flex-order: 2; + order: 2; + } + .order-lg-3 { + -ms-flex-order: 3; + order: 3; + } + .order-lg-4 { + -ms-flex-order: 4; + order: 4; + } + .order-lg-5 { + -ms-flex-order: 5; + order: 5; + } + .order-lg-6 { + -ms-flex-order: 6; + order: 6; + } + .order-lg-7 { + -ms-flex-order: 7; + order: 7; + } + .order-lg-8 { + -ms-flex-order: 8; + order: 8; + } + .order-lg-9 { + -ms-flex-order: 9; + order: 9; + } + .order-lg-10 { + -ms-flex-order: 10; + order: 10; + } + .order-lg-11 { + -ms-flex-order: 11; + order: 11; + } + .order-lg-12 { + -ms-flex-order: 12; + order: 12; + } + .col-lg { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: none; + width: auto; + } + .order-lg-first { + -ms-flex-order: -1; + order: -1; + } + .order-lg-last { + -ms-flex-order: 13; + order: 13; + } +} + +@media (min-width: 1200px) { + .col-xl-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-xl-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-xl-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-xl-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-xl-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-xl-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-xl-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-xl-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-xl-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.333333%; + } + .offset-xl-2 { + margin-left: 16.666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.333333%; + } + .offset-xl-5 { + margin-left: 41.666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.333333%; + } + .offset-xl-8 { + margin-left: 66.666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.333333%; + } + .offset-xl-11 { + margin-left: 91.666667%; + } + .order-xl-0 { + -ms-flex-order: 0; + order: 0; + } + .order-xl-1 { + -ms-flex-order: 1; + order: 1; + } + .order-xl-2 { + -ms-flex-order: 2; + order: 2; + } + .order-xl-3 { + -ms-flex-order: 3; + order: 3; + } + .order-xl-4 { + -ms-flex-order: 4; + order: 4; + } + .order-xl-5 { + -ms-flex-order: 5; + order: 5; + } + .order-xl-6 { + -ms-flex-order: 6; + order: 6; + } + .order-xl-7 { + -ms-flex-order: 7; + order: 7; + } + .order-xl-8 { + -ms-flex-order: 8; + order: 8; + } + .order-xl-9 { + -ms-flex-order: 9; + order: 9; + } + .order-xl-10 { + -ms-flex-order: 10; + order: 10; + } + .order-xl-11 { + -ms-flex-order: 11; + order: 11; + } + .order-xl-12 { + -ms-flex-order: 12; + order: 12; + } + .col-xl { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: none; + width: auto; + } + .order-xl-first { + -ms-flex-order: -1; + order: -1; + } + .order-xl-last { + -ms-flex-order: 13; + order: 13; + } +} + +.container { + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; + width: 100%; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1140px; + } +} + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-right: 20px; + padding-left: 20px; + width: 100%; +} + +.row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters > .col, +.no-gutters > [class*='col-'] { + padding-right: 0; + padding-left: 0; +} + +.blockquote { + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.02em; + line-height: 1.4; + border-left: 0.3125rem solid #9c27b0; + margin-bottom: 1rem; + padding: 0 1rem; +} + +.blockquote-footer { + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; + color: rgba(0, 0, 0, 0.38); + display: block; + margin-top: 0.25rem; +} + +.blockquote-footer::before { + content: '\2014 \00A0'; +} + +mark, +.mark { + background-color: #ffeb3b; + color: rgba(0, 0, 0, 0.87); + padding: 0.2em; +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.typography-display-4 { + font-size: 7rem; + font-weight: 300; + letter-spacing: -0.04em; + line-height: 1; +} + +.typography-display-3 { + font-size: 3.5rem; + font-weight: 400; + letter-spacing: -0.02em; + line-height: 1.035715; +} + +.typography-display-2 { + font-size: 2.8125rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.066667; +} + +.typography-display-1 { + font-size: 2.125rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.176471; +} + +.typography-headline { + font-size: 1.5rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.333334; +} + +.typography-title { + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.02em; + line-height: 1.4; +} + +.typography-subheading { + font-size: 1.0rem; + font-weight: 400; + letter-spacing: 0.04em; + line-height: 1.5; +} + +.typography-body-2 { + font-size: 0.875rem; + font-weight: 500; + letter-spacing: 0; + line-height: 1.428572; +} + +.typography-body-1 { + font-size: 0.875rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.428572; +} + +.typography-caption { + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + color: inherit; + font-family: inherit; + margin-bottom: 0.5rem; +} + +h1, +.h1 { + font-size: 2.8125rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.066667; +} + +h2, +.h2 { + font-size: 2.125rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.176471; +} + +h3, +.h3 { + font-size: 1.5rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.333334; +} + +h4, +.h4 { + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.02em; + line-height: 1.4; +} + +h5, +.h5 { + font-size: 1.0rem; + font-weight: 400; + letter-spacing: 0.04em; + line-height: 1.5; +} + +h6, +.h6 { + font-size: 0.875rem; + font-weight: 500; + letter-spacing: 0; + line-height: 1.428572; +} + +.display-1 { + font-size: 7rem; + font-weight: 300; + letter-spacing: -0.04em; + line-height: 1; +} + +.display-2 { + font-size: 3.5rem; + font-weight: 400; + letter-spacing: -0.02em; + line-height: 1.035715; +} + +.display-3 { + font-size: 2.8125rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.066667; +} + +.display-4 { + font-size: 2.125rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.176471; +} + +.lead { + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.02em; + line-height: 1.4; +} + +hr { + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin-top: 1rem; + margin-bottom: 1rem; +} + +.list-inline { + list-style: none; + padding-left: 0; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.list-unstyled { + list-style: none; + padding-left: 0; +} + +.alert { + border-radius: 2px; + border: 0; + display: block; + margin-bottom: 1rem; + padding: 1rem 1rem; + position: relative; +} + +.alert-primary { + background-color: #e1bee7; + color: rgba(0, 0, 0, 0.87); +} + +.alert-secondary { + background-color: #ff80ab; + color: rgba(0, 0, 0, 0.87); +} + +.alert-danger { + background-color: #ffcdd2; + color: rgba(0, 0, 0, 0.87); +} + +.alert-info { + background-color: #bbdefb; + color: rgba(0, 0, 0, 0.87); +} + +.alert-success { + background-color: #c8e6c9; + color: rgba(0, 0, 0, 0.87); +} + +.alert-warning { + background-color: #ffe0b2; + color: rgba(0, 0, 0, 0.87); +} + +.alert-dark { + background-color: #757575; + color: white; +} + +.alert-light { + background-color: #fafafa; + color: rgba(0, 0, 0, 0.87); +} + +.alert-dismissible { + padding-right: 3.5rem; +} + +.alert-dismissible .close { + color: inherit; + padding: 0.875rem 1rem; + position: absolute; + top: 0; + right: 0; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + color: inherit; + font-weight: 500; +} + +.alert-link:active, .alert-link:focus, .alert-link:hover { + color: inherit; +} + +.badge { + border-radius: 2px; + -ms-flex-align: center; + align-items: center; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: inherit; + font-weight: 500; + line-height: inherit; + padding-right: 0.5em; + padding-left: 0.5em; + text-align: center; + vertical-align: baseline; + white-space: nowrap; +} + +.badge:empty { + display: none; +} + +.btn .badge { + margin-top: -1px; + margin-bottom: -1px; + padding-top: 1px; + padding-bottom: 1px; +} + +.badge-primary { + background-color: #9c27b0; + color: white; +} + +.badge-primary[href]:active, .badge-primary[href]:focus, .badge-primary[href]:hover { + background-color: #7b1fa2; + color: white; + text-decoration: none; +} + +.badge-secondary { + background-color: #ff4081; + color: white; +} + +.badge-secondary[href]:active, .badge-secondary[href]:focus, .badge-secondary[href]:hover { + background-color: #f50057; + color: white; + text-decoration: none; +} + +.badge-danger { + background-color: #f44336; + color: white; +} + +.badge-danger[href]:active, .badge-danger[href]:focus, .badge-danger[href]:hover { + background-color: #d32f2f; + color: white; + text-decoration: none; +} + +.badge-info { + background-color: #2196f3; + color: white; +} + +.badge-info[href]:active, .badge-info[href]:focus, .badge-info[href]:hover { + background-color: #1976d2; + color: white; + text-decoration: none; +} + +.badge-success { + background-color: #4caf50; + color: white; +} + +.badge-success[href]:active, .badge-success[href]:focus, .badge-success[href]:hover { + background-color: #388e3c; + color: white; + text-decoration: none; +} + +.badge-warning { + background-color: #ff9800; + color: rgba(0, 0, 0, 0.87); +} + +.badge-warning[href]:active, .badge-warning[href]:focus, .badge-warning[href]:hover { + background-color: #f57c00; + color: white; + text-decoration: none; +} + +.badge-dark { + background-color: #424242; + color: white; +} + +.badge-dark[href]:active, .badge-dark[href]:focus, .badge-dark[href]:hover { + background-color: #212121; + color: white; + text-decoration: none; +} + +.badge-light { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.87); +} + +.badge-light[href]:active, .badge-light[href]:focus, .badge-light[href]:hover { + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.badge-pill { + border-radius: 1em; +} + +.breadcrumb { + border-radius: 2px; + -ms-flex-align: center; + align-items: center; + background-color: #f5f5f5; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + margin-bottom: 1rem; + min-height: 3.5rem; + padding: 0.625rem 1rem; +} + +.breadcrumb-item { + transition-duration: 0.3s; + transition-property: color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -ms-flex-align: center; + align-items: center; + color: rgba(0, 0, 0, 0.54); + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 576px) { + .breadcrumb-item { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .breadcrumb-item { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .breadcrumb-item { + transition: none; + } +} + +.breadcrumb-item:active, .breadcrumb-item:focus, .breadcrumb-item:hover { + color: rgba(0, 0, 0, 0.87); +} + +.breadcrumb-item.active { + color: rgba(0, 0, 0, 0.87); + font-weight: bolder; +} + +.breadcrumb-item a { + color: inherit; + text-decoration: none; +} + +.breadcrumb-item + .breadcrumb-item { + margin-left: 0.5rem; +} + +.breadcrumb-item + .breadcrumb-item::before { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + color: rgba(0, 0, 0, 0.54); + content: "chevron_right"; + display: inline-block; + margin-right: 0.5rem; +} + +.carousel { + position: relative; +} + +.carousel:hover .carousel-control-next, +.carousel:hover .carousel-control-prev { + opacity: 1; +} + +.carousel-inner { + overflow: hidden; + position: relative; + width: 100%; +} + +.carousel-item { + transition-duration: 0.375s; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -ms-flex-align: center; + align-items: center; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + display: none; + -webkit-perspective: 1000px; + perspective: 1000px; + position: relative; + width: 100%; +} + +@media (min-width: 576px) { + .carousel-item { + transition-duration: 0.4875s; + } +} + +@media (min-width: 992px) { + .carousel-item { + transition-duration: 0.25s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: -ms-flexbox; + display: flex; +} + +.carousel-item-left.active, +.carousel-item-prev { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} + +@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-left.active, + .carousel-item-prev { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.carousel-item-left.carousel-item-next, +.carousel-item-prev.carousel-item-right { + -webkit-transform: translateX(0); + transform: translateX(0); +} + +@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-left.carousel-item-next, + .carousel-item-prev.carousel-item-right { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.carousel-item-next, +.carousel-item-right.active { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} + +@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-next, + .carousel-item-right.active { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; +} + +.carousel-fade .carousel-item { + transition-duration: 0.375s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; +} + +@media (min-width: 576px) { + .carousel-fade .carousel-item { + transition-duration: 0.4875s; + } +} + +@media (min-width: 992px) { + .carousel-fade .carousel-item { + transition-duration: 0.25s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-fade .carousel-item { + transition: none; + } +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + opacity: 1; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-left.active, +.carousel-fade .carousel-item-next, +.carousel-fade .carousel-item-prev, +.carousel-fade .carousel-item-prev.active { + -webkit-transform: translateX(0); + transform: translateX(0); +} + +@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-fade .carousel-item.active, + .carousel-fade .carousel-item-left.active, + .carousel-fade .carousel-item-next, + .carousel-fade .carousel-item-prev, + .carousel-fade .carousel-item-prev.active { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.carousel-fade .carousel-item-left.active, +.carousel-fade .carousel-item-right.active { + opacity: 0; +} + +.carousel-control-next, +.carousel-control-prev { + -ms-flex-align: center; + align-items: center; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 50%; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2); + color: white; + cursor: pointer; + display: -ms-flexbox; + display: flex; + font-size: 0.8125rem; + height: 2.5rem; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + margin-top: -1.25rem; + opacity: 0; + position: absolute; + top: 50%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 2.5rem; +} + +.carousel-control-next:active, .carousel-control-next:focus, .carousel-control-next:hover, +.carousel-control-prev:active, +.carousel-control-prev:focus, +.carousel-control-prev:hover { + background-color: rgba(204, 204, 204, 0.25); + color: white; + text-decoration: none; +} + +.carousel-control-next:active, +.carousel-control-prev:active { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.carousel-control-next:focus, +.carousel-control-prev:focus { + opacity: 1; + outline: 0; +} + +.carousel-control-next { + right: 1.25rem; +} + +.carousel-control-prev { + left: 1.25rem; +} + +.carousel-control-next-icon, +.carousel-control-prev-icon { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; +} + +.carousel-control-next-icon::before { + content: "chevron_right"; +} + +.carousel-control-prev-icon::before { + content: "chevron_left"; +} + +.carousel-caption { + color: white; + position: absolute; + right: 25%; + bottom: 1.5rem; + left: 25%; + text-align: center; + z-index: 1; +} + +.carousel-indicators { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + list-style: none; + margin-bottom: 0; + padding-left: 0; + position: absolute; + right: 5rem; + bottom: 0.5rem; + left: 5rem; + z-index: 1; +} + +.carousel-indicators li { + background-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0.5rem; + cursor: pointer; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + height: 0.5rem; + margin-right: 1px; + margin-left: 1px; + overflow: hidden; + text-indent: 100%; + white-space: nowrap; + width: 0.5rem; +} + +.carousel-indicators .active { + background-color: rgba(204, 204, 204, 0.25); +} + +.close { + transition-duration: 0.3s; + transition-property: color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: transparent; + background-image: none; + border: 0; + color: rgba(0, 0, 0, 0.38); + float: right; + font-size: 1.5rem; + font-weight: 300; + line-height: 1; + padding: 0; +} + +@media (min-width: 576px) { + .close { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .close { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .close { + transition: none; + } +} + +.close:active, .close:focus, .close:hover { + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.close:focus { + outline: 0; +} + +.close:not(:disabled):not(.disabled) { + cursor: pointer; +} + +code { + border-radius: 2px; + background-color: #f5f5f5; + color: #bd4147; + font-size: 87.5%; + padding: 0.2rem 0.4rem; + word-break: break-word; +} + +a > code { + color: inherit; +} + +kbd { + border-radius: 2px; + background-color: rgba(0, 0, 0, 0.87); + color: white; + font-size: 87.5%; + padding: 0.2rem 0.4rem; +} + +kbd kbd { + font-size: 100%; + font-weight: bolder; + padding: 0; +} + +pre { + border-radius: 2px; + color: rgba(0, 0, 0, 0.87); + display: block; + font-size: 87.5%; +} + +pre code { + background-color: transparent; + border-radius: 0; + color: inherit; + font-size: inherit; + padding: 0; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.form-check { + display: block; + margin-bottom: 0.5rem; + padding-left: 1.25rem; + position: relative; +} + +.form-check-inline { + display: inline-block; + margin-right: 0.5rem; + margin-bottom: 0; +} + +.form-check-input { + margin-top: 0.25rem; + margin-left: -1.25rem; + position: absolute; +} + +.form-check-input:disabled ~ .form-check-label { + color: rgba(0, 0, 0, 0.38); +} + +.form-check-label { + color: inherit; + font-size: inherit; + line-height: inherit; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.5rem; + margin-left: -0.5rem; +} + +.form-row > .col, +.form-row > [class*='col-'] { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.form-inline { + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; +} + +.form-inline .custom-file, +.form-inline .custom-select { + width: auto; +} + +.form-inline .form-check { + margin-bottom: 0; + width: auto; +} + +.form-inline .form-control, +.form-inline .form-control-file { + display: inline-block; + vertical-align: middle; + width: auto; +} + +.form-inline .form-control-plaintext { + display: inline-block; +} + +.form-inline .form-group { + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-bottom: 0; +} + +.form-inline .input-group { + width: auto; +} + +.col-form-label { + color: inherit; + font-size: 0.875rem; + line-height: 1.714286; + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + +.col-form-label-lg { + font-size: 1.859375rem; + line-height: 1.344538; + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} + +.col-form-label-sm { + font-size: 0.710938rem; + line-height: 1.758242; + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + +.form-text { + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; + color: rgba(0, 0, 0, 0.38); + display: block; + margin-top: 0.5rem; +} + +.custom-select-lg + .form-text, +.floating-label-lg + .form-text, +.input-group-lg > .floating-label + .form-text, +.floating-label-lg .custom-select + .form-text, +.input-group-lg > .floating-label .custom-select + .form-text, +.floating-label-lg .form-control + .form-text, +.input-group-lg > .floating-label .form-control + .form-text, +.floating-label-lg .form-control-file + .form-text, +.input-group-lg > .floating-label .form-control-file + .form-text, +.form-control-lg + .form-text, +.textfield-box-lg + .form-text, +.input-group-lg > .textfield-box + .form-text, +.textfield-box-lg .custom-select + .form-text, +.input-group-lg > .textfield-box .custom-select + .form-text, +.textfield-box-lg .form-control + .form-text, +.input-group-lg > .textfield-box .form-control + .form-text, +.textfield-box-lg .form-control-file + .form-text, +.input-group-lg > .textfield-box .form-control-file + .form-text { + margin-top: 0.75rem; +} + +.custom-select-sm + .form-text, +.floating-label-sm + .form-text, +.input-group-sm > .floating-label + .form-text, +.floating-label-sm .custom-select + .form-text, +.input-group-sm > .floating-label .custom-select + .form-text, +.floating-label-sm .form-control + .form-text, +.input-group-sm > .floating-label .form-control + .form-text, +.floating-label-sm .form-control-file + .form-text, +.input-group-sm > .floating-label .form-control-file + .form-text, +.form-control-sm + .form-text, +.textfield-box-sm + .form-text, +.input-group-sm > .textfield-box + .form-text, +.textfield-box-sm .custom-select + .form-text, +.input-group-sm > .textfield-box .custom-select + .form-text, +.textfield-box-sm .form-control + .form-text, +.input-group-sm > .textfield-box .form-control + .form-text, +.textfield-box-sm .form-control-file + .form-text, +.input-group-sm > .textfield-box .form-control-file + .form-text { + margin-top: 0.25rem; +} + +.form-control-plaintext { + background-color: transparent; + border-color: transparent; + border-radius: 0; + border-style: solid; + border-width: 0 0 1px; + box-shadow: none; + color: rgba(0, 0, 0, 0.87); + display: block; + font-size: 1rem; + line-height: 1.5; + padding: 0.375rem 0 calc(0.375rem - 1px); + width: 100%; +} + +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.figure { + display: inline-block; +} + +.figure-caption { + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; + color: rgba(0, 0, 0, 0.38); +} + +.figure-img { + line-height: 1; + margin-bottom: 0.5rem; +} + +.img-fluid { + height: auto; + max-width: 100%; +} + +.img-thumbnail { + height: auto; + max-width: 100%; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.jumbotron { + border-radius: 2px; + background-color: white; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); + padding: 3rem 2rem; +} + +.jumbotron-fluid { + border-radius: 0; + padding-right: 0; + padding-left: 0; +} + +.media { + -ms-flex-align: start; + align-items: flex-start; + display: -ms-flexbox; + display: flex; +} + +.media-body { + -ms-flex: 1; + flex: 1; +} + +.nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + margin-bottom: 0; + padding-left: 0; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:active, .nav-link:focus, .nav-link:hover { + text-decoration: none; +} + +.nav-link.disabled { + color: rgba(0, 0, 0, 0.38); + cursor: default; +} + +.nav-fill .nav-item { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; +} + +.nav-pills .nav-link { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: background-color, color, opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.87); + opacity: 0.7; +} + +@media (min-width: 576px) { + .nav-pills .nav-link { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .nav-pills .nav-link { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .nav-pills .nav-link { + transition: none; + } +} + +.nav-pills .nav-link:active, .nav-pills .nav-link:focus, .nav-pills .nav-link:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.nav-pills .nav-link.active { + color: #ff4081; + opacity: 1; +} + +.nav-pills .nav-link.disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.nav-pills .nav-link:active { + opacity: 1; +} + +.nav-pills .show > .nav-link { + background-color: rgba(0, 0, 0, 0.12); + opacity: 1; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.pagination { + background-color: #f5f5f5; + display: -ms-flexbox; + display: flex; + list-style: none; + padding: 0.625rem 0.5rem; +} + +.page-link { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.87); + display: block; + font-size: 0.875rem; + font-weight: 500; + line-height: 1; + margin-left: 1px; + padding: 0.6875rem 1rem; + position: relative; + text-align: center; + white-space: nowrap; +} + +@media (min-width: 576px) { + .page-link { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .page-link { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} + +.page-link:active, .page-link:focus, .page-link:hover { + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.page-link:focus, .page-link:hover { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); +} + +.page-link.active, .page-link:active { + background-color: rgba(153, 153, 153, 0.4); + background-image: none; +} + +.page-link:focus { + outline: 0; +} + +.page-link:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.page-item:first-child .page-link { + margin-left: 0; +} + +.page-item.active .page-link { + background-color: rgba(153, 153, 153, 0.4); +} + +.page-item.disabled .page-link { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); + cursor: auto; + pointer-events: none; +} + +.pagination-lg .page-link { + font-size: 0.9375rem; + padding: 0.78125rem 1rem; +} + +.pagination-sm .page-link { + font-size: 0.8125rem; + padding: 0.59375rem 1rem; +} + +.popover { + text-align: left; + text-align: start; + font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + letter-spacing: normal; + line-break: auto; + line-height: 1.428572; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + border-radius: 2px; + background-color: #ffffff; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); + display: block; + font-size: 0.875rem; + margin: 1.5rem; + max-width: 17.5rem; + position: absolute; + top: 0; + left: 0; + z-index: 240; +} + +[dir='rtl'] .popover { + text-align: right; + text-align: start; +} + +.popover-body { + padding: 1.25rem 1.5rem; +} + +.popover-body > :last-child { + margin-bottom: 0; +} + +.popover-header { + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.02em; + line-height: 1.4; + margin-bottom: 0; + padding: 1.25rem 1.5rem 0; +} + +.popover-header:empty { + display: none; +} + +.popover-header:last-child { + padding-bottom: 1.25rem; +} + +@media (min-width: 768px) { + .popover { + margin: 0.875rem; + } +} + +.embed-responsive { + display: block; + overflow: hidden; + padding: 0; + position: relative; + width: 100%; +} + +.embed-responsive::before { + content: ''; + display: block; +} + +.embed-responsive embed, +.embed-responsive iframe, +.embed-responsive object, +.embed-responsive video, +.embed-responsive .embed-responsive-item { + border: 0; + height: 100%; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-21by9::before { + padding-top: 42.857143%; +} + +.collapse { + display: none; +} + +.collapse.show { + display: block; +} + +tbody.collapse.show { + display: table-row-group; +} + +tr.collapse.show { + display: table-row; +} + +.collapsing { + transition-duration: 0.3s; + transition-property: height; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + height: 0; + overflow: hidden; + position: relative; +} + +@media (min-width: 576px) { + .collapsing { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .collapsing { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.fade { + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; +} + +@media (min-width: 576px) { + .fade { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .fade { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade.show { + opacity: 1; +} + +.btn { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: transparent; + background-image: none; + border: 0; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); + display: inline-block; + font-size: 0.875rem; + font-weight: 500; + line-height: 1; + margin: 0; + max-width: 100%; + min-width: 5.5rem; + padding: 0.6875rem 1rem; + position: relative; + text-align: center; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + white-space: nowrap; +} + +@media (min-width: 576px) { + .btn { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .btn { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:active, .btn:focus, .btn:hover { + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.btn:focus, .btn:hover { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); +} + +.btn.active, .btn:active { + background-color: rgba(153, 153, 153, 0.4); + background-image: none; + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2); +} + +.btn.disabled, .btn:disabled { + background-color: rgba(0, 0, 0, 0.12); + background-image: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.26); + opacity: 1; +} + +.btn:focus { + outline: 0; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.show > .btn.dropdown-toggle { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + background-color: #9c27b0; + color: white; +} + +.btn-primary:active, .btn-primary:focus, .btn-primary:hover { + color: white; +} + +.btn-primary.active, .btn-primary:active { + background-color: #7b1fa2; +} + +.btn-primary.disabled, .btn-primary:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +.btn-secondary { + background-color: #ff4081; + color: white; +} + +.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover { + color: white; +} + +.btn-secondary.active, .btn-secondary:active { + background-color: #f50057; +} + +.btn-secondary.disabled, .btn-secondary:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +.btn-danger { + background-color: #f44336; + color: white; +} + +.btn-danger:active, .btn-danger:focus, .btn-danger:hover { + color: white; +} + +.btn-danger.active, .btn-danger:active { + background-color: #d32f2f; +} + +.btn-danger.disabled, .btn-danger:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +.btn-info { + background-color: #2196f3; + color: white; +} + +.btn-info:active, .btn-info:focus, .btn-info:hover { + color: white; +} + +.btn-info.active, .btn-info:active { + background-color: #1976d2; +} + +.btn-info.disabled, .btn-info:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +.btn-success { + background-color: #4caf50; + color: white; +} + +.btn-success:active, .btn-success:focus, .btn-success:hover { + color: white; +} + +.btn-success.active, .btn-success:active { + background-color: #388e3c; +} + +.btn-success.disabled, .btn-success:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +.btn-warning { + background-color: #ff9800; + color: rgba(0, 0, 0, 0.87); +} + +.btn-warning:active, .btn-warning:focus, .btn-warning:hover { + color: rgba(0, 0, 0, 0.87); +} + +.btn-warning.active, .btn-warning:active { + background-color: #f57c00; +} + +.btn-warning.disabled, .btn-warning:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +.btn-dark { + background-color: #424242; + color: white; +} + +.btn-dark:active, .btn-dark:focus, .btn-dark:hover { + color: white; +} + +.btn-dark.active, .btn-dark:active { + background-color: #212121; +} + +.btn-dark.disabled, .btn-dark:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +.btn-light { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.87); +} + +.btn-light:active, .btn-light:focus, .btn-light:hover { + color: rgba(0, 0, 0, 0.87); +} + +.btn-light.active, .btn-light:active { + background-color: #e0e0e0; +} + +.btn-light.disabled, .btn-light:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.26); +} + +[class*='bg-dark'] :not([class*='bg-light']) .btn.disabled, [class*='bg-dark'] :not([class*='bg-light']) .btn:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.3); +} + +.btn-lg, +.btn-group-lg > .btn, +.input-group-lg > .input-group-append > .btn, +.input-group-lg > .input-group-prepend > .btn { + font-size: 0.9375rem; + padding: 0.78125rem 1rem; +} + +.btn-sm, +.btn-group-sm > .btn, +.input-group-sm > .input-group-append > .btn, +.input-group-sm > .input-group-prepend > .btn { + font-size: 0.8125rem; + padding: 0.59375rem 1rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block + .btn-block { + margin-top: 0.25rem; +} + +[type='button'].btn-block, +[type='reset'].btn-block, +[type='submit'].btn-block { + width: 100%; +} + +.btn-link { + background-color: transparent; + border-radius: 0; + box-shadow: none; + color: #ff4081; + font-weight: 400; + text-decoration: none; + text-transform: none; +} + +.btn-link:active, .btn-link:focus, .btn-link:hover { + color: #ff4081; + text-decoration: underline; +} + +.btn-link:focus, .btn-link:hover { + background-image: none; +} + +.btn-link.active, .btn-link:active { + background-color: transparent; + box-shadow: none; +} + +.btn-link.disabled, .btn-link:disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); + text-decoration: none; +} + +.btn-fluid { + min-width: 0; +} + +[class*='btn-flat'], +[class*='btn-outline'] { + background-color: transparent; + box-shadow: none; +} + +[class*='btn-flat'].active, [class*='btn-flat']:active, +[class*='btn-outline'].active, +[class*='btn-outline']:active { + box-shadow: none; +} + +[class*='btn-flat'].disabled, [class*='btn-flat']:disabled, +[class*='btn-outline'].disabled, +[class*='btn-outline']:disabled { + background-color: transparent; +} + +.btn-flat-primary, .btn-flat-primary:active, .btn-flat-primary:focus, .btn-flat-primary:hover, +.btn-outline-primary, +.btn-outline-primary:active, +.btn-outline-primary:focus, +.btn-outline-primary:hover { + color: #9c27b0; +} + +.btn-flat-primary.disabled, .btn-flat-primary:disabled, +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-secondary, .btn-flat-secondary:active, .btn-flat-secondary:focus, .btn-flat-secondary:hover, +.btn-outline-secondary, +.btn-outline-secondary:active, +.btn-outline-secondary:focus, +.btn-outline-secondary:hover { + color: #ff4081; +} + +.btn-flat-secondary.disabled, .btn-flat-secondary:disabled, +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-danger, .btn-flat-danger:active, .btn-flat-danger:focus, .btn-flat-danger:hover, +.btn-outline-danger, +.btn-outline-danger:active, +.btn-outline-danger:focus, +.btn-outline-danger:hover { + color: #f44336; +} + +.btn-flat-danger.disabled, .btn-flat-danger:disabled, +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-info, .btn-flat-info:active, .btn-flat-info:focus, .btn-flat-info:hover, +.btn-outline-info, +.btn-outline-info:active, +.btn-outline-info:focus, +.btn-outline-info:hover { + color: #2196f3; +} + +.btn-flat-info.disabled, .btn-flat-info:disabled, +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-success, .btn-flat-success:active, .btn-flat-success:focus, .btn-flat-success:hover, +.btn-outline-success, +.btn-outline-success:active, +.btn-outline-success:focus, +.btn-outline-success:hover { + color: #4caf50; +} + +.btn-flat-success.disabled, .btn-flat-success:disabled, +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-warning, .btn-flat-warning:active, .btn-flat-warning:focus, .btn-flat-warning:hover, +.btn-outline-warning, +.btn-outline-warning:active, +.btn-outline-warning:focus, +.btn-outline-warning:hover { + color: #ff9800; +} + +.btn-flat-warning.disabled, .btn-flat-warning:disabled, +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-dark, .btn-flat-dark:active, .btn-flat-dark:focus, .btn-flat-dark:hover, +.btn-outline-dark, +.btn-outline-dark:active, +.btn-outline-dark:focus, +.btn-outline-dark:hover { + color: #424242; +} + +.btn-flat-dark.disabled, .btn-flat-dark:disabled, +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-light, .btn-flat-light:active, .btn-flat-light:focus, .btn-flat-light:hover, +.btn-outline-light, +.btn-outline-light:active, +.btn-outline-light:focus, +.btn-outline-light:hover { + color: #f5f5f5; +} + +.btn-flat-light.disabled, .btn-flat-light:disabled, +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.btn-flat-light:focus, .btn-flat-light:hover, +.btn-outline-light:focus, +.btn-outline-light:hover { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); +} + +.btn-flat-light.active, .btn-flat-light:active, +.btn-outline-light.active, +.btn-outline-light:active { + background-color: rgba(204, 204, 204, 0.25); +} + +.btn-float { + border-radius: 50%; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2); + height: 3.5rem; + line-height: 3.5rem; + min-width: 0; + padding: 0; + width: 3.5rem; +} + +.btn-float.active, .btn-float:active { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.btn-float.disabled, .btn-float:disabled { + box-shadow: none; +} + +.btn-float.btn-sm { + height: 2.5rem; + line-height: 2.5rem; + width: 2.5rem; +} + +.btn-float-dropdown .dropdown-menu { + border-radius: 0; + margin-top: 1rem; + min-width: 3.5rem; + padding-top: 0; + padding-bottom: 0; + text-align: center; +} + +.btn-float-dropdown .dropdown-menu::before { + display: none; +} + +.btn-float-dropdown .dropdown-menu .btn-float { + display: block; + margin-right: auto; + margin-bottom: 1rem; + margin-left: auto; +} + +.btn-group, +.btn-group-vertical { + border-radius: 2px; + background-color: white; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + vertical-align: middle; +} + +.btn-group > .btn-primary.disabled, .btn-group > .btn-primary:disabled, +.btn-group-vertical > .btn-primary.disabled, +.btn-group-vertical > .btn-primary:disabled { + background-color: #e1bee7; + color: rgba(0, 0, 0, 0.87); +} + +.btn-group > .btn-secondary.disabled, .btn-group > .btn-secondary:disabled, +.btn-group-vertical > .btn-secondary.disabled, +.btn-group-vertical > .btn-secondary:disabled { + background-color: #ff80ab; + color: rgba(0, 0, 0, 0.87); +} + +.btn-group > .btn-danger.disabled, .btn-group > .btn-danger:disabled, +.btn-group-vertical > .btn-danger.disabled, +.btn-group-vertical > .btn-danger:disabled { + background-color: #ffcdd2; + color: rgba(0, 0, 0, 0.87); +} + +.btn-group > .btn-info.disabled, .btn-group > .btn-info:disabled, +.btn-group-vertical > .btn-info.disabled, +.btn-group-vertical > .btn-info:disabled { + background-color: #bbdefb; + color: rgba(0, 0, 0, 0.87); +} + +.btn-group > .btn-success.disabled, .btn-group > .btn-success:disabled, +.btn-group-vertical > .btn-success.disabled, +.btn-group-vertical > .btn-success:disabled { + background-color: #c8e6c9; + color: rgba(0, 0, 0, 0.87); +} + +.btn-group > .btn-warning.disabled, .btn-group > .btn-warning:disabled, +.btn-group-vertical > .btn-warning.disabled, +.btn-group-vertical > .btn-warning:disabled { + background-color: #ffe0b2; + color: rgba(0, 0, 0, 0.87); +} + +.btn-group > .btn-dark.disabled, .btn-group > .btn-dark:disabled, +.btn-group-vertical > .btn-dark.disabled, +.btn-group-vertical > .btn-dark:disabled { + background-color: #757575; + color: white; +} + +.btn-group > .btn-light.disabled, .btn-group > .btn-light:disabled, +.btn-group-vertical > .btn-light.disabled, +.btn-group-vertical > .btn-light:disabled { + background-color: #fafafa; + color: rgba(0, 0, 0, 0.87); +} + +.btn-group > .btn, +.btn-group-vertical > .btn { + transition-duration: 0.3s; + transition-property: border-color, opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + box-shadow: none; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + min-width: 0; +} + +@media (min-width: 576px) { + .btn-group > .btn, + .btn-group-vertical > .btn { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .btn-group > .btn, + .btn-group-vertical > .btn { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .btn-group > .btn, + .btn-group-vertical > .btn { + transition: none; + } +} + +.btn-group > .btn.active, .btn-group > .btn:active, +.btn-group-vertical > .btn.active, +.btn-group-vertical > .btn:active { + box-shadow: none; +} + +.btn-group > .btn.disabled, .btn-group > .btn:disabled, +.btn-group-vertical > .btn.disabled, +.btn-group-vertical > .btn:disabled { + opacity: 0.7; +} + +.btn-group > .btn[class*='btn-outline'], +.btn-group-vertical > .btn[class*='btn-outline'] { + opacity: 0.7; +} + +.btn-group > .btn[class*='btn-outline'].active, .btn-group > .btn[class*='btn-outline']:active, +.btn-group-vertical > .btn[class*='btn-outline'].active, +.btn-group-vertical > .btn[class*='btn-outline']:active { + opacity: 1; +} + +.btn-group > .btn[class*='btn-outline'].disabled, .btn-group > .btn[class*='btn-outline']:disabled, +.btn-group-vertical > .btn[class*='btn-outline'].disabled, +.btn-group-vertical > .btn[class*='btn-outline']:disabled { + opacity: 1; +} + +.btn-group > .btn-group, +.btn-group > .btn-group-vertical, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group-vertical { + border-radius: 0; + background-color: transparent; + box-shadow: none; +} + +.btn-group.show > .btn.dropdown-toggle { + box-shadow: none; +} + +.btn-group > .btn, +.btn-group > .btn-group { + margin-left: -1px; +} + +.btn-group > .btn:first-child, +.btn-group > .btn-group:first-child { + margin-left: 0; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn, +.btn-group > .dropdown-toggle:not(:last-of-type) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group-vertical { + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + margin-top: -1px; + margin-left: 0; + width: 100%; +} + +.btn-group-vertical > .btn:first-child, +.btn-group-vertical > .btn-group:first-child { + margin-top: 0; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn, +.btn-group-vertical > .dropdown-toggle:not(:last-of-type) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-fluid { + background-color: transparent; + box-shadow: none; +} + +[data-toggle='buttons'] > .btn, +[data-toggle='buttons'] > .btn-group > .btn { + margin-bottom: 0; +} + +[data-toggle='buttons'] > .btn [type='checkbox'], +[data-toggle='buttons'] > .btn [type='radio'], +[data-toggle='buttons'] > .btn-group > .btn [type='checkbox'], +[data-toggle='buttons'] > .btn-group > .btn [type='radio'] { + clip: rect(0, 0, 0, 0); + pointer-events: none; + position: absolute; +} + +.dropdown-toggle.dropdown-toggle-split { + padding-right: 0.2em; + padding-left: 0.2em; +} + +.dropdown-toggle.dropdown-toggle-split::after { + margin-right: 0; + margin-left: 0; +} + +.dropleft .dropdown-toggle.dropdown-toggle-split::before { + margin-right: 0; + margin-left: 0; +} + +.btn-toolbar { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.card { + border-radius: 2px; + background-color: #ffffff; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + position: relative; + word-wrap: break-word; +} + +.card.border-primary { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #9c27b0; +} + +.card.border-primary[href]:active, .card.border-primary[href]:focus, .card.border-primary[href]:hover, .card.border-primary[tabindex]:active, .card.border-primary[tabindex]:focus, .card.border-primary[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #9c27b0; +} + +.card.border-secondary { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #ff4081; +} + +.card.border-secondary[href]:active, .card.border-secondary[href]:focus, .card.border-secondary[href]:hover, .card.border-secondary[tabindex]:active, .card.border-secondary[tabindex]:focus, .card.border-secondary[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #ff4081; +} + +.card.border-danger { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #f44336; +} + +.card.border-danger[href]:active, .card.border-danger[href]:focus, .card.border-danger[href]:hover, .card.border-danger[tabindex]:active, .card.border-danger[tabindex]:focus, .card.border-danger[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #f44336; +} + +.card.border-info { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #2196f3; +} + +.card.border-info[href]:active, .card.border-info[href]:focus, .card.border-info[href]:hover, .card.border-info[tabindex]:active, .card.border-info[tabindex]:focus, .card.border-info[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #2196f3; +} + +.card.border-success { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #4caf50; +} + +.card.border-success[href]:active, .card.border-success[href]:focus, .card.border-success[href]:hover, .card.border-success[tabindex]:active, .card.border-success[tabindex]:focus, .card.border-success[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #4caf50; +} + +.card.border-warning { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #ff9800; +} + +.card.border-warning[href]:active, .card.border-warning[href]:focus, .card.border-warning[href]:hover, .card.border-warning[tabindex]:active, .card.border-warning[tabindex]:focus, .card.border-warning[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #ff9800; +} + +.card.border-dark { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #424242; +} + +.card.border-dark[href]:active, .card.border-dark[href]:focus, .card.border-dark[href]:hover, .card.border-dark[tabindex]:active, .card.border-dark[tabindex]:focus, .card.border-dark[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #424242; +} + +.card.border-light { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #f5f5f5; +} + +.card.border-light[href]:active, .card.border-light[href]:focus, .card.border-light[href]:hover, .card.border-light[tabindex]:active, .card.border-light[tabindex]:focus, .card.border-light[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #f5f5f5; +} + +.card[href]:active, .card[href]:focus, .card[href]:hover, .card[tabindex]:active, .card[tabindex]:focus, .card[tabindex]:hover { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2); + text-decoration: none; +} + +.card[href]:focus, .card[tabindex]:focus { + outline: 0; +} + +.accordion .card:first-of-type { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion .card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion .card:not(:first-of-type):not(:last-of-type) { + border-radius: 0; +} + +.accordion .card:not(:first-of-type) .card-body:first-child, +.accordion .card:not(:first-of-type) .card-footer:first-child, +.accordion .card:not(:first-of-type) .card-header:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion .card:not(:last-of-type) .card-body:last-child, +.accordion .card:not(:last-of-type) .card-footer:last-child, +.accordion .card:not(:last-of-type) .card-header:last-child { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion .collapse .card-body:first-child, +.accordion .collapse .card-footer:first-child, +.accordion .collapse .card-header:first-child, +.accordion .collapsing .card-body:first-child, +.accordion .collapsing .card-footer:first-child, +.accordion .collapsing .card-header:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.card-actions { + -ms-flex-align: start; + align-items: flex-start; + display: -ms-flexbox; + display: flex; + padding: 0.5rem 0rem 0.25rem 0.5rem; +} + +.card-actions:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.card-actions:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.card-actions .btn { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-right: 0.5rem; + margin-bottom: 0.25rem; + min-width: 0; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.card-actions .dropdown-toggle::after { + margin-right: 0; +} + +.card-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1rem 1rem; +} + +.card-body:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.card-body:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.card-body > :last-child { + margin-bottom: 0; +} + +.card-footer { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 1rem 1rem; +} + +.card-footer:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top: 0; +} + +.card-footer:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.card-footer > :last-child { + margin-bottom: 0; +} + +.card-header { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + margin-bottom: 0; + padding: 1rem 1rem; +} + +.card-header:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.card-header:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom: 0; +} + +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-header-pills { + margin: -1rem -1rem; + padding: 0.5rem 0rem 0.25rem 0.5rem; +} + +.card-header-pills .nav-link { + margin-right: 0.5rem; + margin-bottom: 0.25rem; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.card-header-tabs { + margin: -1rem -1rem calc(-1rem - 1px); +} + +.card-img { + border-radius: 2px; +} + +.card-img-bottom { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.card-img-top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.card-img-overlay { + max-height: 100%; + padding: 1rem 1rem; + position: absolute; + right: 0; + bottom: 0; + left: 0; +} + +.card-columns { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + -webkit-column-gap: 0.5rem; + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; + margin-top: -0.25rem; + margin-bottom: 0.25rem; + orphans: 1; + widows: 1; +} + +@media (min-width: 768px) { + .card-columns { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + } +} + +.card-columns .card { + display: -ms-inline-flexbox; + display: inline-flex; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + width: 100%; +} + +@media (min-width: 576px) { + .card-deck { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -0.25rem; + margin-left: -0.25rem; + } +} + +.card-deck .card { + margin-bottom: 0.5rem; +} + +@media (min-width: 576px) { + .card-deck .card { + -ms-flex: 1 0 0px; + flex: 1 0 0; + margin-right: 0.25rem; + margin-left: 0.25rem; + } +} + +@media (min-width: 576px) { + .card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } +} + +.card-group .card { + margin-bottom: 0.5rem; +} + +@media (min-width: 576px) { + .card-group .card { + -ms-flex: 1 0 0px; + flex: 1 0 0; + } + .card-group .card:first-child:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group .card:first-child:not(:last-child) .card-actions, + .card-group .card:first-child:not(:last-child) .card-body, + .card-group .card:first-child:not(:last-child) .card-footer, + .card-group .card:first-child:not(:last-child) .card-header, + .card-group .card:first-child:not(:last-child) .card-img, + .card-group .card:first-child:not(:last-child) .card-img-bottom, + .card-group .card:first-child:not(:last-child) .card-img-top { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group .card:last-child:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group .card:last-child:not(:first-child) .card-actions, + .card-group .card:last-child:not(:first-child) .card-body, + .card-group .card:last-child:not(:first-child) .card-footer, + .card-group .card:last-child:not(:first-child) .card-header, + .card-group .card:last-child:not(:first-child) .card-img, + .card-group .card:last-child:not(:first-child) .card-img-bottom, + .card-group .card:last-child:not(:first-child) .card-img-top { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group .card:not(:first-child):not(:last-child) { + border-radius: 0; + } + .card-group .card:not(:first-child):not(:last-child) .card-actions, + .card-group .card:not(:first-child):not(:last-child) .card-body, + .card-group .card:not(:first-child):not(:last-child) .card-footer, + .card-group .card:not(:first-child):not(:last-child) .card-header, + .card-group .card:not(:first-child):not(:last-child) .card-img, + .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, + .card-group .card:not(:first-child):not(:last-child) .card-img-top { + border-radius: 0; + } +} + +.card-link:active, .card-link:focus, .card-link:hover { + text-decoration: none; +} + +.card-link + .card-link { + margin-left: 1rem; +} + +.card-subtitle { + font-size: 0.875rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.428572; + margin-top: -1rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-title { + font-size: 1.5rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.333334; + margin-bottom: 1rem; +} + +.card-title:last-child { + margin-bottom: 0; +} + +.chip { + -ms-flex-align: center; + align-items: center; + background-color: #e0e0e0; + border: 0; + border-radius: 1rem; + color: rgba(0, 0, 0, 0.87); + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 0.875rem; + font-weight: 400; + height: 2rem; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + padding-right: 0.75rem; + padding-left: 0.75rem; + position: relative; + text-align: center; + vertical-align: middle; + white-space: nowrap; +} + +.chip:empty { + display: none; +} + +.chip .close { + font-size: inherit; + line-height: inherit; + margin-right: -0.5rem; + margin-left: 0.25rem; + min-height: 1.5rem; + min-width: 1.5rem; + -ms-flex-order: 1; + order: 1; +} + +.chip-primary { + background-color: #9c27b0; + color: white; +} + +.chip-secondary { + background-color: #ff4081; + color: white; +} + +.chip-danger { + background-color: #f44336; + color: white; +} + +.chip-info { + background-color: #2196f3; + color: white; +} + +.chip-success { + background-color: #4caf50; + color: white; +} + +.chip-warning { + background-color: #ff9800; + color: rgba(0, 0, 0, 0.87); +} + +.chip-dark { + background-color: #424242; + color: white; +} + +.chip-light { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.87); +} + +.chip-action { + transition-duration: 0.3s; + transition-property: background-color, box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@media (min-width: 576px) { + .chip-action { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .chip-action { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .chip-action { + transition: none; + } +} + +.chip-action:active, .chip-action:focus, .chip-action:hover { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.chip-action:active { + background-color: #bdbdbd; +} + +.chip-action:focus { + outline: 0; +} + +.chip-icon { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -ms-flex-align: center; + align-items: center; + background-color: #ff4081; + border-radius: 1rem; + color: white; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + font-style: normal; + font-weight: 400; + height: 2rem; + -ms-flex-pack: center; + justify-content: center; + margin-right: 0.5rem; + margin-left: -0.75rem; + -ms-flex-order: -1; + order: -1; + text-align: center; + width: 2rem; +} + +.chip-img { + border-radius: 1rem; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 2rem; + margin-right: 0.5rem; + margin-left: -0.75rem; + -ms-flex-order: -1; + order: -1; + width: auto; +} + +.table { + background-color: #ffffff; + border: 0; + margin-bottom: 1rem; + max-width: 100%; + width: 100%; +} + +.table td, +.table th { + border-top: 1px solid #e1e1e1; + line-height: 1.428572; + padding-right: 1.75rem; + padding-left: 1.75rem; + vertical-align: top; +} + +.table td:first-child, +.table th:first-child { + padding-left: 1.5rem; +} + +.table td:last-child, +.table th:last-child { + padding-right: 1.5rem; +} + +.table tbody { + color: rgba(0, 0, 0, 0.87); +} + +.table tbody td, +.table tbody th { + font-size: 0.8125rem; + font-weight: 400; + height: 3rem; + padding-top: 0.919643rem; + padding-bottom: 0.919643rem; +} + +.table tfoot { + color: rgba(0, 0, 0, 0.54); +} + +.table tfoot td, +.table tfoot th { + font-size: 0.75rem; + font-weight: 400; + height: 3.5rem; + padding-top: 1.214285rem; + padding-bottom: 1.214285rem; +} + +.table thead { + color: rgba(0, 0, 0, 0.54); +} + +.table thead td, +.table thead th { + font-size: 0.75rem; + font-weight: 500; + height: 3.5rem; + padding-top: 1.214285rem; + padding-bottom: 1.214285rem; +} + +.card > .table:first-child, +.card > .table:first-child > :first-child, +.card > .table:first-child > :first-child > tr:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.card > .table:first-child > :first-child > tr:first-child td:first-child, +.card > .table:first-child > :first-child > tr:first-child th:first-child { + border-top-left-radius: 2px; +} + +.card > .table:first-child > :first-child > tr:first-child td:last-child, +.card > .table:first-child > :first-child > tr:first-child th:last-child { + border-top-right-radius: 2px; +} + +.card > .table:last-child, +.card > .table:last-child > :last-child, +.card > .table:last-child > :last-child > tr:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.card > .table:last-child > :last-child > tr:last-child td:first-child, +.card > .table:last-child > :last-child > tr:last-child th:first-child { + border-bottom-left-radius: 2px; +} + +.card > .table:last-child > :last-child > tr:last-child td:last-child, +.card > .table:last-child > :last-child > tr:last-child th:last-child { + border-bottom-right-radius: 2px; +} + +.table .table { + border-top: 1px solid #e1e1e1; +} + +.table > :first-child > tr:first-child td, +.table > :first-child > tr:first-child th { + border-top: 0; +} + +.table-borderless td, +.table-borderless th, +.table-borderless .table { + border: 0; +} + +.table-bordered { + border: 1px solid #e1e1e1; +} + +.card > .table-bordered { + border: 0; +} + +.table-sm td, +.table-sm th { + padding-right: 1rem; + padding-left: 1rem; +} + +.table-sm td:first-child, +.table-sm th:first-child { + padding-left: 1rem; +} + +.table-sm td:last-child, +.table-sm th:last-child { + padding-right: 1rem; +} + +.table-sm tbody td, +.table-sm tbody th { + height: 2.25rem; + padding-top: 0.544643rem; + padding-bottom: 0.544643rem; +} + +.table-sm tfoot td, +.table-sm tfoot th { + padding-top: 0.714286rem; + padding-bottom: 0.714286rem; +} + +.table-sm thead td, +.table-sm thead th { + height: 2.5rem; + padding-top: 0.714286rem; + padding-bottom: 0.714286rem; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: #f5f5f5; +} + +.table-hover tbody tr:hover { + background-color: #eeeeee; +} + +.table-primary, +.table-primary > td, +.table-primary > th { + background-color: #e1bee7; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-primary:hover, +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #9c27b0; + color: white; +} + +.table-secondary, +.table-secondary > td, +.table-secondary > th { + background-color: #ff80ab; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-secondary:hover, +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ff4081; + color: white; +} + +.table-danger, +.table-danger > td, +.table-danger > th { + background-color: #ffcdd2; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-danger:hover, +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #f44336; + color: white; +} + +.table-info, +.table-info > td, +.table-info > th { + background-color: #bbdefb; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-info:hover, +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #2196f3; + color: white; +} + +.table-success, +.table-success > td, +.table-success > th { + background-color: #c8e6c9; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-success:hover, +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #4caf50; + color: white; +} + +.table-warning, +.table-warning > td, +.table-warning > th { + background-color: #ffe0b2; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-warning:hover, +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ff9800; + color: rgba(0, 0, 0, 0.87); +} + +.table-dark, +.table-dark > td, +.table-dark > th { + background-color: #757575; + color: white; +} + +.table-hover .table-dark:hover, +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #424242; + color: white; +} + +.table-light, +.table-light > td, +.table-light > th { + background-color: #fafafa; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-light:hover, +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.87); +} + +.table-active, +.table-active > td, +.table-active > th { + background-color: #eeeeee; + color: rgba(0, 0, 0, 0.87); +} + +.table-hover .table-active:hover, +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} + +.table .thead-dark td, +.table .thead-dark th { + background-color: #424242; + color: white; +} + +.table .thead-light td, +.table .thead-light th { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.54); +} + +.table-dark { + background-color: #424242; + color: white; +} + +.table-dark.table-bordered { + border-color: #303030; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: #303030; +} + +.table-dark.table-hover tbody tr:hover { + background-color: #212121; +} + +.table-dark tbody, +.table-dark tfoot, +.table-dark thead { + color: inherit; +} + +.table-dark td, +.table-dark th, +.table-dark .table { + border-color: #303030; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + overflow-x: auto; + width: 100%; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + overflow-x: auto; + width: 100%; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + overflow-x: auto; + width: 100%; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + overflow-x: auto; + width: 100%; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +.table-responsive { + display: block; + overflow-x: auto; + width: 100%; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.modal { + display: none; + outline: 0; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 240; +} + +.modal.fade { + transition-duration: 0.375s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@media (min-width: 576px) { + .modal.fade { + transition-duration: 0.4875s; + } +} + +@media (min-width: 992px) { + .modal.fade { + transition-duration: 0.25s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .modal.fade { + transition: none; + } +} + +.modal.fade .modal-dialog { + transition-duration: 0.375s; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-transform: scale(0.87); + transform: scale(0.87); +} + +@media (min-width: 576px) { + .modal.fade .modal-dialog { + transition-duration: 0.4875s; + } +} + +@media (min-width: 992px) { + .modal.fade .modal-dialog { + transition-duration: 0.25s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + -webkit-transform: scale(1); + transform: scale(1); +} + +.modal-open { + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-backdrop { + background-color: rgba(0, 0, 0, 0.38); + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 239; +} + +.modal-content { + border-radius: 2px; + background-color: #ffffff; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + outline: 0; + pointer-events: auto; + position: relative; + vertical-align: baseline; + width: 100%; +} + +.modal-dialog { + margin: 1.5rem auto; + max-width: 35rem; + pointer-events: none; + position: relative; + width: calc(100% - 1.5rem * 2); +} + +.modal-dialog-centered { + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + min-height: calc(100% - 1.5rem * 2); +} + +.modal-lg { + max-width: 52.5rem; +} + +.modal-sm { + max-width: 17.5rem; +} + +.modal-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1.25rem 1.5rem; + position: relative; +} + +.modal-body:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.modal-body:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.modal-header + .modal-body { + padding-top: 0; +} + +.modal-body > :last-child { + margin-bottom: 0; +} + +.modal-footer { + -ms-flex-align: end; + align-items: flex-end; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 0.5rem 0.5rem 0.5rem 0rem; +} + +.modal-footer:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.modal-footer:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.modal-footer .btn { + background-color: transparent; + box-shadow: none; + max-width: calc(50% - 0.5rem); + min-width: 4rem; + overflow: hidden; + padding-right: 0.5rem; + padding-left: 0.5rem; + text-overflow: ellipsis; +} + +.modal-footer .btn-primary, .modal-footer .btn-primary:active, .modal-footer .btn-primary:focus, .modal-footer .btn-primary:hover { + color: #9c27b0; +} + +.modal-footer .btn-primary.disabled, .modal-footer .btn-primary:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn-secondary, .modal-footer .btn-secondary:active, .modal-footer .btn-secondary:focus, .modal-footer .btn-secondary:hover { + color: #ff4081; +} + +.modal-footer .btn-secondary.disabled, .modal-footer .btn-secondary:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn-danger, .modal-footer .btn-danger:active, .modal-footer .btn-danger:focus, .modal-footer .btn-danger:hover { + color: #f44336; +} + +.modal-footer .btn-danger.disabled, .modal-footer .btn-danger:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn-info, .modal-footer .btn-info:active, .modal-footer .btn-info:focus, .modal-footer .btn-info:hover { + color: #2196f3; +} + +.modal-footer .btn-info.disabled, .modal-footer .btn-info:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn-success, .modal-footer .btn-success:active, .modal-footer .btn-success:focus, .modal-footer .btn-success:hover { + color: #4caf50; +} + +.modal-footer .btn-success.disabled, .modal-footer .btn-success:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn-warning, .modal-footer .btn-warning:active, .modal-footer .btn-warning:focus, .modal-footer .btn-warning:hover { + color: #ff9800; +} + +.modal-footer .btn-warning.disabled, .modal-footer .btn-warning:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn-dark, .modal-footer .btn-dark:active, .modal-footer .btn-dark:focus, .modal-footer .btn-dark:hover { + color: #424242; +} + +.modal-footer .btn-dark.disabled, .modal-footer .btn-dark:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn-light, .modal-footer .btn-light:active, .modal-footer .btn-light:focus, .modal-footer .btn-light:hover { + color: #f5f5f5; +} + +.modal-footer .btn-light.disabled, .modal-footer .btn-light:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.modal-footer .btn.active, .modal-footer .btn:active { + background-color: rgba(153, 153, 153, 0.4); + box-shadow: none; +} + +.modal-footer .btn.disabled, .modal-footer .btn:disabled { + background-color: transparent; +} + +.modal-footer > * { + margin-left: 0.5rem; +} + +.modal-footer-stacked { + -ms-flex-align: stretch; + align-items: stretch; + -ms-flex-direction: column; + flex-direction: column; + padding-top: 0; + padding-right: 0; + padding-left: 0; +} + +.modal-footer-stacked .btn { + text-align: right; + text-align: end; + border-radius: 0; + margin-left: 0; + max-width: none; + padding: 1.0625rem 1rem; +} + +[dir='rtl'] .modal-footer-stacked .btn { + text-align: left; + text-align: end; +} + +.modal-header { + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 1.25rem 1.5rem; +} + +.modal-header:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.modal-header:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.modal-title { + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.02em; + line-height: 1.4; + margin: 0; +} + +.modal-scrollbar-measure { + height: 50px; + overflow: scroll; + position: absolute; + top: -99999px; + width: 50px; +} + +.list-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 0; + padding-left: 0; +} + +.list-group-item { + transition-duration: 0.3s; + transition-property: background-color, color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: #ffffff; + border: 0; + box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); + display: block; + font-size: 0.9375rem; + line-height: 1.428572; + min-height: 3rem; + padding: 0.830357rem 1.5rem; + position: relative; +} + +@media (min-width: 576px) { + .list-group-item { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .list-group-item { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .list-group-item { + transition: none; + } +} + +.list-group-item:active, .list-group-item:focus, .list-group-item:hover { + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.list-group-item.active { + background-color: #eeeeee; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item.disabled, .list-group-item:disabled { + background-color: #ffffff; + color: rgba(0, 0, 0, 0.38); +} + +.list-group-item:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.list-group-item:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.card .list-group-item { + padding-right: 1rem; + padding-left: 1rem; +} + +.list-group-item-action { + color: rgba(0, 0, 0, 0.87); + text-align: inherit; + width: 100%; +} + +.list-group-item-action:active, .list-group-item-action:focus, .list-group-item-action:hover { + background-color: #eeeeee; + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.list-group-item-action.disabled, .list-group-item-action:disabled { + background-color: #ffffff; + color: rgba(0, 0, 0, 0.38); +} + +.list-group-item-action:focus { + outline: 0; +} + +.list-group-item-primary { + background-color: #e1bee7; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-primary.active { + background-color: #9c27b0; + color: white; +} + +.list-group-item-primary.list-group-item-action:active, .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { + background-color: #9c27b0; + color: white; +} + +.list-group-item-secondary { + background-color: #ff80ab; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-secondary.active { + background-color: #ff4081; + color: white; +} + +.list-group-item-secondary.list-group-item-action:active, .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { + background-color: #ff4081; + color: white; +} + +.list-group-item-danger { + background-color: #ffcdd2; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-danger.active { + background-color: #f44336; + color: white; +} + +.list-group-item-danger.list-group-item-action:active, .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { + background-color: #f44336; + color: white; +} + +.list-group-item-info { + background-color: #bbdefb; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-info.active { + background-color: #2196f3; + color: white; +} + +.list-group-item-info.list-group-item-action:active, .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { + background-color: #2196f3; + color: white; +} + +.list-group-item-success { + background-color: #c8e6c9; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-success.active { + background-color: #4caf50; + color: white; +} + +.list-group-item-success.list-group-item-action:active, .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { + background-color: #4caf50; + color: white; +} + +.list-group-item-warning { + background-color: #ffe0b2; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-warning.active { + background-color: #ff9800; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-warning.list-group-item-action:active, .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { + background-color: #ff9800; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-dark { + background-color: #757575; + color: white; +} + +.list-group-item-dark.active { + background-color: #424242; + color: white; +} + +.list-group-item-dark.list-group-item-action:active, .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { + background-color: #424242; + color: white; +} + +.list-group-item-light { + background-color: #fafafa; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-light.active { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.87); +} + +.list-group-item-light.list-group-item-action:active, .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.87); +} + +.expansion-panel { + transition-duration: 0.3s; + transition-property: background-color, color, margin; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + padding: 0; +} + +@media (min-width: 576px) { + .expansion-panel { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .expansion-panel { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .expansion-panel { + transition: none; + } +} + +.expansion-panel.show { + border-radius: 2px; +} + +.expansion-panel.show:not(:first-child) { + margin-top: 1rem; +} + +.card .expansion-panel.show:not(:first-child) { + margin-top: 0; +} + +.expansion-panel.show:not(:last-child) { + margin-bottom: 1rem; +} + +.card .expansion-panel.show:not(:last-child) { + margin-bottom: 0; +} + +.expansion-panel.show + .expansion-panel { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.expansion-panel.show + .expansion-panel.show { + margin-top: 0; +} + +.card .expansion-panel.show + .expansion-panel { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.expansion-panel.show-predecessor { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.card .expansion-panel.show-predecessor { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.card .expansion-panel { + padding-right: 0; + padding-left: 0; +} + +.expansion-panel-body { + padding: 1rem 1.5rem; +} + +.card .expansion-panel-body { + padding-right: 1rem; + padding-left: 1rem; +} + +.expansion-panel-footer { + -ms-flex-align: end; + align-items: flex-end; + border-top: 1px solid rgba(0, 0, 0, 0.12); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 1rem 0.5rem 0.75rem 0rem; +} + +.card .expansion-panel-footer { + padding-right: 1rem; + padding-left: 0.5rem; +} + +.expansion-panel-footer .btn { + margin-bottom: 0.25rem; + margin-left: 0.5rem; + min-width: 4rem; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.card .expansion-panel-footer .btn { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.expansion-panel-icon { + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 1rem; +} + +[data-toggle='collapse'].collapsed .expansion-panel-icon .collapsed-hide { + display: none; +} + +[data-toggle='collapse']:not(.collapsed) .expansion-panel-icon .collapsed-show { + display: none; +} + +.expansion-panel-toggler { + -ms-flex-align: center; + align-items: center; + color: inherit; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 3rem; + padding: 0.830357rem 1.5rem; + text-align: inherit; + width: 100%; +} + +.expansion-panel-toggler:active, .expansion-panel-toggler:focus, .expansion-panel-toggler:hover { + background-color: #eeeeee; + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.expansion-panel-toggler.disabled, .expansion-panel-toggler:disabled { + background-color: #ffffff; + color: rgba(0, 0, 0, 0.38); +} + +.expansion-panel-toggler:focus { + outline: 0; +} + +.card .expansion-panel-toggler { + padding-right: 1rem; + padding-left: 1rem; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + +.list-group-flush .list-group-item { + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; +} + +.list-group-flush .list-group-item:last-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.dropdown, +.dropleft, +.dropright, +.dropup { + position: relative; +} + +.dropdown-menu { + border-radius: 2px; + text-align: left; + text-align: start; + background-color: transparent; + color: inherit; + display: none; + float: left; + font-size: 1rem; + font-weight: 400; + line-height: 1.5rem; + list-style: none; + margin: 0; + min-width: 7rem; + padding: 0.5rem 0; + position: absolute; + top: 100%; + left: 0; + z-index: 80; +} + +[dir='rtl'] .dropdown-menu { + text-align: right; + text-align: start; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-menu.show::before, +.dropdown-menu.show > * { + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@media (min-width: 576px) { + .dropdown-menu.show::before, + .dropdown-menu.show > * { + -webkit-animation-duration: 0.39s; + animation-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .dropdown-menu.show::before, + .dropdown-menu.show > * { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .dropdown-menu.show::before, + .dropdown-menu.show > * { + -webkit-animation: none; + animation: none; + } +} + +.dropdown-menu.show::before { + -webkit-animation-name: dropdown-menu-show; + animation-name: dropdown-menu-show; +} + +.dropdown-menu.show > * { + -webkit-animation-name: dropdown-item-show; + animation-name: dropdown-item-show; +} + +.dropdown-menu.show > :nth-child(1) { + -webkit-animation-name: dropdown-item-show-1; + animation-name: dropdown-item-show-1; +} + +.dropdown-menu.show > :nth-child(2) { + -webkit-animation-name: dropdown-item-show-2; + animation-name: dropdown-item-show-2; +} + +.dropdown-menu.show > :nth-child(3) { + -webkit-animation-name: dropdown-item-show-3; + animation-name: dropdown-item-show-3; +} + +.dropdown-menu::before { + border-radius: 2px; + background-color: #ffffff; + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2); + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + z-index: -1; +} + +.nav:not(.flex-column):not(.flex-column-reverse) .dropdown-menu { + min-width: 100%; +} + +.menu { + margin-top: -3.125rem; +} + +.menu::before { + -webkit-transform-origin: 0 2rem; + transform-origin: 0 2rem; +} + +.show > a { + outline: 0; +} + +.dropdown-menu-right:not([x-placement]) { + right: 0; + left: auto; +} + +.dropdown-menu-right:not([x-placement]).menu::before { + -webkit-transform-origin: 100% 2rem; + transform-origin: 100% 2rem; +} + +.dropdown-menu-right:not([x-placement])::before { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} + +.dropleft .dropdown-menu:not([x-placement]) { + top: 0; + right: 100%; + left: auto; +} + +.dropleft .dropdown-menu:not([x-placement]).menu { + margin-top: 0; +} + +.dropleft .dropdown-menu:not([x-placement])::before { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} + +.dropright .dropdown-menu:not([x-placement]) { + top: 0; + left: 100%; +} + +.dropright .dropdown-menu:not([x-placement]).menu { + margin-top: 0; +} + +.dropright .dropdown-menu:not([x-placement])::before { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} + +.dropup .dropdown-menu:not([x-placement]) { + top: auto; + bottom: 100%; +} + +.dropup .dropdown-menu:not([x-placement]).menu { + margin-top: 0; + margin-bottom: -3.125rem; +} + +.dropup .dropdown-menu:not([x-placement]).menu::before { + -webkit-transform-origin: 0 calc(100% - 2rem); + transform-origin: 0 calc(100% - 2rem); +} + +.dropup .dropdown-menu:not([x-placement])::before { + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} + +.dropup .dropdown-menu:not([x-placement]) > :nth-child(1), +.dropup .dropdown-menu:not([x-placement]) > :nth-child(2), +.dropup .dropdown-menu:not([x-placement]) > :nth-child(3) { + -webkit-animation-name: dropdown-item-show; + animation-name: dropdown-item-show; +} + +.dropup .dropdown-menu:not([x-placement]) > :nth-last-child(1) { + -webkit-animation-name: dropdown-item-show-1; + animation-name: dropdown-item-show-1; +} + +.dropup .dropdown-menu:not([x-placement]) > :nth-last-child(2) { + -webkit-animation-name: dropdown-item-show-2; + animation-name: dropdown-item-show-2; +} + +.dropup .dropdown-menu:not([x-placement]) > :nth-last-child(3) { + -webkit-animation-name: dropdown-item-show-3; + animation-name: dropdown-item-show-3; +} + +.dropup .dropdown-menu-right:not([x-placement]).menu::before { + -webkit-transform-origin: 100% calc(100% - 2rem); + transform-origin: 100% calc(100% - 2rem); +} + +.dropup .dropdown-menu-right:not([x-placement])::before { + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +.dropdown-menu[x-placement='bottom-end']::before, +.dropdown-menu[x-placement='left-start']::before { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} + +.dropdown-menu[x-placement='top-end'].show > :nth-child(1), +.dropdown-menu[x-placement='top-end'].show > :nth-child(2), +.dropdown-menu[x-placement='top-end'].show > :nth-child(3), +.dropdown-menu[x-placement='top-start'].show > :nth-child(1), +.dropdown-menu[x-placement='top-start'].show > :nth-child(2), +.dropdown-menu[x-placement='top-start'].show > :nth-child(3) { + -webkit-animation-name: dropdown-item-show; + animation-name: dropdown-item-show; +} + +.dropdown-menu[x-placement='top-end'].show > :nth-last-child(1), +.dropdown-menu[x-placement='top-start'].show > :nth-last-child(1) { + -webkit-animation-name: dropdown-item-show-1; + animation-name: dropdown-item-show-1; +} + +.dropdown-menu[x-placement='top-end'].show > :nth-last-child(2), +.dropdown-menu[x-placement='top-start'].show > :nth-last-child(2) { + -webkit-animation-name: dropdown-item-show-2; + animation-name: dropdown-item-show-2; +} + +.dropdown-menu[x-placement='top-end'].show > :nth-last-child(3), +.dropdown-menu[x-placement='top-start'].show > :nth-last-child(3) { + -webkit-animation-name: dropdown-item-show-3; + animation-name: dropdown-item-show-3; +} + +.dropdown-menu[x-placement='top-end']::before { + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +.dropdown-menu[x-placement='top-start']::before { + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} + +.menu[x-placement='bottom-end']::before { + -webkit-transform-origin: 100% 2rem; + transform-origin: 100% 2rem; +} + +.menu[x-placement='left-start'], +.menu[x-placement='right-start'] { + margin-top: 0; +} + +.menu[x-placement='left-start']::before { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} + +.menu[x-placement='right-start']::before { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} + +.menu[x-placement='top-end'], +.menu[x-placement='top-start'] { + margin-top: 0; + margin-bottom: -3.125rem; +} + +.menu[x-placement='top-end']::before { + -webkit-transform-origin: 100% calc(100% - 2rem); + transform-origin: 100% calc(100% - 2rem); +} + +.menu[x-placement='top-start']::before { + -webkit-transform-origin: 0 calc(100% - 2rem); + transform-origin: 0 calc(100% - 2rem); +} + +@-webkit-keyframes dropdown-item-show { + 0% { + opacity: 0; + } + 99% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes dropdown-item-show { + 0% { + opacity: 0; + } + 99% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-webkit-keyframes dropdown-item-show-1 { + 0% { + opacity: 0; + } + 40% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes dropdown-item-show-1 { + 0% { + opacity: 0; + } + 40% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-webkit-keyframes dropdown-item-show-2 { + 0% { + opacity: 0; + } + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes dropdown-item-show-2 { + 0% { + opacity: 0; + } + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-webkit-keyframes dropdown-item-show-3 { + 0% { + opacity: 0; + } + 80% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes dropdown-item-show-3 { + 0% { + opacity: 0; + } + 80% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-webkit-keyframes dropdown-menu-show { + 0% { + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + } + 20% { + -webkit-transform: scale(0.333333, 0); + transform: scale(0.333333, 0); + } + 40% { + -webkit-transform: scale(0.666667, 0.25); + transform: scale(0.666667, 0.25); + } + 60% { + -webkit-transform: scale(1, 0.5); + transform: scale(1, 0.5); + } + 80% { + -webkit-transform: scale(1, 0.75); + transform: scale(1, 0.75); + } + 100% { + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + } +} + +@keyframes dropdown-menu-show { + 0% { + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + } + 20% { + -webkit-transform: scale(0.333333, 0); + transform: scale(0.333333, 0); + } + 40% { + -webkit-transform: scale(0.666667, 0.25); + transform: scale(0.666667, 0.25); + } + 60% { + -webkit-transform: scale(1, 0.5); + transform: scale(1, 0.5); + } + 80% { + -webkit-transform: scale(1, 0.75); + transform: scale(1, 0.75); + } + 100% { + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + } +} + +@-webkit-keyframes menu-animation { + 0% { + margin-top: -3.5rem; + } + 100% { + margin-top: 0; + } +} + +@keyframes menu-animation { + 0% { + margin-top: -3.5rem; + } + 100% { + margin-top: 0; + } +} + +.dropdown-menu-sm, +.menu-cascading { + font-size: 0.9375rem; + line-height: 1.5rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +@media (min-width: 576px) { + .dropdown-menu-sm, + .menu-cascading { + min-width: 20rem; + } +} + +.menu-cascading { + margin-top: -2.75rem; +} + +.menu-cascading[x-placement='top-end'], .menu-cascading[x-placement='top-start'] { + margin-top: 0; + margin-bottom: -2.75rem; +} + +.menu-cascading[x-placement='top-end']::before { + -webkit-transform-origin: 100% calc(100% - 2rem); + transform-origin: 100% calc(100% - 2rem); +} + +.menu-cascading[x-placement='top-start']::before { + -webkit-transform-origin: 0 calc(100% - 2rem); + transform-origin: 0 calc(100% - 2rem); +} + +.dropdown-divider { + background-color: rgba(0, 0, 0, 0.12); + height: 1px; + margin: 0.5rem 0; + overflow: hidden; +} + +.dropdown-header { + color: rgba(0, 0, 0, 0.87); + display: block; + font-size: 1rem; + font-weight: bolder; + line-height: 1.5rem; + margin: 0; + padding: 0.75rem 1rem; + white-space: nowrap; +} + +.dropdown-menu-sm .dropdown-header, +.menu-cascading .dropdown-header { + font-size: 0.9375rem; + line-height: 1.5rem; + padding: 0.25rem 1.5rem; +} + +.dropdown-item { + transition-duration: 0.3s; + transition-property: background-color, color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background: none; + border: 0; + clear: both; + color: rgba(0, 0, 0, 0.87); + display: block; + font-weight: inherit; + padding: 0.75rem 1rem; + position: relative; + text-align: inherit; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + white-space: nowrap; + width: 100%; +} + +@media (min-width: 576px) { + .dropdown-item { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .dropdown-item { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .dropdown-item { + transition: none; + } +} + +.dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { + background-color: #f5f5f5; + color: rgba(0, 0, 0, 0.87); + text-decoration: none; +} + +.dropdown-item.active { + background-color: #f5f5f5; +} + +.dropdown-item.disabled, .dropdown-item:disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); + pointer-events: none; +} + +.dropdown-menu-sm .dropdown-item, +.menu-cascading .dropdown-item { + padding: 0.25rem 1.5rem; +} + +.dropdown-item-text { + color: rgba(0, 0, 0, 0.87); + display: block; + font-weight: inherit; + padding: 0.75rem 1rem; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} + +.dropdown-menu-sm .dropdown-item-text, +.menu-cascading .dropdown-item-text { + padding: 0.25rem 1.5rem; +} + +.dropdown-toggle::after { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + content: "expand_more"; + display: inline-block; + margin-right: -0.2em; + margin-left: 0.2em; + vertical-align: top; +} + +.dropright .dropdown-toggle::after { + content: "keyboard_arrow_right"; +} + +.dropup .dropdown-toggle::after { + content: "expand_less"; +} + +.dropdown-toggle:empty::after { + margin-left: -0.2em; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + content: "keyboard_arrow_left"; + display: inline-block; + margin-right: 0.2em; + margin-left: -0.2em; +} + +.navdrawer { + display: none; + outline: 0; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 160; +} + +.navdrawer-backdrop { + transition-duration: 0.375s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.38); + opacity: 0; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 159; +} + +@media (min-width: 576px) { + .navdrawer-backdrop { + transition-duration: 0.4875s; + } +} + +@media (min-width: 992px) { + .navdrawer-backdrop { + transition-duration: 0.25s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navdrawer-backdrop { + transition: none; + } +} + +.navdrawer-backdrop.show { + opacity: 1; +} + +.navdrawer-content { + transition-duration: 0.195s; + transition-property: box-shadow, -webkit-transform; + transition-property: box-shadow, transform; + transition-property: box-shadow, transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); + background-color: #ffffff; + max-width: calc(100% - 3.5rem); + overflow-x: hidden; + overflow-y: auto; + position: fixed; + top: 0; + bottom: 0; + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + width: 17.5rem; +} + +@media (min-width: 576px) { + .navdrawer-content { + transition-duration: 0.2535s; + } +} + +@media (min-width: 992px) { + .navdrawer-content { + transition-duration: 0.13s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navdrawer-content { + transition: none; + } +} + +.navdrawer-right .navdrawer-content { + right: 0; + left: auto; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} + +.navdrawer.show .navdrawer-content { + transition-duration: 0.225s; + transition-property: box-shadow, -webkit-transform; + transition-property: box-shadow, transform; + transition-property: box-shadow, transform, -webkit-transform; + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +@media (min-width: 576px) { + .navdrawer.show .navdrawer-content { + transition-duration: 0.2925s; + } +} + +@media (min-width: 992px) { + .navdrawer.show .navdrawer-content { + transition-duration: 0.15s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navdrawer.show .navdrawer-content { + transition: none; + } +} + +.navdrawer-body { + margin-bottom: 0.5rem; + padding-right: 1rem; + padding-left: 1rem; +} + +.navdrawer-divider { + background-color: rgba(0, 0, 0, 0.12); + height: 1px; + margin: 0.5rem 0; + overflow: hidden; +} + +.navdrawer-header { + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + display: block; + margin-bottom: 0.5rem; + padding: 0.625rem 1rem; +} + +.navdrawer-subheader { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: rgba(0, 0, 0, 0.38); + display: block; + font-weight: 500; + height: 3rem; + line-height: 1; + margin-top: 0; + margin-bottom: 0; + padding: 1.0625rem 1rem; +} + +.navdrawer-divider + .navdrawer-subheader { + margin-top: -0.5rem; +} + +.navdrawer-nav { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + list-style: none; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + padding-left: 0; +} + +.navdrawer-header + .navdrawer-nav, +.navdrawer-subheader + .navdrawer-nav { + margin-top: 0; +} + +.navdrawer-nav .nav-link { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + transition-duration: 0.3s; + transition-property: background-color, color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.87); + font-size: 0.875rem; + font-weight: 500; + line-height: 1; + padding: 1.0625rem 1rem; +} + +@media (min-width: 576px) { + .navdrawer-nav .nav-link { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .navdrawer-nav .nav-link { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navdrawer-nav .nav-link { + transition: none; + } +} + +.navdrawer-nav .nav-link:active, .navdrawer-nav .nav-link:focus, .navdrawer-nav .nav-link:hover { + background-color: #f5f5f5; +} + +.navdrawer-nav .nav-link.active, .navdrawer-nav .nav-link:active { + color: #9c27b0; +} + +.navdrawer-nav .nav-link.disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); +} + +.navdrawer-nav .nav-link:focus { + outline: 0; +} + +.navdrawer-nav .active > .nav-link { + color: #9c27b0; +} + +.navdrawer-nav-icon { + color: rgba(0, 0, 0, 0.54); + width: 3.5rem; +} + +.nav-link:active .navdrawer-nav-icon, +.nav-link.active .navdrawer-nav-icon { + color: #9c27b0; +} + +.active > .nav-link .navdrawer-nav-icon { + color: #9c27b0; +} + +@media (min-width: 576px) { + .navdrawer-backdrop-permanent-sm { + display: none; + transition: none; + } + .navdrawer-backdrop-persistent-sm { + display: none; + transition: none; + } + .navdrawer-backdrop-temporary-sm { + display: none; + transition: none; + } + .navdrawer-permanent-sm { + border-right: 1px solid rgba(0, 0, 0, 0.12); + display: block !important; + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-permanent-sm.navdrawer-permanent-clipped, .navdrawer-permanent-sm.navdrawer-permanent-float { + top: 3.5rem; + } + .navdrawer-permanent-sm.navdrawer-permanent-float { + border-right: 0; + } + .navdrawer-permanent-sm.navdrawer-permanent-float.navdrawer-right { + border-left: 0; + } + .navdrawer-permanent-sm.navdrawer-permanent-float .navdrawer-content { + background-color: transparent; + } + .navdrawer-permanent-sm.navdrawer-right { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + right: 0; + left: auto; + } + .navdrawer-permanent-sm.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-permanent-sm .navdrawer-content { + max-width: none; + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 100%; + } + .navdrawer-persistent-sm { + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-persistent-sm.navdrawer-persistent-clipped { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin-top: -1px; + top: 3.5rem; + z-index: 39; + } + .navdrawer-persistent-sm.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-persistent-sm.navdrawer-right .navdrawer-content { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + } + .navdrawer-persistent-sm.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-persistent-sm .navdrawer-content { + border-right: 1px solid rgba(0, 0, 0, 0.12); + max-width: none; + position: absolute; + width: 100%; + } + .navdrawer-temporary-sm { + overflow: visible; + right: auto; + width: 17.5rem; + } + .navdrawer-temporary-sm.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-temporary-sm .navdrawer-content { + max-width: none; + position: absolute; + width: 100%; + } +} + +@media (min-width: 768px) { + .navdrawer-backdrop-permanent-md { + display: none; + transition: none; + } + .navdrawer-backdrop-persistent-md { + display: none; + transition: none; + } + .navdrawer-backdrop-temporary-md { + display: none; + transition: none; + } + .navdrawer-permanent-md { + border-right: 1px solid rgba(0, 0, 0, 0.12); + display: block !important; + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-permanent-md.navdrawer-permanent-clipped, .navdrawer-permanent-md.navdrawer-permanent-float { + top: 3.5rem; + } + .navdrawer-permanent-md.navdrawer-permanent-float { + border-right: 0; + } + .navdrawer-permanent-md.navdrawer-permanent-float.navdrawer-right { + border-left: 0; + } + .navdrawer-permanent-md.navdrawer-permanent-float .navdrawer-content { + background-color: transparent; + } + .navdrawer-permanent-md.navdrawer-right { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + right: 0; + left: auto; + } + .navdrawer-permanent-md.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-permanent-md .navdrawer-content { + max-width: none; + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 100%; + } + .navdrawer-persistent-md { + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-persistent-md.navdrawer-persistent-clipped { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin-top: -1px; + top: 3.5rem; + z-index: 39; + } + .navdrawer-persistent-md.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-persistent-md.navdrawer-right .navdrawer-content { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + } + .navdrawer-persistent-md.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-persistent-md .navdrawer-content { + border-right: 1px solid rgba(0, 0, 0, 0.12); + max-width: none; + position: absolute; + width: 100%; + } + .navdrawer-temporary-md { + overflow: visible; + right: auto; + width: 17.5rem; + } + .navdrawer-temporary-md.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-temporary-md .navdrawer-content { + max-width: none; + position: absolute; + width: 100%; + } +} + +@media (min-width: 992px) { + .navdrawer-backdrop-permanent-lg { + display: none; + transition: none; + } + .navdrawer-backdrop-persistent-lg { + display: none; + transition: none; + } + .navdrawer-backdrop-temporary-lg { + display: none; + transition: none; + } + .navdrawer-permanent-lg { + border-right: 1px solid rgba(0, 0, 0, 0.12); + display: block !important; + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-permanent-lg.navdrawer-permanent-clipped, .navdrawer-permanent-lg.navdrawer-permanent-float { + top: 3.5rem; + } + .navdrawer-permanent-lg.navdrawer-permanent-float { + border-right: 0; + } + .navdrawer-permanent-lg.navdrawer-permanent-float.navdrawer-right { + border-left: 0; + } + .navdrawer-permanent-lg.navdrawer-permanent-float .navdrawer-content { + background-color: transparent; + } + .navdrawer-permanent-lg.navdrawer-right { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + right: 0; + left: auto; + } + .navdrawer-permanent-lg.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-permanent-lg .navdrawer-content { + max-width: none; + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 100%; + } + .navdrawer-persistent-lg { + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-persistent-lg.navdrawer-persistent-clipped { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin-top: -1px; + top: 3.5rem; + z-index: 39; + } + .navdrawer-persistent-lg.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-persistent-lg.navdrawer-right .navdrawer-content { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + } + .navdrawer-persistent-lg.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-persistent-lg .navdrawer-content { + border-right: 1px solid rgba(0, 0, 0, 0.12); + max-width: none; + position: absolute; + width: 100%; + } + .navdrawer-temporary-lg { + overflow: visible; + right: auto; + width: 17.5rem; + } + .navdrawer-temporary-lg.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-temporary-lg .navdrawer-content { + max-width: none; + position: absolute; + width: 100%; + } +} + +@media (min-width: 1200px) { + .navdrawer-backdrop-permanent-xl { + display: none; + transition: none; + } + .navdrawer-backdrop-persistent-xl { + display: none; + transition: none; + } + .navdrawer-backdrop-temporary-xl { + display: none; + transition: none; + } + .navdrawer-permanent-xl { + border-right: 1px solid rgba(0, 0, 0, 0.12); + display: block !important; + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-permanent-xl.navdrawer-permanent-clipped, .navdrawer-permanent-xl.navdrawer-permanent-float { + top: 3.5rem; + } + .navdrawer-permanent-xl.navdrawer-permanent-float { + border-right: 0; + } + .navdrawer-permanent-xl.navdrawer-permanent-float.navdrawer-right { + border-left: 0; + } + .navdrawer-permanent-xl.navdrawer-permanent-float .navdrawer-content { + background-color: transparent; + } + .navdrawer-permanent-xl.navdrawer-right { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + right: 0; + left: auto; + } + .navdrawer-permanent-xl.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-permanent-xl .navdrawer-content { + max-width: none; + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 100%; + } + .navdrawer-persistent-xl { + right: auto; + width: 17.5rem; + z-index: auto; + } + .navdrawer-persistent-xl.navdrawer-persistent-clipped { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin-top: -1px; + top: 3.5rem; + z-index: 39; + } + .navdrawer-persistent-xl.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-persistent-xl.navdrawer-right .navdrawer-content { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + } + .navdrawer-persistent-xl.show .navdrawer-content { + box-shadow: none; + } + .navdrawer-persistent-xl .navdrawer-content { + border-right: 1px solid rgba(0, 0, 0, 0.12); + max-width: none; + position: absolute; + width: 100%; + } + .navdrawer-temporary-xl { + overflow: visible; + right: auto; + width: 17.5rem; + } + .navdrawer-temporary-xl.navdrawer-right { + right: 0; + left: auto; + } + .navdrawer-temporary-xl .navdrawer-content { + max-width: none; + position: absolute; + width: 100%; + } +} + +.navdrawer-backdrop-permanent { + display: none; + transition: none; +} + +.navdrawer-backdrop-persistent { + display: none; + transition: none; +} + +.navdrawer-backdrop-temporary { + display: none; + transition: none; +} + +.navdrawer-permanent { + border-right: 1px solid rgba(0, 0, 0, 0.12); + display: block !important; + right: auto; + width: 17.5rem; + z-index: auto; +} + +.navdrawer-permanent.navdrawer-permanent-clipped, .navdrawer-permanent.navdrawer-permanent-float { + top: 3.5rem; +} + +.navdrawer-permanent.navdrawer-permanent-float { + border-right: 0; +} + +.navdrawer-permanent.navdrawer-permanent-float.navdrawer-right { + border-left: 0; +} + +.navdrawer-permanent.navdrawer-permanent-float .navdrawer-content { + background-color: transparent; +} + +.navdrawer-permanent.navdrawer-right { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + right: 0; + left: auto; +} + +.navdrawer-permanent.show .navdrawer-content { + box-shadow: none; +} + +.navdrawer-permanent .navdrawer-content { + max-width: none; + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 100%; +} + +.navdrawer-persistent { + right: auto; + width: 17.5rem; + z-index: auto; +} + +.navdrawer-persistent.navdrawer-persistent-clipped { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin-top: -1px; + top: 3.5rem; + z-index: 39; +} + +.navdrawer-persistent.navdrawer-right { + right: 0; + left: auto; +} + +.navdrawer-persistent.navdrawer-right .navdrawer-content { + border-right: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +.navdrawer-persistent.show .navdrawer-content { + box-shadow: none; +} + +.navdrawer-persistent .navdrawer-content { + border-right: 1px solid rgba(0, 0, 0, 0.12); + max-width: none; + position: absolute; + width: 100%; +} + +.navdrawer-temporary { + overflow: visible; + right: auto; + width: 17.5rem; +} + +.navdrawer-temporary.navdrawer-right { + right: 0; + left: auto; +} + +.navdrawer-temporary .navdrawer-content { + max-width: none; + position: absolute; + width: 100%; +} + +.picker { + outline: 0; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + transition-delay: 0.675s; + transition-duration: 0; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + z-index: 240; +} + +@media (min-width: 576px) { + .picker { + transition-delay: 0.8775s; + } +} + +@media (min-width: 992px) { + .picker { + transition-delay: 0.45s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .picker { + transition: none; + } +} + +.picker.picker-opened { + overflow-x: hidden; + overflow-y: auto; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + transition: none; +} + +.picker-frame { + margin: 1.5rem 1.5rem; +} + +.picker-holder { + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.38); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + min-height: 100%; + min-width: 100%; + opacity: 0; + pointer-events: none; + transition-delay: 0.375s; +} + +@media (min-width: 576px) { + .picker-holder { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .picker-holder { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .picker-holder { + transition: none; + } +} + +@media (min-width: 576px) { + .picker-holder { + transition-delay: 0.4875s; + } +} + +@media (min-width: 992px) { + .picker-holder { + transition-delay: 0.25s; + } +} + +.picker-opened .picker-holder { + opacity: 1; + transition-delay: 0s; +} + +.picker-wrap { + border-radius: 2px; + transition-duration: 0.375s; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + font-size: 0.875rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.428572; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); + max-width: 18.5rem; + opacity: 0; + outline: 0; + pointer-events: auto; + position: relative; + -webkit-transform: scale(0.87); + transform: scale(0.87); +} + +@media (min-width: 576px) { + .picker-wrap { + transition-duration: 0.4875s; + } +} + +@media (min-width: 992px) { + .picker-wrap { + transition-duration: 0.25s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .picker-wrap { + transition: none; + } +} + +@media (orientation: landscape) { + .picker-wrap { + display: -ms-flexbox; + display: flex; + max-width: none; + } +} + +.picker-opened .picker-wrap { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} + +.picker-footer { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 0.5rem 0.5rem; +} + +@media (orientation: landscape) { + .picker-footer { + border-radius: 0 0 2px 0; + padding-right: 0.75rem; + padding-left: 0.75rem; + } +} + +.picker-footer button { + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-left: 0.5rem; + min-width: 0; +} + +.picker-footer button:first-child { + margin-left: 0; +} + +.picker-header { + height: 2.5rem; + line-height: 2.5rem; + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-right: 3rem; + padding-left: 3rem; + position: relative; + text-align: center; +} + +@media (orientation: landscape) { + .picker-header { + margin-top: 0.5rem; + margin-right: 0.75rem; + margin-left: 0.75rem; + } +} + +.picker-month, +.picker-year { + display: inline; + margin-left: 0.5rem; +} + +.picker-month:first-child, +.picker-year:first-child { + margin-left: 0; +} + +.picker-nav-next, +.picker-nav-prev { + height: 2.5rem; + margin-top: -1.25rem; + position: absolute; + top: 50%; + width: 2.5rem; +} + +.picker-nav-next, .picker-nav-next.material-icons, +.picker-nav-prev, +.picker-nav-prev.material-icons { + line-height: 2.5rem; +} + +.picker-nav-next { + right: 0; +} + +.picker-nav-next::before { + content: "keyboard_arrow_right"; +} + +.picker-nav-prev { + left: 0; +} + +.picker-nav-prev::before { + content: "keyboard_arrow_left"; +} + +.picker-date-display { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + background-color: #9c27b0; + color: white; + padding: 1rem 1.5rem; +} + +@media (orientation: landscape) { + .picker-date-display { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + border-top-right-radius: 0; + min-width: 9.75rem; + white-space: nowrap; + } +} + +.picker-date-display-bottom { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 2.125rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.176471; +} + +.picker-day-display { + margin-right: 0.5rem; +} + +.picker-weekday-display { + margin-right: 0.5rem; +} + +@media (orientation: landscape) { + .picker-weekday-display { + display: block; + margin-right: 0; + } +} + +.picker-weekday-display::after { + content: ','; +} + +.picker-box { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + background-color: #ffffff; + overflow: hidden; +} + +@media (orientation: landscape) { + .picker-box { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; + } +} + +.picker-input.form-control[readonly] { + border-bottom-style: solid; + color: inherit; + cursor: text; +} + +.picker-input.picker-input-active { + border-bottom-color: #ff4081; +} + +.picker-day { + border-radius: 50%; + cursor: default; + height: 2.5rem; + line-height: 2.5rem; + margin: auto; + vertical-align: middle; + width: 2.5rem; +} + +@media (orientation: landscape) { + .picker-day { + margin-right: 0.25rem; + margin-left: 0.25rem; + } +} + +.picker-day.picker-day-selected { + background-color: #9c27b0; + color: white; +} + +.picker-day-disabled { + color: rgba(0, 0, 0, 0.38); +} + +.picker-day-outfocus { + display: none; +} + +.picker-day-today { + color: #9c27b0; + font-weight: bolder; +} + +.picker-table { + border-collapse: collapse; + border-spacing: 0; + margin: 0 0.5rem; + table-layout: fixed; +} + +.picker-table td, +.picker-table th { + border: 0; + padding: 0; + text-align: center; + vertical-align: middle; +} + +.picker-table th { + font-weight: inherit; +} + +.picker-weekday { + color: rgba(0, 0, 0, 0.38); + height: 2.5rem; + vertical-align: middle; + width: 2.5rem; +} + +.picker-select-month, +.picker-select-year { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: rgba(0, 0, 0, 0.12); + background-image: none; + background-position: 100% 50%; + background-size: auto 100%; + border: 0; + box-shadow: none; + color: rgba(0, 0, 0, 0.87); + display: inline-block; + font-size: inherit; + height: 1.25rem; + line-height: 1.25rem; + opacity: 0.7; + padding: 0 1.25rem 0 0.5rem; +} + +@media (min-width: 576px) { + .picker-select-month, + .picker-select-year { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .picker-select-month, + .picker-select-year { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .picker-select-month, + .picker-select-year { + transition: none; + } +} + +.picker-select-month:focus, .picker-select-month:hover, +.picker-select-year:focus, +.picker-select-year:hover { + opacity: 1; +} + +@-moz-document url-prefix('') { + .picker-select-month, + .picker-select-year { + background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); + background-repeat: no-repeat; + } +} + +@media (-webkit-min-device-pixel-ratio: 0) { + .picker-select-month, + .picker-select-year { + background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); + background-repeat: no-repeat; + } +} + +.picker-select-month:focus, +.picker-select-year:focus { + outline: 0; +} + +.picker-select-month { + margin-left: 0.5rem; +} + +.progress { + display: -ms-flexbox; + display: flex; + overflow: hidden; + position: relative; + z-index: 1; +} + +.progress-bar { + border-bottom: 0.25rem solid #3f51b5; +} + +.progress-bar.bg-primary { + background-color: transparent !important; + border-bottom-color: #9c27b0; +} + +.progress-bar.bg-primary::after { + background-color: #e1bee7; +} + +.progress-bar.bg-secondary { + background-color: transparent !important; + border-bottom-color: #ff4081; +} + +.progress-bar.bg-secondary::after { + background-color: #ff80ab; +} + +.progress-bar.bg-danger { + background-color: transparent !important; + border-bottom-color: #f44336; +} + +.progress-bar.bg-danger::after { + background-color: #ffcdd2; +} + +.progress-bar.bg-info { + background-color: transparent !important; + border-bottom-color: #2196f3; +} + +.progress-bar.bg-info::after { + background-color: #bbdefb; +} + +.progress-bar.bg-success { + background-color: transparent !important; + border-bottom-color: #4caf50; +} + +.progress-bar.bg-success::after { + background-color: #c8e6c9; +} + +.progress-bar.bg-warning { + background-color: transparent !important; + border-bottom-color: #ff9800; +} + +.progress-bar.bg-warning::after { + background-color: #ffe0b2; +} + +.progress-bar.bg-dark { + background-color: transparent !important; + border-bottom-color: #424242; +} + +.progress-bar.bg-dark::after { + background-color: #757575; +} + +.progress-bar.bg-light { + background-color: transparent !important; + border-bottom-color: #f5f5f5; +} + +.progress-bar.bg-light::after { + background-color: #fafafa; +} + +.progress-bar::after { + background-color: #c5cae9; + content: ''; + display: block; + height: 0.25rem; + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: -1; +} + +.progress-bar-animated::before { + animation-direction: reverse; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-name: progress-bar-animation; + animation-name: progress-bar-animation; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; +} + +@media (min-width: 576px) { + .progress-bar-animated::before { + -webkit-animation-duration: 0.39s; + animation-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .progress-bar-animated::before { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; + } +} + +.progress-bar-animated, +.progress-bar-striped { + box-sizing: content-box; + position: relative; +} + +.progress-bar-animated.bg-primary::before, +.progress-bar-striped.bg-primary::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #e1bee7, #e1bee7 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #e1bee7, #e1bee7 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #e1bee7, #e1bee7 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated.bg-secondary::before, +.progress-bar-striped.bg-secondary::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #ff80ab, #ff80ab 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #ff80ab, #ff80ab 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #ff80ab, #ff80ab 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated.bg-danger::before, +.progress-bar-striped.bg-danger::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #ffcdd2, #ffcdd2 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #ffcdd2, #ffcdd2 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #ffcdd2, #ffcdd2 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated.bg-info::before, +.progress-bar-striped.bg-info::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #bbdefb, #bbdefb 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #bbdefb, #bbdefb 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #bbdefb, #bbdefb 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated.bg-success::before, +.progress-bar-striped.bg-success::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #c8e6c9, #c8e6c9 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #c8e6c9, #c8e6c9 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #c8e6c9, #c8e6c9 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated.bg-warning::before, +.progress-bar-striped.bg-warning::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #ffe0b2, #ffe0b2 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #ffe0b2, #ffe0b2 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #ffe0b2, #ffe0b2 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated.bg-dark::before, +.progress-bar-striped.bg-dark::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #757575, #757575 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #757575, #757575 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #757575, #757575 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated.bg-light::before, +.progress-bar-striped.bg-light::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #fafafa, #fafafa 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #fafafa, #fafafa 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #fafafa, #fafafa 0.125rem, transparent 0.125rem, transparent 100%); +} + +.progress-bar-animated::after, +.progress-bar-striped::after { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + right: -1.5rem; + bottom: -0.25rem; +} + +.progress-bar-animated::before, +.progress-bar-striped::before { + background-image: repeating-radial-gradient(0.125rem 0.125rem, #c5cae9, #c5cae9 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #c5cae9, #c5cae9 0.125rem, transparent 0.125rem, transparent 100%); + background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #c5cae9, #c5cae9 0.125rem, transparent 0.125rem, transparent 100%); + background-position: 0 0; + background-repeat: repeat-x; + background-size: 0.75rem 0.75rem; + content: ''; + display: block; + height: 0.25rem; + position: absolute; + right: -100vw; + bottom: -0.25rem; + left: 0; + z-index: -1; +} + +@-webkit-keyframes progress-bar-animation { + from { + background-position: 0 0; + } + to { + background-position: 0.75rem 0; + } +} + +@keyframes progress-bar-animation { + from { + background-position: 0 0; + } + to { + background-position: 0.75rem 0; + } +} + +.progress-bar-indeterminate { + border-bottom-color: #c5cae9; + position: relative; + width: 100%; +} + +.progress-bar-indeterminate.bg-primary { + border-bottom-color: #e1bee7; +} + +.progress-bar-indeterminate.bg-primary::after, .progress-bar-indeterminate.bg-primary::before { + background-color: #9c27b0; +} + +.progress-bar-indeterminate.bg-primary::before { + background-image: none; +} + +.progress-bar-indeterminate.bg-secondary { + border-bottom-color: #ff80ab; +} + +.progress-bar-indeterminate.bg-secondary::after, .progress-bar-indeterminate.bg-secondary::before { + background-color: #ff4081; +} + +.progress-bar-indeterminate.bg-secondary::before { + background-image: none; +} + +.progress-bar-indeterminate.bg-danger { + border-bottom-color: #ffcdd2; +} + +.progress-bar-indeterminate.bg-danger::after, .progress-bar-indeterminate.bg-danger::before { + background-color: #f44336; +} + +.progress-bar-indeterminate.bg-danger::before { + background-image: none; +} + +.progress-bar-indeterminate.bg-info { + border-bottom-color: #bbdefb; +} + +.progress-bar-indeterminate.bg-info::after, .progress-bar-indeterminate.bg-info::before { + background-color: #2196f3; +} + +.progress-bar-indeterminate.bg-info::before { + background-image: none; +} + +.progress-bar-indeterminate.bg-success { + border-bottom-color: #c8e6c9; +} + +.progress-bar-indeterminate.bg-success::after, .progress-bar-indeterminate.bg-success::before { + background-color: #4caf50; +} + +.progress-bar-indeterminate.bg-success::before { + background-image: none; +} + +.progress-bar-indeterminate.bg-warning { + border-bottom-color: #ffe0b2; +} + +.progress-bar-indeterminate.bg-warning::after, .progress-bar-indeterminate.bg-warning::before { + background-color: #ff9800; +} + +.progress-bar-indeterminate.bg-warning::before { + background-image: none; +} + +.progress-bar-indeterminate.bg-dark { + border-bottom-color: #757575; +} + +.progress-bar-indeterminate.bg-dark::after, .progress-bar-indeterminate.bg-dark::before { + background-color: #424242; +} + +.progress-bar-indeterminate.bg-dark::before { + background-image: none; +} + +.progress-bar-indeterminate.bg-light { + border-bottom-color: #fafafa; +} + +.progress-bar-indeterminate.bg-light::after, .progress-bar-indeterminate.bg-light::before { + background-color: #f5f5f5; +} + +.progress-bar-indeterminate.bg-light::before { + background-image: none; +} + +.progress-bar-indeterminate::after, .progress-bar-indeterminate::before { + border-radius: 0.25rem; + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + background-color: #3f51b5; + width: 0%; +} + +.progress-bar-indeterminate::after { + -webkit-animation-name: progress-bar-indeterminate-after; + animation-name: progress-bar-indeterminate-after; + bottom: -0.25rem; + z-index: 0; +} + +.progress-bar-indeterminate::before { + -webkit-animation-name: progress-bar-indeterminate-before; + animation-name: progress-bar-indeterminate-before; + content: ''; + display: block; + height: 0.25rem; + position: absolute; + bottom: -0.25rem; + z-index: 0; +} + +@-webkit-keyframes progress-bar-indeterminate-after { + 0% { + left: 0%; + width: 0%; + } + 50% { + left: 25%; + width: 75%; + } + 75% { + left: 100%; + width: 0%; + } +} + +@keyframes progress-bar-indeterminate-after { + 0% { + left: 0%; + width: 0%; + } + 50% { + left: 25%; + width: 75%; + } + 75% { + left: 100%; + width: 0%; + } +} + +@-webkit-keyframes progress-bar-indeterminate-before { + 0%, + 62.5% { + left: 0%; + width: 0%; + } + 71.875% { + left: 0%; + width: 25%; + } + 81.25% { + left: 25%; + width: 50%; + } + 100% { + left: 100%; + width: 25%; + } +} + +@keyframes progress-bar-indeterminate-before { + 0%, + 62.5% { + left: 0%; + width: 0%; + } + 71.875% { + left: 0%; + width: 25%; + } + 81.25% { + left: 25%; + width: 50%; + } + 100% { + left: 100%; + width: 25%; + } +} + +.progress-circular { + height: 2.5rem; + position: relative; + width: 2.5rem; +} + +.progress-circular-gap { + border-top: 0.125rem solid #3f51b5; + position: absolute; + top: 0; + right: 1.1875rem; + bottom: 0; + left: 1.1875rem; +} + +.progress-circular-inner { + -webkit-animation: progress-circular-inner-rotate 5.332s cubic-bezier(0.4, 0, 0.2, 1) infinite; + animation: progress-circular-inner-rotate 5.332s cubic-bezier(0.4, 0, 0.2, 1) infinite; + height: 2.5rem; + position: relative; + width: 2.5rem; +} + +.progress-circular-left, +.progress-circular-right { + height: 2.5rem; + overflow: hidden; + position: absolute; + top: 0; + width: 1.25rem; +} + +.progress-circular-left { + left: 0; +} + +.progress-circular-right { + right: 0; +} + +.progress-circular-spinner { + border: 0.25rem solid #3f51b5; + border-bottom-color: transparent; + border-radius: 50%; + height: 2.5rem; + position: absolute; + top: 0; + width: 2.5rem; +} + +.progress-circular-left .progress-circular-spinner { + -webkit-animation: progress-circular-spinner-left 1.333s cubic-bezier(0.4, 0, 0.2, 1) infinite; + animation: progress-circular-spinner-left 1.333s cubic-bezier(0.4, 0, 0.2, 1) infinite; + border-right-color: transparent; + left: 0; +} + +.progress-circular-right .progress-circular-spinner { + -webkit-animation: progress-circular-spinner-right 1.333s cubic-bezier(0.4, 0, 0.2, 1) infinite; + animation: progress-circular-spinner-right 1.333s cubic-bezier(0.4, 0, 0.2, 1) infinite; + border-left-color: transparent; + right: 0; +} + +.progress-circular-wrapper { + -webkit-animation: progress-circular-wrapper-rotate 2.666s linear infinite; + animation: progress-circular-wrapper-rotate 2.666s linear infinite; +} + +@-webkit-keyframes progress-circular-inner-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@keyframes progress-circular-inner-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@-webkit-keyframes progress-circular-spinner-left { + 0%, + 100% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } +} + +@keyframes progress-circular-spinner-left { + 0%, + 100% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } +} + +@-webkit-keyframes progress-circular-spinner-right { + 0%, + 100% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } +} + +@keyframes progress-circular-spinner-right { + 0%, + 100% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } +} + +@-webkit-keyframes progress-circular-wrapper-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes progress-circular-wrapper-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.progress-circular-primary .progress-circular-gap, +.progress-circular-primary .progress-circular-spinner { + border-top-color: #9c27b0; +} + +.progress-circular-primary .progress-circular-left .progress-circular-spinner { + border-left-color: #9c27b0; +} + +.progress-circular-primary .progress-circular-right .progress-circular-spinner { + border-right-color: #9c27b0; +} + +.progress-circular-secondary .progress-circular-gap, +.progress-circular-secondary .progress-circular-spinner { + border-top-color: #ff4081; +} + +.progress-circular-secondary .progress-circular-left .progress-circular-spinner { + border-left-color: #ff4081; +} + +.progress-circular-secondary .progress-circular-right .progress-circular-spinner { + border-right-color: #ff4081; +} + +.progress-circular-danger .progress-circular-gap, +.progress-circular-danger .progress-circular-spinner { + border-top-color: #f44336; +} + +.progress-circular-danger .progress-circular-left .progress-circular-spinner { + border-left-color: #f44336; +} + +.progress-circular-danger .progress-circular-right .progress-circular-spinner { + border-right-color: #f44336; +} + +.progress-circular-info .progress-circular-gap, +.progress-circular-info .progress-circular-spinner { + border-top-color: #2196f3; +} + +.progress-circular-info .progress-circular-left .progress-circular-spinner { + border-left-color: #2196f3; +} + +.progress-circular-info .progress-circular-right .progress-circular-spinner { + border-right-color: #2196f3; +} + +.progress-circular-success .progress-circular-gap, +.progress-circular-success .progress-circular-spinner { + border-top-color: #4caf50; +} + +.progress-circular-success .progress-circular-left .progress-circular-spinner { + border-left-color: #4caf50; +} + +.progress-circular-success .progress-circular-right .progress-circular-spinner { + border-right-color: #4caf50; +} + +.progress-circular-warning .progress-circular-gap, +.progress-circular-warning .progress-circular-spinner { + border-top-color: #ff9800; +} + +.progress-circular-warning .progress-circular-left .progress-circular-spinner { + border-left-color: #ff9800; +} + +.progress-circular-warning .progress-circular-right .progress-circular-spinner { + border-right-color: #ff9800; +} + +.progress-circular-dark .progress-circular-gap, +.progress-circular-dark .progress-circular-spinner { + border-top-color: #424242; +} + +.progress-circular-dark .progress-circular-left .progress-circular-spinner { + border-left-color: #424242; +} + +.progress-circular-dark .progress-circular-right .progress-circular-spinner { + border-right-color: #424242; +} + +.progress-circular-light .progress-circular-gap, +.progress-circular-light .progress-circular-spinner { + border-top-color: #f5f5f5; +} + +.progress-circular-light .progress-circular-left .progress-circular-spinner { + border-left-color: #f5f5f5; +} + +.progress-circular-light .progress-circular-right .progress-circular-spinner { + border-right-color: #f5f5f5; +} + +.custom-control { + display: block; + min-height: 1.250001rem; + padding-left: 2.25rem; + position: relative; +} + +.custom-control + .custom-control { + margin-top: 0.75rem; +} + +.custom-control-inline { + display: -ms-inline-flexbox; + display: inline-flex; + margin-right: 1.5rem; +} + +.custom-control-inline + .custom-control-inline { + margin-top: 0; +} + +.custom-control-label { + color: inherit; + font-size: 0.875rem; + line-height: inherit; + margin-bottom: 0; +} + +.custom-control-label::after { + color: rgba(0, 0, 0, 0.54); + position: absolute; + top: -0.125rem; + left: 0; +} + +.custom-control-label::before { + transition-duration: 0.3s; + transition-property: background-color, opacity, -webkit-transform; + transition-property: background-color, opacity, transform; + transition-property: background-color, opacity, transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: currentColor; + border-radius: 50%; + color: rgba(0, 0, 0, 0.54); + content: ''; + display: block; + height: 3rem; + margin-top: -0.875rem; + margin-left: -0.75rem; + opacity: 0; + position: absolute; + top: 0; + left: 0; + -webkit-transform: scale(0.87, 0.87) translateZ(0); + transform: scale(0.87, 0.87) translateZ(0); + width: 3rem; +} + +@media (min-width: 576px) { + .custom-control-label::before { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-control-label::before { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-control-label::before { + transition: none; + } +} + +.custom-control-input { + opacity: 0; + position: absolute; + z-index: -1; +} + +.custom-control-input.focus ~ .custom-control-label::before, .custom-control-input:active ~ .custom-control-label::before { + opacity: 0.12; + -webkit-transform: scale(1, 1) translateZ(0); + transform: scale(1, 1) translateZ(0); +} + +.custom-control-input:checked ~ .custom-control-label::after { + color: #ff4081; +} + +.custom-control-input:checked ~ .custom-control-label::before { + background-color: #ff4081; +} + +.custom-control-input:disabled ~ .custom-control-label { + color: rgba(0, 0, 0, 0.26); +} + +.custom-control-input:disabled ~ .custom-control-label::after { + color: rgba(0, 0, 0, 0.26); +} + +.custom-control-input:disabled ~ .custom-control-label::before { + display: none; +} + +.custom-checkbox .custom-control-label::after { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + content: "check_box_outline_blank"; + line-height: 1; + vertical-align: middle; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + content: "check_box"; +} + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + content: "indeterminate_check_box"; +} + +.custom-radio .custom-control-label::after { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + content: "radio_button_unchecked"; + line-height: 1; + vertical-align: middle; +} + +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + content: "radio_button_checked"; +} + +.custom-switch { + padding-left: 3.75rem; +} + +.custom-switch .custom-control-label { + transition-duration: 0.3s; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@media (min-width: 576px) { + .custom-switch .custom-control-label { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-switch .custom-control-label { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label { + transition: none; + } +} + +.custom-switch .custom-control-label::after { + transition-duration: 0.3s; + transition-property: background-color, -webkit-transform; + transition-property: background-color, transform; + transition-property: background-color, transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: #fafafa; + border-radius: 50%; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.54); + content: ''; + display: block; + height: 1.5rem; + position: absolute; + width: 1.5rem; +} + +@media (min-width: 576px) { + .custom-switch .custom-control-label::after { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-switch .custom-control-label::after { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after, .custom-switch .custom-control-input:checked ~ .custom-control-label::before { + -webkit-transform: translateX(1.5rem); + transform: translateX(1.5rem); +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #ff4081; +} + +.custom-switch .custom-control-input:checked ~ .custom-control-track { + background-color: rgba(255, 64, 129, 0.5); +} + +.custom-switch .custom-control-input:disabled ~ .custom-control-label::after { + background-color: #bdbdbd; +} + +.custom-switch .custom-control-input:disabled ~ .custom-control-track { + background-color: rgba(0, 0, 0, 0.12); +} + +.custom-switch .custom-control-track { + transition-duration: 0.3s; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-clip: content-box; + background-color: rgba(0, 0, 0, 0.38); + border: 0.25rem solid transparent; + border-radius: 1rem; + content: ''; + display: block; + height: 1.5rem; + position: absolute; + top: -0.125rem; + left: 0; + width: 3rem; +} + +@media (min-width: 576px) { + .custom-switch .custom-control-track { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-switch .custom-control-track { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-track { + transition: none; + } +} + +.custom-range { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: transparent; + padding-left: 0; + width: 100%; +} + +.custom-range:active::-moz-range-track, .custom-range:focus::-moz-range-track { + background-color: rgba(0, 0, 0, 0.38); +} + +.custom-range:active::-ms-fill-upper, .custom-range:focus::-ms-fill-upper { + background-color: rgba(0, 0, 0, 0.38); +} + +.custom-range:active::-webkit-slider-runnable-track, .custom-range:focus::-webkit-slider-runnable-track { + background-color: rgba(0, 0, 0, 0.38); +} + +.custom-range:focus { + outline: 0; +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 0.75rem rgba(255, 64, 129, 0.12); +} + +.custom-range:focus::-ms-range-thumb { + box-shadow: 0 0 0 0.75rem rgba(255, 64, 129, 0.12); +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 0.75rem rgba(255, 64, 129, 0.12); +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-moz-range-progress { + background-color: #ff4081; +} + +.custom-range::-moz-range-thumb { + transition-duration: 0.3s; + -moz-transition-property: box-shadow, height, width; + transition-property: box-shadow, height, width; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -moz-appearance: none; + appearance: none; + background-color: #ff4081; + border: 0; + border-radius: 50%; + height: 0.75rem; + width: 0.75rem; +} + +@media (min-width: 576px) { + .custom-range::-moz-range-thumb { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-range::-moz-range-thumb { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + -moz-transition: none; + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + box-shadow: none; + height: 1.5rem; + width: 1.5rem; +} + +.custom-range::-moz-range-thumb:focus { + outline: 0; +} + +.custom-range::-moz-range-track { + transition-duration: 0.3s; + -moz-transition-property: background-color; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.26); + border-color: transparent; + border-radius: 0; + color: transparent; + cursor: pointer; + height: 0.125rem; + width: 100%; +} + +@media (min-width: 576px) { + .custom-range::-moz-range-track { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-range::-moz-range-track { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-track { + -moz-transition: none; + transition: none; + } +} + +.custom-range::-ms-fill-lower { + background-color: #ff4081; + height: 0.125rem; + margin-bottom: 0.125rem; + margin-left: 0.375rem; +} + +.custom-range::-ms-fill-upper { + background-color: rgba(0, 0, 0, 0.26); + height: 0.125rem; + margin-right: 0.375rem; + margin-bottom: 0.125rem; +} + +.custom-range::-ms-thumb { + transition-duration: 0.3s; + -ms-transition-property: box-shadow; + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + appearance: none; + background-color: #ff4081; + border: 0; + border-radius: 50%; + height: 0.75rem; + margin-right: 0.375rem; + margin-left: 0.375rem; + width: 0.75rem; +} + +@media (min-width: 576px) { + .custom-range::-ms-thumb { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-range::-ms-thumb { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + -ms-transition: none; + transition: none; + } +} + +.custom-range::-ms-thumb:active { + box-shadow: 0 0 0 0.375rem #ff4081; +} + +.custom-range::-ms-thumb:focus { + outline: 0; +} + +.custom-range::-ms-track { + transition-duration: 0.3s; + -ms-transition-property: background-color; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: transparent; + border-color: transparent; + border-width: 0.875rem 0; + color: transparent; + cursor: pointer; + height: 0.125rem; + width: 100%; +} + +@media (min-width: 576px) { + .custom-range::-ms-track { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-range::-ms-track { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-ms-track { + -ms-transition: none; + transition: none; + } +} + +.custom-range::-webkit-slider-runnable-track { + transition-duration: 0.3s; + -webkit-transition-property: background-color; + transition-property: background-color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.26); + border-color: transparent; + border-radius: 0; + color: transparent; + cursor: pointer; + height: 0.125rem; + width: 100%; +} + +@media (min-width: 576px) { + .custom-range::-webkit-slider-runnable-track { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-range::-webkit-slider-runnable-track { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-runnable-track { + -webkit-transition: none; + transition: none; + } +} + +.custom-range::-webkit-slider-thumb { + transition-duration: 0.3s; + -webkit-transition-property: box-shadow; + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-appearance: none; + appearance: none; + background-color: #ff4081; + border: 0; + border-radius: 50%; + height: 0.75rem; + margin-top: -0.3125rem; + width: 0.75rem; +} + +@media (min-width: 576px) { + .custom-range::-webkit-slider-thumb { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-range::-webkit-slider-thumb { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + box-shadow: 0 0 0 0.375rem #ff4081; +} + +.custom-range::-webkit-slider-thumb:focus { + outline: 0; +} + +.snackbar { + -ms-flex-align: center; + align-items: center; + background-color: #323232; + color: white; + display: -ms-flexbox; + display: flex; + font-size: 0.875rem; + line-height: 1.428572; + opacity: 0; + padding: 0.875rem 1.5rem; + position: fixed; + bottom: 0; + left: 0; + -webkit-transform: translateY(100%); + transform: translateY(100%); + transition: opacity 0s 0.195s, -webkit-transform 0.195s cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0s 0.195s, transform 0.195s cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0s 0.195s, transform 0.195s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.195s cubic-bezier(0.4, 0, 1, 1); + width: 100%; + z-index: 60; +} + +@media (min-width: 576px) { + .snackbar { + border-radius: 2px; + max-width: 35.5rem; + min-width: 18rem; + left: 50%; + -webkit-transform: translate(-50%, 100%); + transform: translate(-50%, 100%); + width: auto; + } +} + +@media (min-width: 576px) { + .snackbar { + transition: opacity 0s 0.2535s, -webkit-transform 0.2535s cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0s 0.2535s, transform 0.2535s cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0s 0.2535s, transform 0.2535s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2535s cubic-bezier(0.4, 0, 1, 1); + } +} + +@media (min-width: 992px) { + .snackbar { + transition: opacity 0s 0.13s, -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0s 0.13s, transform 0.13s cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0s 0.13s, transform 0.13s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1); + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .snackbar { + transition: none; + } +} + +.snackbar.show { + transition-duration: 0.225s; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} + +@media (min-width: 576px) { + .snackbar.show { + transition-duration: 0.2925s; + } +} + +@media (min-width: 992px) { + .snackbar.show { + transition-duration: 0.15s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .snackbar.show { + transition: none; + } +} + +@media (min-width: 576px) { + .snackbar.show { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +} + +.snackbar-body { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-right: auto; + max-height: 100%; + min-width: 0; +} + +.snackbar-btn { + transition-duration: 0.3s; + transition-property: background-color, background-image; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: transparent; + background-image: none; + border: 0; + color: #ff4081; + cursor: pointer; + display: block; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: inherit; + font-weight: 500; + line-height: inherit; + margin-left: 1.5rem; + padding: 0; + text-transform: uppercase; + white-space: nowrap; +} + +@media (min-width: 576px) { + .snackbar-btn { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .snackbar-btn { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .snackbar-btn { + transition: none; + } +} + +.snackbar-btn:focus, .snackbar-btn:hover { + color: #ff80ab; + text-decoration: none; +} + +@media (min-width: 576px) { + .snackbar-btn { + margin-left: 3rem; + } +} + +.snackbar-btn:focus { + outline: 0; +} + +@media (min-width: 576px) { + .snackbar-left, + .snackbar-right { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + .snackbar-left.show, + .snackbar-right.show { + -webkit-transform: translateY(-1.5rem); + transform: translateY(-1.5rem); + } +} + +@media (min-width: 576px) { + .snackbar-left { + left: 1.5rem; + } +} + +@media (min-width: 576px) { + .snackbar-right { + right: 1.5rem; + left: auto; + } +} + +.snackbar-multi-line { + height: 5rem; + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} + +.snackbar-multi-line .snackbar-body { + white-space: normal; +} + +.stepper { + -ms-flex-align: center; + align-items: center; + background-color: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + overflow: hidden; + padding: 1.5rem 1.5rem; + position: relative; +} + +.stepper::after, .stepper::before { + border-top: 1px solid #bdbdbd; + content: ''; + display: block; + position: absolute; +} + +.stepper:first-child::before { + display: none; +} + +.stepper:last-child::after { + display: none; +} + +.stepper-horiz { + background-color: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + overflow-x: auto; + overflow-y: hidden; + position: relative; +} + +.stepper-horiz::before { + border-top: 1px solid #bdbdbd; + content: ''; + display: block; + position: absolute; + top: 50%; + right: 1.5rem; + left: 1.5rem; +} + +.stepper-horiz .stepper::after, .stepper-horiz .stepper::before { + border-top: 1px solid #bdbdbd; + top: 50%; + width: 1rem; +} + +.stepper-horiz .stepper::after { + right: 0; +} + +.stepper-horiz .stepper::before { + left: 0; +} + +.stepper-vert { + background-color: #ffffff; + position: relative; +} + +.stepper-vert .stepper::after, .stepper-vert .stepper::before { + border-left: 1px solid #bdbdbd; + height: 1rem; + left: 2.25rem; +} + +.stepper-vert .stepper::after { + bottom: 0; +} + +.stepper-vert .stepper::before { + top: 0; +} + +.stepper-icon { + background-color: rgba(0, 0, 0, 0.38); + border-radius: 50%; + color: white; + font-size: 0.75rem; + font-weight: 400; + height: 1.5rem; + line-height: 1.5rem; + margin-right: 0.5rem; + position: relative; + text-align: center; + vertical-align: middle; + width: 1.5rem; +} + +.stepper.active .stepper-icon, +.stepper.done .stepper-icon { + background-color: #9c27b0; + color: white; +} + +.stepper-icon .material-icons { + font-size: 1.333em; +} + +.stepper-text { + color: rgba(0, 0, 0, 0.38); + font-size: 0.875rem; + font-weight: 400; + position: relative; +} + +.stepper.active .stepper-text, +.stepper.done .stepper-text { + color: rgba(0, 0, 0, 0.87); +} + +.stepper.active .stepper-text { + font-weight: bolder; +} + +.nav-tabs { + box-shadow: inset 0 -2px 0 -1px rgba(0, 0, 0, 0.12); +} + +.nav-tabs.border-0, .nav-tabs.border-bottom-0 { + box-shadow: none; +} + +.nav-tabs .nav-link { + transition-duration: 0.3s; + transition-property: background-color, color, opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.87); + font-size: 0.875rem; + font-weight: 500; + line-height: 1; + min-height: 3rem; + opacity: 0.7; + padding: 1.0625rem 0.75rem; + position: relative; + text-transform: uppercase; +} + +@media (min-width: 576px) { + .nav-tabs .nav-link { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .nav-tabs .nav-link { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .nav-tabs .nav-link { + transition: none; + } +} + +.nav-tabs .nav-link:active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.nav-tabs .nav-link.active, .nav-tabs .nav-link:active { + opacity: 1; +} + +.nav-tabs .nav-link.active { + color: #ff4081; +} + +.nav-tabs .nav-link.active::before { + opacity: 1; +} + +.nav-tabs .nav-link.disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.nav-tabs .nav-link::before { + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: #ff4081; + content: ''; + display: block; + height: 0.125rem; + opacity: 0; + position: absolute; + right: 0; + bottom: 0; + left: 0; +} + +@media (min-width: 576px) { + .nav-tabs .nav-link::before { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .nav-tabs .nav-link::before { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .nav-tabs .nav-link::before { + transition: none; + } +} + +.nav-tabs .nav-item.show .nav-link { + background-color: rgba(0, 0, 0, 0.12); + opacity: 1; +} + +.nav-tabs-material { + position: relative; +} + +.nav-tabs-material.animate .nav-link::before { + opacity: 0; +} + +.nav-tabs-material.animate .nav-tabs-indicator { + transition-duration: 0.3s; + transition-property: left, right; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +@media (min-width: 576px) { + .nav-tabs-material.animate .nav-tabs-indicator { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .nav-tabs-material.animate .nav-tabs-indicator { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .nav-tabs-material.animate .nav-tabs-indicator { + transition: none; + } +} + +.nav-tabs-material .nav-link::before { + transition: none; +} + +.nav-tabs-material .nav-tabs-indicator { + background-color: #ff4081; + display: none; + height: 0.125rem; + position: absolute; + bottom: 0; +} + +.nav-tabs-material .nav-tabs-indicator.show { + display: block; +} + +.nav-tabs-scrollable .nav-tabs-material .nav-tabs-indicator { + bottom: 3rem; +} + +.nav-tabs-scrollable { + box-shadow: inset 0 -2px 0 -1px rgba(0, 0, 0, 0.12); + height: 3rem; + overflow: hidden; +} + +.nav-tabs-scrollable .nav-tabs { + box-shadow: none; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: 3rem; +} + +.nav-tabs-scrollable .nav-tabs::-webkit-scrollbar { + display: none; +} + +.form-control, .custom-select, .form-control-file { + background-clip: padding-box; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.42); + border-radius: 0; + border-style: solid; + border-width: 0 0 1px; + box-shadow: none; + color: rgba(0, 0, 0, 0.87); + display: block; + font-size: 1rem; + line-height: 1.5; + padding: 0.375rem 0 calc(0.375rem - 1px); + width: 100%; +} + +.form-control:hover, .custom-select:hover, .form-control-file:hover { + border-color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 -2px 0 -1px rgba(0, 0, 0, 0.87); +} + +.form-control::-ms-expand, .custom-select::-ms-expand, .form-control-file::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control::-webkit-input-placeholder, .custom-select::-webkit-input-placeholder, .form-control-file::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.form-control::-moz-placeholder, .custom-select::-moz-placeholder, .form-control-file::-moz-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.form-control:-ms-input-placeholder, .custom-select:-ms-input-placeholder, .form-control-file:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.form-control::-ms-input-placeholder, .custom-select::-ms-input-placeholder, .form-control-file::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.form-control::placeholder, .custom-select::placeholder, .form-control-file::placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.form-control:disabled, .custom-select:disabled, .form-control-file:disabled, .form-control[readonly], .custom-select[readonly], .form-control-file[readonly] { + border-style: dotted; + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.form-control:disabled:focus, .custom-select:disabled:focus, .form-control-file:disabled:focus, .form-control:disabled:hover, .custom-select:disabled:hover, .form-control-file:disabled:hover, .form-control[readonly]:focus, .custom-select[readonly]:focus, .form-control-file[readonly]:focus, .form-control[readonly]:hover, .custom-select[readonly]:hover, .form-control-file[readonly]:hover { + border-color: rgba(0, 0, 0, 0.42); + box-shadow: none; +} + +.form-control:focus, .custom-select:focus, .form-control-file:focus { + border-color: #ff4081; + box-shadow: inset 0 -2px 0 -1px #ff4081; + outline: 0; +} + +.form-control:invalid:required, .custom-select:invalid:required, .form-control-file:invalid:required { + outline: 0; +} + +.form-control[type='file'] { + max-height: 2.25rem; +} + +.form-control-lg { + font-size: 2.125rem; + line-height: 1.176471; + padding: 0.625rem 0 calc(0.625rem - 1px); +} + +.form-control-lg[type='file'] { + max-height: 3.75rem; +} + +.form-control-sm { + font-size: 0.8125rem; + line-height: 1.538462; + padding: 0.375rem 0 calc(0.375rem - 1px); +} + +.form-control-sm[type='file'] { + max-height: 2rem; +} + +select.form-control, .custom-select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +@-moz-document url-prefix('') { + select.form-control, .custom-select { + background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); + background-position: 100% 50%; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 1.5em; + } + select.form-control[multiple], .custom-select[multiple], select.form-control[size]:not([size='1']), .custom-select[size]:not([size='1']) { + background-image: none; + } +} + +@media (-webkit-min-device-pixel-ratio: 0) { + select.form-control, .custom-select { + background-image: url('data:image/svg+xml;charset=utf8,%3Csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E'); + background-position: 100% 50%; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 1.5em; + } + select.form-control[multiple], .custom-select[multiple], select.form-control[size]:not([size='1']), .custom-select[size]:not([size='1']) { + background-image: none; + } +} + +select.form-control[multiple], select.form-control[size]:not([size='1']), textarea.form-control:not([rows='1']), .custom-select[multiple], .custom-select[size]:not([size='1']) { + border-radius: 4px; + border-width: 1px; + min-height: 3.5rem; + padding: calc(1rem - 1px) 1rem; +} + +select.form-control:hover[multiple], select.form-control:hover[size]:not([size='1']), textarea.form-control:hover:not([rows='1']), .custom-select:hover[multiple], .custom-select:hover[size]:not([size='1']) { + box-shadow: inset 2px 2px 0 -1px rgba(0, 0, 0, 0.87), inset -2px -2px 0 -1px rgba(0, 0, 0, 0.87); +} + +select.form-control:focus[multiple], select.form-control:focus[size]:not([size='1']), textarea.form-control:focus:not([rows='1']), .custom-select:focus[multiple], .custom-select:focus[size]:not([size='1']) { + box-shadow: inset 2px 2px 0 -1px #ff4081, inset -2px -2px 0 -1px #ff4081; +} + +select.form-control-lg[multiple], select.form-control-lg[size]:not([size='1']) { + padding: calc(0.875rem - 1px) 1rem; +} + +select.form-control-sm[multiple], select.form-control-sm[size]:not([size='1']) { + padding: calc(0.75rem - 1px) 0.75rem; +} + +textarea.form-control { + min-height: 2.25rem; +} + +textarea.form-control-lg { + min-height: 3.75rem; +} + +textarea.form-control-lg:not([rows='1']) { + min-height: 4.25rem; + padding: calc(0.875rem - 1px) 1rem; +} + +textarea.form-control-sm { + min-height: 2rem; +} + +textarea.form-control-sm:not([rows='1']) { + min-height: 2.75rem; + padding: calc(0.75rem - 1px) 0.75rem; +} + +.custom-file { + display: inline-block; + height: 2.25rem; + margin-bottom: 0; + position: relative; + width: 100%; +} + +.custom-file-input { + height: 2.25rem; + margin: 0; + opacity: 0; + position: relative; + width: 100%; + z-index: 1; +} + +.custom-file-input:focus ~ .custom-file-label, .custom-file-input:hover ~ .custom-file-label { + border-bottom-color: #ff4081; + box-shadow: inset 0 -2px 0 -1px #ff4081; +} + +.custom-file-label { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + transition-duration: 0.3s; + transition-property: border-color, box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + border-bottom: 1px solid rgba(0, 0, 0, 0.42); + color: rgba(0, 0, 0, 0.38); + font-size: 1rem; + height: 2.25rem; + line-height: 1.5; + padding: 0.375rem 2.25rem calc(0.375rem - 1px) 0; + position: absolute; + top: 0; + right: 0; + left: 0; +} + +@media (min-width: 576px) { + .custom-file-label { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .custom-file-label { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-file-label { + transition: none; + } +} + +.custom-file-label::after { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + content: "attachment"; + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.custom-select-lg { + font-size: 2.125rem; + line-height: 1.176471; + padding: 0.625rem 1.5em calc(0.625rem - 1px) 0; +} + +.custom-select-lg[multiple], .custom-select-lg[size]:not([size='1']) { + padding: calc(0.875rem - 1px) 1rem; +} + +.custom-select-sm { + font-size: 0.8125rem; + line-height: 1.538462; + padding: 0.375rem 1.5em calc(0.375rem - 1px) 0; +} + +.custom-select-sm[multiple], .custom-select-sm[size]:not([size='1']) { + padding: calc(0.75rem - 1px) 0.75rem; +} + +.form-control-file { + max-height: 2.25rem; +} + +.form-control-range { + display: block; + width: 100%; +} + +.invalid-feedback { + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; + color: #f44336; + display: none; + margin-top: 0.5rem; + width: 100%; +} + +.form-control-lg + .invalid-feedback { + margin-top: 0.75rem; +} + +.form-control-sm + .invalid-feedback { + margin-top: 0.25rem; +} + +.invalid-tooltip { + border-radius: 2px; + background-color: #f44336; + color: white; + display: none; + font-size: 0.875rem; + line-height: 1.428572; + margin-top: 0.5rem; + max-width: 100%; + opacity: 0.9; + padding: 0.375rem 1rem; + position: absolute; + top: 100%; + text-align: center; + word-break: break-word; + z-index: 240; +} + +@media (min-width: 768px) { + .invalid-tooltip { + font-size: 0.625rem; + padding: 0.241071rem 0.5rem; + } +} + +.form-control-lg + .invalid-tooltip { + margin-top: 0.75rem; +} + +.form-control-sm + .invalid-tooltip { + margin-top: 0.25rem; +} + +.custom-control-input.is-invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label::after, +.was-validated .custom-control-input:invalid ~ .custom-control-label, +.was-validated .custom-control-input:invalid ~ .custom-control-label::after { + color: #f44336; +} + +.custom-control-input.is-invalid ~ .custom-control-label::before, +.was-validated .custom-control-input:invalid ~ .custom-control-label::before { + background-color: #f44336; +} + +.custom-control-input.is-invalid ~ .custom-control-track, +.was-validated .custom-control-input:invalid ~ .custom-control-track { + background-color: rgba(244, 67, 54, 0.5); +} + +.custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip, +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip { + display: block; +} + +.custom-file-input.is-invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:hover ~ .custom-file-label, +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, +.was-validated .custom-file-input:invalid:hover ~ .custom-file-label { + border-bottom-color: #f44336; + box-shadow: inset 0 -2px 0 -1px #f44336; +} + +.custom-file-input.is-invalid ~ .custom-file-label, +.was-validated .custom-file-input:invalid ~ .custom-file-label { + border-bottom-color: #f44336; +} + +.custom-file-input.is-invalid ~ .custom-file-label:hover, +.was-validated .custom-file-input:invalid ~ .custom-file-label:hover { + border-bottom-color: #f44336; + box-shadow: inset 0 -2px 0 -1px #f44336; +} + +.custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip, +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip { + display: block; +} + +.custom-switch .custom-control-input.is-invalid ~ .custom-control-label::after, +.was-validated .custom-switch .custom-control-input:invalid ~ .custom-control-label::after { + background-color: #f44336; +} + +.form-check-input.is-invalid + .form-check-label, +.was-validated .form-check-input:invalid + .form-check-label { + color: #f44336; +} + +.is-invalid.form-control, .is-invalid.custom-select, .is-invalid.form-control-file, +.was-validated .form-control:invalid, +.was-validated .custom-select:invalid, +.was-validated .form-control-file:invalid { + border-color: #f44336; +} + +.is-invalid.form-control:focus, .is-invalid.custom-select:focus, .is-invalid.form-control-file:focus, .is-invalid.form-control:hover, .is-invalid.custom-select:hover, .is-invalid.form-control-file:hover, +.was-validated .form-control:invalid:focus, +.was-validated .custom-select:invalid:focus, +.was-validated .form-control-file:invalid:focus, +.was-validated .form-control:invalid:hover, +.was-validated .custom-select:invalid:hover, +.was-validated .form-control-file:invalid:hover { + border-color: #f44336; + box-shadow: inset 0 -2px 0 -1px #f44336; +} + +.is-invalid.form-control ~ .invalid-feedback, .is-invalid.custom-select ~ .invalid-feedback, .is-invalid.form-control-file ~ .invalid-feedback, +.is-invalid.form-control ~ .invalid-tooltip, +.is-invalid.custom-select ~ .invalid-tooltip, +.is-invalid.form-control-file ~ .invalid-tooltip, +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, +.was-validated .custom-select:invalid ~ .invalid-tooltip, +.was-validated .form-control-file:invalid ~ .invalid-tooltip { + display: block; +} + +select.is-invalid.form-control:focus[multiple], select.is-invalid.form-control:focus[size]:not([size='1']), textarea.is-invalid.form-control:focus:not([rows='1']), .is-invalid.custom-select:focus[multiple], .is-invalid.custom-select:focus[size]:not([size='1']), select.is-invalid.form-control:hover[multiple], select.is-invalid.form-control:hover[size]:not([size='1']), textarea.is-invalid.form-control:hover:not([rows='1']), .is-invalid.custom-select:hover[multiple], .is-invalid.custom-select:hover[size]:not([size='1']), +.was-validated select.form-control:invalid:focus[multiple], +.was-validated select.form-control:invalid:focus[size]:not([size='1']), +.was-validated textarea.form-control:invalid:focus:not([rows='1']), +.was-validated .custom-select:invalid:focus[multiple], +.was-validated .custom-select:invalid:focus[size]:not([size='1']), +.was-validated select.form-control:invalid:hover[multiple], +.was-validated select.form-control:invalid:hover[size]:not([size='1']), +.was-validated textarea.form-control:invalid:hover:not([rows='1']), +.was-validated .custom-select:invalid:hover[multiple], +.was-validated .custom-select:invalid:hover[size]:not([size='1']) { + box-shadow: inset 2px 2px 0 -1px #f44336, inset -2px -2px 0 -1px #f44336; +} + +.textfield-box select.is-invalid.form-control:focus[multiple], .textfield-box select.is-invalid.form-control:focus[size]:not([size='1']), .textfield-box textarea.is-invalid.form-control:focus:not([rows='1']), .textfield-box .is-invalid.custom-select:focus[multiple], .textfield-box .is-invalid.custom-select:focus[size]:not([size='1']), .textfield-box select.is-invalid.form-control:hover[multiple], .textfield-box select.is-invalid.form-control:hover[size]:not([size='1']), .textfield-box textarea.is-invalid.form-control:hover:not([rows='1']), .textfield-box .is-invalid.custom-select:hover[multiple], .textfield-box .is-invalid.custom-select:hover[size]:not([size='1']), +.was-validated .textfield-box select.form-control:invalid:focus[multiple], +.was-validated .textfield-box select.form-control:invalid:focus[size]:not([size='1']), +.was-validated .textfield-box textarea.form-control:invalid:focus:not([rows='1']), +.was-validated .textfield-box .custom-select:invalid:focus[multiple], +.was-validated .textfield-box .custom-select:invalid:focus[size]:not([size='1']), +.was-validated .textfield-box select.form-control:invalid:hover[multiple], +.was-validated .textfield-box select.form-control:invalid:hover[size]:not([size='1']), +.was-validated .textfield-box textarea.form-control:invalid:hover:not([rows='1']), +.was-validated .textfield-box .custom-select:invalid:hover[multiple], +.was-validated .textfield-box .custom-select:invalid:hover[size]:not([size='1']) { + box-shadow: inset 0 -2px 0 -1px #f44336; +} + +.valid-feedback { + font-size: 0.75rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.5; + color: #4caf50; + display: none; + margin-top: 0.5rem; + width: 100%; +} + +.form-control-lg + .valid-feedback { + margin-top: 0.75rem; +} + +.form-control-sm + .valid-feedback { + margin-top: 0.25rem; +} + +.valid-tooltip { + border-radius: 2px; + background-color: #4caf50; + color: white; + display: none; + font-size: 0.875rem; + line-height: 1.428572; + margin-top: 0.5rem; + max-width: 100%; + opacity: 0.9; + padding: 0.375rem 1rem; + position: absolute; + top: 100%; + text-align: center; + word-break: break-word; + z-index: 240; +} + +@media (min-width: 768px) { + .valid-tooltip { + font-size: 0.625rem; + padding: 0.241071rem 0.5rem; + } +} + +.form-control-lg + .valid-tooltip { + margin-top: 0.75rem; +} + +.form-control-sm + .valid-tooltip { + margin-top: 0.25rem; +} + +.custom-control-input.is-valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label::after, +.was-validated .custom-control-input:valid ~ .custom-control-label, +.was-validated .custom-control-input:valid ~ .custom-control-label::after { + color: #4caf50; +} + +.custom-control-input.is-valid ~ .custom-control-label::before, +.was-validated .custom-control-input:valid ~ .custom-control-label::before { + background-color: #4caf50; +} + +.custom-control-input.is-valid ~ .custom-control-track, +.was-validated .custom-control-input:valid ~ .custom-control-track { + background-color: rgba(76, 175, 80, 0.5); +} + +.custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip, +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip { + display: block; +} + +.custom-file-input.is-valid:focus ~ .custom-file-label, .custom-file-input.is-valid:hover ~ .custom-file-label, +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, +.was-validated .custom-file-input:valid:hover ~ .custom-file-label { + border-bottom-color: #4caf50; + box-shadow: inset 0 -2px 0 -1px #4caf50; +} + +.custom-file-input.is-valid ~ .custom-file-label, +.was-validated .custom-file-input:valid ~ .custom-file-label { + border-bottom-color: #4caf50; +} + +.custom-file-input.is-valid ~ .custom-file-label:hover, +.was-validated .custom-file-input:valid ~ .custom-file-label:hover { + border-bottom-color: #4caf50; + box-shadow: inset 0 -2px 0 -1px #4caf50; +} + +.custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip, +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip { + display: block; +} + +.custom-switch .custom-control-input.is-valid ~ .custom-control-label::after, +.was-validated .custom-switch .custom-control-input:valid ~ .custom-control-label::after { + background-color: #4caf50; +} + +.form-check-input.is-valid + .form-check-label, +.was-validated .form-check-input:valid + .form-check-label { + color: #4caf50; +} + +.is-valid.form-control, .is-valid.custom-select, .is-valid.form-control-file, +.was-validated .form-control:valid, +.was-validated .custom-select:valid, +.was-validated .form-control-file:valid { + border-color: #4caf50; +} + +.is-valid.form-control:focus, .is-valid.custom-select:focus, .is-valid.form-control-file:focus, .is-valid.form-control:hover, .is-valid.custom-select:hover, .is-valid.form-control-file:hover, +.was-validated .form-control:valid:focus, +.was-validated .custom-select:valid:focus, +.was-validated .form-control-file:valid:focus, +.was-validated .form-control:valid:hover, +.was-validated .custom-select:valid:hover, +.was-validated .form-control-file:valid:hover { + border-color: #4caf50; + box-shadow: inset 0 -2px 0 -1px #4caf50; +} + +.is-valid.form-control ~ .valid-feedback, .is-valid.custom-select ~ .valid-feedback, .is-valid.form-control-file ~ .valid-feedback, +.is-valid.form-control ~ .valid-tooltip, +.is-valid.custom-select ~ .valid-tooltip, +.is-valid.form-control-file ~ .valid-tooltip, +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, +.was-validated .custom-select:valid ~ .valid-tooltip, +.was-validated .form-control-file:valid ~ .valid-tooltip { + display: block; +} + +select.is-valid.form-control:focus[multiple], select.is-valid.form-control:focus[size]:not([size='1']), textarea.is-valid.form-control:focus:not([rows='1']), .is-valid.custom-select:focus[multiple], .is-valid.custom-select:focus[size]:not([size='1']), select.is-valid.form-control:hover[multiple], select.is-valid.form-control:hover[size]:not([size='1']), textarea.is-valid.form-control:hover:not([rows='1']), .is-valid.custom-select:hover[multiple], .is-valid.custom-select:hover[size]:not([size='1']), +.was-validated select.form-control:valid:focus[multiple], +.was-validated select.form-control:valid:focus[size]:not([size='1']), +.was-validated textarea.form-control:valid:focus:not([rows='1']), +.was-validated .custom-select:valid:focus[multiple], +.was-validated .custom-select:valid:focus[size]:not([size='1']), +.was-validated select.form-control:valid:hover[multiple], +.was-validated select.form-control:valid:hover[size]:not([size='1']), +.was-validated textarea.form-control:valid:hover:not([rows='1']), +.was-validated .custom-select:valid:hover[multiple], +.was-validated .custom-select:valid:hover[size]:not([size='1']) { + box-shadow: inset 2px 2px 0 -1px #4caf50, inset -2px -2px 0 -1px #4caf50; +} + +.textfield-box select.is-valid.form-control:focus[multiple], .textfield-box select.is-valid.form-control:focus[size]:not([size='1']), .textfield-box textarea.is-valid.form-control:focus:not([rows='1']), .textfield-box .is-valid.custom-select:focus[multiple], .textfield-box .is-valid.custom-select:focus[size]:not([size='1']), .textfield-box select.is-valid.form-control:hover[multiple], .textfield-box select.is-valid.form-control:hover[size]:not([size='1']), .textfield-box textarea.is-valid.form-control:hover:not([rows='1']), .textfield-box .is-valid.custom-select:hover[multiple], .textfield-box .is-valid.custom-select:hover[size]:not([size='1']), +.was-validated .textfield-box select.form-control:valid:focus[multiple], +.was-validated .textfield-box select.form-control:valid:focus[size]:not([size='1']), +.was-validated .textfield-box textarea.form-control:valid:focus:not([rows='1']), +.was-validated .textfield-box .custom-select:valid:focus[multiple], +.was-validated .textfield-box .custom-select:valid:focus[size]:not([size='1']), +.was-validated .textfield-box select.form-control:valid:hover[multiple], +.was-validated .textfield-box select.form-control:valid:hover[size]:not([size='1']), +.was-validated .textfield-box textarea.form-control:valid:hover:not([rows='1']), +.was-validated .textfield-box .custom-select:valid:hover[multiple], +.was-validated .textfield-box .custom-select:valid:hover[size]:not([size='1']) { + box-shadow: inset 0 -2px 0 -1px #4caf50; +} + +.textfield-box .form-control, .textfield-box .custom-select, .textfield-box .form-control-file { + background-color: rgba(0, 0, 0, 0.06); + border-radius: 4px; + padding: 1rem 1rem calc(1rem - 1px); +} + +.textfield-box select.form-control, .textfield-box .custom-select { + padding-right: 1.5em; +} + +.textfield-box select.form-control[multiple], .textfield-box select.form-control[size]:not([size='1']), .textfield-box textarea.form-control:not([rows='1']), .textfield-box .custom-select[multiple], .textfield-box .custom-select[size]:not([size='1']) { + border-width: 0 0 1px; + padding: 1rem 1rem calc(1rem - 1px); +} + +.textfield-box select.form-control:hover[multiple], .textfield-box select.form-control:hover[size]:not([size='1']), .textfield-box textarea.form-control:hover:not([rows='1']), .textfield-box .custom-select:hover[multiple], .textfield-box .custom-select:hover[size]:not([size='1']) { + box-shadow: inset 0 -2px 0 -1px rgba(0, 0, 0, 0.87); +} + +.textfield-box select.form-control:focus[multiple], .textfield-box select.form-control:focus[size]:not([size='1']), .textfield-box textarea.form-control:focus:not([rows='1']), .textfield-box .custom-select:focus[multiple], .textfield-box .custom-select:focus[size]:not([size='1']) { + box-shadow: inset 0 -2px 0 -1px #ff4081; +} + +.textfield-box textarea.form-control { + min-height: 3.5rem; +} + +.textfield-box .form-control[type='file'], +.textfield-box .form-control-file { + max-height: 3.5rem; +} + +.textfield-box-lg .form-control, .input-group-lg > .textfield-box .form-control, .textfield-box-lg .custom-select, .input-group-lg > .textfield-box .custom-select, .textfield-box-lg .form-control-file, .input-group-lg > .textfield-box .form-control-file { + font-size: 2.125rem; + line-height: 1.176471; + padding: 0.875rem 1rem calc(0.875rem - 1px); +} + +.textfield-box-lg select.form-control[multiple], .input-group-lg > .textfield-box select.form-control[multiple], .textfield-box-lg select.form-control[size]:not([size='1']), .input-group-lg > .textfield-box select.form-control[size]:not([size='1']), .textfield-box-lg textarea.form-control:not([rows='1']), .input-group-lg > .textfield-box textarea.form-control:not([rows='1']), .textfield-box-lg .custom-select[multiple], .input-group-lg > .textfield-box .custom-select[multiple], .textfield-box-lg .custom-select[size]:not([size='1']), .input-group-lg > .textfield-box .custom-select[size]:not([size='1']) { + padding: 0.875rem 1rem calc(0.875rem - 1px); +} + +.textfield-box-lg textarea.form-control, .input-group-lg > .textfield-box textarea.form-control { + min-height: 4.25rem; +} + +.textfield-box-lg .custom-select, .input-group-lg > .textfield-box .custom-select { + padding-right: 1.5em; +} + +.textfield-box-lg .form-control[type='file'], .input-group-lg > .textfield-box .form-control[type='file'], +.textfield-box-lg .form-control-file, +.input-group-lg > .textfield-box .form-control-file { + max-height: 4.25rem; +} + +.textfield-box-sm .form-control, .input-group-sm > .textfield-box .form-control, .textfield-box-sm .custom-select, .input-group-sm > .textfield-box .custom-select, .textfield-box-sm .form-control-file, .input-group-sm > .textfield-box .form-control-file { + font-size: 0.8125rem; + line-height: 1.538462; + padding: 0.75rem 0.75rem calc(0.75rem - 1px); +} + +.textfield-box-sm select.form-control[multiple], .input-group-sm > .textfield-box select.form-control[multiple], .textfield-box-sm select.form-control[size]:not([size='1']), .input-group-sm > .textfield-box select.form-control[size]:not([size='1']), .textfield-box-sm textarea.form-control:not([rows='1']), .input-group-sm > .textfield-box textarea.form-control:not([rows='1']), .textfield-box-sm .custom-select[multiple], .input-group-sm > .textfield-box .custom-select[multiple], .textfield-box-sm .custom-select[size]:not([size='1']), .input-group-sm > .textfield-box .custom-select[size]:not([size='1']) { + padding: 0.75rem 0.75rem calc(0.75rem - 1px); +} + +.textfield-box-sm textarea.form-control, .input-group-sm > .textfield-box textarea.form-control { + min-height: 2.75rem; +} + +.textfield-box-sm .custom-select, .input-group-sm > .textfield-box .custom-select { + padding-right: 1.5em; +} + +.textfield-box-sm .form-control[type='file'], .input-group-sm > .textfield-box .form-control[type='file'], +.textfield-box-sm .form-control-file, +.input-group-sm > .textfield-box .form-control-file { + max-height: 2.75rem; +} + +.floating-label { + padding-top: 0.75rem; + position: relative; +} + +.floating-label.has-value label, +.floating-label.is-focused label { + top: 0; + -webkit-transform: scale(0.75); + transform: scale(0.75); +} + +.floating-label.is-focused label { + color: #ff4081; +} + +.floating-label:not(.has-value):not(.is-focused) .form-control[type='date'], .floating-label:not(.has-value):not(.is-focused) .form-control[type='datetime-local'], .floating-label:not(.has-value):not(.is-focused) .form-control[type='time'] { + color: transparent; +} + +.floating-label label { + transition-duration: 0.3s; + transition-property: color, top, -webkit-transform; + transition-property: color, top, transform; + transition-property: color, top, transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.38); + display: block; + font-size: 1rem; + line-height: 1.5; + margin: 0; + padding: 0; + position: absolute; + top: 1.125rem; + left: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} + +@media (min-width: 576px) { + .floating-label label { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .floating-label label { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .floating-label label { + transition: none; + } +} + +.floating-label .form-control, .floating-label .custom-select, .floating-label .form-control-file { + position: relative; +} + +.floating-label .form-control:focus::-webkit-input-placeholder, .floating-label .custom-select:focus::-webkit-input-placeholder, .floating-label .form-control-file:focus::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.floating-label .form-control:focus::-moz-placeholder, .floating-label .custom-select:focus::-moz-placeholder, .floating-label .form-control-file:focus::-moz-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.floating-label .form-control:focus:-ms-input-placeholder, .floating-label .custom-select:focus:-ms-input-placeholder, .floating-label .form-control-file:focus:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.floating-label .form-control:focus::-ms-input-placeholder, .floating-label .custom-select:focus::-ms-input-placeholder, .floating-label .form-control-file:focus::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.floating-label .form-control:focus::placeholder, .floating-label .custom-select:focus::placeholder, .floating-label .form-control-file:focus::placeholder { + color: rgba(0, 0, 0, 0.38); + opacity: 1; +} + +.floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { + transition-duration: 0.3s; + -webkit-transition-property: opacity; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: transparent; + opacity: 0; +} + +.floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { + transition-duration: 0.3s; + -moz-transition-property: opacity; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: transparent; + opacity: 0; +} + +.floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { + transition-duration: 0.3s; + -ms-transition-property: opacity; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: transparent; + opacity: 0; +} + +.floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { + transition-duration: 0.3s; + -ms-transition-property: opacity; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: transparent; + opacity: 0; +} + +.floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: transparent; + opacity: 0; +} + +@media (min-width: 576px) { + .floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { + transition-duration: 0.39s; + } + .floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { + transition-duration: 0.39s; + } + .floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { + transition-duration: 0.39s; + } + .floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { + transition-duration: 0.39s; + } + .floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { + transition-duration: 0.2s; + } + .floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { + transition-duration: 0.2s; + } + .floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { + transition-duration: 0.2s; + } + .floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { + transition-duration: 0.2s; + } + .floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .floating-label .form-control::-webkit-input-placeholder, .floating-label .custom-select::-webkit-input-placeholder, .floating-label .form-control-file::-webkit-input-placeholder { + -webkit-transition: none; + transition: none; + } + .floating-label .form-control::-moz-placeholder, .floating-label .custom-select::-moz-placeholder, .floating-label .form-control-file::-moz-placeholder { + -moz-transition: none; + transition: none; + } + .floating-label .form-control:-ms-input-placeholder, .floating-label .custom-select:-ms-input-placeholder, .floating-label .form-control-file:-ms-input-placeholder { + -ms-transition: none; + transition: none; + } + .floating-label .form-control::-ms-input-placeholder, .floating-label .custom-select::-ms-input-placeholder, .floating-label .form-control-file::-ms-input-placeholder { + -ms-transition: none; + transition: none; + } + .floating-label .form-control::placeholder, .floating-label .custom-select::placeholder, .floating-label .form-control-file::placeholder { + transition: none; + } +} + +.floating-label-lg.has-value label, .input-group-lg > .has-value.floating-label label, +.floating-label-lg.is-focused label, +.input-group-lg > .is-focused.floating-label label { + -webkit-transform: scale(0.411765); + transform: scale(0.411765); +} + +.floating-label-lg label, .input-group-lg > .floating-label label { + font-size: 2.125rem; + line-height: 1.176471; + top: 1.5rem; +} + +.floating-label-lg .form-control, .input-group-lg > .floating-label .form-control, .floating-label-lg .custom-select, .input-group-lg > .floating-label .custom-select, .floating-label-lg .form-control-file, .input-group-lg > .floating-label .form-control-file { + font-size: 2.125rem; + line-height: 1.176471; + padding: 0.625rem 0 calc(0.625rem - 1px); +} + +.floating-label-lg select.form-control, .input-group-lg > .floating-label select.form-control, .floating-label-lg .custom-select, .input-group-lg > .floating-label .custom-select { + padding-right: 1.5em; +} + +.floating-label-lg select.form-control[multiple], .input-group-lg > .floating-label select.form-control[multiple], .floating-label-lg select.form-control[size]:not([size='1']), .input-group-lg > .floating-label select.form-control[size]:not([size='1']), .floating-label-lg textarea.form-control:not([rows='1']), .input-group-lg > .floating-label textarea.form-control:not([rows='1']), .floating-label-lg .custom-select[multiple], .input-group-lg > .floating-label .custom-select[multiple], .floating-label-lg .custom-select[size]:not([size='1']), .input-group-lg > .floating-label .custom-select[size]:not([size='1']) { + padding: 0.875rem 1rem calc(0.875rem - 1px); +} + +.floating-label-sm.has-value label, .input-group-sm > .has-value.floating-label label, +.floating-label-sm.is-focused label, +.input-group-sm > .is-focused.floating-label label { + -webkit-transform: scale(0.769231); + transform: scale(0.769231); +} + +.floating-label-sm label, .input-group-sm > .floating-label label { + font-size: 0.8125rem; + line-height: 1.538462; + top: 1.0rem; +} + +.floating-label-sm .form-control, .input-group-sm > .floating-label .form-control, .floating-label-sm .custom-select, .input-group-sm > .floating-label .custom-select, .floating-label-sm .form-control-file, .input-group-sm > .floating-label .form-control-file { + font-size: 0.8125rem; + line-height: 1.538462; + padding: 0.375rem 0 calc(0.375rem - 1px); +} + +.floating-label-sm select.form-control, .input-group-sm > .floating-label select.form-control, .floating-label-sm .custom-select, .input-group-sm > .floating-label .custom-select { + padding-right: 1.5em; +} + +.floating-label-sm select.form-control[multiple], .input-group-sm > .floating-label select.form-control[multiple], .floating-label-sm select.form-control[size]:not([size='1']), .input-group-sm > .floating-label select.form-control[size]:not([size='1']), .floating-label-sm textarea.form-control:not([rows='1']), .input-group-sm > .floating-label textarea.form-control:not([rows='1']), .floating-label-sm .custom-select[multiple], .input-group-sm > .floating-label .custom-select[multiple], .floating-label-sm .custom-select[size]:not([size='1']), .input-group-sm > .floating-label .custom-select[size]:not([size='1']) { + padding: 0.75rem 0.75rem calc(0.75rem - 1px); +} + +.floating-label.textfield-box { + padding-top: 0; +} + +.floating-label.textfield-box.has-value label, +.floating-label.textfield-box.is-focused label { + line-height: 1; + top: 0.5rem; +} + +.floating-label.textfield-box label { + top: 1rem; + left: 1rem; +} + +.floating-label.textfield-box .form-control, .floating-label.textfield-box .custom-select, .floating-label.textfield-box .form-control-file, +.floating-label.textfield-box select.form-control[multiple], +.floating-label.textfield-box select.form-control[size]:not([size='1']), +.floating-label.textfield-box textarea.form-control:not([rows='1']), +.floating-label.textfield-box .custom-select[multiple], +.floating-label.textfield-box .custom-select[size]:not([size='1']) { + padding-top: 1.5rem; +} + +.floating-label.textfield-box .form-control, .floating-label.textfield-box .custom-select, .floating-label.textfield-box .form-control-file { + padding-bottom: calc(0.5rem - 1px); +} + +.floating-label-lg.textfield-box label, .input-group-lg > .textfield-box.floating-label label { + top: 0.875rem; + left: 1rem; +} + +.floating-label-lg.textfield-box .form-control, .input-group-lg > .textfield-box.floating-label .form-control, .floating-label-lg.textfield-box .custom-select, .input-group-lg > .textfield-box.floating-label .custom-select, .floating-label-lg.textfield-box .form-control-file, .input-group-lg > .textfield-box.floating-label .form-control-file, +.floating-label-lg.textfield-box select.form-control[multiple], +.input-group-lg > .textfield-box.floating-label select.form-control[multiple], +.floating-label-lg.textfield-box select.form-control[size]:not([size='1']), +.input-group-lg > .textfield-box.floating-label select.form-control[size]:not([size='1']), +.floating-label-lg.textfield-box textarea.form-control:not([rows='1']), +.input-group-lg > .textfield-box.floating-label textarea.form-control:not([rows='1']), +.floating-label-lg.textfield-box .custom-select[multiple], +.input-group-lg > .textfield-box.floating-label .custom-select[multiple], +.floating-label-lg.textfield-box .custom-select[size]:not([size='1']), +.input-group-lg > .textfield-box.floating-label .custom-select[size]:not([size='1']) { + padding-top: 1.249999rem; + padding-right: 1rem; + padding-left: 1rem; +} + +.floating-label-lg.textfield-box select.form-control, .input-group-lg > .textfield-box.floating-label select.form-control, .floating-label-lg.textfield-box .custom-select, .input-group-lg > .textfield-box.floating-label .custom-select { + padding-right: 1.5em; +} + +.floating-label-sm.textfield-box label, .input-group-sm > .textfield-box.floating-label label { + top: 0.75rem; + left: 0.75rem; +} + +.floating-label-sm.textfield-box .form-control, .input-group-sm > .textfield-box.floating-label .form-control, .floating-label-sm.textfield-box .custom-select, .input-group-sm > .textfield-box.floating-label .custom-select, .floating-label-sm.textfield-box .form-control-file, .input-group-sm > .textfield-box.floating-label .form-control-file, +.floating-label-sm.textfield-box select.form-control[multiple], +.input-group-sm > .textfield-box.floating-label select.form-control[multiple], +.floating-label-sm.textfield-box select.form-control[size]:not([size='1']), +.input-group-sm > .textfield-box.floating-label select.form-control[size]:not([size='1']), +.floating-label-sm.textfield-box textarea.form-control:not([rows='1']), +.input-group-sm > .textfield-box.floating-label textarea.form-control:not([rows='1']), +.floating-label-sm.textfield-box .custom-select[multiple], +.input-group-sm > .textfield-box.floating-label .custom-select[multiple], +.floating-label-sm.textfield-box .custom-select[size]:not([size='1']), +.input-group-sm > .textfield-box.floating-label .custom-select[size]:not([size='1']) { + padding-top: 1.0rem; + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.floating-label-sm.textfield-box select.form-control, .input-group-sm > .textfield-box.floating-label select.form-control, .floating-label-sm.textfield-box .custom-select, .input-group-sm > .textfield-box.floating-label .custom-select { + padding-right: 1.5em; +} + +.input-group { + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + width: 100%; +} + +.input-group > .custom-file, +.input-group > .custom-select, +.input-group > .floating-label, +.input-group > .form-control, +.input-group > .form-control-file, +.input-group > .textfield-box { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-bottom: 0; + width: 1%; +} + +.input-group > .custom-file + .custom-file, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .floating-label, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .form-control-file, +.input-group > .custom-file + .textfield-box, +.input-group > .custom-select + .custom-file, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .floating-label, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .form-control-file, +.input-group > .custom-select + .textfield-box, +.input-group > .floating-label + .custom-file, +.input-group > .floating-label + .custom-select, +.input-group > .floating-label + .floating-label, +.input-group > .floating-label + .form-control, +.input-group > .floating-label + .form-control-file, +.input-group > .floating-label + .textfield-box, +.input-group > .form-control + .custom-file, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .floating-label, +.input-group > .form-control + .form-control, +.input-group > .form-control + .form-control-file, +.input-group > .form-control + .textfield-box, +.input-group > .form-control-file + .custom-file, +.input-group > .form-control-file + .custom-select, +.input-group > .form-control-file + .floating-label, +.input-group > .form-control-file + .form-control, +.input-group > .form-control-file + .form-control-file, +.input-group > .form-control-file + .textfield-box, +.input-group > .textfield-box + .custom-file, +.input-group > .textfield-box + .custom-select, +.input-group > .textfield-box + .floating-label, +.input-group > .textfield-box + .form-control, +.input-group > .textfield-box + .form-control-file, +.input-group > .textfield-box + .textfield-box { + margin-left: 1rem; +} + +.input-group-append, +.input-group-prepend { + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} + +.input-group-append .btn, +.input-group-prepend .btn { + min-width: 0; +} + +.input-group-append .btn + .btn, +.input-group-prepend .btn + .btn { + margin-left: -1px; +} + +.input-group-append { + margin-left: 1rem; +} + +.input-group-prepend { + margin-right: 1rem; +} + +.input-group-text { + color: inherit; + font-size: 1rem; + line-height: 1.5; + margin-bottom: 0; + white-space: nowrap; +} + +.input-group-text + .input-group-text { + margin-left: 0.5rem; +} + +.input-group > .input-group-append > .btn:not(:first-of-type), +.input-group > .input-group-prepend > .btn:not(:first-of-type) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .input-group-append > .btn:not(:last-of-type), +.input-group > .input-group-prepend > .btn:not(:last-of-type) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group-icon { + transition-duration: 0.3s; + transition-property: color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.42); + font-size: 0.875rem; + margin-right: 1rem; + -ms-flex-order: -1; + order: -1; +} + +@media (min-width: 576px) { + .input-group-icon { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .input-group-icon { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .input-group-icon { + transition: none; + } +} + +.input-group-icon:hover { + color: rgba(0, 0, 0, 0.87); +} + +.floating-label.is-focused ~ .input-group-icon, +.form-control:focus ~ .input-group-icon { + color: #ff4081; +} + +.floating-label:not(.textfield-box) ~ .input-group-icon { + margin-top: 0.75rem; +} + +.input-group-lg > .floating-label.has-value label, +.input-group-lg > .floating-label.is-focused label { + top: 0; +} + +.input-group-lg > .floating-label.textfield-box.has-value label, +.input-group-lg > .floating-label.textfield-box.is-focused label { + top: 0.5rem; +} + +.input-group-lg > .floating-label:not(.textfield-box) ~ .input-group-icon { + margin-top: 0.875rem; +} + +.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .form-control-file { + font-size: 2.125rem; + line-height: 1.176471; + padding: 0.625rem 0 calc(0.625rem - 1px); +} + +.input-group-lg > select.form-control, .input-group-lg > .custom-select { + padding-right: 1.5em; +} + +.input-group-lg > select.form-control[multiple], .input-group-lg > select.form-control[size]:not([size='1']), .input-group-lg > textarea.form-control:not([rows='1']), .input-group-lg > .custom-select[multiple], .input-group-lg > .custom-select[size]:not([size='1']) { + padding: 0.875rem 1rem calc(0.875rem - 1px); +} + +.input-group-lg > .form-control[type='file'], +.input-group-lg > .form-control-file { + max-height: 4.25rem; +} + +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .input-group-text { + font-size: 2.125rem; + line-height: 1.176471; +} + +.input-group-lg > .input-group-icon { + font-size: 1.859375rem; + line-height: 1.176471; +} + +.input-group-sm > .floating-label.has-value label, +.input-group-sm > .floating-label.is-focused label { + top: 0; +} + +.input-group-sm > .floating-label.textfield-box.has-value label, +.input-group-sm > .floating-label.textfield-box.is-focused label { + top: 0.5rem; +} + +.input-group-sm > .floating-label:not(.textfield-box) ~ .input-group-icon { + margin-top: 0.625rem; +} + +.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .form-control-file { + font-size: 0.8125rem; + line-height: 1.538462; + padding: 0.375rem 0 calc(0.375rem - 1px); +} + +.input-group-sm > select.form-control, .input-group-sm > .custom-select { + padding-right: 1.5em; +} + +.input-group-sm > select.form-control[multiple], .input-group-sm > select.form-control[size]:not([size='1']), .input-group-sm > textarea.form-control:not([rows='1']), .input-group-sm > .custom-select[multiple], .input-group-sm > .custom-select[size]:not([size='1']) { + padding: 0.75rem 0.75rem calc(0.75rem - 1px); +} + +.input-group-sm > .form-control[type='file'], +.input-group-sm > .form-control-file { + max-height: 2.75rem; +} + +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .input-group-text { + font-size: 0.8125rem; + line-height: 1.538462; +} + +.input-group-sm > .input-group-icon { + font-size: 0.710938rem; + line-height: 1.538462; +} + +.navbar { + -ms-flex-align: center; + align-items: center; + color: rgba(0, 0, 0, 0.87); + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 3.5rem; + padding: 0.625rem 1rem; + position: relative; +} + +.navbar .form-control { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.12); + border: 0; + color: inherit; + opacity: 0.7; + padding: 0.375rem 1rem; +} + +@media (min-width: 576px) { + .navbar .form-control { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .navbar .form-control { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navbar .form-control { + transition: none; + } +} + +.navbar .form-control:focus, .navbar .form-control:hover { + box-shadow: none; + opacity: 1; +} + +.navbar .form-control-lg { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} + +.navbar .form-control-sm { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + +.navbar .input-group { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.12); + opacity: 0.7; +} + +@media (min-width: 576px) { + .navbar .input-group { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .navbar .input-group { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navbar .input-group { + transition: none; + } +} + +.navbar .input-group:focus, .navbar .input-group:hover { + opacity: 1; +} + +.navbar .input-group .form-control { + background-color: transparent; + opacity: 1; +} + +.navbar .input-group .form-control:not(:first-child) { + padding-left: 0; +} + +.navbar .input-group .form-control:not(:last-child) { + padding-right: 0; +} + +.navbar .input-group .input-group-append { + margin-left: 0; + min-width: 0; +} + +.navbar .input-group .input-group-prepend { + margin-right: 0; + min-width: 0; +} + +.navbar .input-group .input-group-text { + margin-right: 1rem; + margin-left: 1rem; +} + +.navbar .input-group-lg > .form-control { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} + +.navbar .input-group-sm > .form-control { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + +.navbar .nav-tabs { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} + +.navbar .nav-tabs .nav-link { + min-height: 3.5rem; + padding-top: 1.3125rem; + padding-bottom: 1.3125rem; +} + +.navbar > .container { + -ms-flex-align: center; + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.navbar-dark { + color: white; +} + +.navbar-dark .form-control, +.navbar-dark .input-group, +.navbar-dark .navbar-brand::before, +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-toggler::before { + background-color: rgba(255, 255, 255, 0.12); +} + +.navbar-dark .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .form-control::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .form-control::placeholder, +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-fixed-bottom, +.navbar-fixed-top { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); + position: fixed; + right: 0; + left: 0; + z-index: 40; +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-full { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); + z-index: 40; +} + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .navbar-sticky-top { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 40; + } +} + +.toolbar-waterfall { + transition-duration: 0.3s; + transition-property: background-color, box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 40; +} + +@media (min-width: 576px) { + .toolbar-waterfall { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .toolbar-waterfall { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .toolbar-waterfall { + transition: none; + } +} + +.toolbar-waterfall.waterfall { + background-color: #9c27b0; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2); + position: fixed; +} + +.navbar-brand { + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.02em; + line-height: 1.4; + -ms-flex-align: center; + align-items: center; + color: inherit; + display: -ms-inline-flexbox; + display: inline-flex; + height: 2.25rem; + position: relative; + white-space: nowrap; +} + +.navbar-brand:active, .navbar-brand:focus, .navbar-brand:hover { + color: inherit; + text-decoration: none; +} + +.navbar-brand::before { + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.12); + content: ''; + display: block; + opacity: 0; + position: absolute; + top: 0; + right: -0.5rem; + bottom: 0; + left: -0.5rem; +} + +@media (min-width: 576px) { + .navbar-brand::before { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .navbar-brand::before { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navbar-brand::before { + transition: none; + } +} + +.navbar-brand:focus { + outline: 0; +} + +.navbar-brand:focus::before { + opacity: 1; +} + +.navbar-brand:not(:first-child) { + margin-left: 1rem; +} + +.navbar-brand:not(:last-child) { + margin-right: 1rem; +} + +.navbar-text { + -ms-flex-align: center; + align-items: center; + color: inherit; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + height: 2.25rem; +} + +.navbar-nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + margin-bottom: 0; + padding-left: 0; +} + +.navbar-nav .nav-link { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: background-color, opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + color: inherit; + font-size: 1rem; + height: 2.25rem; + line-height: 1; + opacity: 0.7; + padding: 0.625rem 1rem; +} + +@media (min-width: 576px) { + .navbar-nav .nav-link { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .navbar-nav .nav-link { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navbar-nav .nav-link { + transition: none; + } +} + +.navbar-nav .nav-link:active, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.12); + opacity: 1; +} + +.navbar-nav .nav-link.active, .navbar-nav .nav-link.disabled { + opacity: 1; +} + +.navbar-nav .nav-link.disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.38); +} + +.navbar-nav .nav-link:focus { + outline: 0; +} + +.navbar-nav .active > .nav-link, +.navbar-nav .show > .nav-link { + opacity: 1; +} + +.navbar-nav .show > .nav-link { + background-color: rgba(0, 0, 0, 0.12); +} + +.navbar-collapse { + -ms-flex-align: center; + align-items: center; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -ms-flex-positive: 1; + flex-grow: 1; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .navbar-toggler:first-child + .navbar-brand { + margin-left: 0; + } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .navbar-toggler:first-child + .navbar-brand { + margin-left: 0; + } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .navbar-toggler:first-child + .navbar-brand { + margin-left: 0; + } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .navbar-toggler:first-child + .navbar-brand { + margin-left: 0; + } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } +} + +.navbar-expand { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-expand .navbar-toggler:first-child + .navbar-brand { + margin-left: 0; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.navbar-toggler { + -ms-flex-align: center; + align-items: center; + background-color: transparent; + border: 0; + border-radius: 50%; + color: inherit; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 2.25rem; + -ms-flex-pack: center; + justify-content: center; + line-height: 1; + padding: 0; + position: relative; + width: 2.25rem; +} + +.navbar-toggler:active, .navbar-toggler:focus, .navbar-toggler:hover { + color: inherit; + text-decoration: none; +} + +.navbar-toggler:active::before, .navbar-toggler:focus::before, .navbar-toggler:hover::before { + opacity: 1; +} + +.navbar-toggler::before { + transition-duration: 0.3s; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.12); + border-radius: 50%; + content: ''; + display: block; + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +@media (min-width: 576px) { + .navbar-toggler::before { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .navbar-toggler::before { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .navbar-toggler::before { + transition: none; + } +} + +.navbar-toggler:focus { + outline: 0; +} + +.navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.navbar-toggler-icon { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; + font-family: 'Material Icons'; + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + text-rendering: optimizeLegibility; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + display: block; +} + +.navbar-toggler-icon::before { + content: "menu"; +} + +.tooltip { + text-align: left; + text-align: start; + font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + letter-spacing: normal; + line-break: auto; + line-height: 1.428572; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + display: block; + font-size: 0.875rem; + line-height: 1.428572; + margin: 1.5rem; + opacity: 0; + position: absolute; + word-break: break-word; + z-index: 240; +} + +[dir='rtl'] .tooltip { + text-align: right; + text-align: start; +} + +@media (min-width: 768px) { + .tooltip { + font-size: 0.625rem; + margin: 0.875rem; + } +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip.show .tooltip-inner { + -webkit-transform: scale(1); + transform: scale(1); +} + +.tooltip-inner { + border-radius: 2px; + transition-duration: 0.3s; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + background-color: #616161; + color: white; + padding: 0.375rem 1rem; + text-align: center; + -webkit-transform: scale(0.87); + transform: scale(0.87); +} + +@media (min-width: 576px) { + .tooltip-inner { + transition-duration: 0.39s; + } +} + +@media (min-width: 992px) { + .tooltip-inner { + transition-duration: 0.2s; + } +} + +@media screen and (prefers-reduced-motion: reduce) { + .tooltip-inner { + transition: none; + } +} + +@media (min-width: 768px) { + .tooltip-inner { + padding: 0.241071rem 0.5rem; + } +} + +.align-top { + vertical-align: top !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.border { + border: 1px solid rgba(0, 0, 0, 0.12) !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: 1px solid rgba(0, 0, 0, 0.12) !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right { + border-right: 1px solid rgba(0, 0, 0, 0.12) !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left { + border-left: 1px solid rgba(0, 0, 0, 0.12) !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-black { + border-color: #000000 !important; +} + +.border-black-primary { + border-color: rgba(0, 0, 0, 0.87) !important; +} + +.border-black-secondary { + border-color: rgba(0, 0, 0, 0.54) !important; +} + +.border-black-hint { + border-color: rgba(0, 0, 0, 0.38) !important; +} + +.border-black-divider { + border-color: rgba(0, 0, 0, 0.12) !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.border-white-primary { + border-color: white !important; +} + +.border-white-secondary { + border-color: rgba(255, 255, 255, 0.7) !important; +} + +.border-white-hint { + border-color: rgba(255, 255, 255, 0.5) !important; +} + +.border-white-divider { + border-color: rgba(255, 255, 255, 0.12) !important; +} + +.border-primary { + border-color: #9c27b0 !important; +} + +.border-secondary { + border-color: #ff4081 !important; +} + +.border-danger { + border-color: #f44336 !important; +} + +.border-info { + border-color: #2196f3 !important; +} + +.border-success { + border-color: #4caf50 !important; +} + +.border-warning { + border-color: #ff9800 !important; +} + +.border-dark { + border-color: #424242 !important; +} + +.border-light { + border-color: #f5f5f5 !important; +} + +.rounded { + border-radius: 2px; +} + +.rounded-0 { + border-radius: 0; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.rounded-right { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.rounded-bottom { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.rounded-left { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.bg-dark-1 { + background-color: #000000 !important; +} + +.bg-dark-2 { + background-color: #212121 !important; +} + +.bg-dark-3 { + background-color: #303030 !important; +} + +.bg-dark-4 { + background-color: #424242 !important; +} + +.bg-light-1 { + background-color: #e0e0e0 !important; +} + +.bg-light-2 { + background-color: #f5f5f5 !important; +} + +.bg-light-3 { + background-color: #fafafa !important; +} + +.bg-light-4 { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +a.bg-primary:active, a.bg-primary:focus, a.bg-primary:hover { + background-color: #7b1fa2 !important; +} + +.bg-primary { + background-color: #9c27b0 !important; +} + +a.bg-secondary:active, a.bg-secondary:focus, a.bg-secondary:hover { + background-color: #f50057 !important; +} + +.bg-secondary { + background-color: #ff4081 !important; +} + +a.bg-danger:active, a.bg-danger:focus, a.bg-danger:hover { + background-color: #d32f2f !important; +} + +.bg-danger { + background-color: #f44336 !important; +} + +a.bg-info:active, a.bg-info:focus, a.bg-info:hover { + background-color: #1976d2 !important; +} + +.bg-info { + background-color: #2196f3 !important; +} + +a.bg-success:active, a.bg-success:focus, a.bg-success:hover { + background-color: #388e3c !important; +} + +.bg-success { + background-color: #4caf50 !important; +} + +a.bg-warning:active, a.bg-warning:focus, a.bg-warning:hover { + background-color: #f57c00 !important; +} + +.bg-warning { + background-color: #ff9800 !important; +} + +a.bg-dark:active, a.bg-dark:focus, a.bg-dark:hover { + background-color: #212121 !important; +} + +.bg-dark { + background-color: #424242 !important; +} + +a.bg-light:active, a.bg-light:focus, a.bg-light:hover { + background-color: #e0e0e0 !important; +} + +.bg-light { + background-color: #f5f5f5 !important; +} + +.bg-primary-dark { + background-color: #7b1fa2 !important; +} + +.bg-primary-light { + background-color: #e1bee7 !important; +} + +.bg-secondary-dark { + background-color: #f50057 !important; +} + +.bg-secondary-light { + background-color: #ff80ab !important; +} + +.clearfix::after { + clear: both; + content: ''; + display: table; +} + +.d-block { + display: block !important; +} + +.d-flex { + display: -ms-flexbox !important; + display: flex !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} + +.d-none { + display: none !important; +} + +.d-table { + display: table !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-table-row { + display: table-row !important; +} + +@media (min-width: 576px) { + .d-sm-block { + display: block !important; + } + .d-sm-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-table-row { + display: table-row !important; + } +} + +@media (min-width: 768px) { + .d-md-block { + display: block !important; + } + .d-md-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-table-row { + display: table-row !important; + } +} + +@media (min-width: 992px) { + .d-lg-block { + display: block !important; + } + .d-lg-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-table-row { + display: table-row !important; + } +} + +@media (min-width: 1200px) { + .d-xl-block { + display: block !important; + } + .d-xl-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-table-row { + display: table-row !important; + } +} + +@media print { + .d-print-block { + display: block !important; + } + .d-print-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-table-row { + display: table-row !important; + } +} + +.align-content-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} + +.align-content-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} + +.align-content-center { + -ms-flex-line-pack: center !important; + align-content: center !important; +} + +.align-content-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} + +.align-content-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} + +.align-content-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} + +.align-items-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; +} + +.align-items-center { + -ms-flex-align: center !important; + align-items: center !important; +} + +.align-items-start { + -ms-flex-align: start !important; + align-items: flex-start !important; +} + +.align-items-end { + -ms-flex-align: end !important; + align-items: flex-end !important; +} + +.align-items-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; +} + +.align-self-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; +} + +.align-self-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} + +.align-self-center { + -ms-flex-item-align: center !important; + align-self: center !important; +} + +.align-self-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} + +.align-self-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} + +.align-self-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} + +.flex-column { + -ms-flex-direction: column !important; + flex-direction: column !important; +} + +.flex-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} + +.flex-row { + -ms-flex-direction: row !important; + flex-direction: row !important; +} + +.flex-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} + +.flex-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} + +.flex-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} + +.flex-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} + +.flex-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} + +.flex-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} + +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} + +.flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} + +.justify-content-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} + +.justify-content-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} + +.justify-content-center { + -ms-flex-pack: center !important; + justify-content: center !important; +} + +.justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} + +.justify-content-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} + +.order-first { + -ms-flex-order: -1; + order: -1; +} + +.order-last { + -ms-flex-order: 1; + order: 1; +} + +.order-0 { + -ms-flex-order: 0; + order: 0; +} + +@media (min-width: 576px) { + .align-content-sm-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-sm-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-sm-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-sm-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-sm-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-sm-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-items-sm-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-sm-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-sm-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-sm-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-sm-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-self-sm-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-sm-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-sm-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-sm-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-sm-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-sm-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .flex-sm-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-sm-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-sm-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-sm-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-sm-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-sm-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-sm-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-sm-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-sm-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-sm-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-sm-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-sm-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-sm-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .order-sm-first { + -ms-flex-order: -1; + order: -1; + } + .order-sm-last { + -ms-flex-order: 1; + order: 1; + } + .order-sm-0 { + -ms-flex-order: 0; + order: 0; + } +} + +@media (min-width: 768px) { + .align-content-md-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-md-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-md-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-md-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-md-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-md-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-items-md-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-md-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-md-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-md-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-md-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-self-md-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-md-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-md-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-md-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-md-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-md-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .flex-md-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-md-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-md-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-md-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-md-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-md-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-md-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-md-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-md-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-md-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-md-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-md-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-md-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-md-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-md-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .order-md-first { + -ms-flex-order: -1; + order: -1; + } + .order-md-last { + -ms-flex-order: 1; + order: 1; + } + .order-md-0 { + -ms-flex-order: 0; + order: 0; + } +} + +@media (min-width: 992px) { + .align-content-lg-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-lg-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-lg-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-lg-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-lg-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-lg-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-items-lg-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-lg-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-lg-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-lg-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-lg-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-self-lg-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-lg-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-lg-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-lg-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-lg-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-lg-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .flex-lg-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-lg-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-lg-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-lg-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-lg-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-lg-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-lg-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-lg-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-lg-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-lg-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-lg-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-lg-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-lg-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .order-lg-first { + -ms-flex-order: -1; + order: -1; + } + .order-lg-last { + -ms-flex-order: 1; + order: 1; + } + .order-lg-0 { + -ms-flex-order: 0; + order: 0; + } +} + +@media (min-width: 1200px) { + .align-content-xl-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xl-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xl-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xl-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xl-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xl-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-items-xl-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xl-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xl-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xl-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xl-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-self-xl-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-xl-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xl-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-xl-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xl-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xl-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .flex-xl-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xl-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xl-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-xl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xl-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-xl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-xl-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xl-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xl-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xl-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .order-xl-first { + -ms-flex-order: -1; + order: -1; + } + .order-xl-last { + -ms-flex-order: 1; + order: 1; + } + .order-xl-0 { + -ms-flex-order: 0; + order: 0; + } +} + +.float-left { + float: left !important; +} + +.float-none { + float: none !important; +} + +.float-right { + float: right !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-none { + float: none !important; + } + .float-sm-right { + float: right !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-none { + float: none !important; + } + .float-md-right { + float: right !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-none { + float: none !important; + } + .float-lg-right { + float: right !important; + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-none { + float: none !important; + } + .float-xl-right { + float: right !important; + } +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-relative { + position: relative !important; +} + +.position-static { + position: static !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 40; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 40; +} + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 40; + } +} + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + overflow: visible; + position: static; + white-space: normal; + width: auto; +} + +.shadow { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-lg { + box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.shadow-sm { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-24 { + box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-16 { + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-12 { + box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-8 { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-6 { + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-4 { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-2 { + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important; +} + +.shadow-1 { + box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2) !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mr-0 { + margin-right: 0 !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.ml-0 { + margin-left: 0 !important; +} + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mr-1 { + margin-right: 0.25rem !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1 { + margin-left: 0.25rem !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mr-2 { + margin-right: 0.5rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2 { + margin-left: 0.5rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mr-3 { + margin-right: 1rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.ml-3 { + margin-left: 1rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mr-4 { + margin-right: 1.5rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4 { + margin-left: 1.5rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mr-5 { + margin-right: 3rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.ml-5 { + margin-left: 3rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pr-0 { + padding-right: 0 !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pl-0 { + padding-left: 0 !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pr-1 { + padding-right: 0.25rem !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1 { + padding-left: 0.25rem !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pr-2 { + padding-right: 0.5rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2 { + padding-left: 0.5rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pr-3 { + padding-right: 1rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pl-3 { + padding-left: 1rem !important; +} + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pr-4 { + padding-right: 1.5rem !important; +} + +.pb-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4 { + padding-left: 1.5rem !important; +} + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pr-5 { + padding-right: 3rem !important; +} + +.pb-5 { + padding-bottom: 3rem !important; +} + +.pl-5 { + padding-left: 3rem !important; +} + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.mr-auto { + margin-right: auto !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ml-auto { + margin-left: auto !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0 { + margin-left: 0 !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1 { + margin-left: 0.25rem !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2 { + margin-left: 0.5rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3 { + margin-left: 1rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4 { + margin-left: 1.5rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5 { + margin-left: 3rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0 { + padding-left: 0 !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1 { + padding-left: 0.25rem !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2 { + padding-left: 0.5rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3 { + padding-left: 1rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4 { + padding-left: 1.5rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5 { + padding-left: 3rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto { + margin-left: auto !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mr-md-0 { + margin-right: 0 !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0 { + margin-left: 0 !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1 { + margin-left: 0.25rem !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2 { + margin-left: 0.5rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mr-md-3 { + margin-right: 1rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3 { + margin-left: 1rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4 { + margin-left: 1.5rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mr-md-5 { + margin-right: 3rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5 { + margin-left: 3rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pr-md-0 { + padding-right: 0 !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0 { + padding-left: 0 !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1 { + padding-left: 0.25rem !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2 { + padding-left: 0.5rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pr-md-3 { + padding-right: 1rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3 { + padding-left: 1rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4 { + padding-left: 1.5rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pr-md-5 { + padding-right: 3rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5 { + padding-left: 3rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .mr-md-auto { + margin-right: auto !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto { + margin-left: auto !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0 { + margin-left: 0 !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1 { + margin-left: 0.25rem !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2 { + margin-left: 0.5rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3 { + margin-left: 1rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4 { + margin-left: 1.5rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5 { + margin-left: 3rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0 { + padding-left: 0 !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1 { + padding-left: 0.25rem !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2 { + padding-left: 0.5rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3 { + padding-left: 1rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4 { + padding-left: 1.5rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5 { + padding-left: 3rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto { + margin-left: auto !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0 { + margin-left: 0 !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1 { + margin-left: 0.25rem !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2 { + margin-left: 0.5rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3 { + margin-left: 1rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4 { + margin-left: 1.5rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5 { + margin-left: 3rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0 { + padding-left: 0 !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1 { + padding-left: 0.25rem !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2 { + padding-left: 0.5rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3 { + padding-left: 1rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4 { + padding-left: 1.5rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5 { + padding-left: 3rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto { + margin-left: auto !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-center { + text-align: center !important; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +@media (min-width: 576px) { + .text-sm-center { + text-align: center !important; + } + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } +} + +@media (min-width: 768px) { + .text-md-center { + text-align: center !important; + } + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } +} + +@media (min-width: 992px) { + .text-lg-center { + text-align: center !important; + } + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } +} + +@media (min-width: 1200px) { + .text-xl-center { + text-align: center !important; + } + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } +} + +.text-black { + color: #000000 !important; +} + +.text-black-primary { + color: rgba(0, 0, 0, 0.87) !important; +} + +.text-black-secondary { + color: rgba(0, 0, 0, 0.54) !important; +} + +.text-black-hint { + color: rgba(0, 0, 0, 0.38) !important; +} + +.text-black-divider { + color: rgba(0, 0, 0, 0.12) !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-white-primary { + color: white !important; +} + +.text-white-secondary { + color: rgba(255, 255, 255, 0.7) !important; +} + +.text-white-hint { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-white-divider { + color: rgba(255, 255, 255, 0.12) !important; +} + +.text-muted { + color: rgba(0, 0, 0, 0.38) !important; +} + +a.text-primary:active, a.text-primary:focus, a.text-primary:hover { + color: #7b1fa2 !important; +} + +.text-primary { + color: #9c27b0 !important; +} + +a.text-secondary:active, a.text-secondary:focus, a.text-secondary:hover { + color: #f50057 !important; +} + +.text-secondary { + color: #ff4081 !important; +} + +a.text-danger:active, a.text-danger:focus, a.text-danger:hover { + color: #d32f2f !important; +} + +.text-danger { + color: #f44336 !important; +} + +a.text-info:active, a.text-info:focus, a.text-info:hover { + color: #1976d2 !important; +} + +.text-info { + color: #2196f3 !important; +} + +a.text-success:active, a.text-success:focus, a.text-success:hover { + color: #388e3c !important; +} + +.text-success { + color: #4caf50 !important; +} + +a.text-warning:active, a.text-warning:focus, a.text-warning:hover { + color: #f57c00 !important; +} + +.text-warning { + color: #ff9800 !important; +} + +a.text-dark:active, a.text-dark:focus, a.text-dark:hover { + color: #212121 !important; +} + +.text-dark { + color: #424242 !important; +} + +a.text-light:active, a.text-light:focus, a.text-light:hover { + color: #e0e0e0 !important; +} + +.text-light { + color: #f5f5f5 !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-body { + color: rgba(0, 0, 0, 0.87) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-monospace { + font-family: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +.font-italic { + font-style: italic; +} + +.font-weight-bold, +.font-weight-medium { + font-weight: 500; +} + +.font-weight-light { + font-weight: 300; +} + +.font-weight-normal, +.font-weight-regular { + font-weight: 400; +} + +.text-hide { + background-color: transparent; + border: 0; + color: transparent; + font: 0/0 a; + text-shadow: none; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.invisible { + visibility: hidden !important; +} + +.visible { + visibility: visible !important; +} + +.material-icons { + font-size: 1.714286em; + line-height: 0.583333em; + vertical-align: -0.302198em; +} + +.material-icons-inline { + font-size: inherit; + line-height: 1; +} + +@media print { + @page { + size: a3; + } + *, + *::after, + *::before { + box-shadow: none !important; + text-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: ' (" attr(title) ") '; + } + blockquote { + page-break-inside: avoid; + } + body { + min-width: 992px !important; + } + h2, + h3, + p { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-inside: avoid; + } + img { + page-break-inside: avoid; + } + pre { + page-break-inside: avoid; + white-space: pre-wrap !important; + } + thead { + display: table-header-group; + } + tr { + page-break-inside: avoid; + } + .card { + border: 1px solid #e1e1e1; + } + .container { + min-width: 992px !important; + } + .dropdown-menu { + border: 1px solid #e1e1e1; + } + .list-group-item { + border: 1px solid #e1e1e1; + margin-bottom: -1px; + } + .list-group-item:last-child { + margin-bottom: 0; + } + .list-group-flush:first-child .list-group-item:first-child { + border-top: 0; + } + .list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; + } + .list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + } + .nav-tabs { + border-bottom: 1px solid #e1e1e1; + } + .navbar { + display: none; + } + .popover { + border: 1px solid #e1e1e1; + } + .table td, + .table th { + background-color: #ffffff !important; + } + .table-bordered { + border: 1px solid #e1e1e1; + } + .table-dark { + color: inherit; + } + .table-dark td, + .table-dark th, + .table-dark .table { + border-color: #e1e1e1; + } + .table .thead-dark td, + .table .thead-dark th { + color: inherit; + } +} \ No newline at end of file diff --git a/src/minimal.css b/src/minimal.css new file mode 100644 index 0000000..05e6cc0 --- /dev/null +++ b/src/minimal.css @@ -0,0 +1,112 @@ +/* + Minimal CSS + minimalcss.com +*/ + +/* Reset */ +* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } + +/* Layout */ +body { background-color: #fff; color: #333; font: 14px/20px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif; } + +header { width: 100%; margin: 0 auto; position: relative; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; } +.logo { font-size: 28px; color: #333; } + +nav ul { margin: 0; } +nav ul li { display: inline; margin-right: 20px; font-size: 16px; line-height: 28px; color: #333; } +nav ul li a { color: #333; } + +.container { position: relative; text-align: left; width: 960px; max-width: 90%; margin: 0 auto; } + +footer { border-top:1px solid #ccc; font-size:11px; line-height:26px; color:#999; } +footer a { color:#999999; } +footer a:hover { color:#105CB6; } +footer ul li { display:inline; list-style:none; padding-left:20px; } + +/* Grid */ +.row { width: 100%; margin:0 auto 20px auto; display:inline-block; position:relative; } +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin-right: 2%; } +.row .col-1:last-child, .row .col-2:last-child, .row .col-3:last-child, .row .col-4:last-child, .row .col-5:last-child, .row .col-6:last-child, .row .col-7:last-child, .row .col-8:last-child, .row .col-9:last-child, .row .col-10:last-child, .row .col-11:last-child, .row .col-12:last-child { margin-right: 0; } +.row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } + +.col-1 { width: 6%; } +.col-2 { width: 15%; } +.col-3 { width: 23.5%; } +.col-4 { width: 32%; } +.col-5 { width: 40%; } +.col-6 { width: 49%; } +.col-7 { width: 56.5%; } +.col-8 { width: 66%; } +.col-9 { width: 74%; } +.col-10 { width: 82.5%; } +.col-11 { width: 91%; } +.col-12 { width: 100%; } + +/* Typography */ +a { color: #105CB6; text-decoration: none; } +a:hover, a:focus { color: #105CB6; text-decoration: underline; } +a:active { color: #105CB6; } + +h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; } +h2 { font-size: 24px; line-height: 20px; margin-bottom: 20px; } +h3 { font-size: 20px; line-height: 20px; margin-bottom: 10px; } +h4 { font-size: 16px; line-height: 20px; margin-bottom: 10px; } +h5 { font-size: 14px; line-height: 20px; margin-bottom: 20px; } +h6 { font-size: 12px; line-height: 20px; margin-bottom: 20px; } +h1,h2,h3,h4,h5,h6 { color: #333; } + +p { margin-bottom: 20px; } + +.float-left { float: left; } +.float-right { float: right; } +img.float-left { float: left; margin: 0 20px 20px 0; } +img.float-right { float: right; margin: 0 0 20px 20px; } +img.center { margin: 0 auto; display: block; } + +.text-left { text-align: left; } +.text-center { text-align: center; } +.text-right { text-align: right; } +.text-justify { text-align: justify; } + +/* Misc */ +hr { background-color: #ccc; border: 0px; color: #ccc; height: 1px; margin-bottom: 20px; } + +pre, code { background-color: #eee; display:block; padding:10px; } + +pre { + margin-bottom: 20px; + white-space: pre-wrap; /* css-3 */ + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ +} + +blockquote { margin: 10px 10px 20px; padding: 9px; background-color: #f8f8f8; color: #666; border-left: 5px solid #ddd; font: 14px/20px Georgia, Times, serif; quotes: "\201C" "\201D"; } +blockquote p { margin: 0; } +blockquote:before { content: open-quote; font-weight: bold; } +blockquote:after { content: close-quote; font-weight: bold; } + +/* List */ +ul { margin-bottom: 20px; list-style-position:inside; } +ol { margin-bottom: 20px; list-style-position:inside; } +ul ul, ol ol { margin-bottom:0; } + +/* Form */ +fieldset { position: relative; border-top:1px solid #ccc; padding: 10px; margin-bottom:20px; } +fieldset legend { font-weight:bold; font-size:16px; padding: 0 5px; } + +/* Table */ +table { margin-bottom: 20px; width:100%; } +th { font-weight: bold; } +td { text-align: left; } +tfoot { font-style: italic; } + +/* Print */ +@media print { + * { + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + color: #000 !important; + } \ No newline at end of file diff --git a/src/propeller.css b/src/propeller.css new file mode 100644 index 0000000..d4e9e14 --- /dev/null +++ b/src/propeller.css @@ -0,0 +1,4346 @@ +/*! + * Propeller v1.3.2 (http://propeller.in/) + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 100; + + src: url("../fonts/roboto/Roboto-Thin-webfont.eot?") format("eot"), url("../fonts/roboto/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Thin-webfont.ttf") format("truetype"), url('../fonts/roboto/Roboto-Thin-webfont.svg#str-replace("Roboto", " ", "_")') format("svg"); +} + +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 300; + + src: url("../fonts/roboto/Roboto-Light-webfont.eot?") format("eot"), url("../fonts/roboto/Roboto-Light-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Light-webfont.ttf") format("truetype"), url('../fonts/roboto/Roboto-Light-webfont.svg#str-replace("Roboto", " ", "_")') format("svg"); +} + +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + + src: url("../fonts/roboto/Roboto-Regular-webfont.eot?") format("eot"), url("../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url('../fonts/roboto/Roboto-Regular-webfont.svg#str-replace("Roboto", " ", "_")') format("svg"); +} + +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + + src: url("../fonts/roboto/Roboto-Medium-webfont.eot?") format("eot"), url("../fonts/roboto/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Medium-webfont.ttf") format("truetype"), url('../fonts/roboto/Roboto-Medium-webfont.svg#str-replace("Roboto", " ", "_")') format("svg"); +} + +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + + src: url("../fonts/roboto/Roboto-Bold-webfont.eot?") format("eot"), url("../fonts/roboto/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Bold-webfont.ttf") format("truetype"), url('../fonts/roboto/Roboto-Bold-webfont.svg#str-replace("Roboto", " ", "_")') format("svg"); +} + +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 900; + + src: url("../fonts/roboto/Roboto-Black-webfont.eot?") format("eot"), url("../fonts/roboto/Roboto-Black-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Black-webfont.ttf") format("truetype"), url('../fonts/roboto/Roboto-Black-webfont.svg#str-replace("Roboto", " ", "_")') format("svg"); +} + +/*! + * Propeller v1.3.2 (http://propeller.in): typography.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +html { + font-size: 16px; + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +body { + font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + line-height: 1.5; + color: #333; + background-color: #f8f9fa; +} + +a { + color: #4285f4; + text-decoration: none; + outline: none; +} + +a:focus, a:hover { + color: #0d5bdd; + text-decoration: underline; + outline: none; + outline-offset: -2px; +} + +p { + margin-bottom: 1rem; +} + +.lead, p.lead { + font-size: 1.25rem; + font-weight: 300; +} + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: .5rem; + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +h1, .h1 { + font-size: 1.5rem; + font-weight: 400; +} + +h2, .h2 { + font-size: 1.25rem; + font-weight: 500; +} + +h3, .h3 { + font-size: 1rem; + font-weight: 400; +} + +h4, .h4 { + font-size: .8125rem; + font-weight: 500; +} + +h5, .h5 { + font-size: .8125rem; + font-weight: 400; +} + +.pmd-display1 { + font-size: 2.125rem; + font-weight: 400; + line-height: 1.1; + color: rgba(0, 0, 0, .54); +} + +.pmd-display2 { + font-size: 2.8125rem; + font-weight: 400; + line-height: 1.1; + color: rgba(0, 0, 0, .54); +} + +.pmd-display3 { + font-size: 3.5rem; + font-weight: 400; + line-height: 1.1; + color: rgba(0, 0, 0, .54); +} + +.pmd-display4 { + font-size: 7rem; + font-weight: 300; + line-height: 1.1; + color: rgba(0, 0, 0, .54); +} + +.pmd-caption { + font-size: .75rem; + color: #868e96; + letter-spacing: .02em; +} + +/*! + * Propeller v1.3.2 (http://propeller.in/) + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-z-depth { + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); +} + +.pmd-z-depth-1 { + box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); +} + +.pmd-z-depth-2 { + box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23); +} + +.pmd-z-depth-3 { + box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22); +} + +.pmd-z-depth-4 { + box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22); +} + +.pmd-z-depth-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22); +} + +/*! + * Propeller v1.3.2 (http://propeller.in): google-icons.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.material-icons.pmd-xs, .material-icons.md-18 { + font-size: 18px; +} + +.material-icons.pmd-sm, .material-icons.md-24 { + font-size: 24px; +} + +.material-icons.pmd-md, .material-icons.md-36 { + font-size: 36px; +} + +.material-icons.pmd-lg, .material-icons.md-48 { + font-size: 48px; +} + +.material-icons.md-dark { + color: #333; +} + +.material-icons.md-dark.md-inactive { + color: rgba(51, 51, 51, .25); +} + +.material-icons.md-light { + color: #fff; +} + +.material-icons.md-light.md-inactive { + color: rgba(255, 255, 255, .25); +} + +/*! + * Propeller v1.3.2 (http://propeller.in/): card.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-card { + padding: 1px 0; + margin-bottom: 30px; + background-color: #fff; + border-radius: .125rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); +} + +.pmd-card .form-horizontal .form-group { + margin-right: inherit; + margin-left: inherit; +} + +.pmd-card-body { + padding-right: 1rem; + padding-left: 1rem; + margin-top: 1rem; + margin-bottom: 1rem; + color: rgba(0, 0, 0, .87); +} + +.pmd-card-title { + padding: 1rem 1rem 0 1rem; + margin-bottom: 1rem; + border-bottom: 1px solid transparent; + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; +} + +.pmd-card-title .dropdown .dropdown-toggle { + color: inherit; +} + +.pmd-card-title-text { + margin-top: 0; + margin-bottom: 0; + color: inherit; +} + +h2.pmd-card-title-text { + margin-bottom: 2px; + font-size: 1.5rem; + font-weight: 400; +} + +.pmd-card-subtitle-text { + margin-bottom: 0; + font-size: .875rem; + line-height: 1.6; + color: rgba(0, 0, 0, .54); +} + +.pmd-card-footer { + display: table; + width: 100%; + padding: .5rem 1rem; + content: ""; +} + +.pmd-card-actions { + padding: .5rem .25rem; +} + +.pmd-card-actions .btn { + min-width: inherit; + margin-right: .25rem; + margin-bottom: .5rem; + margin-left: .25rem; +} + +.pmd-card-actions .btn:first-child { + margin-left: .75rem; +} + +.pmd-card-actions .btn:last-child { + margin-right: .75rem; +} + +.pmd-card-actions .btn.pmd-btn-flat { + margin-right: .25rem; + margin-bottom: 0; + margin-left: .25rem; +} + +.pmd-card-actions .btn.pmd-btn-fab { + padding: 0; +} + +/* Card Media Action */ +.pmd-card-media-inline .pmd-card-media { + padding-right: 1rem; + padding-left: 1rem; + margin-top: 1rem; +} + +.pmd-card-media-inline .pmd-card-media h2.pmd-card-title-text { + margin-top: .25rem; +} + +.pmd-card-footer-no-border { + padding-top: 0; + border-color: transparent; +} + +.pmd-card-list { + padding-top: .5rem; + padding-bottom: .5rem; + background-color: #fff; +} + +/* Card inverse*/ +.pmd-card-inverse { + color: #fff; + background-color: rgba(0, 0, 0, .84); +} + +.pmd-card-inverse .pmd-card-body { + color: rgba(255, 255, 255, .84); +} + +.pmd-card-inverse .pmd-card-subtitle-text { + color: rgba(255, 255, 255, .54); +} + +/*! + * Propeller v1.3.2 (http://propeller.in/): accordion.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.panel-group.pmd-accordion .panel { + position: relative; + margin: 1rem 0; + border: none; + border-radius: 0; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + transition: all .2s ease-in-out; +} + +.panel-group.pmd-accordion .panel .panel-body { + border: none; +} + +.panel-group.pmd-accordion .panel > .panel-heading { + padding: 0; + background: none; +} + +.panel-group.pmd-accordion .panel > .panel-heading a { + display: block; + padding: .75rem 1rem; + line-height: 1.5rem; +} + +.panel-group.pmd-accordion .panel > .panel-heading a:hover, .panel-group.pmd-accordion .panel > .panel-heading a:focus { + color: inherit; +} + +.panel-group.pmd-accordion .panel > .panel-heading + .panel-collapse > .panel-body { + border: none; +} + +.panel-group.pmd-accordion .panel.active .material-icons.pmd-accordion-arrow { + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.panel-group.pmd-accordion .panel.panel-success > .panel-heading { + color: #135113; + background-color: #d3ebd3; + border-color: #c2e3c2; +} + +.panel-group.pmd-accordion .panel.panel-info > .panel-heading { + color: #02587f; + background-color: #cdeefd; + border-color: #b8e7fc; +} + +.panel-group.pmd-accordion .panel.panel-warning > .panel-heading { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; +} + +.panel-group.pmd-accordion .panel.panel-danger > .panel-heading { + color: #852d12; + background-color: #ffddd3; + border-color: #ffd0c1; +} + +.panel-group.pmd-accordion-inbox .panel.active { + margin: .5rem -.5rem; + box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); +} + +@media screen and (max-width: 767px) { + .panel-group.pmd-accordion-inbox .panel.active { + margin: 1rem -10px; + } +} + +.panel-group.pmd-accordion-nospace .panel { + margin: 0; +} + +.pmd-accordion-icon-left { + float: left; + padding-right: 32px; +} + +.pmd-accordion-icon-right { + float: right; + padding-left: 32px; +} + +.pmd-accordion-arrow { + float: right; +} + +/*! + * Propeller v1.3.2 (http://propeller.in/): alert.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-alert-container { + position: fixed; + z-index: 100000000; +} + +.pmd-alert-container.top { + top: 20px; +} + +.pmd-alert-container.bottom { + bottom: 20px; +} + +.pmd-alert-container.left { + left: 20px; +} + +.pmd-alert-container.right { + right: 20px; +} + +.pmd-alert-container.center { + left: 50%; +} + +@media screen and (max-width: 767px) { + .pmd-alert-container.left { + left: 50%; + } + .pmd-alert-container.right { + right: 50%; + } +} + +.pmd-alert-container .pmd-alert { + position: relative; + z-index: 1000; + width: 300px; + padding: .5rem 1.5rem; + margin-bottom: 5px; + clear: both; + font-size: 1rem; + color: #fff; + text-align: left; + vertical-align: middle; + background: #000; + border-radius: .125rem; + animation-duration: 1s; + + animation-fill-mode: both; +} + +.pmd-alert-container .pmd-alert a { + position: absolute; + right: 18px; + float: right; + color: #4285f4; +} + +.pmd-alert-container .pmd-alert a:before { + position: absolute; + top: 0; + right: -10px; + bottom: 0; + left: -10px; + margin: auto; + content: ""; +} + +.pmd-alert-container .pmd-alert.success { + color: #fff; + background-color: #259b24; +} + +.pmd-alert-container .pmd-alert.warning { + color: #333; + background-color: #ffc107; +} + +.pmd-alert-container .pmd-alert.light { + color: #333; + background-color: #f8f9fa; +} + +.pmd-alert-container .pmd-alert.dark { + color: #fff; + background-color: #343a40; +} + +.pmd-alert-container .pmd-alert.error { + color: #fff; + background-color: #ff5722; +} + +.pmd-alert-container .pmd-alert.information { + color: #fff; + background-color: #03a9f4; +} + +.notification a { + position: absolute; + right: 18px; + float: right; + color: #4285f4; +} + +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.fadeIn { + animation-name: fadeIn; +} + +@keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +.fadeOut { + animation-name: fadeOut; +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + animation-name: fadeOutDown; +} + +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + transform: none; + } +} + +.fadeInDown { + animation-name: fadeInDown; +} + +@keyframes fadeInUp { + from { + opacity: 0; + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + transform: none; + } +} + +.fadeInUp { + animation-name: fadeInUp; +} + +/*! + * Propeller v1.3.2 (http://propeller.in/): badge.css + * Copyright 2016-2019 Digicorp, Inc + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.badge { + display: inline-block; + color: #fff; + vertical-align: baseline; + background-color: #777; +} + +.badge:hover { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.badge-success { + color: #fff; + background-color: #259b24; +} + +.badge-success:hover, .badge-success:focus { + color: #fff; + background-color: #1b721a; +} + +.badge-info { + color: #fff; + background-color: #03a9f4; +} + +.badge-info:hover, .badge-info:focus { + color: #fff; + background-color: #0286c2; +} + +.badge-warning { + color: #333; + background-color: #ffc107; +} + +.badge-warning:hover, .badge-warning:focus { + color: #333; + background-color: #d39e00; +} + +.badge-error { + color: #fff; + background-color: #ff5722; +} + +.badge-error:hover, .badge-error:focus { + color: #fff; + background-color: #ee3900; +} + +.badge-inverse { + color: #fff; + background-color: #343a40; +} + +.badge-inverse:hover, .badge-inverse:focus { + color: #fff; + background-color: #1d2124; +} + +.badge-information { + color: #fff; + background-color: #03a9f4; +} + +.badge-information:hover, .badge-information:focus { + color: #fff; + background-color: #0286c2; +} + +.pmd-badge { + position: relative; + display: inline-block; + font-size: 32px; + text-align: left; +} + +.pmd-badge[data-badge]::after { + position: absolute; + top: -10px; + right: -24px; + width: 22px; + height: 22px; + font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: .75rem; + font-weight: 700; + line-height: 22px; + color: #fff; + text-align: center; + content: attr(data-badge); + background: #4285f4; + border-radius: 50%; +} + +.pmd-badge.pmd-badge-overlap::after { + right: -10px; +} + +.pmd-chip { + display: inline-block; + box-sizing: border-box; + padding: 0 .5rem 0 .75rem; + line-height: 34px; + color: rgba(0, 0, 0, .87); + text-transform: capitalize; + cursor: default; + background: #e0e0e0; + border-radius: 1rem; +} + +.pmd-chip:hover, .pmd-chip:focus { + background-color: #e0e0e0; +} + +.pmd-chip.pmd-chip-inverse { + color: rgba(255, 255, 255, .87); + background: rgba(0, 0, 0, .87); +} + +.pmd-chip.pmd-chip-inverse:hover, .pmd-chip.pmd-chip-inverse:focus { + background-color: rgba(0, 0, 0, .87); +} + +.pmd-chip-action { + display: inline-block; + vertical-align: middle; +} + +.pmd-chip-action i { + padding: 1px 2px 2px 2px; + margin-left: 5px; + font-size: .875rem; + color: rgba(255, 255, 255, .87); + background-color: #adadad; + border-radius: 50%; +} + +.pmd-chip-action .material-icons:hover { + background-color: #949393; +} + +.pmd-chip-contact { + padding-left: 0; +} + +.pmd-chip-contact img { + width: 2.25rem; + margin-top: -3px; + margin-right: 5px; + border-radius: 50%; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): button.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.btn { + padding: .625rem .75rem; + font-size: .875rem; + font-weight: 400; + line-height: 1.1; + text-transform: uppercase; + border: 1px solid transparent; + border-radius: .125rem; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; +} + +.btn:active, .btn.active { + box-shadow: none; +} + +.btn:hover, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { + border-color: transparent; + outline: 0; + outline-offset: 0; +} + +.btn.pmd-btn-raised { + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); +} + +.btn.pmd-btn-raised:active, .btn.pmd-btn-raised:focus, .btn.pmd-btn-raised.active, .btn.pmd-btn-raised:active:focus, .btn.pmd-btn-raised.active:focus { + box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); +} + +.btn.pmd-btn-fab { + width: 56px; + min-width: 56px; + height: 56px; + padding: 0; + border-radius: 50%; +} + +.btn.pmd-btn-fab span, +.btn.pmd-btn-fab i { + line-height: 56px; +} + +.btn.pmd-btn-fab.btn-lg { + width: 78px; + min-width: 78px; + height: 78px; +} + +.btn.pmd-btn-fab.btn-lg span, +.btn.pmd-btn-fab.btn-lg i { + line-height: 78px; +} + +.btn.pmd-btn-fab.btn-sm { + width: 40px; + min-width: 40px; + height: 40px; +} + +.btn.pmd-btn-fab.btn-sm span, +.btn.pmd-btn-fab.btn-sm i { + line-height: 40px; +} + +.btn.pmd-btn-fab.btn-xs { + width: 30px; + min-width: 30px; + height: 30px; +} + +.btn.pmd-btn-fab.btn-xs span, +.btn.pmd-btn-fab.btn-xs i { + line-height: 30px; +} + +.btn-default { + color: #333; + background-color: #fff; +} + +.btn-default:hover { + color: #333; + background-color: #ececec; +} + +.btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default:active:focus { + color: #333; + background-color: #ececec; +} + +.btn-default .ink { + background-color: #e6e5e5; +} + +.btn-default.pmd-btn-flat { + color: #fff; + background-color: transparent; +} + +.btn-default.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-default.pmd-btn-flat:active, .btn-default.pmd-btn-flat.active, .btn-default.pmd-btn-flat:focus { + color: #fff; + background-color: #ccc; +} + +.btn-default.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-default.pmd-btn-outline { + color: #fff; + background-color: transparent; + border-color: #fff; +} + +.btn-default.pmd-btn-outline:hover, .btn-default.pmd-btn-outline:focus { + color: #333; + background-color: #ececec; + border-color: #e6e5e5; +} + +.btn-primary { + color: #fff; + background-color: #4285f4; +} + +.btn-primary:hover { + color: #fff; + background-color: #1e6ef2; +} + +.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary:active:focus { + color: #fff; + background-color: #1e6ef2; +} + +.btn-primary .ink { + background-color: #1266f1; +} + +.btn-primary.pmd-btn-flat { + color: #4285f4; + background-color: transparent; +} + +.btn-primary.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-primary.pmd-btn-flat:active, .btn-primary.pmd-btn-flat.active, .btn-primary.pmd-btn-flat:focus { + color: #4285f4; + background-color: #ccc; +} + +.btn-primary.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-primary.pmd-btn-outline { + color: #4285f4; + background-color: transparent; + border-color: #4285f4; +} + +.btn-primary.pmd-btn-outline:hover, .btn-primary.pmd-btn-outline:focus { + color: #fff; + background-color: #1e6ef2; + border-color: #1266f1; +} + +.btn-secondary { + color: #333; + background-color: #ffc107; +} + +.btn-secondary:hover { + color: #333; + background-color: #e0a800; +} + +.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary:active.focus, .btn-secondary:active:focus { + color: #333; + background-color: #e0a800; +} + +.btn-secondary .ink { + background-color: #d39e00; +} + +.btn-secondary.pmd-btn-flat { + color: #ffc107; + background-color: transparent; +} + +.btn-secondary.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-secondary.pmd-btn-flat:active, .btn-secondary.pmd-btn-flat.active, .btn-secondary.pmd-btn-flat:focus { + color: #ffc107; + background-color: #ccc; +} + +.btn-secondary.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-secondary.pmd-btn-outline { + color: #ffc107; + background-color: transparent; + border-color: #ffc107; +} + +.btn-secondary.pmd-btn-outline:hover, .btn-secondary.pmd-btn-outline:focus { + color: #333; + background-color: #e0a800; + border-color: #d39e00; +} + +.btn-success { + color: #fff; + background-color: #259b24; +} + +.btn-success:hover { + color: #fff; + background-color: #1e7c1d; +} + +.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .btn-success.active.focus, .btn-success.active:focus, .btn-success:active.focus, .btn-success:active:focus { + color: #fff; + background-color: #1e7c1d; +} + +.btn-success .ink { + background-color: #1b721a; +} + +.btn-success.pmd-btn-flat { + color: #259b24; + background-color: transparent; +} + +.btn-success.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-success.pmd-btn-flat:active, .btn-success.pmd-btn-flat.active, .btn-success.pmd-btn-flat:focus { + color: #259b24; + background-color: #ccc; +} + +.btn-success.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-success.pmd-btn-outline { + color: #259b24; + background-color: transparent; + border-color: #259b24; +} + +.btn-success.pmd-btn-outline:hover, .btn-success.pmd-btn-outline:focus { + color: #fff; + background-color: #1e7c1d; + border-color: #1b721a; +} + +.btn-info { + color: #fff; + background-color: #03a9f4; +} + +.btn-info:hover { + color: #fff; + background-color: #038fce; +} + +.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .btn-info.active.focus, .btn-info.active:focus, .btn-info:active.focus, .btn-info:active:focus { + color: #fff; + background-color: #038fce; +} + +.btn-info .ink { + background-color: #0286c2; +} + +.btn-info.pmd-btn-flat { + color: #03a9f4; + background-color: transparent; +} + +.btn-info.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-info.pmd-btn-flat:active, .btn-info.pmd-btn-flat.active, .btn-info.pmd-btn-flat:focus { + color: #03a9f4; + background-color: #ccc; +} + +.btn-info.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-info.pmd-btn-outline { + color: #03a9f4; + background-color: transparent; + border-color: #03a9f4; +} + +.btn-info.pmd-btn-outline:hover, .btn-info.pmd-btn-outline:focus { + color: #fff; + background-color: #038fce; + border-color: #0286c2; +} + +.btn-warning { + color: #333; + background-color: #ffc107; +} + +.btn-warning:hover { + color: #333; + background-color: #e0a800; +} + +.btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning:active.focus, .btn-warning:active:focus { + color: #333; + background-color: #e0a800; +} + +.btn-warning .ink { + background-color: #d39e00; +} + +.btn-warning.pmd-btn-flat { + color: #ffc107; + background-color: transparent; +} + +.btn-warning.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-warning.pmd-btn-flat:active, .btn-warning.pmd-btn-flat.active, .btn-warning.pmd-btn-flat:focus { + color: #ffc107; + background-color: #ccc; +} + +.btn-warning.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-warning.pmd-btn-outline { + color: #ffc107; + background-color: transparent; + border-color: #ffc107; +} + +.btn-warning.pmd-btn-outline:hover, .btn-warning.pmd-btn-outline:focus { + color: #333; + background-color: #e0a800; + border-color: #d39e00; +} + +.btn-danger { + color: #fff; + background-color: #ff5722; +} + +.btn-danger:hover { + color: #fff; + background-color: #fb3c00; +} + +.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger:active.focus, .btn-danger:active:focus { + color: #fff; + background-color: #fb3c00; +} + +.btn-danger .ink { + background-color: #ee3900; +} + +.btn-danger.pmd-btn-flat { + color: #ff5722; + background-color: transparent; +} + +.btn-danger.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-danger.pmd-btn-flat:active, .btn-danger.pmd-btn-flat.active, .btn-danger.pmd-btn-flat:focus { + color: #ff5722; + background-color: #ccc; +} + +.btn-danger.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-danger.pmd-btn-outline { + color: #ff5722; + background-color: transparent; + border-color: #ff5722; +} + +.btn-danger.pmd-btn-outline:hover, .btn-danger.pmd-btn-outline:focus { + color: #fff; + background-color: #fb3c00; + border-color: #ee3900; +} + +.btn-light { + color: #333; + background-color: #f8f9fa; +} + +.btn-light:hover { + color: #333; + background-color: #e2e6ea; +} + +.btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active, .btn-light.active.focus, .btn-light.active:focus, .btn-light:active.focus, .btn-light:active:focus { + color: #333; + background-color: #e2e6ea; +} + +.btn-light .ink { + background-color: #dae0e5; +} + +.btn-light.pmd-btn-flat { + color: #f8f9fa; + background-color: transparent; +} + +.btn-light.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-light.pmd-btn-flat:active, .btn-light.pmd-btn-flat.active, .btn-light.pmd-btn-flat:focus { + color: #f8f9fa; + background-color: #ccc; +} + +.btn-light.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-light.pmd-btn-outline { + color: #f8f9fa; + background-color: transparent; + border-color: #f8f9fa; +} + +.btn-light.pmd-btn-outline:hover, .btn-light.pmd-btn-outline:focus { + color: #333; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.btn-dark { + color: #fff; + background-color: #343a40; +} + +.btn-dark:hover { + color: #fff; + background-color: #23272b; +} + +.btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active, .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark:active.focus, .btn-dark:active:focus { + color: #fff; + background-color: #23272b; +} + +.btn-dark .ink { + background-color: #1d2124; +} + +.btn-dark.pmd-btn-flat { + color: #343a40; + background-color: transparent; +} + +.btn-dark.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-dark.pmd-btn-flat:active, .btn-dark.pmd-btn-flat.active, .btn-dark.pmd-btn-flat:focus { + color: #343a40; + background-color: #ccc; +} + +.btn-dark.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-dark.pmd-btn-outline { + color: #343a40; + background-color: transparent; + border-color: #343a40; +} + +.btn-dark.pmd-btn-outline:hover, .btn-dark.pmd-btn-outline:focus { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} + +.btn-error { + color: #fff; + background-color: #ff5722; +} + +.btn-error:hover { + color: #fff; + background-color: #fb3c00; +} + +.btn-error:focus, .btn-error.focus, .btn-error:active, .btn-error.active, .btn-error.active.focus, .btn-error.active:focus, .btn-error:active.focus, .btn-error:active:focus { + color: #fff; + background-color: #fb3c00; +} + +.btn-error .ink { + background-color: #ee3900; +} + +.btn-error.pmd-btn-flat { + color: #ff5722; + background-color: transparent; +} + +.btn-error.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-error.pmd-btn-flat:active, .btn-error.pmd-btn-flat.active, .btn-error.pmd-btn-flat:focus { + color: #ff5722; + background-color: #ccc; +} + +.btn-error.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-error.pmd-btn-outline { + color: #ff5722; + background-color: transparent; + border-color: #ff5722; +} + +.btn-error.pmd-btn-outline:hover, .btn-error.pmd-btn-outline:focus { + color: #fff; + background-color: #fb3c00; + border-color: #ee3900; +} + +.btn-inverse { + color: #fff; + background-color: #343a40; +} + +.btn-inverse:hover { + color: #fff; + background-color: #23272b; +} + +.btn-inverse:focus, .btn-inverse.focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse:active.focus, .btn-inverse:active:focus { + color: #fff; + background-color: #23272b; +} + +.btn-inverse .ink { + background-color: #1d2124; +} + +.btn-inverse.pmd-btn-flat { + color: #343a40; + background-color: transparent; +} + +.btn-inverse.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-inverse.pmd-btn-flat:active, .btn-inverse.pmd-btn-flat.active, .btn-inverse.pmd-btn-flat:focus { + color: #343a40; + background-color: #ccc; +} + +.btn-inverse.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-inverse.pmd-btn-outline { + color: #343a40; + background-color: transparent; + border-color: #343a40; +} + +.btn-inverse.pmd-btn-outline:hover, .btn-inverse.pmd-btn-outline:focus { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} + +.btn-information { + color: #fff; + background-color: #03a9f4; +} + +.btn-information:hover { + color: #fff; + background-color: #038fce; +} + +.btn-information:focus, .btn-information.focus, .btn-information:active, .btn-information.active, .btn-information.active.focus, .btn-information.active:focus, .btn-information:active.focus, .btn-information:active:focus { + color: #fff; + background-color: #038fce; +} + +.btn-information .ink { + background-color: #0286c2; +} + +.btn-information.pmd-btn-flat { + color: #03a9f4; + background-color: transparent; +} + +.btn-information.pmd-btn-flat:hover { + background-color: #e5e5e5; +} + +.btn-information.pmd-btn-flat:active, .btn-information.pmd-btn-flat.active, .btn-information.pmd-btn-flat:focus { + color: #03a9f4; + background-color: #ccc; +} + +.btn-information.pmd-btn-flat .ink { + background-color: #808080; +} + +.btn-information.pmd-btn-outline { + color: #03a9f4; + background-color: transparent; + border-color: #03a9f4; +} + +.btn-information.pmd-btn-outline:hover, .btn-information.pmd-btn-outline:focus { + color: #fff; + background-color: #038fce; + border-color: #0286c2; +} + +.btn-default.pmd-btn-flat { + color: #333; +} + +.btn-default.pmd-btn-outline { + color: #333; + border-color: #333; +} + +.btn-default.pmd-btn-outline:hover, .btn-default.pmd-btn-outline:focus { + border-color: #333; +} + +.btn-lg { + padding: .625rem 1rem; + font-size: 1.125rem; + line-height: 1.3; + border-radius: .125rem; +} + +.btn-sm { + padding: .25rem .75rem; + font-size: .75rem; + line-height: 1.5; + border-radius: .125rem; +} + +.pmd-ripple-effect { + position: relative; + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); +} + +.ink { + position: absolute; + display: block; + pointer-events: none; + background: #fff; + border-radius: 50%; + opacity: 1; + -ms-transform: scale(0); + transform: scale(0); +} + +.ink.animate { + animation: ripple .5s linear; +} + +@keyframes ripple { + 100% { + opacity: 0; + transform: scale(2.5); + } +} + +.btn-group .btn { + border-radius: 2px; +} + +.btn-group.open .dropdown-toggle { + outline: 0; + outline-offset: 0; + box-shadow: none; +} + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: 0; +} + +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 0; +} + +.btn-group > .btn:focus:hover, +.btn-group-vertical > .btn:focus:hover, +.btn-group > .btn:active:hover, +.btn-group-vertical > .btn:active:hover, +.btn-group > .btn.active:hover, +.btn-group-vertical > .btn.active:hover { + z-index: 2; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): modal.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.modal-content { + border-radius: .125rem; +} + +.modal-header { + padding: 1rem 1rem 0; + margin-bottom: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0); + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; +} + +.modal-header.pmd-modal-bordered { + padding-bottom: 1rem; + border-bottom: 1px solid #e9ecef; +} + +.modal-header h2.pmd-card-title-text { + font-weight: 500; +} + +.pmd-modal-list { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.modal-body { + padding: 0 1rem; + margin-top: 1rem; + margin-bottom: 1rem; + color: rgba(0, 0, 0, .84); +} + +.modal-body > p:last-child { + margin-bottom: 0; +} + +.modal-footer { + padding: 1rem; +} + +.pmd-modal-action { + padding: .5rem .25rem; +} + +.pmd-modal-action .btn.pmd-btn-fab { + padding: 0; +} + +.pmd-modal-action.pmd-modal-bordered { + border-top: 1px solid #e9ecef; +} + +.pmd-modal-action .btn { + min-width: inherit; + padding: .625rem .5rem; + margin: .5rem .25rem; +} + +.pmd-modal-action .btn:first-child { + margin-left: .75rem; +} + +.pmd-modal-action .btn.pmd-btn-flat:first-child { + margin-left: .25rem; +} + +.pmd-modal-action .pmd-btn-flat { + margin: 0 .25rem 0 0; +} + +.modal .radio, +.modal .checkbox { + margin: 1rem 0; +} + +.modal .radio-options > label { + padding-left: 32px; +} + +.modal .list-group.pmd-list-avatar { + padding: 0; + margin-bottom: 1rem; +} + +.modal.list-group:last-child { + margin-bottom: 0; +} + +/* Form css */ +.form-horizontal .form-group { + margin-right: 0; + margin-left: 0; +} + +/* Modal center */ +.modal { + text-align: center; +} + +.modal:before { + display: inline-block; + height: 100%; + margin-right: -4px; + vertical-align: middle; + content: ''; +} + +.modal .modal-dialog { + display: inline-block; + text-align: left; + vertical-align: middle; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): dropdown.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-dropdown .dropdown-menu { + top: 0; + padding: .5rem 0; + margin: 0; + clip: rect(0 0 0 0); + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + opacity: 0; + transition: all .2s ease-in-out; +} + +.pmd-dropdown .dropdown-menu > li > a { + padding: .75rem 1rem; + line-height: 1.42857143; + color: #333; +} + +.pmd-dropdown .dropdown-menu > li > a:hover, .pmd-dropdown .dropdown-menu > li > a:focus { + color: #262626; + background-color: #f8f9fa; +} + +.pmd-dropdown .dropdown-menu ul > li > a { + display: block; + padding: .75rem .75rem; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333; + white-space: nowrap; +} + +.pmd-dropdown .dropdown-menu ul > li > a:hover, .pmd-dropdown .dropdown-menu ul > li > a:focus { + color: #262626; + text-decoration: none; + background-color: #f8f9fa; +} + +.pmd-dropdown .dropdown-menu > .active > a:hover, .pmd-dropdown .dropdown-menu > .active > a:focus { + background-color: #f8f9fa; +} + +.pmd-dropdown .dropdown-menu > .disabled > a { + color: #868e96; +} + +.pmd-dropdown .dropdown-menu > .disabled > a:hover, .pmd-dropdown .dropdown-menu > .disabled > a:focus { + color: #868e96; + background-color: transparent; +} + +.pmd-dropdown .pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-right { + -ms-transform-origin: right top; + transform-origin: right top; + + will-change: transform; +} + +.pmd-dropdown.open > .pmd-dropdown-menu-container { + display: block; +} + +.pmd-dropdown.open > .pmd-dropdown-menu-container > .dropdown-menu { + display: block; + opacity: 1; +} + +.pmd-dropdown.open > .pmd-dropdown-menu-container > .pmd-dropdown-menu-bg { + -ms-transform: scale(1); + transform: scale(1); +} + +.pmd-dropdown.dropup .dropdown-menu { + top: auto; + bottom: 0; +} + +.pmd-dropdown.dropup .pmd-dropdown-menu-container { + bottom: 100%; +} + +.pmd-dropdown.dropup .caret { + border-bottom: 4px solid; +} + +.pmd-dropdown .dropdown-menu-right { + clip: rect(0 0 0 0); +} + +.pmd-dropdown-menu-container { + position: absolute; + z-index: 999; +} + +.pmd-dropdown-menu-bg { + position: absolute; + background-color: #fff; + border: none; + border-radius: 0; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + transition: transform .3s cubic-bezier(.4, 0, .2, 1) 0s; + -ms-transform: scale(0); + transform: scale(0); + -ms-transform-origin: left top; + transform-origin: left top; + + will-change: transform; +} + +.pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-bottom-left { + -ms-transform-origin: left bottom; + transform-origin: left bottom; + + will-change: transform; +} + +.pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-bottom-right { + -ms-transform-origin: right bottom; + transform-origin: right bottom; + + will-change: transform; +} + +.dropdown-header { + padding: .25rem 1rem; + margin-top: 8px; + color: #868e96; +} + +.navbar-fixed-bottom .pmd-dropdown.dropdown .caret { + border-bottom: 4px solid; +} + +.pmd-dropdown-menu-top-right { + right: 0; + left: auto; +} + +.pmd-dropdown-menu-center { + clip: inherit; + background-color: #fff; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + transition: none; +} + +.pmd-sidebar .pmd-dropdown-menu-container .dropdown-menu { + opacity: 1; + transition: none; +} + +.pmd-sidebar-open.pmd-sidebar .pmd-dropdown-menu-container { + position: static; + transition: none; +} + +.pmd-sidebar-open.pmd-sidebar .pmd-dropdown-menu-bg { + display: none; +} + +.pmd-sidebar-open.pmd-sidebar .open > .pmd-dropdown-menu-container { + position: static; +} + +.pmd-sidebar-open.pmd-navbar-sidebar .dropdown-menu { + top: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + opacity: 1; + transition: none; +} + +.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-container { + position: static; + transition: none; +} + +.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-container .dropdown-menu { + transition: none; +} + +.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-bg { + display: none; +} + +@media screen and (max-width: 767px) { + .pmd-sidebar-dropdown .pmd-dropdown-menu-container { + position: static; + transition: none; + } + .pmd-sidebar-dropdown .dropdown-menu { + opacity: 1; + transition: none; + } +} + +/*! + * Propeller v1.3.2 (http://propeller.in): textfield.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-textfield-focused { + position: relative; + top: -1px; + z-index: 2; + display: block; + width: 100%; + height: 2px; + background-color: #4285f4; + transition: transform .2s cubic-bezier(.4, 0, .2, 1) 0s; + -ms-transform: scaleX(0); + transform: scaleX(0); +} + +.pmd-textfield.pmd-textfield-floating-label-active .pmd-textfield-focused { + -ms-transform: scaleX(1); + transform: scaleX(1); +} + +.form-group.pmd-textfield { + margin-bottom: 1rem; + line-height: 1.375rem; +} + +.pmd-textfield .form-control { + padding: 0; + padding-bottom: .375rem; + font-size: 1rem; + background: transparent; + border: none; + border-bottom: solid 1px #e6e6e6; + border-radius: 0; + outline: none; + box-shadow: none; +} + +.pmd-textfield input.form-control { + height: inherit; +} + +.pmd-textfield textarea.form-control { + height: 80px; +} + +.pmd-textfield label { + margin-bottom: 0; + font-size: .875rem; + font-weight: normal; + line-height: 1.4; + color: rgba(0, 0, 0, .54); +} + +.pmd-textfield-floating-label { + position: relative; +} + +.pmd-textfield-floating-label label { + margin: 0; + margin-bottom: .25rem; + font-size: 1rem; + line-height: 1.5rem; + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + transition-duration: .2s; + -ms-transform: translateY(26px); + transform: translateY(26px); +} + +.pmd-textfield-floating-label .form-control { + position: relative; +} + +.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label { + font-size: .875rem; + color: rgba(0, 0, 0, .54); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.pmd-textfield.has-success .form-control { + color: #259b24; + border-color: #259b24; +} + +.pmd-textfield.has-success .form-control ~ .pmd-textfield-focused { + background-color: #259b24; +} + +.pmd-textfield.has-success .form-control ~ .has-error-text { + display: block; + color: #259b24; +} + +.pmd-textfield.has-success .form-control:focus { + box-shadow: none; +} + +.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-success label { + color: #259b24; +} + +.has-success .control-label, +.has-success .help-block { + color: #259b24; +} + +.pmd-textfield.has-warning .form-control { + color: #ffc107; + border-color: #ffc107; +} + +.pmd-textfield.has-warning .form-control ~ .pmd-textfield-focused { + background-color: #ffc107; +} + +.pmd-textfield.has-warning .form-control ~ .has-error-text { + display: block; + color: #ffc107; +} + +.pmd-textfield.has-warning .form-control:focus { + box-shadow: none; +} + +.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-warning label { + color: #ffc107; +} + +.has-warning .control-label, +.has-warning .help-block { + color: #ffc107; +} + +.pmd-textfield.has-error .form-control { + color: #ff5722; + border-color: #ff5722; +} + +.pmd-textfield.has-error .form-control ~ .pmd-textfield-focused { + background-color: #ff5722; +} + +.pmd-textfield.has-error .form-control ~ .has-error-text { + display: block; + color: #ff5722; +} + +.pmd-textfield.has-error .form-control:focus { + box-shadow: none; +} + +.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-error label { + color: #ff5722; +} + +.has-error .control-label, +.has-error .help-block { + color: #ff5722; +} + +.pmd-textfield.has-error .form-control:invalid { + color: form-state-colors("error"); +} + +.pmd-textfield.has-error .form-control:invalid ~ .pmd-textfield-focused { + background-color: form-state-colors("error"); +} + +.pmd-textfield.has-error .form-control:invalid ~ .has-error-text { + display: block; + color: form-state-colors("error"); +} + +.help-block { + margin-top: 0; + font-size: 14px; +} + +.has-error-text { + display: none; +} + +.form-group-lg.pmd-textfield .form-control { + height: 44px; + font-size: 1.25rem; + line-height: 1.33333; +} + +.form-group-lg.pmd-textfield label { + font-size: 1rem; +} + +.form-group-lg.pmd-textfield-floating-label label { + font-size: 1.25rem; + -ms-transform: translateY(36px); + transform: translateY(36px); +} + +.form-group-lg.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label { + font-size: 1rem; + -ms-transform: translateY(0); + transform: translateY(0); +} + +.form-group-sm.pmd-textfield .form-control { + height: 30px; + font-size: .875rem; + line-height: 1.33333; +} + +.form-group-sm.pmd-textfield label { + font-size: .625rem; +} + +.form-group-sm.pmd-textfield-floating-label label { + font-size: .875rem; + -ms-transform: translateY(28px); + transform: translateY(28px); +} + +.form-group-sm.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label { + font-size: .625rem; + -ms-transform: translateY(0); + transform: translateY(0); +} + +.pmd-textfield .input-group-addon { + padding: 0; + background-color: transparent; + border: none; +} + +.pmd-textfield .input-group-addon:first-child { + padding-right: 16px; +} + +.pmd-textfield .input-group-addon:last-child { + padding-left: 16px; +} + +.pmd-textfield .input-group .form-control { + z-index: inherit; + float: inherit; +} + +.pmd-input-group-label { + padding-left: 40px; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): checkbox.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-checkbox-ripple-effect { + -ms-transform: translateZ(0px); + transform: translateZ(0px); +} + +.checkbox .pmd-checkbox-ripple-effect { + padding-left: 0; +} + +.checkbox .pmd-checkbox { + padding-left: 0; +} + +.pmd-checkbox [type="checkbox"] { + /* Disabled checkbox */ +} + +.pmd-checkbox [type="checkbox"]:not(:checked), .pmd-checkbox [type="checkbox"]:checked { + position: absolute; + left: -9999px; +} + +.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label, .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label { + position: relative; + padding-left: 1.5625rem; + cursor: pointer; +} + +.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:before, .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:before { + position: absolute; + top: 1px; + left: 0; + width: 18px; + height: 18px; + content: ''; + border-color: rgba(0, 0, 0, .54); + border-style: solid; + border-width: .125rem; + border-radius: .125rem; +} + +.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:after, .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:after { + position: absolute; + top: 2px; + left: 6px; + display: table; + width: 6px; + height: 12px; + color: #fff; + content: ""; + border-style: none solid solid none; + border-width: 0 .125rem .125rem 0; + border-image: none; + transition: all .2s; +} + +.pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:before { + background-color: #4285f4; + border-color: #4285f4; +} + +.pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:after { + opacity: 1; + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:after { + opacity: 0; + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.pmd-checkbox [type="checkbox"]:disabled:not(:checked) + .pmd-checkbox-label:before, .pmd-checkbox [type="checkbox"]:disabled:checked + .pmd-checkbox-label:before { + cursor: not-allowed; + border-color: rgba(0, 0, 0, .26); + box-shadow: none; +} + +.checkbox.disabled label.pmd-checkbox, +fieldset[disabled] .checkbox label.pmd-checkbox { + color: rgba(0, 0, 0, .26); +} + +/* hover style just for information */ +.pmd-checkbox label:hover:before { + border: 1px solid #4778d9; +} + +.pmd-checkbox.pmd-checkbox-ripple-effect { + position: relative; +} + +.pmd-checkbox .pmd-checkboxwrap { + position: absolute; + top: -8px; + left: -11px; + z-index: -1; + width: 40px; + height: 40px; + overflow: hidden; + border-radius: 50%; +} + +.checkbox-inline.pmd-checkbox { + padding-left: 0; +} + +.pmd-checkbox-ripple-effect .ink { + background-color: rgba(0, 0, 0, .2); +} + +.pmd-card-inverse .pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:before, +.pmd-card-inverse .pmd-checkbox [type="checkbox"] :checked + .pmd-checkbox-label:before { + border-color: rgba(255, 255, 255, .54); +} + +.pmd-card-inverse .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:before { + background-color: #4285f4; +} + +.pmd-card-inverse .checkbox.disabled label.pmd-checkbox, +.pmd-card-inverse fieldset[disabled] .checkbox label.pmd-checkbox { + color: rgba(255, 255, 255, .54); +} + +/*! + * Propeller v1.3.2 (http://propeller.in): radio.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-radio { + position: relative; + /*Radio input Hide*/ + /*Custamize Radio*/ + /*Select Radio*/ +} + +.pmd-radio span.pmd-radiobutton { + margin-bottom: 0; +} + +.pmd-radio input { + display: none; +} + +.pmd-radio > span.pmd-radio-label { + position: relative; + display: inline-block; + padding-left: 1rem; + margin-right: 8px; + cursor: pointer; +} + +.pmd-radio > span.pmd-radio-label:before { + position: absolute; + top: 2px; + left: 0; + display: block; + width: 18px; + height: 18px; + content: ""; + border: .125rem solid rgba(0, 0, 0, .54); + border-radius: 18px; +} + +.pmd-radio > span.pmd-radio-label:after { + position: absolute; + top: 12px; + left: 5px; + display: block; + width: 8px; + height: 8px; + margin-top: -5px; + content: ""; + background: #4285f4; + border-radius: 4px; + transition: .2s ease-in-out; + -ms-transform: scale(0); + transform: scale(0); +} + +.pmd-radio :checked + span.pmd-radio-label:before { + border-color: #4285f4; +} + +.pmd-radio :checked + span.pmd-radio-label:after { + -ms-transform: scale(1); + transform: scale(1); +} + +.pmd-radio .ink { + background-color: rgba(0, 0, 0, .2); +} + +/*Radio Layput*/ +.radio-inline.pmd-radio { + padding-left: 0; +} + +.radio .pmd-radio { + padding-left: 0; +} + +/* Disabled Radio */ +.radio.disabled label { + color: rgba(0, 0, 0, .26); +} + +.radio.disabled .pmd-radio > span.pmd-radio-label::before { + cursor: not-allowed; + border-color: rgba(0, 0, 0, .26); +} + +fieldset[disabled] .radio label { + color: rgba(0, 0, 0, .26); +} + +/* Card Inverse Radio */ +.pmd-card-inverse { + /* Card Inverse Disabled Radio */ +} + +.pmd-card-inverse .pmd-radio > span.pmd-radio-label::before { + border-color: rgba(255, 255, 255, .87); +} + +.pmd-card-inverse .pmd-radio > span.pmd-radio-label::after { + background-color: #4285f4; +} + +.pmd-card-inverse .radio.disabled label { + color: rgba(255, 255, 255, .54); +} + +.pmd-card-inverse .radio.disabled .pmd-radio > span.pmd-radio-label::before { + border-color: rgba(255, 255, 255, .26); +} + +.pmd-card-inverse :checked + span.pmd-radio-label:before { + border-color: #4285f4; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): toggle-switch.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-switch { + vertical-align: middle; + -moz-user-select: none; +} + +.pmd-switch label, +.pmd-switch input, +.pmd-switch .pmd-switch-label { + -moz-user-select: none; +} + +.pmd-switch label { + font-weight: 400; + cursor: pointer; +} + +.pmd-switch label input[type="checkbox"] { + position: absolute; + width: 0; + height: 0; + opacity: 0; +} + +.pmd-switch label .pmd-switch-label, +.pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label { + position: relative; + display: block; + width: 30px; + height: 15px; + vertical-align: middle; + content: ""; + background-color: rgba(0, 0, 0, .54); + border-radius: 15px; + transition: all .2s ease-in-out; +} + +.pmd-switch label .pmd-switch-label::after { + position: absolute; + top: -2px; + left: -6px; + display: inline-block; + width: 20px; + height: 20px; + content: ""; + background-color: #f1f1f1; + border-radius: 20px; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + transition: all .2s ease-in-out; +} + +.pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label::after, +.pmd-switch label input[type="checkbox][disabled"]:checked + .pmd-switch-label::after { + background-color: rgba(0, 0, 0, .25); +} + +.pmd-switch label input[type="checkbox"] + .pmd-switch-label:active::after, +.pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label:active::after { + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); +} + +.pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label::after { + left: 15px; + background-color: #4285f4; +} + +.pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label { + background-color: rgba(66, 133, 244, .54); +} + +.pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label:active::after { + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); +} + +/*! + * Propeller v1.3.2 (http://propeller.in): list.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-card-list { + padding-top: .5rem; + padding-bottom: .5rem; + margin-bottom: 0; + background-color: #fff; +} + +.list-group-item { + margin-bottom: -1px; + line-height: 1.4; + border: inherit; +} + +.list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.list-group-item-heading { + display: block; + margin-top: 0; + margin-bottom: 0; + line-height: 1.4; +} + +.list-group-item-text { + margin-bottom: 0; + font-size: .875rem; + line-height: 1.4; + color: rgba(0, 0, 0, .54); +} + +.pmd-list .list-group-item { + padding: .75rem 1rem; +} + +.pmd-list .media-left, +.pmd-list .media > .pull-left { + padding-right: 1rem; +} + +.pmd-list-icon .list-group-item { + padding-top: .75rem; + padding-bottom: .75rem; +} + +.pmd-list-twoline .list-group-item { + padding-top: .75rem; + padding-bottom: .75rem; +} + +.pmd-list-avatar { + padding: .5rem 0; +} + +.pmd-list-avatar .list-group-item { + padding-top: .5rem; + padding-bottom: .5rem; +} + +.avatar-list-img { + display: inline-block; + width: 40px; + height: 40px; + overflow: hidden; + vertical-align: middle; + border-radius: 50%; +} + +.material-icons.media-left { + display: table-cell; + padding-right: 32px; + vertical-align: top; +} + +.material-icons.media-right { + display: table-cell; + padding-left: 32px; + vertical-align: top; +} + +.material-icons.media-middle { + display: table-cell; + vertical-align: middle; +} + +.media-body.pmd-word-break { + word-break: break-all; + word-wrap: break-word; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): navbar.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +@media (min-width: 768px) { + .pmd-navbar .navbar { + border-radius: 0; + } +} + +.pmd-navbar.navbar > .container .navbar-brand, +.pmd-navbar.navbar > .container-fluid .navbar-brand { + margin-left: 0; +} + +@media (min-width: 768px) { + .pmd-navbar.navbar > .container .navbar-brand, + .pmd-navbar.navbar > .container-fluid .navbar-brand { + margin-left: 0; + } +} + +.pmd-navbar .navbar-brand { + float: left; + height: inherit; + padding: .5rem 1rem .5rem .5rem; + font-size: 1.5rem; + line-height: 48px; +} + +@media (max-width: 767px) { + .pmd-navbar .navbar-brand { + line-height: 40px; + } +} + +.pmd-navbar .navbar-nav > li > a { + font-weight: 400; + line-height: 24px; + text-transform: uppercase; +} + +@media (min-width: 768px) { + .pmd-navbar .navbar-nav > li > a { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } +} + +@media (max-width: 767px) { + .pmd-navbar .navbar-nav { + display: inline-block; + width: 100%; + padding: 0; + margin: 0; + } + .pmd-navbar .navbar-nav a { + position: relative; + display: block; + padding: .75rem 1rem; + overflow: hidden; + clear: both; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: all .2s ease-in-out; + } + .pmd-navbar .navbar-nav a:hover, + .pmd-navbar .navbar-nav a :focus { + outline: none; + box-shadow: none; + } + .pmd-navbar .navbar-nav .dropdown-menu { + position: relative; + width: 100%; + padding: 0; + margin: 0; + border: none; + border-radius: 0; + box-shadow: none; + } + .pmd-navbar .navbar-nav .dropdown-menu > li > a, + .pmd-navbar .navbar-nav .dropdown-menu .dropdown-header { + padding: .25rem 1rem .25rem 2rem; + line-height: 24px; + } +} + +.pmd-navbar .navbar-toggle { + float: left; + width: 40px; + height: 40px; + padding: .625rem; + margin-top: 12px; + margin-right: .5rem; + border: none; + border-radius: 50%; +} + +.pmd-navbar .navbar-toggle .icon-bar { + width: 20px; +} + +@media (max-width: 767px) { + .pmd-navbar .navbar-toggle { + margin-top: .5rem; + } +} + +.pmd-navbar .pmd-navbar-right-icon { + margin-left: 1rem; +} + +.pmd-navbar .pmd-navbar-right-icon a { + display: inline-block; +} + +@media (max-width: 767px) { + .pmd-navbar .pmd-navbar-right-icon { + position: absolute; + top: 0; + right: 8px; + } +} + +.pmd-navbar .btn.pmd-btn-fab { + padding: 0; + margin: .75rem 0; +} + +@media (max-width: 767px) { + .pmd-navbar .btn.pmd-btn-fab { + margin: .5rem 0; + } +} + +.pmd-navbar .navbar-form { + padding-top: 7px; + padding-bottom: 6px; +} + +.pmd-navbar .navbar-form .btn { + padding: 9px 14px; +} + +.pmd-sidebar-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 998; + visibility: hidden; + background: #000; + opacity: 0; + transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1); + -ms-transform: translateZ(0); + transform: translateZ(0); +} + +.pmd-sidebar-overlay.pmd-sidebar-overlay-active, .pmd-sidebar-overlay.active { + visibility: visible; + opacity: .5; + transition-delay: 0; +} + +/* Menu in right sidebar */ +@media (max-width: 767px) { + .pmd-navbar .navbar-header { + padding: 0 .5rem; + } + .pmd-navbar.navbar-fixed-top, .pmd-navbar.navbar-fixed-bottom { + z-index: 998; + } +} + +@media (max-width: 767px) { + .pmd-navbar-sidebar { + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 999; + display: block; + width: 85%; + min-width: 85%; + min-height: 100%; + overflow-x: hidden; + overflow-y: auto; + background: #fff; + border: none; + transition: all .5s cubic-bezier(.55, 0, .1, 1); + transform: translate3d(-100%, 0, 0); + } + .pmd-navbar-sidebar:before, + .pmd-navbar-sidebar :after { + display: table; + content: " "; + } + .pmd-navbar-sidebar:after { + clear: both; + } + .pmd-navbar-sidebar::-webkit-scrollbar-track { + border-radius: 2px; + } + .pmd-navbar-sidebar::-webkit-scrollbar { + width: 5px; + background-color: #f7f7f7; + } + .pmd-navbar-sidebar::-webkit-scrollbar-thumb { + background-color: #bfbfbf; + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); + } + .pmd-navbar-sidebar.pmd-sidebar-open { + box-shadow: 2px 0 15px rgba(0, 0, 0, .35); + transform: translate3d(0, 0, 0); + } + /* -- sidebar nav ------------------------------- */ + .container > .navbar-collapse.pmd-navbar-sidebar, + .container-fluid > .navbar-collapse.pmd-navbar-sidebar { + padding: 0; + margin-right: 0; + margin-left: 0; + } + /* -- sidebar inverse ------------------------------- */ + .navbar-inverse .pmd-navbar-sidebar { + background-color: #222; + } + .navbar-inverse .pmd-navbar-sidebar .dropdown-menu > li > a { + color: rgba(255, 255, 255, .75); + } + .navbar-inverse .pmd-navbar-sidebar .dropdown-menu > li > a:hover, + .navbar-inverse .pmd-navbar-sidebar .dropdown-menu > li > a :focus { + color: white; + background-color: transparent; + } + .navbar-inverse .pmd-user-info .dropdown-menu { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #9d9d9d; + } +} + +/* -- My Account -------------------------------- */ +.pmd-user-info > a { + display: block; + padding: .5rem .5rem; +} + +.pmd-user-info .dropdown-menu { + min-width: 100%; +} + +.pmd-navbar .pmd-user-info { + margin-right: -15px; + margin-left: 1rem; +} + +.pmd-navbar .pmd-user-info .media-body { + width: auto; + height: 40px; +} + +@media (max-width: 767px) { + .pmd-navbar .pmd-user-info > a { + padding-top: .5rem; + padding-bottom: .5rem; + } +} + +@media (max-width: 767px) { + .pmd-navbar .pmd-navbar-sidebar .pmd-user-info { + width: 100%; + margin-right: 0; + margin-left: 0; + } + .pmd-navbar .pmd-navbar-sidebar .pmd-user-info a { + padding-right: 1rem; + padding-left: 1rem; + } + .pmd-navbar .pmd-navbar-sidebar .pmd-user-info .dropdown-menu { + position: relative; + border-color: #3c3b3b; + border-bottom: transparent solid 1px; + box-shadow: none; + } + .pmd-navbar .pmd-navbar-sidebar .pmd-user-info > a { + color: rgba(255, 255, 255, .75); + background-color: #3c3b3b; + background-size: cover; + } + .pmd-navbar .pmd-navbar-sidebar .pmd-user-info > a:hover, + .pmd-navbar .pmd-navbar-sidebar .pmd-user-info > a :focus { + background-color: #3c3b3b; + } + .pmd-navbar .pmd-navbar-sidebar .pmd-user-info .media-body { + width: 100%; + } +} + +/*! + * Propeller v1.3.2 (http://propeller.in): popover.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.popover.default { + color: #fff; + background-color: #fff; + border-color: white; +} + +.popover.default.left > .arrow:after { + border-left-color: #fff; +} + +.popover.default.right > .arrow:after { + border-right-color: #fff; +} + +.popover.default.top > .arrow:after { + border-top-color: #fff; +} + +.popover.default.bottom > .arrow:after { + border-bottom-color: #fff; +} + +.popover.primary { + color: #fff; + background-color: #4285f4; + border-color: #caddfc; +} + +.popover.primary.left > .arrow:after { + border-left-color: #4285f4; +} + +.popover.primary.right > .arrow:after { + border-right-color: #4285f4; +} + +.popover.primary.top > .arrow:after { + border-top-color: #4285f4; +} + +.popover.primary.bottom > .arrow:after { + border-bottom-color: #4285f4; +} + +.popover.secondary { + color: #fff; + background-color: #ffc107; + border-color: #ffeeba; +} + +.popover.secondary.left > .arrow:after { + border-left-color: #ffc107; +} + +.popover.secondary.right > .arrow:after { + border-right-color: #ffc107; +} + +.popover.secondary.top > .arrow:after { + border-top-color: #ffc107; +} + +.popover.secondary.bottom > .arrow:after { + border-bottom-color: #ffc107; +} + +.popover.success { + color: #fff; + background-color: #259b24; + border-color: #c2e3c2; +} + +.popover.success.left > .arrow:after { + border-left-color: #259b24; +} + +.popover.success.right > .arrow:after { + border-right-color: #259b24; +} + +.popover.success.top > .arrow:after { + border-top-color: #259b24; +} + +.popover.success.bottom > .arrow:after { + border-bottom-color: #259b24; +} + +.popover.info { + color: #fff; + background-color: #03a9f4; + border-color: #b8e7fc; +} + +.popover.info.left > .arrow:after { + border-left-color: #03a9f4; +} + +.popover.info.right > .arrow:after { + border-right-color: #03a9f4; +} + +.popover.info.top > .arrow:after { + border-top-color: #03a9f4; +} + +.popover.info.bottom > .arrow:after { + border-bottom-color: #03a9f4; +} + +.popover.warning { + color: #fff; + background-color: #ffc107; + border-color: #ffeeba; +} + +.popover.warning.left > .arrow:after { + border-left-color: #ffc107; +} + +.popover.warning.right > .arrow:after { + border-right-color: #ffc107; +} + +.popover.warning.top > .arrow:after { + border-top-color: #ffc107; +} + +.popover.warning.bottom > .arrow:after { + border-bottom-color: #ffc107; +} + +.popover.danger { + color: #fff; + background-color: #ff5722; + border-color: #ffd0c1; +} + +.popover.danger.left > .arrow:after { + border-left-color: #ff5722; +} + +.popover.danger.right > .arrow:after { + border-right-color: #ff5722; +} + +.popover.danger.top > .arrow:after { + border-top-color: #ff5722; +} + +.popover.danger.bottom > .arrow:after { + border-bottom-color: #ff5722; +} + +.popover.light { + color: #fff; + background-color: #f8f9fa; + border-color: #fdfdfe; +} + +.popover.light.left > .arrow:after { + border-left-color: #f8f9fa; +} + +.popover.light.right > .arrow:after { + border-right-color: #f8f9fa; +} + +.popover.light.top > .arrow:after { + border-top-color: #f8f9fa; +} + +.popover.light.bottom > .arrow:after { + border-bottom-color: #f8f9fa; +} + +.popover.dark { + color: #fff; + background-color: #343a40; + border-color: #c6c8ca; +} + +.popover.dark.left > .arrow:after { + border-left-color: #343a40; +} + +.popover.dark.right > .arrow:after { + border-right-color: #343a40; +} + +.popover.dark.top > .arrow:after { + border-top-color: #343a40; +} + +.popover.dark.bottom > .arrow:after { + border-bottom-color: #343a40; +} + +.popover.error { + color: #fff; + background-color: #ff5722; + border-color: #ffd0c1; +} + +.popover.error.left > .arrow:after { + border-left-color: #ff5722; +} + +.popover.error.right > .arrow:after { + border-right-color: #ff5722; +} + +.popover.error.top > .arrow:after { + border-top-color: #ff5722; +} + +.popover.error.bottom > .arrow:after { + border-bottom-color: #ff5722; +} + +.popover.inverse { + color: #fff; + background-color: #343a40; + border-color: #c6c8ca; +} + +.popover.inverse.left > .arrow:after { + border-left-color: #343a40; +} + +.popover.inverse.right > .arrow:after { + border-right-color: #343a40; +} + +.popover.inverse.top > .arrow:after { + border-top-color: #343a40; +} + +.popover.inverse.bottom > .arrow:after { + border-bottom-color: #343a40; +} + +.popover.information { + color: #fff; + background-color: #03a9f4; + border-color: #b8e7fc; +} + +.popover.information.left > .arrow:after { + border-left-color: #03a9f4; +} + +.popover.information.right > .arrow:after { + border-right-color: #03a9f4; +} + +.popover.information.top > .arrow:after { + border-top-color: #03a9f4; +} + +.popover.information.bottom > .arrow:after { + border-bottom-color: #03a9f4; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): progressbar.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-progress { + height: 4px; + background: none repeat scroll 0 0 #ced4da; + border-radius: 0; + box-shadow: none; +} + +.progress-bar { + box-shadow: none; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): sidebar.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.constructor, +.pmd-content { + position: relative; + padding-top: 4.625rem; + padding-right: 1.875rem; + padding-left: 1.875rem; + margin: 0; + transition: all .3s cubic-bezier(.55, 0, .1, 1); +} + +@media (max-width: 767px) { + .constructor, + .pmd-content { + padding-right: 1rem; + padding-left: 1rem; + transition: none; + } +} + +@media (max-width: 767px) { + body.pmd-body-open { + overflow: hidden; + } +} + +.pmd-sidebar, +.wrapper, +.pmd-content { + vertical-align: top; +} + +.pmd-sidebar-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 998; + visibility: hidden; + background: #000; + opacity: 0; + transition: all .3s cubic-bezier(.55, 0, .1, 1); + -ms-transform: translateZ(0); + transform: translateZ(0); +} + +.pmd-sidebar-overlay.pmd-sidebar-overlay-active { + visibility: visible; + opacity: .5; + transition-delay: 0; +} + +.pmd-sidebar { + position: relative; + display: block; + width: 280px; + min-height: 100%; + padding-top: 4rem; + overflow-x: hidden; + overflow-y: auto; + background: #fff; + border: none; + transition: all .3s cubic-bezier(.55, 0, .1, 1); +} + +@media (max-width: 767px) { + .pmd-sidebar { + padding-top: 0; + transform: translate3d(-280px, 0, 0); + } +} + +.pmd-sidebar:before, .pmd-sidebar:after { + display: table; + content: " "; +} + +.pmd-sidebar:after { + clear: both; +} + +.pmd-sidebar::-webkit-scrollbar-track { + border-radius: 2px; +} + +.pmd-sidebar::-webkit-scrollbar-track { + border-radius: 2px; +} + +.pmd-sidebar::-webkit-scrollbar { + width: 5px; + background-color: #f7f7f7; +} + +.pmd-sidebar::-webkit-scrollbar-thumb { + background-color: #bfbfbf; + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); +} + +.pmd-sidebar .pmd-user-info > a { + color: #fff; + background-color: #333; + background-size: cover; +} + +.pmd-sidebar .pmd-user-info > a:hover, .pmd-sidebar .pmd-user-info > a:focus { + background-color: #333; +} + +.pmd-sidebar.pmd-sidebar-open { + width: 280px; + min-width: 280px; + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +@media (max-width: 767px) { + .pmd-sidebar.pmd-sidebar-open { + width: 280px; + min-width: 280px; + } +} + +.pmd-sidebar-slide-push { + left: 0; + -ms-transform: translate3d(-280px, 0, 0); + transform: translate3d(-280px, 0, 0); +} + +@media (max-width: 767px) { + .pmd-sidebar-slide-push { + left: 0; + } +} + +.pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content, +.pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor { + margin-left: 280px; +} + +@media (max-width: 767px) { + .pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content, + .pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor { + margin-left: 0; + } +} + +.pmd-sidebar-left-fixed, +.pmd-sidebar-right-fixed, +.pmd-sidebar-slide-push { + position: fixed; + top: 0; + bottom: 0; + z-index: 999; +} + +.pmd-sidebar-left-fixed { + left: 0; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + -ms-transform: translate3d(-280px, 0, 0); + transform: translate3d(-280px, 0, 0); +} + +.pmd-sidebar-right-fixed { + right: 0; + -ms-transform: translate3d(280px, 0, 0); + transform: translate3d(280px, 0, 0); +} + +.pmd-sidebar-right-fixed.pmd-sidebar-open { + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pmd-sidebar .pmd-sidebar-nav li { + position: relative; +} + +.pmd-sidebar .pmd-sidebar-nav li a { + position: relative; + overflow: hidden; + clear: both; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; + transition: all .2s ease-in-out; +} + +.pmd-sidebar .dropdown-menu { + position: relative; + width: 100%; + padding: 0; + margin: 0; + border: none; + border-radius: 0; + box-shadow: none; +} + +.pmd-sidebar .dropdown-menu li a { + padding-left: 1.5rem; +} + +@media (max-width: 767px) { + .pmd-sidebar .dropdown-menu li a { + padding-left: 1rem; + } +} + +/* -- Topbar --*/ +.topbar-fixed { + position: fixed; + top: 0; + right: 0; + z-index: 1030; + width: 100%; + height: 0; + overflow: hidden; + transition: all .3s cubic-bezier(.55, 0, .1, 1); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.topbar-fixed.pmd-sidebar-open { + width: 100%; + height: 200%; + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.topbar-fixed.pmd-sidebar-open::before { + bottom: 50%; + left: 50%; + display: block; + width: 3000px; + height: 3000px; + margin-bottom: -1500px; + margin-left: -1500px; + border-radius: 50%; + opacity: 1; + -ms-transform: scale(1); + transform: scale(1); +} + +.topbar-fixed.pmd-sidebar-open .topbar-container { + opacity: 1; + transition-delay: 1s; +} + +.topbar-fixed::before { + position: absolute; + bottom: 100%; + left: 100%; + width: 3000px; + height: 3000px; + color: #fff; + content: ""; + background: white none repeat scroll 0 0; + border-radius: 50%; + opacity: 0; + transition: all .3s cubic-bezier(.55, 0, .1, 1); + -ms-transform: scale(0); + transform: scale(0); + -ms-transform-origin: top right; + transform-origin: top right; + + will-change: transform; +} + +.topbar-fixed .topbar-container { + opacity: 0; + transition: all .3s cubic-bezier(.55, 0, .1, 1); + transition-delay: 0s; +} + +.topbar-close { + margin-top: 12px; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): tab.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-tabs { + position: relative; +} + +@media (max-width: 767px) { + .pmd-tabs { + overflow-x: auto; + overflow-y: hidden; + } +} + +.pmd-tabs .nav-tabs { + border-bottom: none; +} + +.pmd-tabs .nav-tabs.nav-justified > li > a { + border: none; + border-radius: 0; +} + +.pmd-tabs .nav-tabs.nav-justified > .active > a, +.pmd-tabs .nav-tabs.nav-justified > .active > a:hover, +.pmd-tabs .nav-tabs.nav-justified > .active > a:focus { + border: none; +} + +.pmd-tabs .nav-tabs > li.active > a, +.pmd-tabs .nav-tabs > li.active > a:hover, +.pmd-tabs .nav-tabs > li.active > a:focus { + color: black; + cursor: default; + background-color: transparent; + border: none; + border-bottom-color: transparent; + opacity: 1; +} + +.pmd-tabs .nav-tabs > li { + margin-bottom: 0; +} + +.pmd-tabs .nav-tabs > li > a { + padding: 1.125rem 1.5rem 1.0625rem; + margin-right: 0; + font-size: .875rem; + font-weight: 500; + line-height: 1; + color: rgba(0, 0, 0, .54); + text-transform: uppercase; + border: none; + border-radius: 0; +} + +.pmd-tabs .nav-tabs > li > a:hover, .pmd-tabs .nav-tabs > li > a:focus { + background-color: transparent; + border-color: transparent; +} + +.pmd-tabs .pmd-tab-active-bar { + position: absolute; + bottom: 0; + width: 25%; + height: 3px; + background: #ffc107; + transition: all .2s ease-in-out; +} + +.pmd-tabs-bg { + background-color: #4285f4; +} + +.pmd-tabs-bg .nav-tabs > li > a { + color: rgba(255, 255, 255, .54); +} + +.pmd-tabs-bg .nav-tabs > li .dropdown-menu a { + color: #333; +} + +.pmd-tabs-bg .nav-tabs > li.active > a, +.pmd-tabs-bg .nav-tabs > li.active > a:hover, +.pmd-tabs-bg .nav-tabs > li.active > a:focus { + color: white; + background-color: transparent; +} + +.pmd-tabs-bg .pmd-tabs-scroll-right, +.pmd-tabs-bg .pmd-tabs-scroll-left { + color: rgba(255, 255, 255, .54); + background-color: #4285f4; +} + +.pmd-tabs-scroll-container { + position: relative; + display: block; + width: 100%; + overflow: hidden; +} + +.pmd-tabs-scroll-right { + top: 0; + right: 0; + float: right; +} + +.pmd-tabs-scroll-left { + left: 0; + float: left; +} + +.pmd-tabs-scroll-right, +.pmd-tabs-scroll-left { + position: absolute; + z-index: 99; + display: none; + padding: .75rem 1.5rem .375rem; + line-height: 1.7; + color: #868e96; + text-align: center; + white-space: no-wrap; + vertical-align: middle; + cursor: pointer; + background-color: #fff; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): table.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; +} + +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: .75rem; + line-height: 1.5; + vertical-align: top; + border-top: 1px solid #e9ecef; +} + +.pmd-table.table .table { + background-color: #fff; +} + +.pmd-table.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #e9ecef; +} + +.pmd-table.table tbody + tbody { + border-top: 2px solid #e9ecef; +} + +.pmd-table.table-sm th, +.pmd-table.table-sm td { + padding: .25rem; +} + +.table-bordered { + border: 1px solid #e9ecef; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #e9ecef; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, .05); +} + +.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, .075); +} + +.table-default, +.table-default > th, +.table-default > td { + background-color: white; +} + +.table-hover .table-default:hover { + background-color: #f2f2f2; +} + +.table-hover .table-default:hover > td, +.table-hover .table-default:hover > th { + background-color: #f2f2f2; +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #d9e7fd; +} + +.table-hover .table-primary:hover { + background-color: #c1d8fc; +} + +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: #c1d8fc; +} + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #fff3cd; +} + +.table-hover .table-secondary:hover { + background-color: #ffedb4; +} + +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: #ffedb4; +} + +.table-success, +.table-success > th, +.table-success > td { + background-color: #d3ebd3; +} + +.table-hover .table-success:hover { + background-color: #c1e3c1; +} + +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: #c1e3c1; +} + +.table-info, +.table-info > th, +.table-info > td { + background-color: #cdeefd; +} + +.table-hover .table-info:hover { + background-color: #b4e6fc; +} + +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: #b4e6fc; +} + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #fff3cd; +} + +.table-hover .table-warning:hover { + background-color: #ffedb4; +} + +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: #ffedb4; +} + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #ffddd3; +} + +.table-hover .table-danger:hover { + background-color: #ffc9ba; +} + +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: #ffc9ba; +} + +.table-light, +.table-light > th, +.table-light > td { + background-color: #fefefe; +} + +.table-hover .table-light:hover { + background-color: #f1f1f1; +} + +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #f1f1f1; +} + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #d6d8d9; +} + +.table-hover .table-dark:hover { + background-color: #c9cbcd; +} + +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #c9cbcd; +} + +.table-error, +.table-error > th, +.table-error > td { + background-color: #ffddd3; +} + +.table-hover .table-error:hover { + background-color: #ffc9ba; +} + +.table-hover .table-error:hover > td, +.table-hover .table-error:hover > th { + background-color: #ffc9ba; +} + +.table-inverse, +.table-inverse > th, +.table-inverse > td { + background-color: #d6d8d9; +} + +.table-hover .table-inverse:hover { + background-color: #c9cbcd; +} + +.table-hover .table-inverse:hover > td, +.table-hover .table-inverse:hover > th { + background-color: #c9cbcd; +} + +.table-information, +.table-information > th, +.table-information > td { + background-color: #cdeefd; +} + +.table-hover .table-information:hover { + background-color: #b4e6fc; +} + +.table-hover .table-information:hover > td, +.table-hover .table-information:hover > th { + background-color: #b4e6fc; +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(0, 0, 0, .075); +} + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, .075); +} + +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, .075); +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; +} + +.table-inverse { + color: #f8f9fa; + background-color: #333; +} + +.table-inverse.table-bordered { + border: 0; +} + +.table-inverse.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, .02); +} + +.table-inverse.table-hover tbody tr:hover, +.table-inverse.table-hover tbody tr:nth-of-type(odd):hover { + background: rgba(255, 255, 255, .075); +} + +.table.table-inverse > thead > tr > th, +.table.table-inverse > thead > tr > td, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tbody > tr > td, +.table.table-inverse > tfoot > tr > th, +.table.table-inverse > tfoot > tr > td { + border-color: #464646; +} + +.table-reflow thead { + float: left; +} + +.table-reflow tbody { + display: block; + white-space: nowrap; +} + +.table.table-reflow tr { + float: left; +} + +.table.table-reflow > thead > tr > th, +.table.table-reflow > thead > tr > td, +.table.table-reflow > tbody > tr > th, +.table.table-reflow > tbody > tr > td, +.table.table-reflow > tfoot > tr > th, +.table.table-reflow > tfoot > tr > td { + display: block !important; + border: 1px solid #e9ecef; + border-top: 1px solid #e9ecef; + border-left: 1px solid #e9ecef; +} + +.table.table-reflow > thead > tr > th:last-child, +.table.table-reflow > thead > tr > td:last-child, +.table.table-reflow > tbody > tr > th:last-child, +.table.table-reflow > tbody > tr > td:last-child, +.table.table-reflow > tfoot > tr > th:last-child, +.table.table-reflow > tfoot > tr > td:last-child { + border-right: 1px solid #e9ecef; +} + +.table.table-reflow thead:last-child tr:last-child > th, +.table.table-reflow thead:last-child tr:last-child > td, +.table.table-reflow tbody:last-child tr:last-child > th, +.table.table-reflow tbody:last-child tr:last-child > td, +.table.table-reflow tfoot:last-child tr:last-child > th, +.table.table-reflow tfoot:last-child tr:last-child > td { + border-bottom: 1px solid #e9ecef; +} + +.pmd-table.table > thead > tr, +.pmd-table.table > tbody > tr, +.pmd-table.table > tfoot > tr { + transition: all .2s ease-in-out; +} + +.pmd-table.table > thead > tr > th, +.pmd-table.table > thead > tr > td, +.pmd-table.table > tbody > tr > th, +.pmd-table.table > tbody > tr > td, +.pmd-table.table > tfoot > tr > th, +.pmd-table.table > tfoot > tr > td { + text-align: left; + vertical-align: middle; + transition: all .2s ease-in-out; +} + +.pmd-table.table > thead > tr > th, +.pmd-table.table > tbody > tr > th, +.pmd-table.table > tfoot > tr > th { + font-size: .8rem; + font-weight: 400; + color: rgba(0, 0, 0, .54); + border-top: none; + border-bottom-width: 1px; +} + +.pmd-table.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, .075); +} + +.pmd-table .table-bordered th, +.pmd-table .table-bordered td { + border: none; + border-top: 1px solid #e9ecef; +} + +.pmd-table.table-inverse > thead > tr > th { + color: rgba(255, 255, 255, .54); +} + +.pmd-table.table-striped.table-inverse tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, .02); +} + +.pmd-table.table-hover.table-inverse tbody tr:hover { + background-color: rgba(255, 255, 255, .075); +} + +.pmd-table.table-bordered .table-heading, +.pmd-table.table-bordered .table-footer { + border: none; +} + +/* -- Table in card-------------- */ +.table-heading { + min-height: 64px; + padding: 4px 24px 4px 24px; + border-bottom: 1px solid #ddd; +} + +.table-footer { + display: inline-block; + width: 100%; + padding: 8px 24px 8px 24px; + border-top: 1px solid #ddd; +} + +.shoarting { + margin-left: 6px; +} + +@media screen and (max-width: 768px) { + /* ------------------------------------- + Table Card + --------------------------------------*/ + .pmd-table-card .pmd-table .table { + margin-bottom: 0; + } + .pmd-table-card.pmd-card-main { + background-color: transparent; + box-shadow: none; + } + .pmd-table-card .table.pmd-table thead, + .pmd-table-card .table.pmd-table tfoot { + display: none; + } + .pmd-table-card .table.pmd-table tbody { + display: block; + } + .pmd-table-card .table.pmd-table tbody tr { + display: block; + margin-bottom: 1.25rem; + border-radius: .125rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + } + .pmd-table-card .table.pmd-table tbody tr td { + display: block; + text-align: right; + vertical-align: middle; + background-color: #fff; + } + .pmd-table-card .table.pmd-table tbody tr td[data-title]:before { + float: left; + font-size: inherit; + font-weight: 400; + color: rgba(0, 0, 0, .54); + content: attr(data-title); + } + .pmd-table-card > .pmd-table.table-striped > tbody > tr > td, .pmd-table-card > .pmd-table.table-striped > tbody > tr:nth-child(odd) { + background-color: #fff; + } + .pmd-table-card > .pmd-table.table-striped > tbody > tr > td:nth-child(odd) { + background-color: rgba(0, 0, 0, .05); + } + .pmd-table-card > .pmd-table.table-inverse > tbody > tr > td[data-title]:before { + color: rgba(255, 255, 255, .54); + } + .pmd-table-card > .pmd-table.table-hover.table-inverse > tbody > tr > td:hover { + background-color: rgba(255, 255, 255, .075); + } + .pmd-table-card > .pmd-table.table-striped.table-inverse > tbody > tr > td, .pmd-table-card > .pmd-table.table-striped.table-inverse > tbody > tr:nth-child(odd) { + background-color: #333; + } + .pmd-table-card > .pmd-table.table-striped.table-inverse > tbody > tr > td:nth-child(odd) { + background-color: rgba(255, 255, 255, .02); + } + .pmd-table-card > .table-hover > tbody > tr > td:hover { + background-color: rgba(0, 0, 0, .075); + } + .pmd-table-card.pmd-z-depth { + background-color: transparent; + box-shadow: none; + } + .pmd-table.table-bordered.table-inverse th, + .pmd-table.table-bordered.table-inverse td { + border-color: #464646; + } +} + +/* ------------------------------------- +Child Table +--------------------------------------*/ +.pmd-table { + margin-bottom: 0; +} + +.pmd-table .child-table { + background-color: #fff; +} + +.pmd-table .child-table > td { + padding: 0 !important; +} + +.pmd-table .child-table > td .table > thead > tr { + background-color: #fff; +} + +.pmd-table .child-table .table-sm th, +.pmd-table .child-table .table-sm td { + padding: .25rem .75rem; +} + +@media screen and (max-width: 768px) { + .pmd-table .child-table { + margin-top: -20px; + } +} + +/* ------------------------------------- +Ttable Reflow +--------------------------------------*/ +.pmd-table.table-reflow { + display: block; + overflow-x: scroll; +} + +.pmd-table.table-reflow thead, +.pmd-table.table-reflow tr { + display: table-cell; + float: none; + vertical-align: top; +} + +.pmd-table.table-reflow tr { + width: 130px; + background-color: #fff; +} + +.pmd-table.table-reflow thead { + position: absolute; +} + +.pmd-table.table-reflow tbody { + margin-left: 130px; +} + +.pmd-table.table-reflow > thead > tr > th { + width: 131px; + overflow: hidden; + font-size: 1rem; + text-overflow: ellipsis; + white-space: nowrap; +} + +.pmd-table.table-reflow > tbody > tr > td { + border: none; + border-bottom: 1px solid #e9ecef; + border-left: 1px solid #e9ecef; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): tooltip.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-tooltip ~ .tooltip { + filter: alpha(opacity=0); + border-radius: 2px; + opacity: 0; + transition: opacity .3s ease-in-out, margin ease-in-out .3s; +} + +.pmd-tooltip ~ .tooltip:before { + position: absolute; + left: 50%; + z-index: -1; + width: 0; + height: 0; + content: ""; + background-color: #000; + opacity: 1; + transition: all .2s ease-in-out; + -ms-transform: scale(0); + transform: scale(0); +} + +.pmd-tooltip ~ .tooltip .tooltip-arrow { + display: none; +} + +.pmd-tooltip ~ .tooltip .tooltip-inner { + padding: .1875rem .5rem; + font-size: .875rem; + font-weight: 500; + line-height: 1.4; + color: #fff; + text-align: center; + text-decoration: none; + background-color: transparent; +} + +.pmd-tooltip ~ .tooltip.in { + filter: alpha(opacity=100); + opacity: 100; +} + +.pmd-tooltip ~ .tooltip.in:before { + left: 0; + width: 100%; + height: 100%; + opacity: 1; + -ms-transform: scale(1); + transform: scale(1); +} + +.pmd-tooltip ~ .tooltip.top:before { + top: 100%; +} + +.pmd-tooltip ~ .tooltip.in.top { + margin-top: -10px; +} + +.pmd-tooltip ~ .tooltip.in.top:before { + top: 0; + -ms-transform-origin: 50% 100% 0; + transform-origin: 50% 100% 0; + + will-change: transform; +} + +.pmd-tooltip ~ .tooltip.bottom:before { + top: 0; +} + +.pmd-tooltip ~ .tooltip.in.bottom { + margin-top: 10px; +} + +.pmd-tooltip ~ .tooltip.in.bottom:before { + -ms-transform-origin: 50% 0 0; + transform-origin: 50% 0 0; + + will-change: transform; +} + +.pmd-tooltip ~ .tooltip.right:before { + top: 50%; + left: 0; +} + +.pmd-tooltip ~ .tooltip.right .tooltip-arrow { + left: 0; +} + +.pmd-tooltip ~ .tooltip.in.right { + margin-left: 10px; +} + +.pmd-tooltip ~ .tooltip.in.right:before { + top: 0; + -ms-transform-origin: 0 50% 0; + transform-origin: 0 50% 0; + + will-change: transform; +} + +.pmd-tooltip ~ .tooltip.left:before { + top: 50%; + left: 100%; +} + +.pmd-tooltip ~ .tooltip.left .tooltip-arrow { + right: 0; +} + +.pmd-tooltip ~ .tooltip.in.left { + margin-left: -10px; +} + +.pmd-tooltip ~ .tooltip.in.left .tooltip-arrow { + right: 0; +} + +.pmd-tooltip ~ .tooltip.in.left:before { + top: 0; + left: 0; + -ms-transform-origin: 100% 50% 0; + transform-origin: 100% 50% 0; + + will-change: transform; +} + +/*! + * Propeller v1.3.2 (http://propeller.in): floating-action-button.css + * Copyright 2016-2019 Digicorp, Inc. + * Licensed under MIT (http://propeller.in/LICENSE) + */ +.pmd-floating-action { + position: fixed; + right: 1rem; + bottom: 1rem; + z-index: 1000; +} + +.pmd-floating-action:hover .pmd-floating-action-btn, +.menu--floating--open .pmd-floating-action-btn { + position: relative; + bottom: auto; + overflow: hidden; + opacity: 1; + -ms-transform: none; + transform: none; +} + +.pmd-floating-action:hover .pmd-floating-action-btn:before, +.menu--floating--open .pmd-floating-action-btn:before { + opacity: 1; +} + +.pmd-floating-action-btn { + position: relative; + display: block; + transition: all .2s ease-in-out; + transition: all .3s cubic-bezier(.55, 0, .1, 1); +} + +.pmd-floating-action-btn:before { + position: absolute; + right: 100%; + bottom: 10%; + display: inline-block; + padding: .375rem .75rem; + margin-right: .3125rem; + font-size: .75rem; + color: rgba(0, 0, 0, .87); + white-space: nowrap; + content: attr(data-title); + background-color: #fff; + border-radius: .125rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + opacity: 0; + transition: all .2s ease-in-out; +} + +.pmd-floating-action-btn:last-child:before { + bottom: 25%; + font-size: 14px; +} + +.pmd-floating-action-btn:hover, .pmd-floating-action-btn:focus, .pmd-floating-action-btn:active { + box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); +} + +.pmd-floating-action-btn:not(:last-child) { + position: absolute; + bottom: 0; + margin-bottom: .9375rem; + margin-left: .5rem; + opacity: 0; + -ms-transform: translateY(20px) scale(.3); + transform: translateY(20px) scale(.3); +} + +.pmd-floating-action-btn:not(:last-child):nth-last-child(1) { + transition-delay: 50ms; +} + +.pmd-floating-action-btn:not(:last-child):nth-last-child(2) { + transition-delay: 100ms; +} + +.pmd-floating-action-btn:not(:last-child):nth-last-child(3) { + transition-delay: 150ms; +} + +.pmd-floating-action-btn:not(:last-child):nth-last-child(4) { + transition-delay: 200ms; +} + +.pmd-floating-action-btn:not(:last-child):nth-last-child(5) { + transition-delay: 250ms; +} + +.pmd-floating-action-btn:not(:last-child):nth-last-child(6) { + transition-delay: 300ms; +} + +.pmd-floating-action-btn.btn:hover { + overflow: visible; +} + +.pmd-floating-action-btn .ink { + width: 50px; + height: 50px; +} + +.pmd-floating-hidden { + display: none; +} + +.margin-r8 { + margin-right: 8px !important; +} diff --git a/src/roble.css b/src/roble.css new file mode 100644 index 0000000..9db36ea --- /dev/null +++ b/src/roble.css @@ -0,0 +1 @@ +body{margin:0;font-family:sans-serif;height:100%;background:#f5f5fb}a:link,a:visited{color:#f44337}::selection{background:#f44337;color:#fff}code,pre{background:#fcfcff;color:#666;font-weight:bold;padding:3px 5px;border-radius:4px}pre{padding:12px;overflow-x:auto}.rbl-layout{display:flex;flex-direction:column;min-height:100vh}.rbl-layout__header{padding:20px}.rbl-layout__content{flex:1;margin:0 auto}.rbl-layout__footer{color:#888;font-size:12px;text-align:center;padding:20px}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{color:#333;font-family:BlinkMacSystemFont,sans-serif;font-weight:normal}html{font-size:1em}body{font-family:BlinkMacSystemFont, sans-serif;font-weight:400;line-height:1.45;color:#666}.rbl-paragraph{margin-bottom:1.3em}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{margin:1.414em 0 0.5em;font-weight:inherit;line-height:1.2}.rbl-header-1{margin-top:0;font-size:2.074em}.rbl-header-2{font-size:1.728em}.rbl-header-3{font-size:1.44em}.rbl-header-4{font-size:1.2em}.rbl-small{font-size:0.833em}.rbl-panel{border-radius:6px;box-shadow:0 2px 14px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.01);background:#fff}.rbl-panel__title{box-sizing:border-box;margin:0;padding:20px 20px 0}.rbl-panel__inner{box-sizing:border-box;padding:20px}.rbl-button,.rbl-button--secondary{border:none;border-radius:2px;min-width:64px;padding:0 16px;display:inline-block;font-family:BlinkMacSystemFont,sans-serif;height:36px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;user-select:none;vertical-align:middle}.rbl-button{background:rgba(244,67,55,0.1);color:#f44337}.rbl-button:hover{background:rgba(244,67,55,0.2)}.rbl-button:active{background:rgba(244,67,55,0.4)}.rbl-button:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-button--secondary{background:transparent;color:#666}.rbl-button--secondary:hover{background:rgba(0,0,0,0.06)}.rbl-button--secondary:active{background:rgba(0,0,0,0.12)}.rbl-button--secondary:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-checkbox{position:fixed;top:-30px;left:-30px;opacity:0}.rbl-checkbox+label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none}.rbl-checkbox+label::before{content:'';width:16px;height:16px;border-radius:2px;background:#fff center center;background-size:90%;margin:0 10px 0 0;border:2px solid #aaa;transition:background .1s ease, background-size .1s ease, border .1s ease}.rbl-checkbox+label::after{content:'';width:40px;height:40px;background:rgba(0,0,0,0.1);position:absolute;left:-10px;top:-10px;border-radius:100%;transform:scale(0);transition:transform .5s ease}.rbl-checkbox:checked+label::before{border-color:#ff8981;background:#ff8981 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy44LDE1LjYgMi4yLDEwIDMuOCw4LjQgNy44LDEyLjQgMTYuMiw0IDE3LjgsNS42ICIvPjwvc3ZnPg==);background-size:100%;color:#fff}.rbl-checkbox:active+label::after{transform:scale(1);transition:transform .1s ease}@keyframes checkboxFocus{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.rbl-checkbox:focus+label::after{background:rgba(244,67,55,0.2);animation:checkboxFocus .7s infinite alternate;transition:transform .1s ease, color .1s ease}.rbl-select{border:0;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) no-repeat right center;font-family:sans-serif;padding:0 32px 0 16px;font-size:16px;border-radius:2px;-webkit-appearance:none;color:#555;height:36px;transition:box-shadow .1s ease}.rbl-select:focus{outline:0;box-shadow:0 0 0 2px rgba(244,67,55,0.3)}.rbl-field-label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none;margin:0 0 4px}.rbl-textfield{box-shadow:0 0 0 2px rgba(0,0,0,0.1);border:0;background:#fff;border-radius:2px;color:#555;padding:8px;display:block;font-family:BlinkMacSystemFont,sans-serif;font-size:16px;outline:0;width:100%;box-sizing:border-box}.rbl-textfield::placeholder{color:rgba(102,102,102,0.2)}.rbl-textfield:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.3)} diff --git a/src/scooter.css b/src/scooter.css new file mode 100644 index 0000000..ff5073f --- /dev/null +++ b/src/scooter.css @@ -0,0 +1,1731 @@ +/*! + * + * SCOOTER + * + * --- + * / + * /______ + * 0 0 + * + * scoot + * verb [no obj.] + * go or leave somewhere quickly: "I'd better scoot" + * + */ +*, ::after, ::before { + position: relative; + margin: 0; + padding: 0; + box-sizing: inherit; } + +input, button, textarea, select { + font: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + +input[type=checkbox] { + -webkit-appearance: checkbox; + -moz-appearance: checkbox; + appearance: checkbox; } + +input[type=radio] { + -webkit-appearance: radio; + -moz-appearance: radio; + appearance: radio; } + +ul, ol { + margin-left: 46px; } + +p, table { + margin-bottom: 23px; } + +table { + border-collapse: collapse; } + +html, :root { + box-sizing: border-box; + font: 81.25%/1.75 "Open Sans", "Helvetica Neue", Arial, sans-serif; + color: #3d464d; } + +.f-headline, .f-subhead, +.f1, .f2, .f3, .f4 { + display: block; + margin-bottom: 23px; + font-weight: 400; + line-height: 1.25; } + +.f-headline { + font-size: 48px; + font-weight: 200; } + +.f-subhead { + font-size: 36px; + font-weight: 200; } + +.f1 { + font-size: 24px; } + +.f2 { + font-size: 20px; } + +.f3 { + font-size: 16px; } + +.f4 { + margin-bottom: 0; + font-size: 13px; + font-weight: 600; + line-height: 23px; } + +a, +.f-a, +.f-link { + text-decoration: none; + color: #007ee5; + cursor: pointer; } + a:hover, + .f-a:hover, + .f-link:hover { + text-decoration: underline; } + +hr { + margin-bottom: 23px; + border: 0; + border-top: 1px solid rgba(37, 40, 43, 0.1); } + +.o-wrap { + display: block; + max-width: 990px; + margin: 0 auto; } + +.o-grid { + list-style: none; + margin-left: -20px; } + +.o-grid__col--2-of-2, .o-grid__col--3-of-3, .o-grid__col--4-of-4, .o-grid__col--6-of-6, .o-grid__col--12-of-12 { + width: 100%; } + +.o-grid__col--1-of-3, .o-grid__col--2-of-6, .o-grid__col--4-of-12 { + width: 33.33333%; } + +.o-grid__col--2-of-3, .o-grid__col--4-of-6, .o-grid__col--8-of-12 { + width: 66.66667%; } + +.o-grid__col--1-of-4, .o-grid__col--3-of-12 { + width: 25%; } + +.o-grid__col--1-of-2, .o-grid__col--2-of-4, .o-grid__col--3-of-6, .o-grid__col--6-of-12 { + width: 50%; } + +.o-grid__col--3-of-4, .o-grid__col--9-of-12 { + width: 75%; } + +.o-grid__col--push-2-of-2, .o-grid__col--push-3-of-3, .o-grid__col--push-4-of-4, .o-grid__col--push-6-of-6, .o-grid__col--push-12-of-12 { + margin-left: 100%; } + +.o-grid__col--push-1-of-2, .o-grid__col--push-2-of-4, .o-grid__col--push-3-of-6, .o-grid__col--push-6-of-12 { + margin-left: 50%; } + +.o-grid__col--push-1-of-3, .o-grid__col--push-2-of-6, .o-grid__col--push-4-of-12 { + margin-left: 33.33333%; } + +.o-grid__col--push-2-of-3, .o-grid__col--push-4-of-6, .o-grid__col--push-8-of-12 { + margin-left: 66.66667%; } + +.o-grid__col--push-1-of-4, .o-grid__col--push-3-of-12 { + margin-left: 25%; } + +.o-grid__col--push-3-of-4, .o-grid__col--push-9-of-12 { + margin-left: 75%; } + +.o-grid__col--pull-2-of-2, .o-grid__col--pull-3-of-3, .o-grid__col--pull-4-of-4, .o-grid__col--pull-6-of-6, .o-grid__col--pull-12-of-12 { + margin-left: -100%; } + +.o-grid__col--pull-1-of-2, .o-grid__col--pull-2-of-4, .o-grid__col--pull-3-of-6, .o-grid__col--pull-6-of-12 { + margin-left: -50%; } + +.o-grid__col--pull-1-of-3, .o-grid__col--pull-2-of-6, .o-grid__col--pull-4-of-12 { + margin-left: -33.33333%; } + +.o-grid__col--pull-2-of-3, .o-grid__col--pull-4-of-6, .o-grid__col--pull-8-of-12 { + margin-left: -66.66667%; } + +.o-grid__col--pull-1-of-4, .o-grid__col--pull-3-of-12 { + margin-left: -25%; } + +.o-grid__col--pull-3-of-4, .o-grid__col--pull-9-of-12 { + margin-left: -75%; } + +.o-grid__col--1-of-6 { + width: 16.66667%; } + +.o-grid__col--push-1-of-6 { + margin-left: 16.66667%; } + +.o-grid__col--pull-1-of-6 { + margin-left: -16.66667%; } + +.o-grid__col--5-of-6 { + width: 83.33333%; } + +.o-grid__col--push-5-of-6 { + margin-left: 83.33333%; } + +.o-grid__col--pull-5-of-6 { + margin-left: -83.33333%; } + +.o-grid__col--1-of-12 { + width: 8.33333%; } + +.o-grid__col--push-1-of-12 { + margin-left: 8.33333%; } + +.o-grid__col--pull-1-of-12 { + margin-left: -8.33333%; } + +.o-grid__col--2-of-12 { + width: 16.66667%; } + +.o-grid__col--push-2-of-12 { + margin-left: 16.66667%; } + +.o-grid__col--pull-2-of-12 { + margin-left: -16.66667%; } + +.o-grid__col--5-of-12 { + width: 41.66667%; } + +.o-grid__col--push-5-of-12 { + margin-left: 41.66667%; } + +.o-grid__col--pull-5-of-12 { + margin-left: -41.66667%; } + +.o-grid__col--7-of-12 { + width: 58.33333%; } + +.o-grid__col--push-7-of-12 { + margin-left: 58.33333%; } + +.o-grid__col--pull-7-of-12 { + margin-left: -58.33333%; } + +.o-grid__col--10-of-12 { + width: 83.33333%; } + +.o-grid__col--push-10-of-12 { + margin-left: 83.33333%; } + +.o-grid__col--pull-10-of-12 { + margin-left: -83.33333%; } + +.o-grid__col--11-of-12 { + width: 91.66667%; } + +.o-grid__col--push-11-of-12 { + margin-left: 91.66667%; } + +.o-grid__col--pull-11-of-12 { + margin-left: -91.66667%; } + +.o-grid__col { + box-sizing: border-box; + display: inline-block; + margin-right: -0.24em; + min-height: 1px; + padding-left: 20px; + vertical-align: top; } + .o-grid--nowhitespace .o-grid__col, [data-reactid] .o-grid__col { + margin-right: 0; } + @media (max-width: 750px) { + .o-grid--responsive .o-grid__col { + display: block; + margin-left: 0; + margin-right: 0; + width: auto; } } + @media (max-width: 750px) and (min-width: 550px) { + .o-grid--responsive .o-grid__col[class*="o-grid__col--m-"] { + display: inline-block; + margin-right: -0.24em; } + .o-grid--responsive .o-grid__col.o-grid__col--m-1-of-2, .o-grid--responsive .o-grid__col.o-grid__col--m-2-of-4 { + width: 50%; } + .o-grid--responsive .o-grid__col.o-grid__col--m-1-of-3 { + width: 33.33333%; } + .o-grid--responsive .o-grid__col.o-grid__col--m-2-of-3 { + width: 66.66667%; } + .o-grid--responsive .o-grid__col.o-grid__col--m-1-of-4 { + width: 25%; } + .o-grid--responsive .o-grid__col.o-grid__col--m-3-of-4 { + width: 75%; } } + @media (max-width: 550px) { + .o-grid--responsive .o-grid__col[class*="o-grid__col--s-"] { + display: inline-block; + margin-right: -0.24em; } + .o-grid--responsive .o-grid__col.o-grid__col--s-1-of-2, .o-grid--responsive .o-grid__col.o-grid__col--s-2-of-4 { + width: 50%; } + .o-grid--responsive .o-grid__col.o-grid__col--s-1-of-3 { + width: 33.33333%; } + .o-grid--responsive .o-grid__col.o-grid__col--s-2-of-3 { + width: 66.66667%; } + .o-grid--responsive .o-grid__col.o-grid__col--s-1-of-4 { + width: 25%; } + .o-grid--responsive .o-grid__col.o-grid__col--s-3-of-4 { + width: 75%; } } + +.o-grid__col--centered { + display: block; + margin-left: auto; + margin-right: auto; } + +.o-grid__col--d-first { + float: left; } + +.o-grid__col--d-last { + float: right; } + +.o-grid--no-gutter { + margin-left: 0; + width: 100%; } + .o-grid--no-gutter .o-grid__col { + padding-left: 0; } + .o-grid--no-gutter .o-grid__col--span-all { + margin-left: 0; + width: 100%; } + +.o-grid__col--ab, +.o-grid__col--align-bottom { + vertical-align: bottom; } + +.o-grid__col--am, +.o-grid__col--align-middle { + vertical-align: middle; } + +.o-media { + display: block; } + .o-media__img { + margin-right: 12px; + float: left; } + .o-media__img > img { + display: block; } + .o-media__body { + display: block; + overflow: hidden; } + .o-media__body, + .o-media__body > :last-child { + margin-bottom: 0; } + +.o-list-ui { + margin: 0; + padding: 0; + list-style: none; } + .o-list-ui--dividers > li + li { + border-top: 1px solid; + border-color: rgba(37, 40, 43, 0.1); } + .o-list-ui--inline > li { + display: inline-block; } + +.o-flag { + display: table; + width: 100%; } + .o-flag__fix, .o-flag__flex { + display: table-cell; + vertical-align: middle; } + .o-flag--top .o-flag__fix, .o-flag--top .o-flag__flex { + vertical-align: top; } + .o-flag--bottom .o-flag__fix, .o-flag--bottom .o-flag__flex { + vertical-align: bottom; } + .o-flag__fix { + white-space: nowrap; } + .o-flag__flex { + width: 100%; } + +@supports (display: flex) { + .o-flag { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + .o-flag--top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + -ms-grid-row-align: flex-start; + align-items: flex-start; } + .o-flag--bottom { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + -ms-grid-row-align: flex-end; + align-items: flex-end; } + + .o-flag__fix { + display: inherit; + -webkit-box-align: inherit; + -webkit-align-items: inherit; + -ms-flex-align: inherit; + -ms-grid-row-align: inherit; + align-items: inherit; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + + .o-flag__flex { + display: initial; + min-width: 0; + width: auto; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } } +.c-arrow, .c-arrow--down { + display: inline-block; + width: 0; + height: 0; + border: 5px solid transparent; + border-top-color: currentColor; } +.c-arrow--left { + display: inline-block; + width: 0; + height: 0; + border: 5px solid transparent; + border-right-color: currentColor; } +.c-arrow--right { + display: inline-block; + width: 0; + height: 0; + border: 5px solid transparent; + border-left-color: currentColor; } +.c-arrow--up { + display: inline-block; + width: 0; + height: 0; + border: 5px solid transparent; + border-bottom-color: currentColor; } + +.c-avatar { + width: 32px; + min-width: 32px; + height: 32px; + font-size: 13px; + font-weight: 600; + display: inline-block; + vertical-align: middle; + overflow: hidden; + position: relative; + box-sizing: border-box; + text-align: center; + line-height: 2.5; + border-radius: 1000px; } + .c-avatar__img, + .c-avatar > img { + display: block; + min-width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; } + .c-avatar:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 1000px; + box-shadow: inset 0 0 0 1px rgba(37, 40, 43, 0.1); + pointer-events: none; } + .c-avatar.c-avatar--no-img { + color: white; + background-color: #007ee5; } + .c-avatar.c-avatar--no-img:after { + content: attr(data-initials); + box-shadow: none; } + .c-avatar.c-avatar--no-img.c-avatar--xs:after { + content: ""; } + .c-avatar.c-avatar--square { + text-transform: uppercase; + border-radius: 3px; } + .c-avatar.c-avatar--square:after { + content: none; } + .c-avatar.c-avatar--meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + padding: 0 2px; + color: #7b8994; + background-color: rgba(208, 212, 217, 0.7); } + .c-avatar.c-avatar--meta > img { + display: inline-block; + vertical-align: middle; + width: auto; + height: auto; + -o-object-fit: none; + object-fit: none; + margin: 0 auto; } + .c-avatar.c-avatar--meta > span { + margin: auto; } + .c-avatar.c-avatar--meta:after { + content: none; } + .c-avatar--xs { + width: 16px; + min-width: 16px; + height: 16px; + font-size: 6px; + font-weight: 700; } + .c-avatar--xs:after { + content: ""; } + .c-avatar--s { + width: 24px; + min-width: 24px; + height: 24px; + font-size: 10px; + font-weight: 700; } + .c-avatar--m { + width: 32px; + min-width: 32px; + height: 32px; + font-size: 13px; + font-weight: 600; } + .c-avatar--l { + width: 48px; + min-width: 48px; + height: 48px; + font-size: 19px; + font-weight: 400; } + .c-avatar--xl { + width: 64px; + min-width: 64px; + height: 64px; + font-size: 26px; + font-weight: 400; } + +.c-facepile { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + .c-facepile > * { + margin-right: 6px; } + .c-facepile.is-animated .c-avatar { + -webkit-animation: DBavatar-animation .3s; + animation: DBavatar-animation .3s; + -webkit-animation-timing-function: cubic-bezier(0.57, 0.23, 0.39, 1.6); + animation-timing-function: cubic-bezier(0.57, 0.23, 0.39, 1.6); + -webkit-animation-fill-mode: both; + animation-fill-mode: both; } + .c-facepile.is-animated .c-avatar:nth-child(1) { + -webkit-animation-delay: 0.025s; + animation-delay: 0.025s; } + .c-facepile.is-animated .c-avatar:nth-child(2) { + -webkit-animation-delay: 0.05s; + animation-delay: 0.05s; } + .c-facepile.is-animated .c-avatar:nth-child(3) { + -webkit-animation-delay: 0.075s; + animation-delay: 0.075s; } + .c-facepile.is-animated .c-avatar:nth-child(4) { + -webkit-animation-delay: 0.1s; + animation-delay: 0.1s; } + .c-facepile.is-animated .c-avatar:nth-child(5) { + -webkit-animation-delay: 0.125s; + animation-delay: 0.125s; } + .c-facepile.is-animated .c-avatar:nth-child(6) { + -webkit-animation-delay: 0.15s; + animation-delay: 0.15s; } + .c-facepile.is-animated .c-avatar:nth-child(7) { + -webkit-animation-delay: 0.175s; + animation-delay: 0.175s; } + .c-facepile.is-animated .c-avatar:nth-child(8) { + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; } + .c-facepile.is-animated .c-avatar:nth-child(9) { + -webkit-animation-delay: 0.225s; + animation-delay: 0.225s; } + .c-facepile.is-animated .c-avatar:nth-child(10) { + -webkit-animation-delay: 0.25s; + animation-delay: 0.25s; } + .c-facepile.is-animated .c-avatar:nth-child(11) { + -webkit-animation-delay: 0.275s; + animation-delay: 0.275s; } + .c-facepile.is-animated .c-avatar:nth-child(12) { + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; } + .c-facepile.is-animated .c-avatar:nth-child(13) { + -webkit-animation-delay: 0.325s; + animation-delay: 0.325s; } + .c-facepile.is-animated .c-avatar:nth-child(14) { + -webkit-animation-delay: 0.35s; + animation-delay: 0.35s; } + .c-facepile.is-animated .c-avatar:nth-child(15) { + -webkit-animation-delay: 0.375s; + animation-delay: 0.375s; } + +@-webkit-keyframes DBavatar-animation { + from { + opacity: 0; + -webkit-transform: translateX(10px); + transform: translateX(10px); } + to { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } } + +@keyframes DBavatar-animation { + from { + opacity: 0; + -webkit-transform: translateX(10px); + transform: translateX(10px); } + to { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } } +.c-badge { + box-sizing: border-box; + display: inline-block; + vertical-align: middle; + margin: 0; + padding: 1px 4px; + font-size: 9px; + font-weight: 700; + line-height: 1.4; + text-align: center; + text-shadow: none; + color: #ed7a6f; + background: white; + border: 1px solid #fcbdbd; + border-radius: 3px; } + .c-badge.c-badge--top-right { + position: absolute; + z-index: 1; + top: -1em; + left: -1em; + margin-left: 100%; } + +.c-banner { + padding: 12px; + color: #47525d; + border-bottom-width: 1px; + border-bottom-style: solid; + border-color: rgba(37, 40, 43, 0.1); + background-color: #f7f9fa; } + .c-banner.c-banner--success { + color: #2c683f; + background-color: #edfaf1; } + .c-banner.c-banner--warning { + color: #996e00; + background-color: #fffdec; } + .c-banner.c-banner--error { + color: #921515; + background-color: #ffe3e3; } + .c-banner.c-banner--unpinned { + border-width: 1px; + border-style: solid; + border-radius: 3px; } + +.c-btn { + display: inline-block; + padding: 7px 12px; + font-weight: 600; + line-height: 1.4; + text-align: center; + text-decoration: none; + border: 1px solid currentColor; + border-radius: 3px; + cursor: pointer; } + .c-btn:not(button):not([type=submit]) { + /*! You must ensure the element matches one of these selectors: button, [type=submit] */ + outline: 2px solid red !important; } + .c-btn[disabled], .c-btn.c-btn--disabled { + opacity: 0.5; + cursor: default; } + .c-btn:focus { + box-shadow: 0 0 0 2px rgba(0, 126, 229, 0.3); + outline: none; } + .c-btn:hover { + text-decoration: none; } + .c-btn.c-btn--big { + padding: 10px 26px; } + .c-btn.c-btn--full { + display: block; + width: 100%; } + .c-btn.c-btn--primary { + color: white; + border-color: #0071ce; + background-color: #007ee5; + background: -webkit-linear-gradient(#007ee5, #0071ce); + background: linear-gradient(#007ee5, #0071ce); } + .c-btn.c-btn--primary:hover:not(:disabled) { + background: #007ee5; } + .c-btn.c-btn--primary:active:not(:disabled) { + background: #0071ce; } + .c-btn.c-btn--secondary { + color: #47525d; + border-color: #d0d4d9; + background: white; } + .c-btn.c-btn--secondary:hover:not(:disabled) { + background: -webkit-linear-gradient(white, #f7f9fa); + background: linear-gradient(white, #f7f9fa); } + .c-btn.c-btn--secondary:active:not(:disabled) { + background: #f7f9fa; } + .c-btn.c-btn--tertiary { + color: #007ee5; + border-color: #007ee5; + background-color: white; + background: -webkit-linear-gradient(white, #f4faff); + background: linear-gradient(white, #f4faff); } + .c-btn.c-btn--tertiary:hover:not(:disabled) { + background: #f4faff; } + .c-btn.c-btn--tertiary:active:not(:disabled) { + background: -webkit-linear-gradient(#f4faff, #e3f1fc); + background: linear-gradient(#f4faff, #e3f1fc); } + +.c-btn-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + .c-btn-group .c-btn { + margin: 0; + border-radius: 0; } + .c-btn-group .c-btn + .c-btn { + border-left: 0; } + .c-btn-group .c-btn:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .c-btn-group .c-btn:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .c-btn-group--justify { + width: 100%; } + .c-btn-group--justify .c-btn { + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; } + +.c-datepicker { + position: relative; + box-sizing: border-box; + background-color: white; } + .c-datepicker .c-calendar { + position: absolute; + top: 100%; + left: 0; } + +.c-calendar { + display: inline-block; + z-index: 1; + border-radius: 5px; + background-color: #f7f9fa; } + .c-calendar .c-calendar__header { + padding-bottom: 4px; + font-size: 0.6em; + letter-spacing: 0.05em; + text-transform: uppercase; + color: #7b8994; } + .c-calendar .c-calendar__date { + box-sizing: border-box; + padding: 4px 8px; + width: 100%; + min-width: 32px; + text-align: center; + color: #007ee5; + border: 1px solid #f7f9fa; + background-color: white; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + tr:first-child td:first-child .c-calendar .c-calendar__date { + border-top-left-radius: 4px; } + tr:first-child td:last-child .c-calendar .c-calendar__date { + border-top-right-radius: 4px; } + tr:last-child td:first-child .c-calendar .c-calendar__date { + border-bottom-left-radius: 4px; } + tr:last-child td:last-child .c-calendar .c-calendar__date { + border-bottom-right-radius: 4px; } + .c-calendar .c-calendar__date:hover { + background-color: #f4faff; } + .c-calendar .c-calendar__date:hover, .c-calendar .c-calendar__date:focus:not([class*="--disabled"]) { + text-decoration: underline; } + .c-calendar .c-calendar__date.is-selected { + color: white; + background-color: #007ee5; } + .c-calendar .c-calendar__date.is-in-range { + color: white; + background-color: #72b6ec; } + .c-calendar .c-calendar__date--disabled, .c-calendar .c-calendar__date--disabled:hover { + color: #d0d4d9; + background-color: #f7f9fa; + cursor: default; } + +.c-card { + display: inline-block; + vertical-align: top; + position: relative; + padding: 12px; + box-sizing: border-box; + border: 1px solid rgba(37, 40, 43, 0.1); + border-radius: 3px; + box-shadow: 0 1px 2px rgba(37, 40, 43, 0.1); + background-color: white; + background-clip: padding-box; + -webkit-transition: 0.1s; + transition: 0.1s; } + .c-card.c-card--arrow::before, .c-card.c-card--arrow::after { + content: ""; + position: absolute; + bottom: 100%; + left: 50%; + margin-left: -8px; + border: 8px solid transparent; + border-bottom-color: white; + -webkit-transition: 0.1s; + transition: 0.1s; } + .c-card.c-card--arrow::before { + margin-left: -9px; + border-width: 9px; + border-bottom-color: rgba(37, 40, 43, 0.2); } + .c-card.c-card--arrow-nw::after, .c-card.c-card--arrow-nw::before, .c-card.c-card--arrow-sw::after, .c-card.c-card--arrow-sw::before { + left: 0; + margin-left: 12px; } + .c-card.c-card--arrow-nw::before, .c-card.c-card--arrow-sw::before { + margin-left: 11px; } + .c-card.c-card--arrow-ne::after, .c-card.c-card--arrow-ne::before, .c-card.c-card--arrow-se::after, .c-card.c-card--arrow-se::before { + right: 0; + left: auto; + margin-right: 12px; } + .c-card.c-card--arrow-ne::before, .c-card.c-card--arrow-se::before { + margin-right: 11px; } + .c-card.c-card--arrow-sw::after, .c-card.c-card--arrow-sw::before, .c-card.c-card--arrow-se::after, .c-card.c-card--arrow-se::before, .c-card.c-card--arrow-s::after, .c-card.c-card--arrow-s::before { + top: 100%; + bottom: auto; + border-top-color: white; + border-bottom-color: transparent; } + .c-card.c-card--arrow-sw::before, .c-card.c-card--arrow-se::before, .c-card.c-card--arrow-s::before { + border-top-color: rgba(37, 40, 43, 0.2); + -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); + filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); } + +.c-card--floating:hover { + border-color: rgba(37, 40, 43, 0.2); + box-shadow: 0 1px 2px rgba(37, 40, 43, 0.2); } +.c-card--floating.c-card--arrow:hover::before { + border-bottom-color: rgba(37, 40, 43, 0.3); } +.c-card--floating.c-card--arrow-se:hover::before, .c-card--floating.c-card--arrow-sw:hover::before, .c-card--floating.c-card--arrow-s:hover::before { + border-top-color: rgba(37, 40, 43, 0.3); + border-bottom-color: transparent; + -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); + filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); } +.c-card--floating.is-selected { + border-color: #007ee5; } +.c-card--floating--arrow.is-selected::before, .c-card--floating--arrow.is-selected:hover::before { + border-bottom-color: #007ee5; } +.c-card--floating--arrow-se.is-selected::before, .c-card--floating--arrow-se.is-selected:hover::before, .c-card--floating--arrow-sw.is-selected::before, .c-card--floating--arrow-sw.is-selected:hover::before, .c-card--floating--arrow-s.is-selected::before, .c-card--floating--arrow-s.is-selected:hover::before { + border-top-color: #007ee5; + border-bottom-color: transparent; } + +.c-label { + display: block; + margin-bottom: 23px; + font-size: 12px; + color: #7b8994; } + .c-label:not(label) { + /*! You must ensure the element matches one of these selectors: label */ + outline: 2px solid red !important; } + +.c-input { + display: block; + width: 100%; + padding: 5px 7px; + box-sizing: border-box; + font-size: 13px; + text-align: left; + color: #47525d; + border: 1px solid rgba(37, 40, 43, 0.1); + border-radius: 3px; + background-color: white; + background-clip: padding-box; } + .c-input:not(input):not(button):not(select):not(textarea) { + /*! You must ensure the element matches one of these selectors: input, button, select, textarea */ + outline: 2px solid red !important; } + .c-input:focus { + border-color: #72b6ec; + outline: 0; } + .c-input:disabled, .c-input.is-disabled { + background-color: #f7f9fa; } + .c-input.is-invalid, .c-form--validated .c-input:invalid { + background-image: url("../images/icon-form-invalid.svg"); + background-size: 14px; + background-position: right 10px center; + background-repeat: no-repeat; + padding-right: 34px; + border-color: rgba(232, 33, 16, 0.5); + box-shadow: none; + outline: 0; } + .c-input.is-valid, .c-form--validated .c-input:valid { + background-image: url("../images/icon-form-valid.svg"); + background-size: 14px; + background-position: right 10px center; + background-repeat: no-repeat; + padding-right: 34px; } + +textarea.c-input { + resize: vertical; } + +select.c-input { + background-image: url("../images/icon-form-dropdown.svg"); + background-size: 7px 14px; + background-position: right 10px center; + background-repeat: no-repeat; + padding-right: 27px; } + +.c-loader { + display: inline-block; + position: relative; + width: 6px; + height: 6px; + margin: 12px 0; + font-size: 0; + color: transparent; + border-radius: 100%; + background-color: rgba(61, 70, 77, 0.3); } + .c-loader, .c-loader:after, .c-loader:before { + -webkit-animation: loaderFade 0.9s ease-in-out infinite; + animation: loaderFade 0.9s ease-in-out infinite; } + .c-loader:after, .c-loader:before { + content: ""; + vertical-align: middle; + position: absolute; + left: 100%; + width: 6px; + height: 6px; + margin-left: 4px; + border-radius: 100%; + background-color: rgba(61, 70, 77, 0.3); + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; } + .c-loader:after { + left: 200%; + margin-left: 8px; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; } + +@-webkit-keyframes loaderFade { + 50% { + background-color: #3d464d; } + 0%, 100% { + background-color: rgba(61, 70, 77, 0.3); } } + +@keyframes loaderFade { + 50% { + background-color: #3d464d; } + 0%, 100% { + background-color: rgba(61, 70, 77, 0.3); } } +.c-modal-overlay { + top: 0; + right: 0; + bottom: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 32px; + background-color: rgba(61, 70, 77, 0.6); } + +.c-modal { + overflow: scroll; + -webkit-box-flex: 1; + -webkit-flex: 1 1 640px; + -ms-flex: 1 1 640px; + flex: 1 1 640px; + max-width: 640px; + border-radius: 3px; + box-shadow: 0 1px 2px rgba(37, 40, 43, 0.1); + background-color: white; } + +.c-modal__title, +.c-modal__header { + z-index: 3; + padding: 16px 32px; + box-shadow: 0 1px 1px rgba(37, 40, 43, 0.1); + background-color: white; } + .c-modal--unibody .c-modal__title, .c-modal--unibody + .c-modal__header { + padding-bottom: 0; + box-shadow: none; } + .c-modal__title h2, + .c-modal__header h2 { + margin-bottom: 0; } + +.c-modal__content { + z-index: 2; + padding: 32px; + background-color: #f7f9fa; } + .c-modal--unibody .c-modal__content { + background-color: white; } + +.c-modal__banner { + box-shadow: inset 0 1px 0 rgba(37, 40, 43, 0.1); } + +.c-tab-nav { + margin-left: 0; + padding-left: 0; + list-style: none; + border-bottom: 1px solid rgba(61, 70, 77, 0.1); } + +.c-tab-nav__tab { + display: inline-block; + margin-bottom: -1px; + color: #7b8994; } + .c-tab-nav__tab + .c-tab-nav__tab { + margin-left: 16px; } + .c-tab-nav__tab a, .c-tab-nav__tab button { + display: inline-block; + padding: 0; + padding-bottom: 8px; + border: 0; + border-bottom: 1px solid transparent; + -webkit-transition: 0.2s; + transition: 0.2s; + background-color: transparent; + color: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; } + .c-tab-nav__tab a:hover, .c-tab-nav__tab a:focus, .c-tab-nav__tab button:hover, .c-tab-nav__tab button:focus { + text-decoration: none; + outline: 0; + color: #3d464d; + border-bottom-color: currentColor; } + .c-tab-nav__tab.is-active a, .c-tab-nav__tab.is-active button { + font-weight: 600; + color: #3d464d; + border-bottom-color: currentColor; } + +.c-table { + display: table; + width: 100%; + text-align: left; } + .c-table__th, .c-table th, .c-table__td, .c-table td { + padding-top: 11.5px; + padding-bottom: 11.5px; + padding-left: 5.75px; + padding-right: 5.75px; } + .c-table__th, .c-table th { + font-weight: 400; + color: #737373; + border-bottom: 2px solid #d0d4d9; } + .c-table__row, .c-table tr { + border-bottom: 1px solid #d0d4d9; } + .c-table__row--success, .c-table tr--success, .c-table__td--success, .c-table td--success { + background-color: #ddf0e2; } + .c-table__row--warning, .c-table tr--warning, .c-table__td--warning, .c-table td--warning { + background-color: #fff5cc; } + .c-table__row--error, .c-table tr--error, .c-table__td--error, .c-table td--error { + background-color: #fcbdbd; } + .c-table--zebra .c-table__row:nth-child(odd), .c-table--zebra tbody tr:nth-child(odd) { + background-color: #f7f9fa; } + .c-table--selectable .c-table__row:hover, .c-table--selectable .c-table__row:focus, .c-table--selectable .c-table__row.has-focus, .c-table--selectable tbody tr:hover, .c-table--selectable tbody tr:focus, .c-table--selectable tbody tr.has-focus { + background-color: #f4faff; } + .c-table--selectable .c-table__row.is-selected, .c-table--selectable tbody tr.is-selected { + background-color: #cce6fa; } + +.c-title-bubble { + display: inline-block; + position: relative; } + .c-title-bubble:before, .c-title-bubble:after { + z-index: 500; } + .c-title-bubble:after { + content: attr(data-title); + display: none; + position: absolute; + top: 100%; + left: 50%; + white-space: nowrap; + margin-top: 5px; + padding: 7px 9px; + font-size: 11px; + font-weight: 500; + line-height: 1.4; + color: white; + border-radius: 3px; + background-color: #3d464d; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; } + .c-title-bubble:before { + content: ""; + display: none; + position: absolute; + top: 100%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border: 5px solid transparent; + border-bottom-color: #3d464d; } + .c-title-bubble--respect-line-break:after { + white-space: pre-line; } + .c-title-bubble--n:after { + top: auto; + bottom: 100%; + margin-bottom: 5px; } + .c-title-bubble--n:before { + top: auto; + bottom: 100%; + margin-bottom: -5px; + border-top-color: #3d464d; + border-bottom-color: transparent; } + .c-title-bubble--e:after { + top: 50%; + left: 100%; + margin-top: 0; + margin-left: 5px; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } + .c-title-bubble--e:before { + top: 50%; + left: 100%; + margin-top: -5px; + border-right-color: #3d464d; + border-bottom-color: transparent; } + .c-title-bubble--w:after { + top: 50%; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 5px; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } + .c-title-bubble--w:before { + top: 50%; + right: 100%; + left: auto; + margin-top: -5px; + margin-right: -5px; + border-bottom-color: transparent; + border-left-color: #3d464d; } + .c-title-bubble:hover:before, .c-title-bubble:hover:after, .c-title-bubble:focus:before, .c-title-bubble:focus:after, .c-title-bubble.is-child-focused:before, .c-title-bubble.is-child-focused:after { + display: block; } + +.c-token { + display: inline-block; + white-space: nowrap; + padding: 4px; + line-height: 1; + color: #47525d; + border-radius: 3px; + box-shadow: inset 0 0 0 1px rgba(37, 40, 43, 0.1); + background-color: #f7f9fa; + cursor: default; } + .c-token:hover { + box-shadow: inset 0 0 0 1px rgba(37, 40, 43, 0.3); } + .c-token > * { + vertical-align: middle; + margin-left: 0.25em; } + .c-token > *:first-child { + margin-left: 0; } + +.c-token--warning { + color: #996e00; + background-color: #fffdec; } + +.c-token--invalid { + color: #921515; + background-color: #ffe3e3; } + +.c-token--pending { + opacity: 0.5; } + +.c-token.is-selected, .c-token.is-selected:hover { + color: white; + background-color: #7b8994; } + .c-token.is-selected.c-token--warning, .c-token.is-selected:hover.c-token--warning { + background-color: #c99700; } + .c-token.is-selected.c-token--invalid, .c-token.is-selected:hover.c-token--invalid { + background-color: #c21c1c; } + +.c-token__name { + top: 1px; + margin-left: 0.25em; } + +.c-token__delete { + margin-right: 0.15em; + margin-left: 0.25em; + font-size: 1.25em; + color: currentColor; + opacity: 0.7; + cursor: pointer; } + +.c-input--typeahead.is-active { + border-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + +.c-typeahead { + display: none; + overflow: scroll; + position: absolute; + top: 100%; + right: 0; + left: 0; + max-height: 180px; + margin-top: -1px; + line-height: 1.5; + border: 1px solid rgba(37, 40, 43, 0.1); + border-radius: 0 0 4px 4px; + box-shadow: 0 1px 2px rgba(37, 40, 43, 0.1); + background-color: white; + background-clip: padding-box; } + .c-typeahead.is-open { + display: block; } + .c-typeahead__result { + margin-top: -1px; + cursor: pointer; } + .c-typeahead__result.is-selected { + z-index: 2; + margin-bottom: -2px; + color: #007ee5; + border-bottom: 1px solid; + border-color: rgba(37, 40, 43, 0.1); + background-color: #f4faff; } + .c-typeahead__result.is-selected .f-meta { + color: inherit; } + .c-typeahead__result.is-invalid { + cursor: default; } + .c-typeahead__media, .c-typeahead__content { + display: inline-block; + vertical-align: middle; } + .c-typeahead__media { + margin-right: 12px; } + +.c-rule { + margin-bottom: 23px; + border: 0; + border-top: 1px solid rgba(37, 40, 43, 0.1); } + +.ax-visually-hidden { + position: absolute !important; + border: 0 !important; + clip: rect(0, 0, 0, 0) !important; + width: 1px !important; + height: 1px !important; + margin: -1px !important; + padding: 0 !important; + overflow: hidden !important; } + +.ax-focusable:focus, +.ax-focusable.is-focused { + box-shadow: 0 0 0 2px rgba(114, 182, 236, 0.7); + outline: none; } + +.ax-focusable-inline:focus, +.ax-focusable-inline.is-focused { + text-decoration: underline; } + +.clearfix:after, +.o-media:after { + content: ""; + display: table; + clear: both; } + +.u-unbutton { + padding: 0; + background: none; + border: 0; } + .u-unbutton:focus { + box-shadow: 0 0 0 2px #cce6fa; } + .u-unbutton::-moz-focus-inner { + border: 0; + padding: 0; } + +.u-trim-margin { + margin: 0 !important; } + +.u-trim-padding { + padding: 0 !important; } + +.u-pad-xxs { + padding: 4px !important; } + +.u-mar-xxs { + margin: 4px !important; } + +.u-pad-top-xxs { + padding-top: 4px !important; } + +.u-mar-top-xxs { + margin-top: 4px !important; } + +.u-pad-right-xxs { + padding-right: 4px !important; } + +.u-mar-right-xxs { + margin-right: 4px !important; } + +.u-pad-bottom-xxs { + padding-bottom: 4px !important; } + +.u-mar-bottom-xxs { + margin-bottom: 4px !important; } + +.u-pad-left-xxs { + padding-left: 4px !important; } + +.u-mar-left-xxs { + margin-left: 4px !important; } + +.u-pad-vertical-xxs { + padding-top: 4px !important; + padding-bottom: 4px !important; } + +.u-mar-vertical-xxs { + margin-top: 4px !important; + margin-bottom: 4px !important; } + +.u-pad-horizontal-xxs { + padding-left: 4px !important; + padding-right: 4px !important; } + +.u-mar-horizontal-xxs { + margin-left: 4px !important; + margin-right: 4px !important; } + +.u-pad-xs { + padding: 8px !important; } + +.u-mar-xs { + margin: 8px !important; } + +.u-pad-top-xs { + padding-top: 8px !important; } + +.u-mar-top-xs { + margin-top: 8px !important; } + +.u-pad-right-xs { + padding-right: 8px !important; } + +.u-mar-right-xs { + margin-right: 8px !important; } + +.u-pad-bottom-xs { + padding-bottom: 8px !important; } + +.u-mar-bottom-xs { + margin-bottom: 8px !important; } + +.u-pad-left-xs { + padding-left: 8px !important; } + +.u-mar-left-xs { + margin-left: 8px !important; } + +.u-pad-vertical-xs { + padding-top: 8px !important; + padding-bottom: 8px !important; } + +.u-mar-vertical-xs { + margin-top: 8px !important; + margin-bottom: 8px !important; } + +.u-pad-horizontal-xs { + padding-left: 8px !important; + padding-right: 8px !important; } + +.u-mar-horizontal-xs { + margin-left: 8px !important; + margin-right: 8px !important; } + +.u-pad-s { + padding: 16px !important; } + +.u-mar-s { + margin: 16px !important; } + +.u-pad-top-s { + padding-top: 16px !important; } + +.u-mar-top-s { + margin-top: 16px !important; } + +.u-pad-right-s { + padding-right: 16px !important; } + +.u-mar-right-s { + margin-right: 16px !important; } + +.u-pad-bottom-s { + padding-bottom: 16px !important; } + +.u-mar-bottom-s { + margin-bottom: 16px !important; } + +.u-pad-left-s { + padding-left: 16px !important; } + +.u-mar-left-s { + margin-left: 16px !important; } + +.u-pad-vertical-s { + padding-top: 16px !important; + padding-bottom: 16px !important; } + +.u-mar-vertical-s { + margin-top: 16px !important; + margin-bottom: 16px !important; } + +.u-pad-horizontal-s { + padding-left: 16px !important; + padding-right: 16px !important; } + +.u-mar-horizontal-s { + margin-left: 16px !important; + margin-right: 16px !important; } + +.u-pad-m { + padding: 24px !important; } + +.u-mar-m { + margin: 24px !important; } + +.u-pad-top-m { + padding-top: 24px !important; } + +.u-mar-top-m { + margin-top: 24px !important; } + +.u-pad-right-m { + padding-right: 24px !important; } + +.u-mar-right-m { + margin-right: 24px !important; } + +.u-pad-bottom-m { + padding-bottom: 24px !important; } + +.u-mar-bottom-m { + margin-bottom: 24px !important; } + +.u-pad-left-m { + padding-left: 24px !important; } + +.u-mar-left-m { + margin-left: 24px !important; } + +.u-pad-vertical-m { + padding-top: 24px !important; + padding-bottom: 24px !important; } + +.u-mar-vertical-m { + margin-top: 24px !important; + margin-bottom: 24px !important; } + +.u-pad-horizontal-m { + padding-left: 24px !important; + padding-right: 24px !important; } + +.u-mar-horizontal-m { + margin-left: 24px !important; + margin-right: 24px !important; } + +.u-pad-l { + padding: 32px !important; } + +.u-mar-l { + margin: 32px !important; } + +.u-pad-top-l { + padding-top: 32px !important; } + +.u-mar-top-l { + margin-top: 32px !important; } + +.u-pad-right-l { + padding-right: 32px !important; } + +.u-mar-right-l { + margin-right: 32px !important; } + +.u-pad-bottom-l { + padding-bottom: 32px !important; } + +.u-mar-bottom-l { + margin-bottom: 32px !important; } + +.u-pad-left-l { + padding-left: 32px !important; } + +.u-mar-left-l { + margin-left: 32px !important; } + +.u-pad-vertical-l { + padding-top: 32px !important; + padding-bottom: 32px !important; } + +.u-mar-vertical-l { + margin-top: 32px !important; + margin-bottom: 32px !important; } + +.u-pad-horizontal-l { + padding-left: 32px !important; + padding-right: 32px !important; } + +.u-mar-horizontal-l { + margin-left: 32px !important; + margin-right: 32px !important; } + +.u-pad-xl { + padding: 64px !important; } + +.u-mar-xl { + margin: 64px !important; } + +.u-pad-top-xl { + padding-top: 64px !important; } + +.u-mar-top-xl { + margin-top: 64px !important; } + +.u-pad-right-xl { + padding-right: 64px !important; } + +.u-mar-right-xl { + margin-right: 64px !important; } + +.u-pad-bottom-xl { + padding-bottom: 64px !important; } + +.u-mar-bottom-xl { + margin-bottom: 64px !important; } + +.u-pad-left-xl { + padding-left: 64px !important; } + +.u-mar-left-xl { + margin-left: 64px !important; } + +.u-pad-vertical-xl { + padding-top: 64px !important; + padding-bottom: 64px !important; } + +.u-mar-vertical-xl { + margin-top: 64px !important; + margin-bottom: 64px !important; } + +.u-pad-horizontal-xl { + padding-left: 64px !important; + padding-right: 64px !important; } + +.u-mar-horizontal-xl { + margin-left: 64px !important; + margin-right: 64px !important; } + +.u-pad-xxl { + padding: 96px !important; } + +.u-mar-xxl { + margin: 96px !important; } + +.u-pad-top-xxl { + padding-top: 96px !important; } + +.u-mar-top-xxl { + margin-top: 96px !important; } + +.u-pad-right-xxl { + padding-right: 96px !important; } + +.u-mar-right-xxl { + margin-right: 96px !important; } + +.u-pad-bottom-xxl { + padding-bottom: 96px !important; } + +.u-mar-bottom-xxl { + margin-bottom: 96px !important; } + +.u-pad-left-xxl { + padding-left: 96px !important; } + +.u-mar-left-xxl { + margin-left: 96px !important; } + +.u-pad-vertical-xxl { + padding-top: 96px !important; + padding-bottom: 96px !important; } + +.u-mar-vertical-xxl { + margin-top: 96px !important; + margin-bottom: 96px !important; } + +.u-pad-horizontal-xxl { + padding-left: 96px !important; + padding-right: 96px !important; } + +.u-mar-horizontal-xxl { + margin-left: 96px !important; + margin-right: 96px !important; } + +.u-pad-jumbo { + padding: 128px !important; } + +.u-mar-jumbo { + margin: 128px !important; } + +.u-pad-top-jumbo { + padding-top: 128px !important; } + +.u-mar-top-jumbo { + margin-top: 128px !important; } + +.u-pad-right-jumbo { + padding-right: 128px !important; } + +.u-mar-right-jumbo { + margin-right: 128px !important; } + +.u-pad-bottom-jumbo { + padding-bottom: 128px !important; } + +.u-mar-bottom-jumbo { + margin-bottom: 128px !important; } + +.u-pad-left-jumbo { + padding-left: 128px !important; } + +.u-mar-left-jumbo { + margin-left: 128px !important; } + +.u-pad-vertical-jumbo { + padding-top: 128px !important; + padding-bottom: 128px !important; } + +.u-mar-vertical-jumbo { + margin-top: 128px !important; + margin-bottom: 128px !important; } + +.u-pad-horizontal-jumbo { + padding-left: 128px !important; + padding-right: 128px !important; } + +.u-mar-horizontal-jumbo { + margin-left: 128px !important; + margin-right: 128px !important; } + +.u-l-fl { + float: left !important; } + +.u-l-fr { + float: right !important; } + +.u-l-b { + display: block !important; } + +.u-l-ib { + display: inline-block !important; } + .u-l-ib--m { + vertical-align: middle !important; } + .u-l-ib--t { + vertical-align: top !important; } + .u-l-ib--b { + vertical-align: bottom !important; } + +.u-l-dn { + display: none !important; } + +.u-font-center { + text-align: center !important; } + +.u-font-left { + text-align: left !important; } + +.u-font-right { + text-align: right !important; } + +.u-font-small { + font-size: 0.85em; + line-height: 1.8; } + +.u-font-strong { + font-weight: 600; } + +.u-font-black { + color: black; } + +.u-font-meta { + color: #7b8994; } + +.u-font-error, +.u-font-danger { + color: #e82110; } + +.u-font-success { + color: #48ac68; } + +.u-font-wrap { + white-space: normal; } + +.u-font-nowrap { + white-space: nowrap; } + +.u-font-caps { + text-transform: uppercase; + letter-spacing: .05em; + -webkit-font-feature-settings: "c2sc" 1, "smcp" 1; + font-feature-settings: "c2sc" 1, "smcp" 1; } + +.u-thide { + overflow: hidden; + white-space: nowrap; + text-indent: 100%; } + +.u-ellip { + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + +.u-unlist { + list-style: none; } \ No newline at end of file diff --git a/switcher.js b/switcher.js index ada1ef1..3bfcd95 100644 --- a/switcher.js +++ b/switcher.js @@ -1,4 +1,4 @@ -var frameworks = "a11yana,awsm,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,chota,clmaterial,codify,comet,concise,concrete,flat-ui,fluidity,furtive,generic,github-markdown,hack,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,materialize,mercury,milligram,min,mini,mobi,motherplate,mu,mui,mvp,new,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,pure,sakura,sanitize,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yamb,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,boot-cerulean,boot-cosmo,boot-cyborg,boot-darkly,boot-flatly,boot-journal,boot-lumen,boot-paper,boot-readable,boot-sandstone,boot-slate,boot-spacelab,boot-superhero,boot-yeti,air,modest,retro,splendor"; +var frameworks = "a11yana,awsm,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,centurion,chota,cirrus,clmaterial,codify,comet,concise,concrete,cutestrap,flat-ui,fluidity,furtive,generic,github-markdown,gutenberg,hack,hello,hiq,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,material,materialize,mercury,milligram,min,mini,minimal,mobi,motherplate,mu,mui,mvp,new,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,propeller,pure,roble,sakura,sanitize,scooter,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yamb,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,boot-cerulean,boot-cosmo,boot-cyborg,boot-darkly,boot-flatly,boot-journal,boot-lumen,boot-paper,boot-readable,boot-sandstone,boot-slate,boot-spacelab,boot-superhero,boot-yeti,air,modest,retro,splendor"; add_switcher();