diff --git a/dist/mini-default.css b/dist/mini-default.css index 8ceaa5c..df629bb 100644 --- a/dist/mini-default.css +++ b/dist/mini-default.css @@ -8,83 +8,107 @@ Browsers resets and base typography. */ html { - font-size: 16px; } + font-size: 16px; +} html, * { font-family: -apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; - -webkit-text-size-adjust: 100%; } + -webkit-text-size-adjust: 100%; +} * { - font-size: 1em; } + font-size: 1em; +} body { margin: 0; color: #212121; - background: #f5f5f5; } + background: #f5f5f5; +} article, aside, section, figcaption, figure, main, details, menu { - display: block; } + display: block; +} summary { - display: list-item; } + display: list-item; +} abbr[title] { border-bottom: none; - text-decoration: underline; } + text-decoration: underline; +} audio, video { - display: inline-block; } + display: inline-block; +} svg:not(:root) { - overflow: hidden; } + overflow: hidden; +} input { - overflow: visible; } + overflow: visible; +} img { max-width: 100%; - height: auto; } + height: auto; +} dfn { - font-style: italic; } + font-style: italic; +} h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin: 12px 8px; - font-weight: 500; } - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - color: #424242; - display: block; - margin-top: -4px; } + font-weight: 500; +} + +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + color: #424242; + display: block; + margin-top: -4px; +} h1 { - font-size: 2em; } + font-size: 2em; +} h2 { - font-size: 1.5em; } + font-size: 1.5em; +} h3 { - font-size: 1.25em; } + font-size: 1.25em; +} h4 { - font-size: 1.1em; } + font-size: 1.1em; +} h5 { - font-size: 1em; } + font-size: 1em; +} h6 { - font-size: 0.85em; } + font-size: 0.85em; +} p { - margin: 1px 8px; } + margin: 1px 8px; +} ol, ul { margin: 1px 8px 10px; - padding-left: 28px; } + padding-left: 28px; +} b, strong { - font-weight: 700; } + font-weight: 700; +} hr { box-sizing: content-box; @@ -94,7 +118,8 @@ hr { margin: 8px; height: 1px; background: -webkit-linear-gradient(to right, #bdbdbd, #616161, #bdbdbd); - background: linear-gradient(to right, #bdbdbd, #616161, #bdbdbd); } + background: linear-gradient(to right, #bdbdbd, #616161, #bdbdbd); +} blockquote { display: block; @@ -105,24 +130,29 @@ blockquote { padding: 6px 10px 24px; border-left: 3px solid #616161; border-radius: 0 2px 2px 0; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); } - blockquote:after { - position: absolute; - font-style: normal; - font-size: 0.85em; - color: #616161; - left: 10px; - bottom: 0; - content: "— " attr(cite); } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); +} + +blockquote:after { + position: absolute; + font-style: normal; + font-size: 0.85em; + color: #616161; + left: 10px; + bottom: 0; + content: "— " attr(cite); +} code, kbd, pre, samp { - font-family: monospace, monospace; } + font-family: monospace, monospace; +} code { border-radius: 2px; background: #e0e0e0; padding: 2px 4px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); +} pre { overflow: auto; @@ -131,50 +161,63 @@ pre { padding: 12px; margin: 8px 10px; border-left: 3px solid #1565c0; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); +} kbd { border-radius: 2px; background: #212121; color: #fafafa; padding: 2px 4px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); +} small, sup, sub { - font-size: 75%; } + font-size: 75%; +} sup { - top: -8px; } + top: -8px; +} sub { - bottom: -4px; } + bottom: -4px; +} sup, sub { line-height: 0; position: relative; - vertical-align: baseline; } + vertical-align: baseline; +} a { color: #0277bd; text-decoration: underline; opacity: 1; -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } - a:visited { - color: #01579b; } - a:hover, a:focus, a:active { - opacity: 0.75; } + transition: all 0.3s ease 0s; +} + +a:visited { + color: #01579b; +} + +a:hover, a:focus, a:active { + opacity: 0.75; +} figcaption { font-size: 80%; - color: #424242; } + color: #424242; +} /* Definitions for the grid system. */ .container { margin: 0 auto; - padding: 0 10px; } + padding: 0 10px; +} .row { box-sizing: border-box; @@ -187,14 +230,16 @@ figcaption { -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-flow: row wrap; - flex-flow: row wrap; } + flex-flow: row wrap; +} .row[class*='cols-sm-'] > * { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; +} @media screen and (min-width: 768px) { .row[class*='cols-md-'] > * { @@ -202,7 +247,9 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } } + padding: 0 4px; + } +} @media screen and (min-width: 1280px) { .row[class*='cols-lg-'] > * { @@ -210,7 +257,9 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } } + padding: 0 4px; + } +} .col-sm, [class^='col-sm-'], @@ -219,7 +268,8 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; +} .col-sm, .row.cols-sm > * { @@ -228,127 +278,155 @@ figcaption { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; - flex-basis: 0; } + flex-basis: 0; +} .col-sm-1, .row.cols-sm-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; - flex-basis: 8.33333%; } + flex-basis: 8.33333%; +} .col-sm-2, .row.cols-sm-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; - flex-basis: 16.66667%; } + flex-basis: 16.66667%; +} .col-sm-3, .row.cols-sm-3 > * { max-width: 25%; -webkit-flex-basis: 25%; - flex-basis: 25%; } + flex-basis: 25%; +} .col-sm-4, .row.cols-sm-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; - flex-basis: 33.33333%; } + flex-basis: 33.33333%; +} .col-sm-5, .row.cols-sm-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; - flex-basis: 41.66667%; } + flex-basis: 41.66667%; +} .col-sm-6, .row.cols-sm-6 > * { max-width: 50%; -webkit-flex-basis: 50%; - flex-basis: 50%; } + flex-basis: 50%; +} .col-sm-7, .row.cols-sm-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; - flex-basis: 58.33333%; } + flex-basis: 58.33333%; +} .col-sm-8, .row.cols-sm-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; - flex-basis: 66.66667%; } + flex-basis: 66.66667%; +} .col-sm-9, .row.cols-sm-9 > * { max-width: 75%; -webkit-flex-basis: 75%; - flex-basis: 75%; } + flex-basis: 75%; +} .col-sm-10, .row.cols-sm-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; - flex-basis: 83.33333%; } + flex-basis: 83.33333%; +} .col-sm-11, .row.cols-sm-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; - flex-basis: 91.66667%; } + flex-basis: 91.66667%; +} .col-sm-12, .row.cols-sm-12 > * { max-width: 100%; -webkit-flex-basis: 100%; - flex-basis: 100%; } + flex-basis: 100%; +} .col-sm-offset-0 { - margin-left: 0; } + margin-left: 0; +} .col-sm-offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; +} .col-sm-offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; +} .col-sm-offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .col-sm-offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; +} .col-sm-offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; +} .col-sm-offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .col-sm-offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; +} .col-sm-offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; +} .col-sm-offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .col-sm-offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; +} .col-sm-offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; +} .col-sm-normal { -webkit-order: initial; - order: initial; } + order: initial; +} .col-sm-first { -webkit-order: -999; - order: -999; } + order: -999; +} .col-sm-last { -webkit-order: 999; - order: 999; } + order: 999; +} @media screen and (min-width: 768px) { .col-md, @@ -358,7 +436,8 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; + } .col-md, .row.cols-md > * { -webkit-box-flex: 1; @@ -366,100 +445,129 @@ figcaption { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; - flex-basis: 0; } + flex-basis: 0; + } .col-md-1, .row.cols-md-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; - flex-basis: 8.33333%; } + flex-basis: 8.33333%; + } .col-md-2, .row.cols-md-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; - flex-basis: 16.66667%; } + flex-basis: 16.66667%; + } .col-md-3, .row.cols-md-3 > * { max-width: 25%; -webkit-flex-basis: 25%; - flex-basis: 25%; } + flex-basis: 25%; + } .col-md-4, .row.cols-md-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; - flex-basis: 33.33333%; } + flex-basis: 33.33333%; + } .col-md-5, .row.cols-md-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; - flex-basis: 41.66667%; } + flex-basis: 41.66667%; + } .col-md-6, .row.cols-md-6 > * { max-width: 50%; -webkit-flex-basis: 50%; - flex-basis: 50%; } + flex-basis: 50%; + } .col-md-7, .row.cols-md-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; - flex-basis: 58.33333%; } + flex-basis: 58.33333%; + } .col-md-8, .row.cols-md-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; - flex-basis: 66.66667%; } + flex-basis: 66.66667%; + } .col-md-9, .row.cols-md-9 > * { max-width: 75%; -webkit-flex-basis: 75%; - flex-basis: 75%; } + flex-basis: 75%; + } .col-md-10, .row.cols-md-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; - flex-basis: 83.33333%; } + flex-basis: 83.33333%; + } .col-md-11, .row.cols-md-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; - flex-basis: 91.66667%; } + flex-basis: 91.66667%; + } .col-md-12, .row.cols-md-12 > * { max-width: 100%; -webkit-flex-basis: 100%; - flex-basis: 100%; } + flex-basis: 100%; + } .col-md-offset-0 { - margin-left: 0; } + margin-left: 0; + } .col-md-offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .col-md-offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .col-md-offset-3 { - margin-left: 25%; } + margin-left: 25%; + } .col-md-offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .col-md-offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .col-md-offset-6 { - margin-left: 50%; } + margin-left: 50%; + } .col-md-offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .col-md-offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .col-md-offset-9 { - margin-left: 75%; } + margin-left: 75%; + } .col-md-offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .col-md-offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } .col-md-normal { -webkit-order: initial; - order: initial; } + order: initial; + } .col-md-first { -webkit-order: -999; - order: -999; } + order: -999; + } .col-md-last { -webkit-order: 999; - order: 999; } } + order: 999; + } +} @media screen and (min-width: 1280px) { .col-lg, @@ -469,7 +577,8 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; + } .col-lg, .row.cols-lg > * { -webkit-box-flex: 1; @@ -477,100 +586,129 @@ figcaption { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; - flex-basis: 0; } + flex-basis: 0; + } .col-lg-1, .row.cols-lg-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; - flex-basis: 8.33333%; } + flex-basis: 8.33333%; + } .col-lg-2, .row.cols-lg-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; - flex-basis: 16.66667%; } + flex-basis: 16.66667%; + } .col-lg-3, .row.cols-lg-3 > * { max-width: 25%; -webkit-flex-basis: 25%; - flex-basis: 25%; } + flex-basis: 25%; + } .col-lg-4, .row.cols-lg-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; - flex-basis: 33.33333%; } + flex-basis: 33.33333%; + } .col-lg-5, .row.cols-lg-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; - flex-basis: 41.66667%; } + flex-basis: 41.66667%; + } .col-lg-6, .row.cols-lg-6 > * { max-width: 50%; -webkit-flex-basis: 50%; - flex-basis: 50%; } + flex-basis: 50%; + } .col-lg-7, .row.cols-lg-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; - flex-basis: 58.33333%; } + flex-basis: 58.33333%; + } .col-lg-8, .row.cols-lg-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; - flex-basis: 66.66667%; } + flex-basis: 66.66667%; + } .col-lg-9, .row.cols-lg-9 > * { max-width: 75%; -webkit-flex-basis: 75%; - flex-basis: 75%; } + flex-basis: 75%; + } .col-lg-10, .row.cols-lg-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; - flex-basis: 83.33333%; } + flex-basis: 83.33333%; + } .col-lg-11, .row.cols-lg-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; - flex-basis: 91.66667%; } + flex-basis: 91.66667%; + } .col-lg-12, .row.cols-lg-12 > * { max-width: 100%; -webkit-flex-basis: 100%; - flex-basis: 100%; } + flex-basis: 100%; + } .col-lg-offset-0 { - margin-left: 0; } + margin-left: 0; + } .col-lg-offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .col-lg-offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .col-lg-offset-3 { - margin-left: 25%; } + margin-left: 25%; + } .col-lg-offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .col-lg-offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .col-lg-offset-6 { - margin-left: 50%; } + margin-left: 50%; + } .col-lg-offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .col-lg-offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .col-lg-offset-9 { - margin-left: 75%; } + margin-left: 75%; + } .col-lg-offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .col-lg-offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } .col-lg-normal { -webkit-order: initial; - order: initial; } + order: initial; + } .col-lg-first { -webkit-order: -999; - order: -999; } + order: -999; + } .col-lg-last { -webkit-order: 999; - order: 999; } } + order: 999; + } +} /* Definitions for navigation elements. @@ -584,33 +722,42 @@ header { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); white-space: nowrap; overflow-x: auto; - overflow-y: hidden; } - header .logo { - color: #fafafa; - font-size: 1.75em; - line-height: 1.2; - margin: 1px 6px 1px 1px; - padding: 3px 0 0; - -webkit-transition: 0s opacity; - transition: 0s opacity; } - header button, header [type="button"], - header a.button, header label.button, header .button, - header a[role="button"], header label[role="button"], header [role="button"] { - background: #263238; - color: #fafafa; - vertical-align: top; - margin: 2px 0 0; - box-shadow: none; } - header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, - header a.button:hover, - header a.button:active, - header a.button:focus, header label.button:hover, header label.button:active, header label.button:focus, header .button:hover, header .button:active, header .button:focus, - header a[role="button"]:hover, - header a[role="button"]:active, - header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:active, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:active, header [role="button"]:focus { - background: #37474f; } - header .logo, header a.button, header a[role="button"] { - text-decoration: none; } + overflow-y: hidden; +} + +header .logo { + color: #fafafa; + font-size: 1.75em; + line-height: 1.2; + margin: 1px 6px 1px 1px; + padding: 3px 0 0; + -webkit-transition: 0s opacity; + transition: 0s opacity; +} + +header button, header [type="button"], +header a.button, header label.button, header .button, +header a[role="button"], header label[role="button"], header [role="button"] { + background: #263238; + color: #fafafa; + vertical-align: top; + margin: 2px 0 0; + box-shadow: none; +} + +header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, +header a.button:hover, +header a.button:active, +header a.button:focus, header label.button:hover, header label.button:active, header label.button:focus, header .button:hover, header .button:active, header .button:focus, +header a[role="button"]:hover, +header a[role="button"]:active, +header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:active, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:active, header [role="button"]:focus { + background: #37474f; +} + +header .logo, header a.button, header a[role="button"] { + text-decoration: none; +} nav { display: block; @@ -618,32 +765,43 @@ nav { border: 1px solid #bdbdbd; margin: 2px; padding: 8px 8px 16px 20px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } - nav a, nav a:visited { - display: block; - color: #1565c0; } - nav .sublink-1 { - padding-left: 12px; - position: relative; } - nav .sublink-1:before { - position: absolute; - left: 3px; - top: -1px; - content: ''; - height: 100%; - border: 1px solid #78909c; - border-left: 0; } - nav .sublink-2 { - padding-left: 24px; - position: relative; } - nav .sublink-2:before { - position: absolute; - left: 3px; - top: -1px; - content: ''; - height: 100%; - border: 1px solid #78909c; - border-left: 0; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} + +nav a, nav a:visited { + display: block; + color: #1565c0; +} + +nav .sublink-1 { + padding-left: 12px; + position: relative; +} + +nav .sublink-1:before { + position: absolute; + left: 3px; + top: -1px; + content: ''; + height: 100%; + border: 1px solid #78909c; + border-left: 0; +} + +nav .sublink-2 { + padding-left: 24px; + position: relative; +} + +nav .sublink-2:before { + position: absolute; + left: 3px; + top: -1px; + content: ''; + height: 100%; + border: 1px solid #78909c; + border-left: 0; +} footer { display: block; @@ -651,20 +809,26 @@ footer { color: #fafafa; margin: 18px 0 0; padding: 22px 10px 12px; - font-size: 85%; } - footer a, footer a:visited { - color: #039be5; } + font-size: 85%; +} + +footer a, footer a:visited { + color: #039be5; +} header.sticky, footer.sticky { position: -webkit-sticky; position: sticky; - z-index: 1101; } + z-index: 1101; +} header.sticky { - top: 0; } + top: 0; +} footer.sticky { - bottom: 0; } + bottom: 0; +} /* Definitions for forms and input elements. @@ -674,13 +838,15 @@ form { border: 1px solid #bdbdbd; margin: 8px; padding: 12px 10px 18px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} fieldset { border: 1px solid #bdbdbd; border-radius: 2px; margin: 2px; - padding: 6px 8px 8px; } + padding: 6px 8px 8px; +} legend { box-sizing: border-box; @@ -689,29 +855,36 @@ legend { white-space: normal; font-weight: 700; font-size: 0.925em; - padding: 2px 4px; } + padding: 2px 4px; +} label { - padding: 4px; } + padding: 4px; +} .input-group { - display: inline-block; } - .input-group.fluid { - display: -webkit-box; - -webkit-box-pack: justify; - display: -webkit-flex; - display: flex; - -webkit-align-items: center; - align-items: center; - -webkit-justify-content: center; - justify-content: center; } - .input-group.fluid > input { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - flex-basis: 0; } + display: inline-block; +} + +.input-group.fluid { + display: -webkit-box; + -webkit-box-pack: justify; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; +} + +.input-group.fluid > input { + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-basis: 0; + flex-basis: 0; +} @media screen and (max-width: 767px) { .input-group.fluid { @@ -719,21 +892,27 @@ label { -webkit-align-items: stretch; align-items: stretch; -webkit-flex-direction: column; - flex-direction: column; } } + flex-direction: column; + } +} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; } + height: auto; +} textarea { - overflow: auto; } + overflow: auto; +} [type="search"] { -webkit-appearance: textfield; - outline-offset: -2px; } + outline-offset: -2px; +} [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } + -webkit-appearance: none; +} input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"], [type="password"], [type="url"], [type="tel"], textarea, select { @@ -743,46 +922,57 @@ input:not([type]), [type="text"], [type="email"], [type="number"], [type="search border: 1px solid #bdbdbd; border-radius: 1px; margin: 2px; - padding: 8px 12px; } + padding: 8px 12px; +} input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus { border-color: #0288d1; - box-shadow: none; } + box-shadow: none; +} input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled, input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled] { cursor: not-allowed; - opacity: 0.75; } + opacity: 0.75; +} input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid { border-color: #d32f2f; - box-shadow: none; } + box-shadow: none; +} input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] { background: #e0e0e0; - border-color: #bdbdbd; } + border-color: #bdbdbd; +} ::-webkit-input-placeholder { opacity: 1; - color: #616161; } + color: #616161; +} ::-moz-placeholder { opacity: 1; - color: #616161; } + color: #616161; +} ::-ms-placeholder { opacity: 1; - color: #616161; } + color: #616161; +} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; - padding: 0; } + padding: 0; +} button, html [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; } + -webkit-appearance: button; +} button { overflow: visible; - text-transform: none; } + text-transform: none; +} button, [type="button"], [type="submit"], [type="reset"], a.button, label.button, .button, @@ -798,23 +988,28 @@ a[role="button"], label[role="button"], [role="button"] { text-decoration: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; - cursor: pointer; } - button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, - a.button:hover, - a.button:active, - a.button:focus, label.button:hover, label.button:active, label.button:focus, .button:hover, .button:active, .button:focus, - a[role="button"]:hover, - a[role="button"]:active, - a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:active, label[role="button"]:focus, [role="button"]:hover, [role="button"]:active, [role="button"]:focus { - background: rgba(189, 189, 189, 0.8); - opacity: 1; } - button:disabled, button[disabled], [type="button"]:disabled, [type="button"][disabled], [type="submit"]:disabled, [type="submit"][disabled], [type="reset"]:disabled, [type="reset"][disabled], - a.button:disabled, - a.button[disabled], label.button:disabled, label.button[disabled], .button:disabled, .button[disabled], - a[role="button"]:disabled, - a[role="button"][disabled], label[role="button"]:disabled, label[role="button"][disabled], [role="button"]:disabled, [role="button"][disabled] { - cursor: not-allowed; - opacity: 0.65; } + cursor: pointer; +} + +button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, +a.button:hover, +a.button:active, +a.button:focus, label.button:hover, label.button:active, label.button:focus, .button:hover, .button:active, .button:focus, +a[role="button"]:hover, +a[role="button"]:active, +a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:active, label[role="button"]:focus, [role="button"]:hover, [role="button"]:active, [role="button"]:focus { + background: rgba(189, 189, 189, 0.8); + opacity: 1; +} + +button:disabled, button[disabled], [type="button"]:disabled, [type="button"][disabled], [type="submit"]:disabled, [type="submit"][disabled], [type="reset"]:disabled, [type="reset"][disabled], +a.button:disabled, +a.button[disabled], label.button:disabled, label.button[disabled], .button:disabled, .button[disabled], +a[role="button"]:disabled, +a[role="button"][disabled], label[role="button"]:disabled, label[role="button"][disabled], [role="button"]:disabled, [role="button"][disabled] { + cursor: not-allowed; + opacity: 0.65; +} input[type="file"] { border: 0; @@ -826,7 +1021,8 @@ input[type="file"] { position: absolute; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); - clip-path: inset(100%); } + clip-path: inset(100%); +} .button-group { display: -webkit-box; @@ -835,53 +1031,61 @@ input[type="file"] { border: 1px solid #9e9e9e; border-radius: 2px; margin: 8px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } - .button-group button, .button-group [type="button"], .button-group [type="submit"], .button-group [type="reset"], - .button-group .button, .button-group [role="button"] { - margin: 0; - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - flex-basis: 0; - text-align: center; - border: 0; - border-radius: 0; - box-shadow: none; } - .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], - .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], - .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], - .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], - .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], - .button-group .button + button, - .button-group .button + [type="button"], - .button-group .button + [type="submit"], - .button-group .button + [type="reset"], - .button-group .button + .button, - .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], - .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { - border-left: 1px solid #9e9e9e; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.button-group button, .button-group [type="button"], .button-group [type="submit"], .button-group [type="reset"], +.button-group .button, .button-group [role="button"] { + margin: 0; + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-basis: 0; + flex-basis: 0; + text-align: center; + border: 0; + border-radius: 0; + box-shadow: none; +} + +.button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], +.button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], +.button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], +.button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], +.button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], +.button-group .button + button, +.button-group .button + [type="button"], +.button-group .button + [type="submit"], +.button-group .button + [type="reset"], +.button-group .button + .button, +.button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], +.button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { + border-left: 1px solid #9e9e9e; +} @media screen and (max-width: 767px) { .button-group { -webkit-box-orient: vertical; -webkit-flex-direction: column; - flex-direction: column; } - .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], - .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], - .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], - .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], - .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], - .button-group .button + button, - .button-group .button + [type="button"], - .button-group .button + [type="submit"], - .button-group .button + [type="reset"], - .button-group .button + .button, - .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], - .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { - border: 0; - border-top: 1px solid #9e9e9e; } } + flex-direction: column; + } + .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], + .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], + .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], + .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], + .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], + .button-group .button + button, + .button-group .button + [type="button"], + .button-group .button + [type="submit"], + .button-group .button + [type="reset"], + .button-group .button + .button, + .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], + .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { + border: 0; + border-top: 1px solid #9e9e9e; + } +} [type="checkbox"], [type="radio"] { height: 1px; @@ -891,37 +1095,48 @@ input[type="file"] { position: absolute; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); - clip-path: inset(100%); } + clip-path: inset(100%); +} .input-group [type="checkbox"] + label, .input-group [type="radio"] + label { position: relative; - margin-left: 20px; } - .input-group [type="checkbox"] + label:before, .input-group [type="radio"] + label:before { - display: inline-block; - position: absolute; - bottom: 6px; - left: 0; - width: 16px; - height: 16px; - content: ''; - border: 1px solid #bdbdbd; - border-radius: 1px; - background: #fafafa; - color: #212121; - margin-left: -20px; } - .input-group [type="checkbox"] + label:hover:before, .input-group [type="checkbox"] + label:active:before, .input-group [type="checkbox"] + label:focus:before, .input-group [type="radio"] + label:hover:before, .input-group [type="radio"] + label:active:before, .input-group [type="radio"] + label:focus:before { - border-color: #0288d1; } + margin-left: 20px; +} + +.input-group [type="checkbox"] + label:before, .input-group [type="radio"] + label:before { + display: inline-block; + position: absolute; + bottom: 6px; + left: 0; + width: 16px; + height: 16px; + content: ''; + border: 1px solid #bdbdbd; + border-radius: 1px; + background: #fafafa; + color: #212121; + margin-left: -20px; +} + +.input-group [type="checkbox"] + label:hover:before, .input-group [type="checkbox"] + label:active:before, .input-group [type="checkbox"] + label:focus:before, .input-group [type="radio"] + label:hover:before, .input-group [type="radio"] + label:active:before, .input-group [type="radio"] + label:focus:before { + border-color: #0288d1; +} .input-group [type="checkbox"]:focus + label:before, .input-group [type="radio"]:focus + label:before { - border-color: #0288d1; } + border-color: #0288d1; +} .input-group [type="radio"] + label:before, .input-group [type="radio"] + label:after { - border-radius: 50%; } + border-radius: 50%; +} .input-group [type="checkbox"][disabled] + label, .input-group [type="radio"][disabled] + label { - cursor: not-allowed; } - .input-group [type="checkbox"][disabled] + label:before, .input-group [type="checkbox"][disabled] + label:after, .input-group [type="radio"][disabled] + label:before, .input-group [type="radio"][disabled] + label:after { - opacity: 0.75; } + cursor: not-allowed; +} + +.input-group [type="checkbox"][disabled] + label:before, .input-group [type="checkbox"][disabled] + label:after, .input-group [type="radio"][disabled] + label:before, .input-group [type="radio"][disabled] + label:after { + opacity: 0.75; +} .input-group [type="checkbox"]:checked + label:after, .input-group [type="radio"]:checked + label:after { margin-left: -20px; @@ -931,7 +1146,8 @@ input[type="file"] { width: 10px; height: 10px; background: #212121; - content: ''; } + content: ''; +} /* Custom elements for forms and input elements. @@ -939,54 +1155,68 @@ input[type="file"] { button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary { background: rgba(2, 119, 189, 0.9); - color: #fafafa; } - button.primary:hover, button.primary:active, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:active, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:active, [type="submit"].primary:focus, - [type="reset"].primary:hover, - [type="reset"].primary:active, - [type="reset"].primary:focus, .button.primary:hover, .button.primary:active, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:active, [role="button"].primary:focus { - background: #0277bd; } + color: #fafafa; +} + +button.primary:hover, button.primary:active, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:active, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:active, [type="submit"].primary:focus, +[type="reset"].primary:hover, +[type="reset"].primary:active, +[type="reset"].primary:focus, .button.primary:hover, .button.primary:active, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:active, [role="button"].primary:focus { + background: #0277bd; +} button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary { background: rgba(198, 40, 40, 0.85); - color: #fafafa; } - button.secondary:hover, button.secondary:active, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:active, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:active, [type="submit"].secondary:focus, - [type="reset"].secondary:hover, - [type="reset"].secondary:active, - [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:active, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:active, [role="button"].secondary:focus { - background: #c62828; } + color: #fafafa; +} + +button.secondary:hover, button.secondary:active, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:active, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:active, [type="submit"].secondary:focus, +[type="reset"].secondary:hover, +[type="reset"].secondary:active, +[type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:active, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:active, [role="button"].secondary:focus { + background: #c62828; +} button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary { background: rgba(104, 159, 56, 0.85); - color: #fafafa; } - button.tertiary:hover, button.tertiary:active, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:active, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:active, [type="submit"].tertiary:focus, - [type="reset"].tertiary:hover, - [type="reset"].tertiary:active, - [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:active, [role="button"].tertiary:focus { - background: #689f38; } + color: #fafafa; +} + +button.tertiary:hover, button.tertiary:active, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:active, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:active, [type="submit"].tertiary:focus, +[type="reset"].tertiary:hover, +[type="reset"].tertiary:active, +[type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:active, [role="button"].tertiary:focus { + background: #689f38; +} button.inverse, [type="button"].inverse, [type="submit"].inverse, [type="reset"].inverse, .button.inverse, [role="button"].inverse { background: #212121; - color: #fafafa; } - button.inverse:hover, button.inverse:active, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:active, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:active, [type="submit"].inverse:focus, - [type="reset"].inverse:hover, - [type="reset"].inverse:active, - [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:active, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:active, [role="button"].inverse:focus { - background: rgba(33, 33, 33, 0.9); } + color: #fafafa; +} + +button.inverse:hover, button.inverse:active, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:active, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:active, [type="submit"].inverse:focus, +[type="reset"].inverse:hover, +[type="reset"].inverse:active, +[type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:active, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:active, [role="button"].inverse:focus { + background: rgba(33, 33, 33, 0.9); +} button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small { border-radius: 1px; padding: 4px 6px; - margin: 6px 8px; } + margin: 6px 8px; +} button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large { border-radius: 4px; padding: 12px 18px; - margin: 10px 8px; } + margin: 10px 8px; +} /* Definitions for the responsive table component. @@ -996,59 +1226,81 @@ table { border-spacing: 0; border: 1px solid #bdbdbd; margin: 0 auto; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } - table caption { - font-size: 1.5em; - margin: 6px 8px 12px; } - table tr { - padding: 8px; } - table th, table td { - padding: 10px; - border-left: 1px solid #bdbdbd; - border-top: 1px solid #bdbdbd; } - table td { - background: #fafafa; } - table thead th { - border-top: 0; } - table th { - background: #e0e0e0; } - table th:first-child, table td:first-child { - border-left: 0; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} + +table caption { + font-size: 1.5em; + margin: 6px 8px 12px; +} + +table tr { + padding: 8px; +} + +table th, table td { + padding: 10px; + border-left: 1px solid #bdbdbd; + border-top: 1px solid #bdbdbd; +} + +table td { + background: #fafafa; +} + +table thead th { + border-top: 0; +} + +table th { + background: #e0e0e0; +} + +table th:first-child, table td:first-child { + border-left: 0; +} @media screen and (max-width: 767px) { table:not(.preset) { border-collapse: collapse; border: 0; width: 100%; - box-shadow: none; } - table:not(.preset) thead, table:not(.preset) th { - border: 0; - height: 1px; - width: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - clip: rect(0 0 0 0); - -webkit-clip-path: inset(100%); - clip-path: inset(100%); } - table:not(.preset) tr { - display: block; - border: 1px solid #bdbdbd; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); - background: #fafafa; - margin-bottom: 10px; } - table:not(.preset) td { - display: block; - border: 0; - border-bottom: 1px solid #bdbdbd; - text-align: right; } - table:not(.preset) td:before { - content: attr(data-label); - float: left; - font-weight: 700; } - table:not(.preset) td:last-child { - border-bottom: 0; } } + box-shadow: none; + } + table:not(.preset) thead, table:not(.preset) th { + border: 0; + height: 1px; + width: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + clip: rect(0 0 0 0); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + } + table:not(.preset) tr { + display: block; + border: 1px solid #bdbdbd; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); + background: #fafafa; + margin-bottom: 10px; + } + table:not(.preset) td { + display: block; + border: 0; + border-bottom: 1px solid #bdbdbd; + text-align: right; + } + table:not(.preset) td:before { + content: attr(data-label); + float: left; + font-weight: 700; + } + table:not(.preset) td:last-child { + border-bottom: 0; + } +} @media screen and (min-width: 768px) { table.horizontal { @@ -1062,52 +1314,64 @@ table { flex: 0 1 auto; -webkit-flex-flow: row wrap; flex-flow: row wrap; - padding: 8px; } - table.horizontal caption { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex: 0 0 100%; - flex: 0 0 100%; } - table.horizontal thead, table.horizontal tbody { - display: -webkit-box; - -webkit-box-flex: 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-flow: row nowrap; - flex-flow: row nowrap; } - table.horizontal thead { - z-index: 999; } - table.horizontal tbody { - overflow: auto; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-flex: 1 0 0; - flex: 1 0 0; } - table.horizontal tr { - display: -webkit-box; - -webkit-box-flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; } - table.horizontal th, table.horizontal td { - width: 100%; - border: 1px solid #bdbdbd; } - table.horizontal th + th, table.horizontal th + td, table.horizontal td + th, table.horizontal td + td { - border-top: 0; } - table.horizontal th { - text-align: right; } - table.horizontal thead tr:first-child { - padding-left: 0; } - table.horizontal tbody tr:first-child > td { - padding-left: 20px; } } + padding: 8px; + } + table.horizontal caption { + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex: 0 0 100%; + flex: 0 0 100%; + } + table.horizontal thead, table.horizontal tbody { + display: -webkit-box; + -webkit-box-flex: 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + display: -webkit-flex; + display: flex; + -webkit-flex-flow: row nowrap; + flex-flow: row nowrap; + } + table.horizontal thead { + z-index: 999; + } + table.horizontal tbody { + overflow: auto; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-flex: 1 0 0; + flex: 1 0 0; + } + table.horizontal tr { + display: -webkit-box; + -webkit-box-flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex: 1 0 auto; + flex: 1 0 auto; + } + table.horizontal th, table.horizontal td { + width: 100%; + border: 1px solid #bdbdbd; + } + table.horizontal th + th, table.horizontal th + td, table.horizontal td + th, table.horizontal td + td { + border-top: 0; + } + table.horizontal th { + text-align: right; + } + table.horizontal thead tr:first-child { + padding-left: 0; + } + table.horizontal tbody tr:first-child > td { + padding-left: 20px; + } +} @media screen and (max-width: 767px) { table.horizontal.preset { @@ -1120,57 +1384,71 @@ table { -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-flow: row wrap; - flex-flow: row wrap; } - table.horizontal.preset caption { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex: 0 0 100%; - flex: 0 0 100%; } - table.horizontal.preset thead, table.horizontal.preset tbody { - display: -webkit-box; - -webkit-box-flex: 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-flow: row nowrap; - flex-flow: row nowrap; } - table.horizontal.preset thead { - z-index: 999; } - table.horizontal.preset tbody { - overflow: auto; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-flex: 1 0 0; - flex: 1 0 0; } - table.horizontal.preset tr { - display: -webkit-box; - -webkit-box-flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; } - table.horizontal.preset th, table.horizontal.preset td { - width: 100%; - border: 1px solid #bdbdbd; } - table.horizontal.preset th + th, table.horizontal.preset th + td, table.horizontal.preset td + th, table.horizontal.preset td + td { - border-top: 0; } - table.horizontal.preset th { - text-align: right; } - table.horizontal.preset tbody tr:first-child > td { - padding-left: 20px; } } + flex-flow: row wrap; + } + table.horizontal.preset caption { + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex: 0 0 100%; + flex: 0 0 100%; + } + table.horizontal.preset thead, table.horizontal.preset tbody { + display: -webkit-box; + -webkit-box-flex: 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + display: -webkit-flex; + display: flex; + -webkit-flex-flow: row nowrap; + flex-flow: row nowrap; + } + table.horizontal.preset thead { + z-index: 999; + } + table.horizontal.preset tbody { + overflow: auto; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-flex: 1 0 0; + flex: 1 0 0; + } + table.horizontal.preset tr { + display: -webkit-box; + -webkit-box-flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex: 1 0 auto; + flex: 1 0 auto; + } + table.horizontal.preset th, table.horizontal.preset td { + width: 100%; + border: 1px solid #bdbdbd; + } + table.horizontal.preset th + th, table.horizontal.preset th + td, table.horizontal.preset td + th, table.horizontal.preset td + td { + border-top: 0; + } + table.horizontal.preset th { + text-align: right; + } + table.horizontal.preset tbody tr:first-child > td { + padding-left: 20px; + } +} table.striped tr:nth-of-type(2n) > td { - background: #eeeeee; } + background: #eeeeee; +} @media screen and (max-width: 767px) { table.striped:not(.preset) tr:nth-of-type(2n) { - background: #eeeeee; } } + background: #eeeeee; + } +} /* Definitions for cards and containers. @@ -1193,59 +1471,83 @@ table.striped tr:nth-of-type(2n) > td { background: #fafafa; border: 1px solid #9e9e9e; margin: 2px 10px 20px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); } - .card > .section { - box-sizing: border-box; - margin: 0; - border-bottom: 1px solid #bdbdbd; - padding: 6px 8px 6px; - width: 100%; } - .card > .section.media { - height: 200px; - padding: 0; - -o-object-fit: cover; - object-fit: cover; } - .card > button.section, .card .button.section, .card [role="button"].section, .card input.section { - border-radius: 0; } - .card > .section:last-child { - border-bottom: 0; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); +} + +.card > .section { + box-sizing: border-box; + margin: 0; + border-bottom: 1px solid #bdbdbd; + padding: 6px 8px 6px; + width: 100%; +} + +.card > .section.media { + height: 200px; + padding: 0; + -o-object-fit: cover; + object-fit: cover; +} + +.card > button.section, .card .button.section, .card [role="button"].section, .card input.section { + border-radius: 0; +} + +.card > .section:last-child { + border-bottom: 0; +} @media screen and (min-width: 320px) { .card { - max-width: 320px; } } + max-width: 320px; + } +} /* Custom elements for cards and containers. */ @media screen and (min-width: 480px) { .card.large { - max-width: 480px; } } + max-width: 480px; + } +} @media screen and (min-width: 240px) { .card.small { - max-width: 240px; } } + max-width: 240px; + } +} .card.fluid { max-width: 100%; - width: auto; } + width: auto; +} .card.inverse { background: #212121; color: #fafafa; - border: 1px solid #424242; } - .card.inverse > .section { - border-bottom: 1px solid #616161; } - .card.inverse > .section:last-child { - border-bottom: 0; } + border: 1px solid #424242; +} + +.card.inverse > .section { + border-bottom: 1px solid #616161; +} + +.card.inverse > .section:last-child { + border-bottom: 0; +} .card > .section.dark { - background: #e0e0e0; } + background: #e0e0e0; +} .card > .section.darker { - background: #bdbdbd; } + background: #bdbdbd; +} .card > .section.double-padded { - padding: 10px 12px 10px; } + padding: 10px 12px 10px; +} /* Definitions for tabs/horizontal accordions. @@ -1261,102 +1563,135 @@ table.striped tr:nth-of-type(2n) > td { justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); } - .tabs > label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-order: 1; - order: 1; - display: inline-block; - height: 26px; - cursor: pointer; - -webkit-transition: background 0.3s ease 0s; - transition: background 0.3s ease 0s; - background: #e0e0e0; - border: 1px solid #9e9e9e; - padding: 8px 12px; } - .tabs > label:hover, .tabs > label:active, .tabs > label:focus { - background: rgba(224, 224, 224, 0.8); } - .tabs > [type="radio"], .tabs.stacked > [type="checkbox"] { - display: none; - visibility: hidden; } - .tabs > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { - -webkit-flex-basis: auto; - flex-basis: auto; - -webkit-order: 2; - order: 2; - height: 1px; - width: 1px; - margin: -1px; - overflow: hidden; - position: absolute; - clip: rect(0 0 0 0); - -webkit-clip-path: inset(100%); - clip-path: inset(100%); - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: top; - transform-origin: top; - -webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; - transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; } - .tabs > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label { - border-left: 0; } - .tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { - border-left: 0; } - .tabs > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label { - background: #eeeeee; } - .tabs > [type="radio"]:checked + label:hover, .tabs > [type="radio"]:checked + label:active, .tabs > [type="radio"]:checked + label:focus, .tabs.stacked > [type="checkbox"]:checked + label:hover, .tabs.stacked > [type="checkbox"]:checked + label:active, .tabs.stacked > [type="checkbox"]:checked + label:focus { - background: rgba(238, 238, 238, 0.8); } - .tabs > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { - box-sizing: border-box; - position: relative; - height: 400px; - width: 100%; - overflow: auto; - margin: 0; - -webkit-transform: scaleY(1); - transform: scaleY(1); - background: #fafafa; - border: 1px solid #9e9e9e; - border-top: 0; - padding: 8px; - clip: auto; - -webkit-clip-path: inset(0%); - clip-path: inset(0%); } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); +} + +.tabs > label { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-order: 1; + order: 1; + display: inline-block; + height: 26px; + cursor: pointer; + -webkit-transition: background 0.3s ease 0s; + transition: background 0.3s ease 0s; + background: #e0e0e0; + border: 1px solid #9e9e9e; + padding: 8px 12px; +} + +.tabs > label:hover, .tabs > label:active, .tabs > label:focus { + background: rgba(224, 224, 224, 0.8); +} + +.tabs > [type="radio"], .tabs.stacked > [type="checkbox"] { + display: none; + visibility: hidden; +} + +.tabs > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { + -webkit-flex-basis: auto; + flex-basis: auto; + -webkit-order: 2; + order: 2; + height: 1px; + width: 1px; + margin: -1px; + overflow: hidden; + position: absolute; + clip: rect(0 0 0 0); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: top; + transform-origin: top; + -webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; + transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; +} + +.tabs > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label { + border-left: 0; +} + +.tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { + border-left: 0; +} + +.tabs > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label { + background: #eeeeee; +} + +.tabs > [type="radio"]:checked + label:hover, .tabs > [type="radio"]:checked + label:active, .tabs > [type="radio"]:checked + label:focus, .tabs.stacked > [type="checkbox"]:checked + label:hover, .tabs.stacked > [type="checkbox"]:checked + label:active, .tabs.stacked > [type="checkbox"]:checked + label:focus { + background: rgba(238, 238, 238, 0.8); +} + +.tabs > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { + box-sizing: border-box; + position: relative; + height: 400px; + width: 100%; + overflow: auto; + margin: 0; + -webkit-transform: scaleY(1); + transform: scaleY(1); + background: #fafafa; + border: 1px solid #9e9e9e; + border-top: 0; + padding: 8px; + clip: auto; + -webkit-clip-path: inset(0%); + clip-path: inset(0%); +} .tabs.stacked { -webkit-box-orient: vertical; -webkit-flex-direction: column; - flex-direction: column; } - .tabs.stacked > label { - -webkit-order: initial; - order: initial; } - .tabs.stacked > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { - -webkit-order: initial; - order: initial; - -webkit-transform-origin: top; - transform-origin: top; } - .tabs.stacked > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="radio"] + label + div + [type="checkbox"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { - border: 1px solid #9e9e9e; - border-top: 0; } - .tabs.stacked > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { - height: auto; } + flex-direction: column; +} + +.tabs.stacked > label { + -webkit-order: initial; + order: initial; +} + +.tabs.stacked > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { + -webkit-order: initial; + order: initial; + -webkit-transform-origin: top; + transform-origin: top; +} + +.tabs.stacked > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="radio"] + label + div + [type="checkbox"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { + border: 1px solid #9e9e9e; + border-top: 0; +} + +.tabs.stacked > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { + height: auto; +} @media screen and (max-width: 767px) { .tabs { -webkit-box-orient: vertical; -webkit-flex-direction: column; - flex-direction: column; } - .tabs > label { - -webkit-order: initial; - order: initial; } - .tabs > [type="radio"] + label + div { - -webkit-order: initial; - order: initial; } - .tabs > [type="radio"] + label + div + [type="radio"] + label { - border: 1px solid #9e9e9e; - border-top: 0; } } + flex-direction: column; + } + .tabs > label { + -webkit-order: initial; + order: initial; + } + .tabs > [type="radio"] + label + div { + -webkit-order: initial; + order: initial; + } + .tabs > [type="radio"] + label + div + [type="radio"] + label { + border: 1px solid #9e9e9e; + border-top: 0; + } +} /* Definitions for contextual background elements and alerts. @@ -1368,33 +1703,48 @@ mark { line-height: 1; border-radius: 2px; padding: 2px 4px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); } - mark.inline-block { - display: inline-block; } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); +} + +mark.inline-block { + display: inline-block; +} @-webkit-keyframes alert-anim { 0% { - -webkit-transform: scale(1); } + -webkit-transform: scale(1); + } 45% { - -webkit-transform: scale(1); } + -webkit-transform: scale(1); + } 50% { - -webkit-transform: scale(1.005); } + -webkit-transform: scale(1.005); + } 55% { - -webkit-transform: scale(1); } + -webkit-transform: scale(1); + } 100% { - -webkit-transform: scale(1); } } + -webkit-transform: scale(1); + } +} @keyframes alert-anim { 0% { - transform: scale(1); } + transform: scale(1); + } 45% { - transform: scale(1); } + transform: scale(1); + } 50% { - transform: scale(1.005); } + transform: scale(1.005); + } 55% { - transform: scale(1); } + transform: scale(1); + } 100% { - transform: scale(1); } } + transform: scale(1); + } +} .alert { display: block; @@ -1402,96 +1752,132 @@ mark { border: 1px solid #bdbdbd; margin: 1px 10px; padding: 12px 16px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26); } - .alert.animated { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation: alert-anim 6s linear infinite; - animation: alert-anim 6s linear infinite; } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26); +} + +.alert.animated { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: alert-anim 6s linear infinite; + animation: alert-anim 6s linear infinite; +} .tooltip { position: relative; - display: inline-block; } - .tooltip:before, .tooltip:after { - position: absolute; - opacity: 0; - clip: rect(0 0 0 0); - -webkit-clip-path: inset(100%); - clip-path: inset(100%); - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 1010; } - .tooltip:before, .tooltip:after { - left: 50%; } - .tooltip:not(.bottom):before, .tooltip:not(.bottom):after { - bottom: 100%; } - .tooltip.bottom:before, .tooltip.bottom:after { - top: 100%; } - .tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { - opacity: 1; - clip: auto; - -webkit-clip-path: inset(0%); - clip-path: inset(0%); } - .tooltip:before { - content: ''; - background: transparent; - border: 6px solid transparent; } - .tooltip:not(.bottom):before { - border-top-color: #212121; } - .tooltip.bottom:before { - border-bottom-color: #212121; } - .tooltip:after { - content: attr(aria-label); - background: #212121; - border-radius: 2px; - color: #fafafa; - padding: 6px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); - white-space: nowrap; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } - .tooltip:not(.bottom):after { - margin-bottom: 12px; } - .tooltip.bottom:after { - margin-top: 12px; } + display: inline-block; +} + +.tooltip:before, .tooltip:after { + position: absolute; + opacity: 0; + clip: rect(0 0 0 0); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 1010; +} + +.tooltip:before, .tooltip:after { + left: 50%; +} + +.tooltip:not(.bottom):before, .tooltip:not(.bottom):after { + bottom: 100%; +} + +.tooltip.bottom:before, .tooltip.bottom:after { + top: 100%; +} + +.tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { + opacity: 1; + clip: auto; + -webkit-clip-path: inset(0%); + clip-path: inset(0%); +} + +.tooltip:before { + content: ''; + background: transparent; + border: 6px solid transparent; +} + +.tooltip:not(.bottom):before { + border-top-color: #212121; +} + +.tooltip.bottom:before { + border-bottom-color: #212121; +} + +.tooltip:after { + content: attr(aria-label); + background: #212121; + border-radius: 2px; + color: #fafafa; + padding: 6px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); + white-space: nowrap; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.tooltip:not(.bottom):after { + margin-bottom: 12px; +} + +.tooltip.bottom:after { + margin-top: 12px; +} @supports (left: calc(50% - 6px)) or (left: -webkit-calc(50% - 6px)) { .tooltip:before { left: -webkit-calc(50% - 6px); - left: calc(50% - 6px); } } + left: calc(50% - 6px); + } +} /* Custom contextual background elements and alerts. */ mark.secondary { - background: #e53935; } + background: #e53935; +} mark.tertiary { - background: #689f38; } + background: #689f38; +} mark.tag { border-radius: 200px; - padding: 4px 8px; } + padding: 4px 8px; +} mark.inline-block { font-size: 100%; line-height: 1.35; - padding: 5px; } + padding: 5px; +} .alert.urgent { - background: #ffca28; } + background: #ffca28; +} .alert.critical { background: #b71c1c; - color: #fafafa; } + color: #fafafa; +} .alert.urgent { - border: 1px solid #ff8f00; } + border: 1px solid #ff8f00; +} .alert.critical { - border: 1px solid #d50000; } + border: 1px solid #d50000; +} /* Definitions for progress elements and spinners. @@ -1509,39 +1895,58 @@ progress { margin: 2px auto; box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15); background: #eeeeee; - color: #01579b; } - progress::-webkit-progress-value { - background: #01579b; - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; } - progress::-webkit-progress-bar { - background: #eeeeee; } - progress::-moz-progress-bar { - background: #01579b; - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; } - progress[value="1000"]::-webkit-progress-value { - border-radius: 1px; } - progress[value="1000"]::-moz-progress-bar { - border-radius: 1px; } + color: #01579b; +} + +progress::-webkit-progress-value { + background: #01579b; + border-top-left-radius: 1px; + border-bottom-left-radius: 1px; +} + +progress::-webkit-progress-bar { + background: #eeeeee; +} + +progress::-moz-progress-bar { + background: #01579b; + border-top-left-radius: 1px; + border-bottom-left-radius: 1px; +} + +progress[value="1000"]::-webkit-progress-value { + border-radius: 1px; +} + +progress[value="1000"]::-moz-progress-bar { + border-radius: 1px; +} @supports (width: calc(100% - 2*8px)) or (width: -webkit-calc(100% - 2*8px)) { progress { width: -webkit-calc(100% - 2*8px); width: calc(100% - 2*8px); - margin: 2px 8px; } } + margin: 2px 8px; + } +} @-webkit-keyframes spinner-donut-anim { 0% { - -webkit-transform: rotate(0deg); } + -webkit-transform: rotate(0deg); + } 100% { - -webkit-transform: rotate(360deg); } } + -webkit-transform: rotate(360deg); + } +} @keyframes spinner-donut-anim { 0% { - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { - transform: rotate(360deg); } } + transform: rotate(360deg); + } +} .spinner-donut { display: inline-block; @@ -1551,7 +1956,8 @@ progress { width: 20px; height: 20px; -webkit-animation: spinner-donut-anim 1.2s linear infinite; - animation: spinner-donut-anim 1.2s linear infinite; } + animation: spinner-donut-anim 1.2s linear infinite; +} /* Custom elements for progress elements and spinners. @@ -1559,56 +1965,80 @@ progress { progress.inline { display: inline-block; vertical-align: middle; - width: 60%; } + width: 60%; +} progress.secondary { - color: #e53935; } - progress.secondary::-webkit-progress-value { - background: #e53935; } - progress.secondary::-moz-progress-bar { - background: #e53935; } + color: #e53935; +} + +progress.secondary::-webkit-progress-value { + background: #e53935; +} + +progress.secondary::-moz-progress-bar { + background: #e53935; +} progress.tertiary { - color: #689f38; } - progress.tertiary::-webkit-progress-value { - background: #689f38; } - progress.tertiary::-moz-progress-bar { - background: #689f38; } + color: #689f38; +} + +progress.tertiary::-webkit-progress-value { + background: #689f38; +} + +progress.tertiary::-moz-progress-bar { + background: #689f38; +} progress.nano { height: 2px; width: 100%; margin: 0 auto; - border-radius: 0; } - progress.nano::-webkit-progress-value { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - progress.nano::-moz-progress-bar { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - progress.nano[value="1000"]::-webkit-progress-value { - border-radius: 0; } - progress.nano[value="1000"]::-moz-progress-bar { - border-radius: 0; } + border-radius: 0; +} + +progress.nano::-webkit-progress-value { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +progress.nano::-moz-progress-bar { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +progress.nano[value="1000"]::-webkit-progress-value { + border-radius: 0; +} + +progress.nano[value="1000"]::-moz-progress-bar { + border-radius: 0; +} .spinner-donut.secondary { border: 4px solid #ffebee; - border-left: 4px solid #c62828; } + border-left: 4px solid #c62828; +} .spinner-donut.tertiary { border: 4px solid #e8f5e9; - border-left: 4px solid #2e7d32; } + border-left: 4px solid #2e7d32; +} .spinner-donut.large { border-width: 6px; width: 32px; - height: 32px; } + height: 32px; +} /* Definitions for utilities and helper classes. */ .hidden { - display: none !important; } + display: none !important; +} .visually-hidden { position: absolute !important; @@ -1620,7 +2050,8 @@ progress.nano { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } + overflow: hidden !important; +} ul.breadcrumbs { display: -webkit-box; @@ -1630,41 +2061,56 @@ ul.breadcrumbs { margin: 10px 8px; padding: 0; border-radius: 4px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); } - ul.breadcrumbs li { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - flex-basis: 0; - position: relative; - text-align: center; - background: #e0e0e0; - height: 32px; - line-height: 32px; - margin-right: 18px; } - ul.breadcrumbs li:before, ul.breadcrumbs li:after { - content: ""; - position: absolute; - top: 0; - width: 0; - height: 0; - border: 0 solid #e0e0e0; - border-width: 16px 8px; } - ul.breadcrumbs li:before { - left: -16px; - border-left-color: transparent; } - ul.breadcrumbs li:after { - left: 100%; - border-color: transparent; - border-left-color: #e0e0e0; } - ul.breadcrumbs li:first-child:before { - border: 0; } - ul.breadcrumbs li:last-child { - margin-right: 0; } - ul.breadcrumbs li:last-child:after { - border: 0; } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); +} + +ul.breadcrumbs li { + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-basis: 0; + flex-basis: 0; + position: relative; + text-align: center; + background: #e0e0e0; + height: 32px; + line-height: 32px; + margin-right: 18px; +} + +ul.breadcrumbs li:before, ul.breadcrumbs li:after { + content: ""; + position: absolute; + top: 0; + width: 0; + height: 0; + border: 0 solid #e0e0e0; + border-width: 16px 8px; +} + +ul.breadcrumbs li:before { + left: -16px; + border-left-color: transparent; +} + +ul.breadcrumbs li:after { + left: 100%; + border-color: transparent; + border-left-color: #e0e0e0; +} + +ul.breadcrumbs li:first-child:before { + border: 0; +} + +ul.breadcrumbs li:last-child { + margin-right: 0; +} + +ul.breadcrumbs li:last-child:after { + border: 0; +} .close { display: inline-block; @@ -1678,83 +2124,115 @@ ul.breadcrumbs { vertical-align: top; cursor: pointer; -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } - .close:hover, .close:active, .close:focus { - background: #e0e0e0; } - .close:before, .close:after { - display: inline-block; - width: 0.45em; - height: 0.1em; - position: absolute; - content: ""; - top: 0.33em; - left: 0.155em; - text-overflow: clip; - background: #212121; } - .close:before { - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); } - .close:after { - -webkit-transform: rotateZ(-45deg); - transform: rotateZ(-45deg); } + transition: all 0.3s ease 0s; +} + +.close:hover, .close:active, .close:focus { + background: #e0e0e0; +} + +.close:before, .close:after { + display: inline-block; + width: 0.45em; + height: 0.1em; + position: absolute; + content: ""; + top: 0.33em; + left: 0.155em; + text-overflow: clip; + background: #212121; +} + +.close:before { + -webkit-transform: rotateZ(45deg); + transform: rotateZ(45deg); +} + +.close:after { + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); +} /* Custom elements for utilities and helper classes. */ .bordered { - border: 1px solid rgba(0, 0, 0, 0.25) !important; } + border: 1px solid rgba(0, 0, 0, 0.25) !important; +} .rounded { - border-radius: 2px !important; } + border-radius: 2px !important; +} .circular { - border-radius: 50% !important; } + border-radius: 50% !important; +} .responsive-margin { - margin: 4px !important; } + margin: 4px !important; +} @media screen and (min-width: 768px) { .responsive-margin { - margin: 6px !important; } } + margin: 6px !important; + } +} @media screen and (min-width: 1280px) { .responsive-margin { - margin: 8px !important; } } + margin: 8px !important; + } +} .responsive-padding { - padding: 2px 4px !important; } + padding: 2px 4px !important; +} @media screen and (min-width: 768px) { .responsive-padding { - padding: 4px 6px !important; } } + padding: 4px 6px !important; + } +} @media screen and (min-width: 1280px) { .responsive-padding { - padding: 6px 8px !important; } } + padding: 6px 8px !important; + } +} .shadow-none { - box-shadow: none !important; } + box-shadow: none !important; +} .shadow-small { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15) !important; +} .shadow-medium { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15) !important; +} .shadow-large { - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15) !important; +} @media screen and (max-width: 767px) { .hidden-sm { - display: none; } } + display: none; + } +} @media screen and (min-width: 768px) and (max-width: 1279px) { .hidden-md { - display: none; } } + display: none; + } +} @media screen and (min-width: 1280px) { .hidden-lg { - display: none; } } + display: none; + } +} @media screen and (max-width: 767px) { .visually-hidden-sm { @@ -1767,7 +2245,9 @@ ul.breadcrumbs { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } } + overflow: hidden !important; + } +} @media screen and (min-width: 768px) and (max-width: 1279px) { .visually-hidden-md { @@ -1780,7 +2260,9 @@ ul.breadcrumbs { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } } + overflow: hidden !important; + } +} @media screen and (min-width: 1280px) { .visually-hidden-lg { @@ -1793,4 +2275,6 @@ ul.breadcrumbs { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } } + overflow: hidden !important; + } +} diff --git a/dist/mini-default.min.css b/dist/mini-default.min.css index 507ba81..10f4252 100644 --- a/dist/mini-default.min.css +++ b/dist/mini-default.min.css @@ -1 +1 @@ -@charset "UTF-8";html{font-size:16px}*,html{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#212121;background:#f5f5f5}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:0.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:1px;background:-webkit-linear-gradient(to right, #bdbdbd, #616161, #bdbdbd);background:linear-gradient(to right, #bdbdbd, #616161, #bdbdbd)}blockquote{display:block;position:relative;font-style:italic;background:#eeeeee;margin:8px 10px;padding:6px 10px 24px;border-left:3px solid #616161;border-radius:0 2px 2px 0;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}blockquote:after{position:absolute;font-style:normal;font-size:0.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:8px 10px;border-left:3px solid #1565c0;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}small,sub,sup{font-size:75%}sup{top:-8px}sub{bottom:-4px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#01579b}a:active,a:focus,a:hover{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*=cols-sm-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width:768px){.row[class*=cols-md-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width:1280px){.row[class*=cols-lg-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#263238;color:#fafafa;padding:2px 8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fafafa;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header .button,header [role=button],header [type=button],header a.button,header a[role=button],header button,header label.button,header label[role=button]{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0;box-shadow:none}header .button:active,header .button:focus,header .button:hover,header [role=button]:active,header [role=button]:focus,header [role=button]:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header a[role=button]:active,header a[role=button]:focus,header a[role=button]:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover,header label[role=button]:active,header label[role=button]:focus,header label[role=button]:hover{background:#37474f}header .logo,header a.button,header a[role=button]{text-decoration:none}nav{display:block;background:#eceff1;border:1px solid #bdbdbd;margin:2px;padding:8px 8px 16px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}nav a,nav a:visited{display:block;color:#1565c0}nav .sublink-1{padding-left:12px;position:relative}nav .sublink-1:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}nav .sublink-2{padding-left:24px;position:relative}nav .sublink-2:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}footer{display:block;background:#263238;color:#fafafa;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#039be5}footer.sticky,header.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#eeeeee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}fieldset{border:1px solid #bdbdbd;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:0.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width:767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}input:not([type=button]):not([type=submit]):not([type=reset]):focus,input:not([type=button]):not([type=submit]):not([type=reset]):hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#0288d1;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset]):disabled,input:not([type=button]):not([type=submit]):not([type=reset])[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;opacity:0.75}input:not([type=button]):not([type=submit]):not([type=reset]):focus:invalid,input:not([type=button]):not([type=submit]):not([type=reset]):invalid,select:focus:invalid,select:invalid,textarea:focus:invalid,textarea:invalid{border-color:#d32f2f;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset])[readonly],select[readonly],textarea[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[role=button],[type=button],[type=reset],[type=submit],a.button,a[role=button],button,label.button,label[role=button]{display:inline-block;background:rgba(189, 189, 189, 0.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[role=button]:active,[role=button]:focus,[role=button]:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover,label[role=button]:active,label[role=button]:focus,label[role=button]:hover{background:rgba(189, 189, 189, 0.8);opacity:1}.button:disabled,.button[disabled],[role=button]:disabled,[role=button][disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],a[role=button]:disabled,a[role=button][disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled],label[role=button]:disabled,label[role=button][disabled]{cursor:not-allowed;opacity:0.65}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #9e9e9e;border-radius:2px;margin:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}.button-group .button,.button-group [role=button],.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border-left:1px solid #9e9e9e}@media screen and (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border:0;border-top:1px solid #9e9e9e}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #bdbdbd;border-radius:1px;background:#fafafa;color:#212121;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before{border-color:#0288d1}.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]:focus+label:before{border-color:#0288d1}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:0.75}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#212121;content:''}.button.primary,[role=button].primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:rgba(2, 119, 189, 0.9);color:#fafafa}.button.primary:active,.button.primary:focus,.button.primary:hover,[role=button].primary:active,[role=button].primary:focus,[role=button].primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:#0277bd}.button.secondary,[role=button].secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:rgba(198, 40, 40, 0.85);color:#fafafa}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:#c62828}.button.tertiary,[role=button].tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:rgba(104, 159, 56, 0.85);color:#fafafa}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[role=button].tertiary:active,[role=button].tertiary:focus,[role=button].tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:#689f38}.button.inverse,[role=button].inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#212121;color:#fafafa}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[role=button].inverse:active,[role=button].inverse:focus,[role=button].inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(33, 33, 33, 0.9)}.button.small,[role=button].small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border-radius:1px;padding:4px 6px;margin:6px 8px}.button.large,[role=button].large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #bdbdbd;margin:0 auto;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table td,table th{padding:10px;border-left:1px solid #bdbdbd;border-top:1px solid #bdbdbd}table td{background:#fafafa}table thead th{border-top:0}table th{background:#e0e0e0}table td:first-child,table th:first-child{border-left:0}@media screen and (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #bdbdbd;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);background:#fafafa;margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #bdbdbd;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width:768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:8px}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal tbody,table.horizontal thead{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal td,table.horizontal th{width:100%;border:1px solid #bdbdbd}table.horizontal td+td,table.horizontal td+th,table.horizontal th+td,table.horizontal th+th{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media screen and (max-width:767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset tbody,table.horizontal.preset thead{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset td,table.horizontal.preset th{width:100%;border:1px solid #bdbdbd}table.horizontal.preset td+td,table.horizontal.preset td+th,table.horizontal.preset th+td,table.horizontal.preset th+th{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#eeeeee}@media screen and (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#eeeeee}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#fafafa;border:1px solid #9e9e9e;margin:2px 10px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card>button.section,.card [role=button].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width:320px){.card{max-width:320px}}@media screen and (min-width:480px){.card.large{max-width:480px}}@media screen and (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#212121;color:#fafafa;border:1px solid #424242}.card.inverse>.section{border-bottom:1px solid #616161}.card.inverse>.section:last-child{border-bottom:0}.card>.section.dark{background:#e0e0e0}.card>.section.darker{background:#bdbdbd}.card>.section.double-padded{padding:10px 12px 10px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:26px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#e0e0e0;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(224, 224, 224, 0.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s}.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#eeeeee}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(238, 238, 238, 0.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#fafafa;border:1px solid #9e9e9e;border-top:0;padding:8px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}@media screen and (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #9e9e9e;border-top:0}}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{0%{-webkit-transform:scale(1)}45%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.005)}55%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1)}}@keyframes alert-anim{0%{transform:scale(1)}45%{transform:scale(1)}50%{transform:scale(1.005)}55%{transform:scale(1)}to{transform:scale(1)}}.alert{display:block;background:#eeeeee;border:1px solid #bdbdbd;margin:1px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26)}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:after,.tooltip:before{left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:100%}.tooltip.bottom:after,.tooltip.bottom:before{top:100%}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:6px solid transparent}.tooltip:not(.bottom):before{border-top-color:#212121}.tooltip.bottom:before{border-bottom-color:#212121}.tooltip:after{content:attr(aria-label);background:#212121;border-radius:2px;color:#fafafa;padding:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:12px}.tooltip.bottom:after{margin-top:12px}@supports (left:calc(50% - 6px)) or (left:-webkit-calc(50% - 6px)){.tooltip:before{left:-webkit-calc(50% - 6px);left:calc(50% - 6px)}}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#ffca28}.alert.critical{background:#b71c1c;color:#fafafa}.alert.urgent{border:1px solid #ff8f00}.alert.critical{border:1px solid #d50000}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:100%;border:0;border-radius:1px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15);background:#eeeeee;color:#01579b}progress::-webkit-progress-value{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#eeeeee}progress::-moz-progress-bar{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@supports (width:calc(100% - 2*8px)) or (width:-webkit-calc(100% - 2*8px)){progress{width:-webkit-calc(100% - 2*8px);width:calc(100% - 2*8px);margin:2px 8px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #e3f2fd;border-left:4px solid #1565c0;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #ffebee;border-left:4px solid #c62828}.spinner-donut.tertiary{border:4px solid #e8f5e9;border-left:4px solid #2e7d32}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:10px 8px;padding:0;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e0e0e0;height:32px;line-height:32px;margin-right:18px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e0e0e0;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e0e0e0}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(224, 224, 224, 0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:active,.close:focus,.close:hover{background:#e0e0e0}.close:after,.close:before{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#212121}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0, 0, 0, 0.25)!important}.rounded{border-radius:2px!important}.circular{border-radius:50%!important}.responsive-margin{margin:4px!important}@media screen and (min-width:768px){.responsive-margin{margin:6px!important}}@media screen and (min-width:1280px){.responsive-margin{margin:8px!important}}.responsive-padding{padding:2px 4px!important}@media screen and (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media screen and (min-width:1280px){.responsive-padding{padding:6px 8px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)!important}@media screen and (max-width:767px){.hidden-sm{display:none}}@media screen and (min-width:768px) and (max-width:1279px){.hidden-md{display:none}}@media screen and (min-width:1280px){.hidden-lg{display:none}}@media screen and (max-width:767px){.visually-hidden-sm{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}}@media screen and (min-width:768px) and (max-width:1279px){.visually-hidden-md{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}}@media screen and (min-width:1280px){.visually-hidden-lg{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}} \ No newline at end of file +html{font-size:16px}html,*{font-family:-apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#212121;background:#f5f5f5}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 8px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-4px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:.85em}p{margin:1px 8px}ol,ul{margin:1px 8px 10px;padding-left:28px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.25em;margin:8px;height:1px;background:-webkit-linear-gradient(to right, #bdbdbd, #616161, #bdbdbd);background:linear-gradient(to right, #bdbdbd, #616161, #bdbdbd)}blockquote{display:block;position:relative;font-style:italic;background:#eee;margin:8px 10px;padding:6px 10px 24px;border-left:3px solid #616161;border-radius:0 2px 2px 0;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#616161;left:10px;bottom:0;content:"— " attr(cite)}code,kbd,pre,samp{font-family:monospace, monospace}code{border-radius:2px;background:#e0e0e0;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}pre{overflow:auto;border-radius:0 2px 2px 0;background:#e0e0e0;padding:12px;margin:8px 10px;border-left:3px solid #1565c0;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}kbd{border-radius:2px;background:#212121;color:#fafafa;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}small,sup,sub{font-size:75%}sup{top:-8px}sub{bottom:-4px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#0277bd;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#01579b}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:44px;background:#263238;color:#fafafa;padding:2px 8px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fafafa;font-size:1.75em;line-height:1.2;margin:1px 6px 1px 1px;padding:3px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#263238;color:#fafafa;vertical-align:top;margin:2px 0 0;box-shadow:none}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#37474f}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;background:#eceff1;border:1px solid #bdbdbd;margin:2px;padding:8px 8px 16px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}nav a,nav a:visited{display:block;color:#1565c0}nav .sublink-1{padding-left:12px;position:relative}nav .sublink-1:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}nav .sublink-2{padding-left:24px;position:relative}nav .sublink-2:before{position:absolute;left:3px;top:-1px;content:'';height:100%;border:1px solid #78909c;border-left:0}footer{display:block;background:#263238;color:#fafafa;margin:18px 0 0;padding:22px 10px 12px;font-size:85%}footer a,footer a:visited{color:#039be5}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#eee;border:1px solid #bdbdbd;margin:8px;padding:12px 10px 18px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}fieldset{border:1px solid #bdbdbd;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:4px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#fafafa;color:#212121;border:1px solid #bdbdbd;border-radius:1px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#0288d1;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.75}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d32f2f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#e0e0e0;border-color:#bdbdbd}::-webkit-input-placeholder{opacity:1;color:#616161}::-moz-placeholder{opacity:1;color:#616161}::-ms-placeholder{opacity:1;color:#616161}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,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:rgba(189,189,189,0.65);color:#212121;border:0;border-radius:2px;padding:8px 12px;margin:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(189,189,189,0.8);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.65}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #9e9e9e;border-radius:2px;margin:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #9e9e9e}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #9e9e9e}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:6px;left:0;width:16px;height:16px;content:'';border:1px solid #bdbdbd;border-radius:1px;background:#fafafa;color:#212121;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#0288d1}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#0288d1}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.75}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:10px;left:4px;width:10px;height:10px;background:#212121;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:rgba(2,119,189,0.9);color:#fafafa}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:#0277bd}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:rgba(198,40,40,0.85);color:#fafafa}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:#c62828}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:rgba(104,159,56,0.85);color:#fafafa}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:#689f38}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:#212121;color:#fafafa}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:rgba(33,33,33,0.9)}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border-radius:1px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #bdbdbd;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}table caption{font-size:1.5em;margin:6px 8px 12px}table tr{padding:8px}table th,table td{padding:10px;border-left:1px solid #bdbdbd;border-top:1px solid #bdbdbd}table td{background:#fafafa}table thead th{border-top:0}table th{background:#e0e0e0}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #bdbdbd;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15);background:#fafafa;margin-bottom:10px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #bdbdbd;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}@media screen and (min-width: 768px){table.horizontal{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:8px}table.horizontal caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal thead,table.horizontal tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal thead{z-index:999}table.horizontal tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal th,table.horizontal td{width:100%;border:1px solid #bdbdbd}table.horizontal th+th,table.horizontal th+td,table.horizontal td+th,table.horizontal td+td{border-top:0}table.horizontal th{text-align:right}table.horizontal thead tr:first-child{padding-left:0}table.horizontal tbody tr:first-child>td{padding-left:20px}}@media screen and (max-width: 767px){table.horizontal.preset{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}table.horizontal.preset caption{-webkit-box-flex:1;max-width:100%;-webkit-flex:0 0 100%;flex:0 0 100%}table.horizontal.preset thead,table.horizontal.preset tbody{display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}table.horizontal.preset thead{z-index:999}table.horizontal.preset tbody{overflow:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 0 0;flex:1 0 0}table.horizontal.preset tr{display:-webkit-box;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}table.horizontal.preset th,table.horizontal.preset td{width:100%;border:1px solid #bdbdbd}table.horizontal.preset th+th,table.horizontal.preset th+td,table.horizontal.preset td+th,table.horizontal.preset td+td{border-top:0}table.horizontal.preset th{text-align:right}table.horizontal.preset tbody tr:first-child>td{padding-left:20px}}table.striped tr:nth-of-type(2n)>td{background:#eee}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#eee}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#fafafa;border:1px solid #9e9e9e;margin:2px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #bdbdbd;padding:6px 8px 6px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>button.section,.card .button.section,.card [role="button"].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#212121;color:#fafafa;border:1px solid #424242}.card.inverse>.section{border-bottom:1px solid #616161}.card.inverse>.section:last-child{border-bottom:0}.card>.section.dark{background:#e0e0e0}.card>.section.darker{background:#bdbdbd}.card>.section.double-padded{padding:10px 12px 10px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:26px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#e0e0e0;border:1px solid #9e9e9e;padding:8px 12px}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(224,224,224,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#eee}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(238,238,238,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#fafafa;border:1px solid #9e9e9e;border-top:0;padding:8px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #9e9e9e;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #9e9e9e;border-top:0}}mark{background:#0277bd;color:#fafafa;font-size:95%;line-height:1;border-radius:2px;padding:2px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}mark.inline-block{display:inline-block}@-webkit-keyframes alert-anim{0%{-webkit-transform:scale(1)}45%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.005)}55%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1)}}@keyframes alert-anim{0%{transform:scale(1)}45%{transform:scale(1)}50%{transform:scale(1.005)}55%{transform:scale(1)}100%{transform:scale(1)}}.alert{display:block;background:#eee;border:1px solid #bdbdbd;margin:1px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.26)}.alert.animated{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:alert-anim 6s linear infinite;animation:alert-anim 6s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:100%}.tooltip.bottom:before,.tooltip.bottom:after{top:100%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:6px solid transparent}.tooltip:not(.bottom):before{border-top-color:#212121}.tooltip.bottom:before{border-bottom-color:#212121}.tooltip:after{content:attr(aria-label);background:#212121;border-radius:2px;color:#fafafa;padding:6px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:12px}.tooltip.bottom:after{margin-top:12px}@supports (left: calc(50% - 6px)) or (left: -webkit-calc(50% - 6px)){.tooltip:before{left:-webkit-calc(50% - 6px);left:calc(50% - 6px)}}mark.secondary{background:#e53935}mark.tertiary{background:#689f38}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#ffca28}.alert.critical{background:#b71c1c;color:#fafafa}.alert.urgent{border:1px solid #ff8f00}.alert.critical{border:1px solid #d50000}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:100%;border:0;border-radius:1px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0,0,0,0.1),0 0.5px 0.5px rgba(0,0,0,0.15);background:#eee;color:#01579b}progress::-webkit-progress-value{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress::-webkit-progress-bar{background:#eee}progress::-moz-progress-bar{background:#01579b;border-top-left-radius:1px;border-bottom-left-radius:1px}progress[value="1000"]::-webkit-progress-value{border-radius:1px}progress[value="1000"]::-moz-progress-bar{border-radius:1px}@supports (width: calc(100% - 2*8px)) or (width: -webkit-calc(100% - 2*8px)){progress{width:-webkit-calc(100% - 2*8px);width:calc(100% - 2*8px);margin:2px 8px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #e3f2fd;border-left:4px solid #1565c0;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#e53935}progress.secondary::-webkit-progress-value{background:#e53935}progress.secondary::-moz-progress-bar{background:#e53935}progress.tertiary{color:#689f38}progress.tertiary::-webkit-progress-value{background:#689f38}progress.tertiary::-moz-progress-bar{background:#689f38}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #ffebee;border-left:4px solid #c62828}.spinner-donut.tertiary{border:4px solid #e8f5e9;border-left:4px solid #2e7d32}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:10px 8px;padding:0;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e0e0e0;height:32px;line-height:32px;margin-right:18px}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e0e0e0;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e0e0e0}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(224,224,224,0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:hover,.close:active,.close:focus{background:#e0e0e0}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#212121}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:2px !important}.circular{border-radius:50% !important}.responsive-margin{margin:4px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:8px !important}}.responsive-padding{padding:2px 4px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:6px 8px !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}} diff --git a/dist/mini-sucroa.css b/dist/mini-sucroa.css index 64381bb..1bea91b 100644 --- a/dist/mini-sucroa.css +++ b/dist/mini-sucroa.css @@ -10,84 +10,108 @@ Browsers resets and base typography. */ html { - font-size: 16px; } + font-size: 16px; +} html, * { font-family: Libre Baskerville, serif; line-height: 1.7; - -webkit-text-size-adjust: 100%; } + -webkit-text-size-adjust: 100%; +} * { - font-size: 1em; } + font-size: 1em; +} body { margin: 0; color: #211423; - background: #fffcc9; } + background: #fffcc9; +} article, aside, section, figcaption, figure, main, details, menu { - display: block; } + display: block; +} summary { - display: list-item; } + display: list-item; +} abbr[title] { border-bottom: none; - text-decoration: underline; } + text-decoration: underline; +} audio, video { - display: inline-block; } + display: inline-block; +} svg:not(:root) { - overflow: hidden; } + overflow: hidden; +} input { - overflow: visible; } + overflow: visible; +} img { max-width: 100%; - height: auto; } + height: auto; +} dfn { - font-style: italic; } + font-style: italic; +} h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin: 12px 10px; - font-weight: 500; } - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - color: #424242; - display: block; - margin-top: -2px; - font-size: 75%; } + font-weight: 500; +} + +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + color: #424242; + display: block; + margin-top: -2px; + font-size: 75%; +} h1 { - font-size: 2.2em; } + font-size: 2.2em; +} h2 { - font-size: 1.7em; } + font-size: 1.7em; +} h3 { - font-size: 1.4em; } + font-size: 1.4em; +} h4 { - font-size: 1.2em; } + font-size: 1.2em; +} h5 { - font-size: 1em; } + font-size: 1em; +} h6 { - font-size: 0.9em; } + font-size: 0.9em; +} p { - margin: 4px 10px; } + margin: 4px 10px; +} ol, ul { margin: 4px 10px 10px; - padding-left: 32px; } + padding-left: 32px; +} b, strong { - font-weight: 700; } + font-weight: 700; +} hr { box-sizing: content-box; @@ -97,7 +121,8 @@ hr { margin: 10px; height: 1px; background: -webkit-linear-gradient(to right, #5d545f, #1e1320, #5d545f); - background: linear-gradient(to right, #5d545f, #1e1320, #5d545f); } + background: linear-gradient(to right, #5d545f, #1e1320, #5d545f); +} blockquote { display: block; @@ -108,24 +133,29 @@ blockquote { padding: 8px 12px 28px; border-left: 3px solid #331e36; border-radius: 2px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); } - blockquote:after { - position: absolute; - font-style: normal; - font-size: 0.85em; - color: #5d545f; - left: 10px; - bottom: 4px; - content: "— " attr(cite); } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); +} + +blockquote:after { + position: absolute; + font-style: normal; + font-size: 0.85em; + color: #5d545f; + left: 10px; + bottom: 4px; + content: "— " attr(cite); +} code, kbd, pre, samp { - font-family: "Cousine", monospace, monospace; } + font-family: "Cousine", monospace, monospace; +} code { border-radius: 2px; background: #e8deff; padding: 3px 4px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); +} pre { overflow: auto; @@ -134,50 +164,63 @@ pre { padding: 8px 12px 8px; margin: 10px; border-left: 3px solid #6979c6; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); +} kbd { border-radius: 2px; background: #331e36; color: #fffddc; padding: 3px 4px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); +} small, sup, sub { - font-size: 80%; } + font-size: 80%; +} sup { - top: -6px; } + top: -6px; +} sub { - bottom: -6px; } + bottom: -6px; +} sup, sub { line-height: 0; position: relative; - vertical-align: baseline; } + vertical-align: baseline; +} a { color: #5664a3; text-decoration: underline; opacity: 1; -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } - a:visited { - color: #434e7f; } - a:hover, a:focus, a:active { - opacity: 0.75; } + transition: all 0.3s ease 0s; +} + +a:visited { + color: #434e7f; +} + +a:hover, a:focus, a:active { + opacity: 0.75; +} figcaption { font-size: 80%; - color: #424242; } + color: #424242; +} /* Definitions for the grid system. */ .container { margin: 0 auto; - padding: 0 10px; } + padding: 0 10px; +} .row { box-sizing: border-box; @@ -190,14 +233,16 @@ figcaption { -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-flow: row wrap; - flex-flow: row wrap; } + flex-flow: row wrap; +} .row[class*='cols-sm-'] > * { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; +} @media screen and (min-width: 768px) { .row[class*='cols-md-'] > * { @@ -205,7 +250,9 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } } + padding: 0 4px; + } +} @media screen and (min-width: 1280px) { .row[class*='cols-lg-'] > * { @@ -213,7 +260,9 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } } + padding: 0 4px; + } +} .col-sm, [class^='col-sm-'], @@ -222,7 +271,8 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; +} .col-sm, .row.cols-sm > * { @@ -231,127 +281,155 @@ figcaption { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; - flex-basis: 0; } + flex-basis: 0; +} .col-sm-1, .row.cols-sm-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; - flex-basis: 8.33333%; } + flex-basis: 8.33333%; +} .col-sm-2, .row.cols-sm-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; - flex-basis: 16.66667%; } + flex-basis: 16.66667%; +} .col-sm-3, .row.cols-sm-3 > * { max-width: 25%; -webkit-flex-basis: 25%; - flex-basis: 25%; } + flex-basis: 25%; +} .col-sm-4, .row.cols-sm-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; - flex-basis: 33.33333%; } + flex-basis: 33.33333%; +} .col-sm-5, .row.cols-sm-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; - flex-basis: 41.66667%; } + flex-basis: 41.66667%; +} .col-sm-6, .row.cols-sm-6 > * { max-width: 50%; -webkit-flex-basis: 50%; - flex-basis: 50%; } + flex-basis: 50%; +} .col-sm-7, .row.cols-sm-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; - flex-basis: 58.33333%; } + flex-basis: 58.33333%; +} .col-sm-8, .row.cols-sm-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; - flex-basis: 66.66667%; } + flex-basis: 66.66667%; +} .col-sm-9, .row.cols-sm-9 > * { max-width: 75%; -webkit-flex-basis: 75%; - flex-basis: 75%; } + flex-basis: 75%; +} .col-sm-10, .row.cols-sm-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; - flex-basis: 83.33333%; } + flex-basis: 83.33333%; +} .col-sm-11, .row.cols-sm-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; - flex-basis: 91.66667%; } + flex-basis: 91.66667%; +} .col-sm-12, .row.cols-sm-12 > * { max-width: 100%; -webkit-flex-basis: 100%; - flex-basis: 100%; } + flex-basis: 100%; +} .col-sm-offset-0 { - margin-left: 0; } + margin-left: 0; +} .col-sm-offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; +} .col-sm-offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; +} .col-sm-offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .col-sm-offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; +} .col-sm-offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; +} .col-sm-offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .col-sm-offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; +} .col-sm-offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; +} .col-sm-offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .col-sm-offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; +} .col-sm-offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; +} .col-sm-normal { -webkit-order: initial; - order: initial; } + order: initial; +} .col-sm-first { -webkit-order: -999; - order: -999; } + order: -999; +} .col-sm-last { -webkit-order: 999; - order: 999; } + order: 999; +} @media screen and (min-width: 768px) { .col-md, @@ -361,7 +439,8 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; + } .col-md, .row.cols-md > * { -webkit-box-flex: 1; @@ -369,100 +448,129 @@ figcaption { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; - flex-basis: 0; } + flex-basis: 0; + } .col-md-1, .row.cols-md-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; - flex-basis: 8.33333%; } + flex-basis: 8.33333%; + } .col-md-2, .row.cols-md-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; - flex-basis: 16.66667%; } + flex-basis: 16.66667%; + } .col-md-3, .row.cols-md-3 > * { max-width: 25%; -webkit-flex-basis: 25%; - flex-basis: 25%; } + flex-basis: 25%; + } .col-md-4, .row.cols-md-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; - flex-basis: 33.33333%; } + flex-basis: 33.33333%; + } .col-md-5, .row.cols-md-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; - flex-basis: 41.66667%; } + flex-basis: 41.66667%; + } .col-md-6, .row.cols-md-6 > * { max-width: 50%; -webkit-flex-basis: 50%; - flex-basis: 50%; } + flex-basis: 50%; + } .col-md-7, .row.cols-md-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; - flex-basis: 58.33333%; } + flex-basis: 58.33333%; + } .col-md-8, .row.cols-md-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; - flex-basis: 66.66667%; } + flex-basis: 66.66667%; + } .col-md-9, .row.cols-md-9 > * { max-width: 75%; -webkit-flex-basis: 75%; - flex-basis: 75%; } + flex-basis: 75%; + } .col-md-10, .row.cols-md-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; - flex-basis: 83.33333%; } + flex-basis: 83.33333%; + } .col-md-11, .row.cols-md-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; - flex-basis: 91.66667%; } + flex-basis: 91.66667%; + } .col-md-12, .row.cols-md-12 > * { max-width: 100%; -webkit-flex-basis: 100%; - flex-basis: 100%; } + flex-basis: 100%; + } .col-md-offset-0 { - margin-left: 0; } + margin-left: 0; + } .col-md-offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .col-md-offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .col-md-offset-3 { - margin-left: 25%; } + margin-left: 25%; + } .col-md-offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .col-md-offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .col-md-offset-6 { - margin-left: 50%; } + margin-left: 50%; + } .col-md-offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .col-md-offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .col-md-offset-9 { - margin-left: 75%; } + margin-left: 75%; + } .col-md-offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .col-md-offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } .col-md-normal { -webkit-order: initial; - order: initial; } + order: initial; + } .col-md-first { -webkit-order: -999; - order: -999; } + order: -999; + } .col-md-last { -webkit-order: 999; - order: 999; } } + order: 999; + } +} @media screen and (min-width: 1280px) { .col-lg, @@ -472,7 +580,8 @@ figcaption { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; - padding: 0 4px; } + padding: 0 4px; + } .col-lg, .row.cols-lg > * { -webkit-box-flex: 1; @@ -480,100 +589,129 @@ figcaption { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; - flex-basis: 0; } + flex-basis: 0; + } .col-lg-1, .row.cols-lg-1 > * { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; - flex-basis: 8.33333%; } + flex-basis: 8.33333%; + } .col-lg-2, .row.cols-lg-2 > * { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; - flex-basis: 16.66667%; } + flex-basis: 16.66667%; + } .col-lg-3, .row.cols-lg-3 > * { max-width: 25%; -webkit-flex-basis: 25%; - flex-basis: 25%; } + flex-basis: 25%; + } .col-lg-4, .row.cols-lg-4 > * { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; - flex-basis: 33.33333%; } + flex-basis: 33.33333%; + } .col-lg-5, .row.cols-lg-5 > * { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; - flex-basis: 41.66667%; } + flex-basis: 41.66667%; + } .col-lg-6, .row.cols-lg-6 > * { max-width: 50%; -webkit-flex-basis: 50%; - flex-basis: 50%; } + flex-basis: 50%; + } .col-lg-7, .row.cols-lg-7 > * { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; - flex-basis: 58.33333%; } + flex-basis: 58.33333%; + } .col-lg-8, .row.cols-lg-8 > * { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; - flex-basis: 66.66667%; } + flex-basis: 66.66667%; + } .col-lg-9, .row.cols-lg-9 > * { max-width: 75%; -webkit-flex-basis: 75%; - flex-basis: 75%; } + flex-basis: 75%; + } .col-lg-10, .row.cols-lg-10 > * { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; - flex-basis: 83.33333%; } + flex-basis: 83.33333%; + } .col-lg-11, .row.cols-lg-11 > * { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; - flex-basis: 91.66667%; } + flex-basis: 91.66667%; + } .col-lg-12, .row.cols-lg-12 > * { max-width: 100%; -webkit-flex-basis: 100%; - flex-basis: 100%; } + flex-basis: 100%; + } .col-lg-offset-0 { - margin-left: 0; } + margin-left: 0; + } .col-lg-offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } .col-lg-offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } .col-lg-offset-3 { - margin-left: 25%; } + margin-left: 25%; + } .col-lg-offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } .col-lg-offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } .col-lg-offset-6 { - margin-left: 50%; } + margin-left: 50%; + } .col-lg-offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } .col-lg-offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } .col-lg-offset-9 { - margin-left: 75%; } + margin-left: 75%; + } .col-lg-offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } .col-lg-offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } .col-lg-normal { -webkit-order: initial; - order: initial; } + order: initial; + } .col-lg-first { -webkit-order: -999; - order: -999; } + order: -999; + } .col-lg-last { -webkit-order: 999; - order: 999; } } + order: 999; + } +} /* Definitions for navigation elements. @@ -587,34 +725,43 @@ header { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); white-space: nowrap; overflow-x: auto; - overflow-y: hidden; } - header .logo { - color: #fffddc; - font-size: 1.75em; - line-height: 1.5; - margin: 6px 6px 1px 1px; - padding: 6px 0 0; - -webkit-transition: 0s opacity; - transition: 0s opacity; } - header button, header [type="button"], - header a.button, header label.button, header .button, - header a[role="button"], header label[role="button"], header [role="button"] { - background: #211423; - color: #fffddc; - vertical-align: top; - margin: 3px 0 0; - box-shadow: none; - border: 0; } - header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, - header a.button:hover, - header a.button:active, - header a.button:focus, header label.button:hover, header label.button:active, header label.button:focus, header .button:hover, header .button:active, header .button:focus, - header a[role="button"]:hover, - header a[role="button"]:active, - header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:active, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:active, header [role="button"]:focus { - background: #493e4b; } - header .logo, header a.button, header a[role="button"] { - text-decoration: none; } + overflow-y: hidden; +} + +header .logo { + color: #fffddc; + font-size: 1.75em; + line-height: 1.5; + margin: 6px 6px 1px 1px; + padding: 6px 0 0; + -webkit-transition: 0s opacity; + transition: 0s opacity; +} + +header button, header [type="button"], +header a.button, header label.button, header .button, +header a[role="button"], header label[role="button"], header [role="button"] { + background: #211423; + color: #fffddc; + vertical-align: top; + margin: 3px 0 0; + box-shadow: none; + border: 0; +} + +header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, +header a.button:hover, +header a.button:active, +header a.button:focus, header label.button:hover, header label.button:active, header label.button:focus, header .button:hover, header .button:active, header .button:focus, +header a[role="button"]:hover, +header a[role="button"]:active, +header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:active, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:active, header [role="button"]:focus { + background: #493e4b; +} + +header .logo, header a.button, header a[role="button"] { + text-decoration: none; +} nav { display: block; @@ -623,16 +770,23 @@ nav { border-radius: 2px; margin: 2px; padding: 12px 10px 18px 22px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } - nav a, nav a:visited { - display: block; - color: #6979c6; } - nav .sublink-1 { - padding-left: 14px; - position: relative; } - nav .sublink-2 { - padding-left: 28px; - position: relative; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} + +nav a, nav a:visited { + display: block; + color: #6979c6; +} + +nav .sublink-1 { + padding-left: 14px; + position: relative; +} + +nav .sublink-2 { + padding-left: 28px; + position: relative; +} footer { display: block; @@ -640,20 +794,26 @@ footer { color: #fffddc; margin: 22px 0 0; padding: 24px 10px 14px; - font-size: 90%; } - footer a, footer a:visited { - color: #7480b3; } + font-size: 90%; +} + +footer a, footer a:visited { + color: #7480b3; +} header.sticky, footer.sticky { position: -webkit-sticky; position: sticky; - z-index: 1101; } + z-index: 1101; +} header.sticky { - top: 0; } + top: 0; +} footer.sticky { - bottom: 0; } + bottom: 0; +} /* Definitions for forms and input elements. @@ -664,13 +824,15 @@ form { border-radius: 2px; margin: 10px; padding: 14px 10px 20px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} fieldset { border: 1px solid #a9a2ba; border-radius: 2px; margin: 2px; - padding: 6px 8px 8px; } + padding: 6px 8px 8px; +} legend { box-sizing: border-box; @@ -679,29 +841,36 @@ legend { white-space: normal; font-weight: 700; font-size: 0.925em; - padding: 2px 4px; } + padding: 2px 4px; +} label { - padding: 6px; } + padding: 6px; +} .input-group { - display: inline-block; } - .input-group.fluid { - display: -webkit-box; - -webkit-box-pack: justify; - display: -webkit-flex; - display: flex; - -webkit-align-items: center; - align-items: center; - -webkit-justify-content: center; - justify-content: center; } - .input-group.fluid > input { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - flex-basis: 0; } + display: inline-block; +} + +.input-group.fluid { + display: -webkit-box; + -webkit-box-pack: justify; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; +} + +.input-group.fluid > input { + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-basis: 0; + flex-basis: 0; +} @media screen and (max-width: 767px) { .input-group.fluid { @@ -709,21 +878,27 @@ label { -webkit-align-items: stretch; align-items: stretch; -webkit-flex-direction: column; - flex-direction: column; } } + flex-direction: column; + } +} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; } + height: auto; +} textarea { - overflow: auto; } + overflow: auto; +} [type="search"] { -webkit-appearance: textfield; - outline-offset: -2px; } + outline-offset: -2px; +} [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } + -webkit-appearance: none; +} input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"], [type="password"], [type="url"], [type="tel"], textarea, select { @@ -733,46 +908,57 @@ input:not([type]), [type="text"], [type="email"], [type="number"], [type="search border: 1px solid #a9a2ba; border-radius: 2px; margin: 2px; - padding: 8px 12px; } + padding: 8px 12px; +} input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus { border-color: #6979c6; - box-shadow: none; } + box-shadow: none; +} input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled, input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled] { cursor: not-allowed; - opacity: 0.8; } + opacity: 0.8; +} input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid { border-color: #d2405f; - box-shadow: none; } + box-shadow: none; +} input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] { background: #eae1ff; - border-color: #a9a2ba; } + border-color: #a9a2ba; +} ::-webkit-input-placeholder { opacity: 1; - color: #493e4b; } + color: #493e4b; +} ::-moz-placeholder { opacity: 1; - color: #493e4b; } + color: #493e4b; +} ::-ms-placeholder { opacity: 1; - color: #493e4b; } + color: #493e4b; +} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; - padding: 0; } + padding: 0; +} button, html [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; } + -webkit-appearance: button; +} button { overflow: visible; - text-transform: none; } + text-transform: none; +} button, [type="button"], [type="submit"], [type="reset"], a.button, label.button, .button, @@ -788,23 +974,28 @@ a[role="button"], label[role="button"], [role="button"] { text-decoration: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; - cursor: pointer; } - button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, - a.button:hover, - a.button:active, - a.button:focus, label.button:hover, label.button:active, label.button:focus, .button:hover, .button:active, .button:focus, - a[role="button"]:hover, - a[role="button"]:active, - a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:active, label[role="button"]:focus, [role="button"]:hover, [role="button"]:active, [role="button"]:focus { - background: rgba(211, 202, 232, 0.75); - opacity: 1; } - button:disabled, button[disabled], [type="button"]:disabled, [type="button"][disabled], [type="submit"]:disabled, [type="submit"][disabled], [type="reset"]:disabled, [type="reset"][disabled], - a.button:disabled, - a.button[disabled], label.button:disabled, label.button[disabled], .button:disabled, .button[disabled], - a[role="button"]:disabled, - a[role="button"][disabled], label[role="button"]:disabled, label[role="button"][disabled], [role="button"]:disabled, [role="button"][disabled] { - cursor: not-allowed; - opacity: 0.75; } + cursor: pointer; +} + +button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, +a.button:hover, +a.button:active, +a.button:focus, label.button:hover, label.button:active, label.button:focus, .button:hover, .button:active, .button:focus, +a[role="button"]:hover, +a[role="button"]:active, +a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:active, label[role="button"]:focus, [role="button"]:hover, [role="button"]:active, [role="button"]:focus { + background: rgba(211, 202, 232, 0.75); + opacity: 1; +} + +button:disabled, button[disabled], [type="button"]:disabled, [type="button"][disabled], [type="submit"]:disabled, [type="submit"][disabled], [type="reset"]:disabled, [type="reset"][disabled], +a.button:disabled, +a.button[disabled], label.button:disabled, label.button[disabled], .button:disabled, .button[disabled], +a[role="button"]:disabled, +a[role="button"][disabled], label[role="button"]:disabled, label[role="button"][disabled], [role="button"]:disabled, [role="button"][disabled] { + cursor: not-allowed; + opacity: 0.75; +} input[type="file"] { border: 0; @@ -816,7 +1007,8 @@ input[type="file"] { position: absolute; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); - clip-path: inset(100%); } + clip-path: inset(100%); +} .button-group { display: -webkit-box; @@ -825,53 +1017,61 @@ input[type="file"] { border: 1px solid #a9a2ba; border-radius: 3px; margin: 10px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } - .button-group button, .button-group [type="button"], .button-group [type="submit"], .button-group [type="reset"], - .button-group .button, .button-group [role="button"] { - margin: 0; - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - flex-basis: 0; - text-align: center; - border: 0; - border-radius: 0; - box-shadow: none; } - .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], - .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], - .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], - .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], - .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], - .button-group .button + button, - .button-group .button + [type="button"], - .button-group .button + [type="submit"], - .button-group .button + [type="reset"], - .button-group .button + .button, - .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], - .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { - border-left: 1px solid #a9a2ba; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.button-group button, .button-group [type="button"], .button-group [type="submit"], .button-group [type="reset"], +.button-group .button, .button-group [role="button"] { + margin: 0; + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-basis: 0; + flex-basis: 0; + text-align: center; + border: 0; + border-radius: 0; + box-shadow: none; +} + +.button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], +.button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], +.button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], +.button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], +.button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], +.button-group .button + button, +.button-group .button + [type="button"], +.button-group .button + [type="submit"], +.button-group .button + [type="reset"], +.button-group .button + .button, +.button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], +.button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { + border-left: 1px solid #a9a2ba; +} @media screen and (max-width: 767px) { .button-group { -webkit-box-orient: vertical; -webkit-flex-direction: column; - flex-direction: column; } - .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], - .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], - .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], - .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], - .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], - .button-group .button + button, - .button-group .button + [type="button"], - .button-group .button + [type="submit"], - .button-group .button + [type="reset"], - .button-group .button + .button, - .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], - .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { - border: 0; - border-top: 1px solid #a9a2ba; } } + flex-direction: column; + } + .button-group button + button, .button-group button + [type="button"], .button-group button + [type="submit"], .button-group button + [type="reset"], + .button-group button + .button, .button-group button + [role="button"], .button-group [type="button"] + button, .button-group [type="button"] + [type="button"], .button-group [type="button"] + [type="submit"], .button-group [type="button"] + [type="reset"], + .button-group [type="button"] + .button, .button-group [type="button"] + [role="button"], .button-group [type="submit"] + button, .button-group [type="submit"] + [type="button"], .button-group [type="submit"] + [type="submit"], .button-group [type="submit"] + [type="reset"], + .button-group [type="submit"] + .button, .button-group [type="submit"] + [role="button"], .button-group [type="reset"] + button, .button-group [type="reset"] + [type="button"], .button-group [type="reset"] + [type="submit"], .button-group [type="reset"] + [type="reset"], + .button-group [type="reset"] + .button, .button-group [type="reset"] + [role="button"], + .button-group .button + button, + .button-group .button + [type="button"], + .button-group .button + [type="submit"], + .button-group .button + [type="reset"], + .button-group .button + .button, + .button-group .button + [role="button"], .button-group [role="button"] + button, .button-group [role="button"] + [type="button"], .button-group [role="button"] + [type="submit"], .button-group [role="button"] + [type="reset"], + .button-group [role="button"] + .button, .button-group [role="button"] + [role="button"] { + border: 0; + border-top: 1px solid #a9a2ba; + } +} [type="checkbox"], [type="radio"] { height: 1px; @@ -881,37 +1081,48 @@ input[type="file"] { position: absolute; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); - clip-path: inset(100%); } + clip-path: inset(100%); +} .input-group [type="checkbox"] + label, .input-group [type="radio"] + label { position: relative; - margin-left: 20px; } - .input-group [type="checkbox"] + label:before, .input-group [type="radio"] + label:before { - display: inline-block; - position: absolute; - bottom: 3px; - left: 0; - width: 16px; - height: 16px; - content: ''; - border: 1px solid #a9a2ba; - border-radius: 2px; - background: #f2edff; - color: #211423; - margin-left: -20px; } - .input-group [type="checkbox"] + label:hover:before, .input-group [type="checkbox"] + label:active:before, .input-group [type="checkbox"] + label:focus:before, .input-group [type="radio"] + label:hover:before, .input-group [type="radio"] + label:active:before, .input-group [type="radio"] + label:focus:before { - border-color: #6979c6; } + margin-left: 20px; +} + +.input-group [type="checkbox"] + label:before, .input-group [type="radio"] + label:before { + display: inline-block; + position: absolute; + bottom: 3px; + left: 0; + width: 16px; + height: 16px; + content: ''; + border: 1px solid #a9a2ba; + border-radius: 2px; + background: #f2edff; + color: #211423; + margin-left: -20px; +} + +.input-group [type="checkbox"] + label:hover:before, .input-group [type="checkbox"] + label:active:before, .input-group [type="checkbox"] + label:focus:before, .input-group [type="radio"] + label:hover:before, .input-group [type="radio"] + label:active:before, .input-group [type="radio"] + label:focus:before { + border-color: #6979c6; +} .input-group [type="checkbox"]:focus + label:before, .input-group [type="radio"]:focus + label:before { - border-color: #6979c6; } + border-color: #6979c6; +} .input-group [type="radio"] + label:before, .input-group [type="radio"] + label:after { - border-radius: 50%; } + border-radius: 50%; +} .input-group [type="checkbox"][disabled] + label, .input-group [type="radio"][disabled] + label { - cursor: not-allowed; } - .input-group [type="checkbox"][disabled] + label:before, .input-group [type="checkbox"][disabled] + label:after, .input-group [type="radio"][disabled] + label:before, .input-group [type="radio"][disabled] + label:after { - opacity: 0.8; } + cursor: not-allowed; +} + +.input-group [type="checkbox"][disabled] + label:before, .input-group [type="checkbox"][disabled] + label:after, .input-group [type="radio"][disabled] + label:before, .input-group [type="radio"][disabled] + label:after { + opacity: 0.8; +} .input-group [type="checkbox"]:checked + label:after, .input-group [type="radio"]:checked + label:after { margin-left: -20px; @@ -921,7 +1132,8 @@ input[type="file"] { width: 10px; height: 10px; background: #211423; - content: ''; } + content: ''; +} /* Custom elements for forms and input elements. @@ -929,56 +1141,70 @@ input[type="file"] { button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary { background: #6979c6; - color: #fffddc; } - button.primary:hover, button.primary:active, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:active, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:active, [type="submit"].primary:focus, - [type="reset"].primary:hover, - [type="reset"].primary:active, - [type="reset"].primary:focus, .button.primary:hover, .button.primary:active, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:active, [role="button"].primary:focus { - background: rgba(105, 121, 198, 0.75); } + color: #fffddc; +} + +button.primary:hover, button.primary:active, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:active, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:active, [type="submit"].primary:focus, +[type="reset"].primary:hover, +[type="reset"].primary:active, +[type="reset"].primary:focus, .button.primary:hover, .button.primary:active, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:active, [role="button"].primary:focus { + background: rgba(105, 121, 198, 0.75); +} button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary { background: #d2405f; - color: #fffddc; } - button.secondary:hover, button.secondary:active, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:active, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:active, [type="submit"].secondary:focus, - [type="reset"].secondary:hover, - [type="reset"].secondary:active, - [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:active, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:active, [role="button"].secondary:focus { - background: rgba(210, 64, 95, 0.75); } + color: #fffddc; +} + +button.secondary:hover, button.secondary:active, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:active, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:active, [type="submit"].secondary:focus, +[type="reset"].secondary:hover, +[type="reset"].secondary:active, +[type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:active, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:active, [role="button"].secondary:focus { + background: rgba(210, 64, 95, 0.75); +} button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary { background: #2b866d; - color: #fffddc; } - button.tertiary:hover, button.tertiary:active, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:active, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:active, [type="submit"].tertiary:focus, - [type="reset"].tertiary:hover, - [type="reset"].tertiary:active, - [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:active, [role="button"].tertiary:focus { - background: rgba(43, 134, 109, 0.75); } + color: #fffddc; +} + +button.tertiary:hover, button.tertiary:active, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:active, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:active, [type="submit"].tertiary:focus, +[type="reset"].tertiary:hover, +[type="reset"].tertiary:active, +[type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:active, [role="button"].tertiary:focus { + background: rgba(43, 134, 109, 0.75); +} button.inverse, [type="button"].inverse, [type="submit"].inverse, [type="reset"].inverse, .button.inverse, [role="button"].inverse { background: #331e36; - color: #fffddc; } - button.inverse:hover, button.inverse:active, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:active, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:active, [type="submit"].inverse:focus, - [type="reset"].inverse:hover, - [type="reset"].inverse:active, - [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:active, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:active, [role="button"].inverse:focus { - background: rgba(51, 30, 54, 0.75); } + color: #fffddc; +} + +button.inverse:hover, button.inverse:active, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:active, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:active, [type="submit"].inverse:focus, +[type="reset"].inverse:hover, +[type="reset"].inverse:active, +[type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:active, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:active, [role="button"].inverse:focus { + background: rgba(51, 30, 54, 0.75); +} button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small { border: 0; border-radius: 2px; padding: 4px 6px; - margin: 6px 8px; } + margin: 6px 8px; +} button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large { border: 0; border-radius: 4px; padding: 12px 18px; - margin: 10px 8px; } + margin: 10px 8px; +} /* Definitions for the responsive table component. @@ -989,67 +1215,92 @@ table { border: 1px solid #a9a2ba; border-radius: 2px; margin: 0 auto; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); } - table caption { - font-size: 1.5em; - margin: 6px 10px 12px; } - table tr { - padding: 10x; } - table th, table td { - padding: 10px; - border-left: 1px solid #a9a2ba; - border-top: 1px solid #a9a2ba; } - table td { - background: #f2edff; } - table thead th { - border-top: 0; } - table th { - background: #d3cae8; } - table th:first-child, table td:first-child { - border-left: 0; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); +} + +table caption { + font-size: 1.5em; + margin: 6px 10px 12px; +} + +table tr { + padding: 10x; +} + +table th, table td { + padding: 10px; + border-left: 1px solid #a9a2ba; + border-top: 1px solid #a9a2ba; +} + +table td { + background: #f2edff; +} + +table thead th { + border-top: 0; +} + +table th { + background: #d3cae8; +} + +table th:first-child, table td:first-child { + border-left: 0; +} @media screen and (max-width: 767px) { table:not(.preset) { border-collapse: collapse; border: 0; width: 100%; - box-shadow: none; } - table:not(.preset) thead, table:not(.preset) th { - border: 0; - height: 1px; - width: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - clip: rect(0 0 0 0); - -webkit-clip-path: inset(100%); - clip-path: inset(100%); } - table:not(.preset) tr { - display: block; - border: 1px solid #a9a2ba; - border-radius: 2px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); - background: #f2edff; - margin-bottom: 12px; } - table:not(.preset) td { - display: block; - border: 0; - border-bottom: 1px solid #a9a2ba; - text-align: right; } - table:not(.preset) td:before { - content: attr(data-label); - float: left; - font-weight: 700; } - table:not(.preset) td:last-child { - border-bottom: 0; } } + box-shadow: none; + } + table:not(.preset) thead, table:not(.preset) th { + border: 0; + height: 1px; + width: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + clip: rect(0 0 0 0); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + } + table:not(.preset) tr { + display: block; + border: 1px solid #a9a2ba; + border-radius: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15); + background: #f2edff; + margin-bottom: 12px; + } + table:not(.preset) td { + display: block; + border: 0; + border-bottom: 1px solid #a9a2ba; + text-align: right; + } + table:not(.preset) td:before { + content: attr(data-label); + float: left; + font-weight: 700; + } + table:not(.preset) td:last-child { + border-bottom: 0; + } +} table.striped tr:nth-of-type(2n) > td { - background: #ece4ff; } + background: #ece4ff; +} @media screen and (max-width: 767px) { table.striped:not(.preset) tr:nth-of-type(2n) { - background: #ece4ff; } } + background: #ece4ff; + } +} /* Definitions for cards and containers. @@ -1073,59 +1324,83 @@ table.striped tr:nth-of-type(2n) > td { border: 1px solid #9b898a; border-radius: 2px; margin: 4px 10px 22px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); } - .card > .section { - box-sizing: border-box; - margin: 0; - border-bottom: 1px solid #c7b0b1; - padding: 8px 10px; - width: 100%; } - .card > .section.media { - height: 200px; - padding: 0; - -o-object-fit: cover; - object-fit: cover; } - .card > button.section, .card .button.section, .card [role="button"].section, .card input.section { - border-radius: 0; } - .card > .section:last-child { - border-bottom: 0; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); +} + +.card > .section { + box-sizing: border-box; + margin: 0; + border-bottom: 1px solid #c7b0b1; + padding: 8px 10px; + width: 100%; +} + +.card > .section.media { + height: 200px; + padding: 0; + -o-object-fit: cover; + object-fit: cover; +} + +.card > button.section, .card .button.section, .card [role="button"].section, .card input.section { + border-radius: 0; +} + +.card > .section:last-child { + border-bottom: 0; +} @media screen and (min-width: 320px) { .card { - max-width: 320px; } } + max-width: 320px; + } +} /* Custom elements for cards and containers. */ @media screen and (min-width: 480px) { .card.large { - max-width: 480px; } } + max-width: 480px; + } +} @media screen and (min-width: 240px) { .card.small { - max-width: 240px; } } + max-width: 240px; + } +} .card.fluid { max-width: 100%; - width: auto; } + width: auto; +} .card.inverse { background: #211423; color: #fffddc; - border: 1px solid #190f1a; } - .card.inverse > .section { - border-bottom: 1px solid #493e4b; } - .card.inverse > .section:last-child { - border-bottom: 0; } + border: 1px solid #190f1a; +} + +.card.inverse > .section { + border-bottom: 1px solid #493e4b; +} + +.card.inverse > .section:last-child { + border-bottom: 0; +} .card > .section.light { - background: #f6e5e6; } + background: #f6e5e6; +} .card > .section.lighter { - background: #fbf4f4; } + background: #fbf4f4; +} .card > .section.double-padded { - padding: 12px 14px; } + padding: 12px 14px; +} /* Definitions for tabs/horizontal accordions. @@ -1141,134 +1416,183 @@ table.striped tr:nth-of-type(2n) > td { justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); } - .tabs > label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-order: 1; - order: 1; - display: inline-block; - height: 28px; - cursor: pointer; - -webkit-transition: background 0.3s ease 0s; - transition: background 0.3s ease 0s; - background: #d3cae8; - border: 1px solid #a9a2ba; - padding: 10px 12px; } - .tabs > label:first-of-type { - border-top-left-radius: 2px; } - .tabs > label:last-of-type { - border-top-right-radius: 2px; } - .tabs > label:hover, .tabs > label:active, .tabs > label:focus { - background: rgba(211, 202, 232, 0.8); } - .tabs > [type="radio"], .tabs.stacked > [type="checkbox"] { - display: none; - visibility: hidden; } - .tabs > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { - -webkit-flex-basis: auto; - flex-basis: auto; - -webkit-order: 2; - order: 2; - height: 1px; - width: 1px; - margin: -1px; - overflow: hidden; - position: absolute; - clip: rect(0 0 0 0); - -webkit-clip-path: inset(100%); - clip-path: inset(100%); - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: top; - transform-origin: top; - -webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; - transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } - .tabs > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label { - border-left: 0; } - .tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { - border-left: 0; } - .tabs > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label { - background: #e8deff; } - .tabs > [type="radio"]:checked + label:hover, .tabs > [type="radio"]:checked + label:active, .tabs > [type="radio"]:checked + label:focus, .tabs.stacked > [type="checkbox"]:checked + label:hover, .tabs.stacked > [type="checkbox"]:checked + label:active, .tabs.stacked > [type="checkbox"]:checked + label:focus { - background: rgba(232, 222, 255, 0.8); } - .tabs > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { - box-sizing: border-box; - position: relative; - height: 400px; - width: 100%; - overflow: auto; - margin: 0; - -webkit-transform: scaleY(1); - transform: scaleY(1); - background: #eee7ff; - border: 1px solid #a9a2ba; - border-top: 0; - padding: 10px; - clip: auto; - -webkit-clip-path: inset(0%); - clip-path: inset(0%); } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); +} + +.tabs > label { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-order: 1; + order: 1; + display: inline-block; + height: 28px; + cursor: pointer; + -webkit-transition: background 0.3s ease 0s; + transition: background 0.3s ease 0s; + background: #d3cae8; + border: 1px solid #a9a2ba; + padding: 10px 12px; +} + +.tabs > label:first-of-type { + border-top-left-radius: 2px; +} + +.tabs > label:last-of-type { + border-top-right-radius: 2px; +} + +.tabs > label:hover, .tabs > label:active, .tabs > label:focus { + background: rgba(211, 202, 232, 0.8); +} + +.tabs > [type="radio"], .tabs.stacked > [type="checkbox"] { + display: none; + visibility: hidden; +} + +.tabs > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { + -webkit-flex-basis: auto; + flex-basis: auto; + -webkit-order: 2; + order: 2; + height: 1px; + width: 1px; + margin: -1px; + overflow: hidden; + position: absolute; + clip: rect(0 0 0 0); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: top; + transform-origin: top; + -webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; + transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +.tabs > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label { + border-left: 0; +} + +.tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { + border-left: 0; +} + +.tabs > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label { + background: #e8deff; +} + +.tabs > [type="radio"]:checked + label:hover, .tabs > [type="radio"]:checked + label:active, .tabs > [type="radio"]:checked + label:focus, .tabs.stacked > [type="checkbox"]:checked + label:hover, .tabs.stacked > [type="checkbox"]:checked + label:active, .tabs.stacked > [type="checkbox"]:checked + label:focus { + background: rgba(232, 222, 255, 0.8); +} + +.tabs > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { + box-sizing: border-box; + position: relative; + height: 400px; + width: 100%; + overflow: auto; + margin: 0; + -webkit-transform: scaleY(1); + transform: scaleY(1); + background: #eee7ff; + border: 1px solid #a9a2ba; + border-top: 0; + padding: 10px; + clip: auto; + -webkit-clip-path: inset(0%); + clip-path: inset(0%); +} .tabs.stacked { -webkit-box-orient: vertical; -webkit-flex-direction: column; - flex-direction: column; } - .tabs.stacked > label { - -webkit-order: initial; - order: initial; } - .tabs.stacked > label:last-of-type { - border-top-right-radius: 0; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } - .tabs.stacked > label:first-of-type { - border-top-right-radius: 2px; } - .tabs.stacked > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .tabs.stacked > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { - -webkit-order: initial; - order: initial; - -webkit-transform-origin: top; - transform-origin: top; - border-radius: 0; } - .tabs.stacked > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="radio"] + label + div + [type="checkbox"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { - border: 1px solid #a9a2ba; - border-top: 0; } - .tabs.stacked > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { - height: auto; } - .tabs.stacked > [type="radio"] + label + div:last-of-type, .tabs.stacked > [type="checkbox"] + label + div:last-of-type { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } + flex-direction: column; +} + +.tabs.stacked > label { + -webkit-order: initial; + order: initial; +} + +.tabs.stacked > label:last-of-type { + border-top-right-radius: 0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +.tabs.stacked > label:first-of-type { + border-top-right-radius: 2px; +} + +.tabs.stacked > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.tabs.stacked > [type="radio"] + label + div, .tabs.stacked > [type="checkbox"] + label + div { + -webkit-order: initial; + order: initial; + -webkit-transform-origin: top; + transform-origin: top; + border-radius: 0; +} + +.tabs.stacked > [type="radio"] + label + div + [type="radio"] + label, .tabs.stacked > [type="radio"] + label + div + [type="checkbox"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="radio"] + label, .tabs.stacked > [type="checkbox"] + label + div + [type="checkbox"] + label { + border: 1px solid #a9a2ba; + border-top: 0; +} + +.tabs.stacked > [type="radio"]:checked + label + div, .tabs.stacked > [type="checkbox"]:checked + label + div { + height: auto; +} + +.tabs.stacked > [type="radio"] + label + div:last-of-type, .tabs.stacked > [type="checkbox"] + label + div:last-of-type { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} @media screen and (max-width: 767px) { .tabs { -webkit-box-orient: vertical; -webkit-flex-direction: column; - flex-direction: column; } - .tabs > label { - -webkit-order: initial; - order: initial; } - .tabs > label:first-of-type { - border-top-right-radius: 2px; } - .tabs > label:last-of-type { - border-top-right-radius: 0; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } - .tabs > [type="radio"]:checked + label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .tabs > [type="radio"] + label + div { - -webkit-order: initial; - order: initial; - border-radius: 0; } - .tabs > [type="radio"] + label + div + [type="radio"] + label { - border: 1px solid #a9a2ba; - border-top: 0; } - .tabs > [type="radio"] + label + div:last-of-type { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } } + flex-direction: column; + } + .tabs > label { + -webkit-order: initial; + order: initial; + } + .tabs > label:first-of-type { + border-top-right-radius: 2px; + } + .tabs > label:last-of-type { + border-top-right-radius: 0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + .tabs > [type="radio"]:checked + label { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + .tabs > [type="radio"] + label + div { + -webkit-order: initial; + order: initial; + border-radius: 0; + } + .tabs > [type="radio"] + label + div + [type="radio"] + label { + border: 1px solid #a9a2ba; + border-top: 0; + } + .tabs > [type="radio"] + label + div:last-of-type { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } +} /* Definitions for contextual background elements and alerts. @@ -1280,9 +1604,12 @@ mark { line-height: 1; border-radius: 2px; padding: 3px 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); } - mark.inline-block { - display: inline-block; } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); +} + +mark.inline-block { + display: inline-block; +} .alert { display: block; @@ -1291,89 +1618,123 @@ mark { border-radius: 2px; margin: 4px 10px; padding: 12px 16px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26); } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26); +} .tooltip { position: relative; - display: inline-block; } - .tooltip:before, .tooltip:after { - position: absolute; - opacity: 0; - clip: rect(0 0 0 0); - -webkit-clip-path: inset(100%); - clip-path: inset(100%); - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 1010; } - .tooltip:before, .tooltip:after { - left: 50%; } - .tooltip:not(.bottom):before, .tooltip:not(.bottom):after { - bottom: 100%; } - .tooltip.bottom:before, .tooltip.bottom:after { - top: 100%; } - .tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { - opacity: 1; - clip: auto; - -webkit-clip-path: inset(0%); - clip-path: inset(0%); } - .tooltip:before { - content: ''; - background: transparent; - border: 8px solid transparent; } - .tooltip:not(.bottom):before { - border-top-color: #211423; } - .tooltip.bottom:before { - border-bottom-color: #211423; } - .tooltip:after { - content: attr(aria-label); - background: #211423; - border-radius: 3px; - color: #fffddc; - padding: 10px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); - white-space: nowrap; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } - .tooltip:not(.bottom):after { - margin-bottom: 16px; } - .tooltip.bottom:after { - margin-top: 16px; } + display: inline-block; +} + +.tooltip:before, .tooltip:after { + position: absolute; + opacity: 0; + clip: rect(0 0 0 0); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + -webkit-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + z-index: 1010; +} + +.tooltip:before, .tooltip:after { + left: 50%; +} + +.tooltip:not(.bottom):before, .tooltip:not(.bottom):after { + bottom: 100%; +} + +.tooltip.bottom:before, .tooltip.bottom:after { + top: 100%; +} + +.tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { + opacity: 1; + clip: auto; + -webkit-clip-path: inset(0%); + clip-path: inset(0%); +} + +.tooltip:before { + content: ''; + background: transparent; + border: 8px solid transparent; +} + +.tooltip:not(.bottom):before { + border-top-color: #211423; +} + +.tooltip.bottom:before { + border-bottom-color: #211423; +} + +.tooltip:after { + content: attr(aria-label); + background: #211423; + border-radius: 3px; + color: #fffddc; + padding: 10px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); + white-space: nowrap; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.tooltip:not(.bottom):after { + margin-bottom: 16px; +} + +.tooltip.bottom:after { + margin-top: 16px; +} @supports (left: calc(50% - 8px)) or (left: -webkit-calc(50% - 8px)) { .tooltip:before { left: -webkit-calc(50% - 8px); - left: calc(50% - 8px); } } + left: calc(50% - 8px); + } +} /* Custom contextual background elements and alerts. */ mark.secondary { - background: #d2405f; } + background: #d2405f; +} mark.tertiary { - background: #2b866d; } + background: #2b866d; +} mark.tag { border-radius: 200px; - padding: 4px 8px; } + padding: 4px 8px; +} mark.inline-block { font-size: 100%; line-height: 1.35; - padding: 5px; } + padding: 5px; +} .alert.urgent { - background: #fe9992; } + background: #fe9992; +} .alert.critical { background: #ac354e; - color: #fffddc; } + color: #fffddc; +} .alert.urgent { - border: 1px solid #fe6d64; } + border: 1px solid #fe6d64; +} .alert.critical { - border: 1px solid #86293d; } + border: 1px solid #86293d; +} /* Definitions for progress elements and spinners. @@ -1391,39 +1752,58 @@ progress { margin: 2px auto; box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15); background: #e8deff; - color: #6979c6; } - progress::-webkit-progress-value { - background: #6979c6; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - progress::-webkit-progress-bar { - background: #e8deff; } - progress::-moz-progress-bar { - background: #6979c6; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - progress[value="1000"]::-webkit-progress-value { - border-radius: 2px; } - progress[value="1000"]::-moz-progress-bar { - border-radius: 2px; } + color: #6979c6; +} + +progress::-webkit-progress-value { + background: #6979c6; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +progress::-webkit-progress-bar { + background: #e8deff; +} + +progress::-moz-progress-bar { + background: #6979c6; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +progress[value="1000"]::-webkit-progress-value { + border-radius: 2px; +} + +progress[value="1000"]::-moz-progress-bar { + border-radius: 2px; +} @supports (width: calc(100% - 2*10px)) or (width: -webkit-calc(100% - 2*10px)) { progress { width: -webkit-calc(100% - 2*10px); width: calc(100% - 2*10px); - margin: 2px 10px; } } + margin: 2px 10px; + } +} @-webkit-keyframes spinner-donut-anim { 0% { - -webkit-transform: rotate(0deg); } + -webkit-transform: rotate(0deg); + } 100% { - -webkit-transform: rotate(360deg); } } + -webkit-transform: rotate(360deg); + } +} @keyframes spinner-donut-anim { 0% { - transform: rotate(0deg); } + transform: rotate(0deg); + } 100% { - transform: rotate(360deg); } } + transform: rotate(360deg); + } +} .spinner-donut { display: inline-block; @@ -1433,7 +1813,8 @@ progress { width: 20px; height: 20px; -webkit-animation: spinner-donut-anim 1.2s linear infinite; - animation: spinner-donut-anim 1.2s linear infinite; } + animation: spinner-donut-anim 1.2s linear infinite; +} /* Custom elements for progress elements and spinners. @@ -1441,56 +1822,80 @@ progress { progress.inline { display: inline-block; vertical-align: middle; - width: 60%; } + width: 60%; +} progress.secondary { - color: #d2405f; } - progress.secondary::-webkit-progress-value { - background: #d2405f; } - progress.secondary::-moz-progress-bar { - background: #d2405f; } + color: #d2405f; +} + +progress.secondary::-webkit-progress-value { + background: #d2405f; +} + +progress.secondary::-moz-progress-bar { + background: #d2405f; +} progress.tertiary { - color: #2b866d; } - progress.tertiary::-webkit-progress-value { - background: #2b866d; } - progress.tertiary::-moz-progress-bar { - background: #2b866d; } + color: #2b866d; +} + +progress.tertiary::-webkit-progress-value { + background: #2b866d; +} + +progress.tertiary::-moz-progress-bar { + background: #2b866d; +} progress.nano { height: 2px; width: 100%; margin: 0 auto; - border-radius: 0; } - progress.nano::-webkit-progress-value { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - progress.nano::-moz-progress-bar { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - progress.nano[value="1000"]::-webkit-progress-value { - border-radius: 0; } - progress.nano[value="1000"]::-moz-progress-bar { - border-radius: 0; } + border-radius: 0; +} + +progress.nano::-webkit-progress-value { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +progress.nano::-moz-progress-bar { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +progress.nano[value="1000"]::-webkit-progress-value { + border-radius: 0; +} + +progress.nano[value="1000"]::-moz-progress-bar { + border-radius: 0; +} .spinner-donut.secondary { border: 4px solid #f2cad3; - border-left: 4px solid #d2405f; } + border-left: 4px solid #d2405f; +} .spinner-donut.tertiary { border: 4px solid #c5ded7; - border-left: 4px solid #2b866d; } + border-left: 4px solid #2b866d; +} .spinner-donut.large { border-width: 6px; width: 32px; - height: 32px; } + height: 32px; +} /* Definitions for utilities and helper classes. */ .hidden { - display: none !important; } + display: none !important; +} .visually-hidden { position: absolute !important; @@ -1502,7 +1907,8 @@ progress.nano { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } + overflow: hidden !important; +} ul.breadcrumbs { display: -webkit-box; @@ -1513,41 +1919,56 @@ ul.breadcrumbs { padding: 0; border: 1px solid #a9a2ba; border-radius: 4px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); } - ul.breadcrumbs li { - -webkit-box-flex: 1; - max-width: 100%; - -webkit-flex-grow: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - flex-basis: 0; - position: relative; - text-align: center; - background: #e8deff; - height: 32px; - line-height: 32px; - margin-right: 19px; } - ul.breadcrumbs li:before, ul.breadcrumbs li:after { - content: ""; - position: absolute; - top: 0; - width: 0; - height: 0; - border: 0 solid #e8deff; - border-width: 16px 8px; } - ul.breadcrumbs li:before { - left: -16px; - border-left-color: transparent; } - ul.breadcrumbs li:after { - left: 100%; - border-color: transparent; - border-left-color: #e8deff; } - ul.breadcrumbs li:first-child:before { - border: 0; } - ul.breadcrumbs li:last-child { - margin-right: 0; } - ul.breadcrumbs li:last-child:after { - border: 0; } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); +} + +ul.breadcrumbs li { + -webkit-box-flex: 1; + max-width: 100%; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-basis: 0; + flex-basis: 0; + position: relative; + text-align: center; + background: #e8deff; + height: 32px; + line-height: 32px; + margin-right: 19px; +} + +ul.breadcrumbs li:before, ul.breadcrumbs li:after { + content: ""; + position: absolute; + top: 0; + width: 0; + height: 0; + border: 0 solid #e8deff; + border-width: 16px 8px; +} + +ul.breadcrumbs li:before { + left: -16px; + border-left-color: transparent; +} + +ul.breadcrumbs li:after { + left: 100%; + border-color: transparent; + border-left-color: #e8deff; +} + +ul.breadcrumbs li:first-child:before { + border: 0; +} + +ul.breadcrumbs li:last-child { + margin-right: 0; +} + +ul.breadcrumbs li:last-child:after { + border: 0; +} .close { display: inline-block; @@ -1561,83 +1982,115 @@ ul.breadcrumbs { vertical-align: top; cursor: pointer; -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } - .close:hover, .close:active, .close:focus { - background: #e8deff; } - .close:before, .close:after { - display: inline-block; - width: 0.45em; - height: 0.1em; - position: absolute; - content: ""; - top: 0.33em; - left: 0.155em; - text-overflow: clip; - background: #211423; } - .close:before { - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); } - .close:after { - -webkit-transform: rotateZ(-45deg); - transform: rotateZ(-45deg); } + transition: all 0.3s ease 0s; +} + +.close:hover, .close:active, .close:focus { + background: #e8deff; +} + +.close:before, .close:after { + display: inline-block; + width: 0.45em; + height: 0.1em; + position: absolute; + content: ""; + top: 0.33em; + left: 0.155em; + text-overflow: clip; + background: #211423; +} + +.close:before { + -webkit-transform: rotateZ(45deg); + transform: rotateZ(45deg); +} + +.close:after { + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); +} /* Custom elements for utilities and helper classes. */ .bordered { - border: 1px solid rgba(0, 0, 0, 0.25) !important; } + border: 1px solid rgba(0, 0, 0, 0.25) !important; +} .rounded { - border-radius: 4px !important; } + border-radius: 4px !important; +} .circular { - border-radius: 50% !important; } + border-radius: 50% !important; +} .responsive-margin { - margin: 3px !important; } + margin: 3px !important; +} @media screen and (min-width: 768px) { .responsive-margin { - margin: 6px !important; } } + margin: 6px !important; + } +} @media screen and (min-width: 1280px) { .responsive-margin { - margin: 10px !important; } } + margin: 10px !important; + } +} .responsive-padding { - padding: 2px 3px !important; } + padding: 2px 3px !important; +} @media screen and (min-width: 768px) { .responsive-padding { - padding: 4px 6px !important; } } + padding: 4px 6px !important; + } +} @media screen and (min-width: 1280px) { .responsive-padding { - padding: 8px 10px !important; } } + padding: 8px 10px !important; + } +} .shadow-none { - box-shadow: none !important; } + box-shadow: none !important; +} .shadow-small { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15) !important; +} .shadow-medium { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15) !important; +} .shadow-large { - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15) !important; } + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15) !important; +} @media screen and (max-width: 767px) { .hidden-sm { - display: none; } } + display: none; + } +} @media screen and (min-width: 768px) and (max-width: 1279px) { .hidden-md { - display: none; } } + display: none; + } +} @media screen and (min-width: 1280px) { .hidden-lg { - display: none; } } + display: none; + } +} @media screen and (max-width: 767px) { .visually-hidden-sm { @@ -1650,7 +2103,9 @@ ul.breadcrumbs { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } } + overflow: hidden !important; + } +} @media screen and (min-width: 768px) and (max-width: 1279px) { .visually-hidden-md { @@ -1663,7 +2118,9 @@ ul.breadcrumbs { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } } + overflow: hidden !important; + } +} @media screen and (min-width: 1280px) { .visually-hidden-lg { @@ -1676,4 +2133,6 @@ ul.breadcrumbs { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(100%) !important; clip-path: inset(100%) !important; - overflow: hidden !important; } } + overflow: hidden !important; + } +} diff --git a/dist/mini-sucroa.min.css b/dist/mini-sucroa.min.css index ae7fab1..12067a8 100644 --- a/dist/mini-sucroa.min.css +++ b/dist/mini-sucroa.min.css @@ -1 +1 @@ -@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");html{font-size:16px}*,html{font-family:Libre Baskerville, serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,details,figcaption,figure,main,menu,section{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:0.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:-webkit-linear-gradient(to right, #5d545f, #1e1320, #5d545f);background:linear-gradient(to right, #5d545f, #1e1320, #5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}blockquote:after{position:absolute;font-style:normal;font-size:0.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:"Cousine", monospace, monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px 8px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}small,sub,sup{font-size:80%}sup{top:-6px}sub{bottom:-6px}sub,sup{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#434e7f}a:active,a:focus,a:hover{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*=cols-sm-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width:768px){.row[class*=cols-md-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width:1280px){.row[class*=cols-lg-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width:768px){.col-md,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width:1280px){.col-lg,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header .button,header [role=button],header [type=button],header a.button,header a[role=button],header button,header label.button,header label[role=button]{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header .button:active,header .button:focus,header .button:hover,header [role=button]:active,header [role=button]:focus,header [role=button]:hover,header [type=button]:active,header [type=button]:focus,header [type=button]:hover,header a.button:active,header a.button:focus,header a.button:hover,header a[role=button]:active,header a[role=button]:focus,header a[role=button]:hover,header button:active,header button:focus,header button:hover,header label.button:active,header label.button:focus,header label.button:hover,header label[role=button]:active,header label[role=button]:focus,header label[role=button]:hover{background:#493e4b}header .logo,header a.button,header a[role=button]{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}nav a,nav a:visited{display:block;color:#6979c6}nav .sublink-1{padding-left:14px;position:relative}nav .sublink-2{padding-left:28px;position:relative}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}footer.sticky,header.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:0.925em;padding:2px 4px}label{padding:6px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width:767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],input:not([type]),select,textarea{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}input:not([type=button]):not([type=submit]):not([type=reset]):focus,input:not([type=button]):not([type=submit]):not([type=reset]):hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#6979c6;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset]):disabled,input:not([type=button]):not([type=submit]):not([type=reset])[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{cursor:not-allowed;opacity:0.8}input:not([type=button]):not([type=submit]):not([type=reset]):focus:invalid,input:not([type=button]):not([type=submit]):not([type=reset]):invalid,select:focus:invalid,select:invalid,textarea:focus:invalid,textarea:invalid{border-color:#d2405f;box-shadow:none}input:not([type=button]):not([type=submit]):not([type=reset])[readonly],select[readonly],textarea[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button{overflow:visible;text-transform:none}.button,[role=button],[type=button],[type=reset],[type=submit],a.button,a[role=button],button,label.button,label[role=button]{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}.button:active,.button:focus,.button:hover,[role=button]:active,[role=button]:focus,[role=button]:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,label.button:active,label.button:focus,label.button:hover,label[role=button]:active,label[role=button]:focus,label[role=button]:hover{background:rgba(211, 202, 232, 0.75);opacity:1}.button:disabled,.button[disabled],[role=button]:disabled,[role=button][disabled],[type=button]:disabled,[type=button][disabled],[type=reset]:disabled,[type=reset][disabled],[type=submit]:disabled,[type=submit][disabled],a.button:disabled,a.button[disabled],a[role=button]:disabled,a[role=button][disabled],button:disabled,button[disabled],label.button:disabled,label.button[disabled],label[role=button]:disabled,label[role=button][disabled]{cursor:not-allowed;opacity:0.75}input[type=file]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}.button-group .button,.button-group [role=button],.button-group [type=button],.button-group [type=reset],.button-group [type=submit],.button-group button{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border-left:1px solid #a9a2ba}@media screen and (max-width:767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group .button+.button,.button-group .button+[role=button],.button-group .button+[type=button],.button-group .button+[type=reset],.button-group .button+[type=submit],.button-group .button+button,.button-group [role=button]+.button,.button-group [role=button]+[role=button],.button-group [role=button]+[type=button],.button-group [role=button]+[type=reset],.button-group [role=button]+[type=submit],.button-group [role=button]+button,.button-group [type=button]+.button,.button-group [type=button]+[role=button],.button-group [type=button]+[type=button],.button-group [type=button]+[type=reset],.button-group [type=button]+[type=submit],.button-group [type=button]+button,.button-group [type=reset]+.button,.button-group [type=reset]+[role=button],.button-group [type=reset]+[type=button],.button-group [type=reset]+[type=reset],.button-group [type=reset]+[type=submit],.button-group [type=reset]+button,.button-group [type=submit]+.button,.button-group [type=submit]+[role=button],.button-group [type=submit]+[type=button],.button-group [type=submit]+[type=reset],.button-group [type=submit]+[type=submit],.button-group [type=submit]+button,.button-group button+.button,.button-group button+[role=button],.button-group button+[type=button],.button-group button+[type=reset],.button-group button+[type=submit],.button-group button+button{border:0;border-top:1px solid #a9a2ba}}[type=checkbox],[type=radio]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type=checkbox]+label,.input-group [type=radio]+label{position:relative;margin-left:20px}.input-group [type=checkbox]+label:before,.input-group [type=radio]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type=checkbox]+label:active:before,.input-group [type=checkbox]+label:focus:before,.input-group [type=checkbox]+label:hover:before,.input-group [type=radio]+label:active:before,.input-group [type=radio]+label:focus:before,.input-group [type=radio]+label:hover:before{border-color:#6979c6}.input-group [type=checkbox]:focus+label:before,.input-group [type=radio]:focus+label:before{border-color:#6979c6}.input-group [type=radio]+label:after,.input-group [type=radio]+label:before{border-radius:50%}.input-group [type=checkbox][disabled]+label,.input-group [type=radio][disabled]+label{cursor:not-allowed}.input-group [type=checkbox][disabled]+label:after,.input-group [type=checkbox][disabled]+label:before,.input-group [type=radio][disabled]+label:after,.input-group [type=radio][disabled]+label:before{opacity:0.8}.input-group [type=checkbox]:checked+label:after,.input-group [type=radio]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}.button.primary,[role=button].primary,[type=button].primary,[type=reset].primary,[type=submit].primary,button.primary{background:#6979c6;color:#fffddc}.button.primary:active,.button.primary:focus,.button.primary:hover,[role=button].primary:active,[role=button].primary:focus,[role=button].primary:hover,[type=button].primary:active,[type=button].primary:focus,[type=button].primary:hover,[type=reset].primary:active,[type=reset].primary:focus,[type=reset].primary:hover,[type=submit].primary:active,[type=submit].primary:focus,[type=submit].primary:hover,button.primary:active,button.primary:focus,button.primary:hover{background:rgba(105, 121, 198, 0.75)}.button.secondary,[role=button].secondary,[type=button].secondary,[type=reset].secondary,[type=submit].secondary,button.secondary{background:#d2405f;color:#fffddc}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[type=button].secondary:active,[type=button].secondary:focus,[type=button].secondary:hover,[type=reset].secondary:active,[type=reset].secondary:focus,[type=reset].secondary:hover,[type=submit].secondary:active,[type=submit].secondary:focus,[type=submit].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover{background:rgba(210, 64, 95, 0.75)}.button.tertiary,[role=button].tertiary,[type=button].tertiary,[type=reset].tertiary,[type=submit].tertiary,button.tertiary{background:#2b866d;color:#fffddc}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,[role=button].tertiary:active,[role=button].tertiary:focus,[role=button].tertiary:hover,[type=button].tertiary:active,[type=button].tertiary:focus,[type=button].tertiary:hover,[type=reset].tertiary:active,[type=reset].tertiary:focus,[type=reset].tertiary:hover,[type=submit].tertiary:active,[type=submit].tertiary:focus,[type=submit].tertiary:hover,button.tertiary:active,button.tertiary:focus,button.tertiary:hover{background:rgba(43, 134, 109, 0.75)}.button.inverse,[role=button].inverse,[type=button].inverse,[type=reset].inverse,[type=submit].inverse,button.inverse{background:#331e36;color:#fffddc}.button.inverse:active,.button.inverse:focus,.button.inverse:hover,[role=button].inverse:active,[role=button].inverse:focus,[role=button].inverse:hover,[type=button].inverse:active,[type=button].inverse:focus,[type=button].inverse:hover,[type=reset].inverse:active,[type=reset].inverse:focus,[type=reset].inverse:hover,[type=submit].inverse:active,[type=submit].inverse:focus,[type=submit].inverse:hover,button.inverse:active,button.inverse:focus,button.inverse:hover{background:rgba(51, 30, 54, 0.75)}.button.small,[role=button].small,[type=button].small,[type=reset].small,[type=submit].small,button.small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}.button.large,[role=button].large,[type=button].large,[type=reset].large,[type=submit].large,button.large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table td,table th{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table td:first-child,table th:first-child{border-left:0}@media screen and (max-width:767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) th,table:not(.preset) thead{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media screen and (max-width:767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card .button.section,.card>button.section,.card [role=button].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width:320px){.card{max-width:320px}}@media screen and (min-width:480px){.card.large{max-width:480px}}@media screen and (min-width:240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:active,.tabs>label:focus,.tabs>label:hover{background:rgba(211, 202, 232, 0.8)}.tabs.stacked>[type=checkbox],.tabs>[type=radio]{display:none;visibility:hidden}.tabs.stacked>[type=checkbox]+label+div,.tabs>[type=radio]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs>[type=radio]+label+div+[type=radio]+label{border-left:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label{border-left:0}.tabs.stacked>[type=checkbox]:checked+label,.tabs>[type=radio]:checked+label{background:#e8deff}.tabs.stacked>[type=checkbox]:checked+label:active,.tabs.stacked>[type=checkbox]:checked+label:focus,.tabs.stacked>[type=checkbox]:checked+label:hover,.tabs>[type=radio]:checked+label:active,.tabs>[type=radio]:checked+label:focus,.tabs>[type=radio]:checked+label:hover{background:rgba(232, 222, 255, 0.8)}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs>[type=radio]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type=checkbox]:checked+label,.tabs.stacked>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type=checkbox]+label+div,.tabs.stacked>[type=radio]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type=checkbox]+label+div+[type=checkbox]+label,.tabs.stacked>[type=checkbox]+label+div+[type=radio]+label,.tabs.stacked>[type=radio]+label+div+[type=checkbox]+label,.tabs.stacked>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type=checkbox]:checked+label+div,.tabs.stacked>[type=radio]:checked+label+div{height:auto}.tabs.stacked>[type=checkbox]+label+div:last-of-type,.tabs.stacked>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media screen and (max-width:767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type=radio]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type=radio]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type=radio]+label+div+[type=radio]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type=radio]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26)}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:after,.tooltip:before{left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:100%}.tooltip.bottom:after,.tooltip.bottom:before{top:100%}.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:8px solid transparent}.tooltip:not(.bottom):before{border-top-color:#211423}.tooltip.bottom:before{border-bottom-color:#211423}.tooltip:after{content:attr(aria-label);background:#211423;border-radius:3px;color:#fffddc;padding:10px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:16px}.tooltip.bottom:after{margin-top:16px}@supports (left:calc(50% - 8px)) or (left:-webkit-calc(50% - 8px)){.tooltip:before{left:-webkit-calc(50% - 8px);left:calc(50% - 8px)}}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;border:0;border-radius:2px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0.5px rgba(0, 0, 0, 0.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width:calc(100% - 2*10px)) or (width:-webkit-calc(100% - 2*10px)){progress{width:-webkit-calc(100% - 2*10px);width:calc(100% - 2*10px);margin:2px 10px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:after,ul.breadcrumbs li:before{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232, 222, 255, 0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:active,.close:focus,.close:hover{background:#e8deff}.close:after,.close:before{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0, 0, 0, 0.25)!important}.rounded{border-radius:4px!important}.circular{border-radius:50%!important}.responsive-margin{margin:3px!important}@media screen and (min-width:768px){.responsive-margin{margin:6px!important}}@media screen and (min-width:1280px){.responsive-margin{margin:10px!important}}.responsive-padding{padding:2px 3px!important}@media screen and (min-width:768px){.responsive-padding{padding:4px 6px!important}}@media screen and (min-width:1280px){.responsive-padding{padding:8px 10px!important}}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15)!important}.shadow-medium{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15)!important}.shadow-large{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15)!important}@media screen and (max-width:767px){.hidden-sm{display:none}}@media screen and (min-width:768px) and (max-width:1279px){.hidden-md{display:none}}@media screen and (min-width:1280px){.hidden-lg{display:none}}@media screen and (max-width:767px){.visually-hidden-sm{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}}@media screen and (min-width:768px) and (max-width:1279px){.visually-hidden-md{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}}@media screen and (min-width:1280px){.visually-hidden-lg{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}} \ No newline at end of file +@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");html{font-size:16px}html,*{font-family:Libre Baskerville,serif;line-height:1.7;-webkit-text-size-adjust:100%}*{font-size:1em}body{margin:0;color:#211423;background:#fffcc9}article,aside,section,figcaption,figure,main,details,menu{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline}audio,video{display:inline-block}svg:not(:root){overflow:hidden}input{overflow:visible}img{max-width:100%;height:auto}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.2em;margin:12px 10px;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#424242;display:block;margin-top:-2px;font-size:75%}h1{font-size:2.2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.9em}p{margin:4px 10px}ol,ul{margin:4px 10px 10px;padding-left:32px}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;overflow:visible;line-height:1.3em;margin:10px;height:1px;background:-webkit-linear-gradient(to right, #5d545f, #1e1320, #5d545f);background:linear-gradient(to right, #5d545f, #1e1320, #5d545f)}blockquote{display:block;position:relative;font-style:italic;background:#eae1ff;margin:10px;padding:8px 12px 28px;border-left:3px solid #331e36;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}blockquote:after{position:absolute;font-style:normal;font-size:.85em;color:#5d545f;left:10px;bottom:4px;content:"— " attr(cite)}code,kbd,pre,samp{font-family:"Cousine",monospace,monospace}code{border-radius:2px;background:#e8deff;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}pre{overflow:auto;border-radius:2px;background:#e8deff;padding:8px 12px 8px;margin:10px;border-left:3px solid #6979c6;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}kbd{border-radius:2px;background:#331e36;color:#fffddc;padding:3px 4px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}small,sup,sub{font-size:80%}sup{top:-6px}sub{bottom:-6px}sup,sub{line-height:0;position:relative;vertical-align:baseline}a{color:#5664a3;text-decoration:underline;opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}a:visited{color:#434e7f}a:hover,a:focus,a:active{opacity:0.75}figcaption{font-size:80%;color:#424242}.container{margin:0 auto;padding:0 10px}.row{box-sizing:border-box;display:-webkit-box;-webkit-box-flex:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}.row[class*='cols-sm-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}@media screen and (min-width: 768px){.row[class*='cols-md-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}@media screen and (min-width: 1280px){.row[class*='cols-lg-']>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}}.col-sm,[class^='col-sm-'],[class^='col-sm-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-sm,.row.cols-sm>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{-webkit-order:initial;order:initial}.col-sm-first{-webkit-order:-999;order:-999}.col-sm-last{-webkit-order:999;order:999}@media screen and (min-width: 768px){.col-md,[class^='col-md-'],[class^='col-md-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-md,.row.cols-md>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-md-3,.row.cols-md-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-md-6,.row.cols-md-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-md-9,.row.cols-md-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-md-12,.row.cols-md-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{-webkit-order:initial;order:initial}.col-md-first{-webkit-order:-999;order:-999}.col-md-last{-webkit-order:999;order:999}}@media screen and (min-width: 1280px){.col-lg,[class^='col-lg-'],[class^='col-lg-offset-']{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 4px}.col-lg,.row.cols-lg>*{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;-webkit-flex-basis:8.33333%;flex-basis:8.33333%}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;-webkit-flex-basis:16.66667%;flex-basis:16.66667%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;-webkit-flex-basis:25%;flex-basis:25%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;-webkit-flex-basis:33.33333%;flex-basis:33.33333%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;-webkit-flex-basis:41.66667%;flex-basis:41.66667%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;-webkit-flex-basis:50%;flex-basis:50%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;-webkit-flex-basis:58.33333%;flex-basis:58.33333%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;-webkit-flex-basis:66.66667%;flex-basis:66.66667%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;-webkit-flex-basis:75%;flex-basis:75%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;-webkit-flex-basis:83.33333%;flex-basis:83.33333%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;-webkit-flex-basis:91.66667%;flex-basis:91.66667%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;-webkit-flex-basis:100%;flex-basis:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{-webkit-order:initial;order:initial}.col-lg-first{-webkit-order:-999;order:-999}.col-lg-last{-webkit-order:999;order:999}}header{display:block;height:48px;background:#211423;color:#fffddc;padding:3px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26);white-space:nowrap;overflow-x:auto;overflow-y:hidden}header .logo{color:#fffddc;font-size:1.75em;line-height:1.5;margin:6px 6px 1px 1px;padding:6px 0 0;-webkit-transition:0s opacity;transition:0s opacity}header button,header [type="button"],header a.button,header label.button,header .button,header a[role="button"],header label[role="button"],header [role="button"]{background:#211423;color:#fffddc;vertical-align:top;margin:3px 0 0;box-shadow:none;border:0}header button:hover,header button:active,header button:focus,header [type="button"]:hover,header [type="button"]:active,header [type="button"]:focus,header a.button:hover,header a.button:active,header a.button:focus,header label.button:hover,header label.button:active,header label.button:focus,header .button:hover,header .button:active,header .button:focus,header a[role="button"]:hover,header a[role="button"]:active,header a[role="button"]:focus,header label[role="button"]:hover,header label[role="button"]:active,header label[role="button"]:focus,header [role="button"]:hover,header [role="button"]:active,header [role="button"]:focus{background:#493e4b}header .logo,header a.button,header a[role="button"]{text-decoration:none}nav{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:12px 10px 18px 22px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}nav a,nav a:visited{display:block;color:#6979c6}nav .sublink-1{padding-left:14px;position:relative}nav .sublink-2{padding-left:28px;position:relative}footer{display:block;background:#211423;color:#fffddc;margin:22px 0 0;padding:24px 10px 14px;font-size:90%}footer a,footer a:visited{color:#7480b3}header.sticky,footer.sticky{position:-webkit-sticky;position:sticky;z-index:1101}header.sticky{top:0}footer.sticky{bottom:0}form{background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:10px;padding:14px 10px 20px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}fieldset{border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:6px 8px 8px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;font-weight:700;font-size:.925em;padding:2px 4px}label{padding:6px}.input-group{display:inline-block}.input-group.fluid{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input-group.fluid>input{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0}@media screen and (max-width: 767px){.input-group.fluid{-webkit-box-orient:vertical;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column}}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],textarea,select{box-sizing:border-box;background:#f2edff;color:#211423;border:1px solid #a9a2ba;border-radius:2px;margin:2px;padding:8px 12px}input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:#6979c6;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,input:not([type="button"]):not([type="submit"]):not([type="reset"])[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{cursor:not-allowed;opacity:.8}input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid{border-color:#d2405f;box-shadow:none}input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly]{background:#eae1ff;border-color:#a9a2ba}::-webkit-input-placeholder{opacity:1;color:#493e4b}::-moz-placeholder{opacity:1;color:#493e4b}::-ms-placeholder{opacity:1;color:#493e4b}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,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{overflow:visible;text-transform:none}button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"]{display:inline-block;background:#d3cae8;color:#211423;border:1px solid #a9a2ba;border-radius:3px;padding:8px 12px;margin:10px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15);text-decoration:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,a.button:hover,a.button:active,a.button:focus,label.button:hover,label.button:active,label.button:focus,.button:hover,.button:active,.button:focus,a[role="button"]:hover,a[role="button"]:active,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:active,label[role="button"]:focus,[role="button"]:hover,[role="button"]:active,[role="button"]:focus{background:rgba(211,202,232,0.75);opacity:1}button:disabled,button[disabled],[type="button"]:disabled,[type="button"][disabled],[type="submit"]:disabled,[type="submit"][disabled],[type="reset"]:disabled,[type="reset"][disabled],a.button:disabled,a.button[disabled],label.button:disabled,label.button[disabled],.button:disabled,.button[disabled],a[role="button"]:disabled,a[role="button"][disabled],label[role="button"]:disabled,label[role="button"][disabled],[role="button"]:disabled,[role="button"][disabled]{cursor:not-allowed;opacity:.75}input[type="file"]{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.button-group{display:-webkit-box;display:-webkit-flex;display:flex;border:1px solid #a9a2ba;border-radius:3px;margin:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}.button-group button,.button-group [type="button"],.button-group [type="submit"],.button-group [type="reset"],.button-group .button,.button-group [role="button"]{margin:0;-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border-left:1px solid #a9a2ba}@media screen and (max-width: 767px){.button-group{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.button-group button+button,.button-group button+[type="button"],.button-group button+[type="submit"],.button-group button+[type="reset"],.button-group button+.button,.button-group button+[role="button"],.button-group [type="button"]+button,.button-group [type="button"]+[type="button"],.button-group [type="button"]+[type="submit"],.button-group [type="button"]+[type="reset"],.button-group [type="button"]+.button,.button-group [type="button"]+[role="button"],.button-group [type="submit"]+button,.button-group [type="submit"]+[type="button"],.button-group [type="submit"]+[type="submit"],.button-group [type="submit"]+[type="reset"],.button-group [type="submit"]+.button,.button-group [type="submit"]+[role="button"],.button-group [type="reset"]+button,.button-group [type="reset"]+[type="button"],.button-group [type="reset"]+[type="submit"],.button-group [type="reset"]+[type="reset"],.button-group [type="reset"]+.button,.button-group [type="reset"]+[role="button"],.button-group .button+button,.button-group .button+[type="button"],.button-group .button+[type="submit"],.button-group .button+[type="reset"],.button-group .button+.button,.button-group .button+[role="button"],.button-group [role="button"]+button,.button-group [role="button"]+[type="button"],.button-group [role="button"]+[type="submit"],.button-group [role="button"]+[type="reset"],.button-group [role="button"]+.button,.button-group [role="button"]+[role="button"]{border:0;border-top:1px solid #a9a2ba}}[type="checkbox"],[type="radio"]{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.input-group [type="checkbox"]+label,.input-group [type="radio"]+label{position:relative;margin-left:20px}.input-group [type="checkbox"]+label:before,.input-group [type="radio"]+label:before{display:inline-block;position:absolute;bottom:3px;left:0;width:16px;height:16px;content:'';border:1px solid #a9a2ba;border-radius:2px;background:#f2edff;color:#211423;margin-left:-20px}.input-group [type="checkbox"]+label:hover:before,.input-group [type="checkbox"]+label:active:before,.input-group [type="checkbox"]+label:focus:before,.input-group [type="radio"]+label:hover:before,.input-group [type="radio"]+label:active:before,.input-group [type="radio"]+label:focus:before{border-color:#6979c6}.input-group [type="checkbox"]:focus+label:before,.input-group [type="radio"]:focus+label:before{border-color:#6979c6}.input-group [type="radio"]+label:before,.input-group [type="radio"]+label:after{border-radius:50%}.input-group [type="checkbox"][disabled]+label,.input-group [type="radio"][disabled]+label{cursor:not-allowed}.input-group [type="checkbox"][disabled]+label:before,.input-group [type="checkbox"][disabled]+label:after,.input-group [type="radio"][disabled]+label:before,.input-group [type="radio"][disabled]+label:after{opacity:.8}.input-group [type="checkbox"]:checked+label:after,.input-group [type="radio"]:checked+label:after{margin-left:-20px;position:absolute;bottom:7px;left:4px;width:10px;height:10px;background:#211423;content:''}button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary{background:#6979c6;color:#fffddc}button.primary:hover,button.primary:active,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:active,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:active,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:active,[type="reset"].primary:focus,.button.primary:hover,.button.primary:active,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:active,[role="button"].primary:focus{background:rgba(105,121,198,0.75)}button.secondary,[type="button"].secondary,[type="submit"].secondary,[type="reset"].secondary,.button.secondary,[role="button"].secondary{background:#d2405f;color:#fffddc}button.secondary:hover,button.secondary:active,button.secondary:focus,[type="button"].secondary:hover,[type="button"].secondary:active,[type="button"].secondary:focus,[type="submit"].secondary:hover,[type="submit"].secondary:active,[type="submit"].secondary:focus,[type="reset"].secondary:hover,[type="reset"].secondary:active,[type="reset"].secondary:focus,.button.secondary:hover,.button.secondary:active,.button.secondary:focus,[role="button"].secondary:hover,[role="button"].secondary:active,[role="button"].secondary:focus{background:rgba(210,64,95,0.75)}button.tertiary,[type="button"].tertiary,[type="submit"].tertiary,[type="reset"].tertiary,.button.tertiary,[role="button"].tertiary{background:#2b866d;color:#fffddc}button.tertiary:hover,button.tertiary:active,button.tertiary:focus,[type="button"].tertiary:hover,[type="button"].tertiary:active,[type="button"].tertiary:focus,[type="submit"].tertiary:hover,[type="submit"].tertiary:active,[type="submit"].tertiary:focus,[type="reset"].tertiary:hover,[type="reset"].tertiary:active,[type="reset"].tertiary:focus,.button.tertiary:hover,.button.tertiary:active,.button.tertiary:focus,[role="button"].tertiary:hover,[role="button"].tertiary:active,[role="button"].tertiary:focus{background:rgba(43,134,109,0.75)}button.inverse,[type="button"].inverse,[type="submit"].inverse,[type="reset"].inverse,.button.inverse,[role="button"].inverse{background:#331e36;color:#fffddc}button.inverse:hover,button.inverse:active,button.inverse:focus,[type="button"].inverse:hover,[type="button"].inverse:active,[type="button"].inverse:focus,[type="submit"].inverse:hover,[type="submit"].inverse:active,[type="submit"].inverse:focus,[type="reset"].inverse:hover,[type="reset"].inverse:active,[type="reset"].inverse:focus,.button.inverse:hover,.button.inverse:active,.button.inverse:focus,[role="button"].inverse:hover,[role="button"].inverse:active,[role="button"].inverse:focus{background:rgba(51,30,54,0.75)}button.small,[type="button"].small,[type="submit"].small,[type="reset"].small,.button.small,[role="button"].small{border:0;border-radius:2px;padding:4px 6px;margin:6px 8px}button.large,[type="button"].large,[type="submit"].large,[type="reset"].large,.button.large,[role="button"].large{border:0;border-radius:4px;padding:12px 18px;margin:10px 8px}table{border-collapse:separate;border-spacing:0;border:1px solid #a9a2ba;border-radius:2px;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15)}table caption{font-size:1.5em;margin:6px 10px 12px}table tr{padding:10x}table th,table td{padding:10px;border-left:1px solid #a9a2ba;border-top:1px solid #a9a2ba}table td{background:#f2edff}table thead th{border-top:0}table th{background:#d3cae8}table th:first-child,table td:first-child{border-left:0}@media screen and (max-width: 767px){table:not(.preset){border-collapse:collapse;border:0;width:100%;box-shadow:none}table:not(.preset) thead,table:not(.preset) th{border:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}table:not(.preset) tr{display:block;border:1px solid #a9a2ba;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15);background:#f2edff;margin-bottom:12px}table:not(.preset) td{display:block;border:0;border-bottom:1px solid #a9a2ba;text-align:right}table:not(.preset) td:before{content:attr(data-label);float:left;font-weight:700}table:not(.preset) td:last-child{border-bottom:0}}table.striped tr:nth-of-type(2n)>td{background:#ece4ff}@media screen and (max-width: 767px){table.striped:not(.preset) tr:nth-of-type(2n){background:#ece4ff}}.card{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-self:center;align-self:center;position:relative;width:100%;background:#f2d7d8;border:1px solid #9b898a;border-radius:2px;margin:4px 10px 22px;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.card>.section{box-sizing:border-box;margin:0;border-bottom:1px solid #c7b0b1;padding:8px 10px;width:100%}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>button.section,.card .button.section,.card [role="button"].section,.card input.section{border-radius:0}.card>.section:last-child{border-bottom:0}@media screen and (min-width: 320px){.card{max-width:320px}}@media screen and (min-width: 480px){.card.large{max-width:480px}}@media screen and (min-width: 240px){.card.small{max-width:240px}}.card.fluid{max-width:100%;width:auto}.card.inverse{background:#211423;color:#fffddc;border:1px solid #190f1a}.card.inverse>.section{border-bottom:1px solid #493e4b}.card.inverse>.section:last-child{border-bottom:0}.card>.section.light{background:#f6e5e6}.card>.section.lighter{background:#fbf4f4}.card>.section.double-padded{padding:12px 14px}.tabs{width:100%;opacity:1;display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,0.18),0 2px 3px rgba(0,0,0,0.26)}.tabs>label{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-order:1;order:1;display:inline-block;height:28px;cursor:pointer;-webkit-transition:background 0.3s ease 0s;transition:background 0.3s ease 0s;background:#d3cae8;border:1px solid #a9a2ba;padding:10px 12px}.tabs>label:first-of-type{border-top-left-radius:2px}.tabs>label:last-of-type{border-top-right-radius:2px}.tabs>label:hover,.tabs>label:active,.tabs>label:focus{background:rgba(211,202,232,0.8)}.tabs>[type="radio"],.tabs.stacked>[type="checkbox"]{display:none;visibility:hidden}.tabs>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-flex-basis:auto;flex-basis:auto;-webkit-order:2;order:2;height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;transition:-webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label{border-left:0}.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border-left:0}.tabs>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{background:#e8deff}.tabs>[type="radio"]:checked+label:hover,.tabs>[type="radio"]:checked+label:active,.tabs>[type="radio"]:checked+label:focus,.tabs.stacked>[type="checkbox"]:checked+label:hover,.tabs.stacked>[type="checkbox"]:checked+label:active,.tabs.stacked>[type="checkbox"]:checked+label:focus{background:rgba(232,222,255,0.8)}.tabs>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{box-sizing:border-box;position:relative;height:400px;width:100%;overflow:auto;margin:0;-webkit-transform:scaleY(1);transform:scaleY(1);background:#eee7ff;border:1px solid #a9a2ba;border-top:0;padding:10px;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tabs.stacked{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs.stacked>label{-webkit-order:initial;order:initial}.tabs.stacked>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs.stacked>label:first-of-type{border-top-right-radius:2px}.tabs.stacked>[type="radio"]:checked+label,.tabs.stacked>[type="checkbox"]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs.stacked>[type="radio"]+label+div,.tabs.stacked>[type="checkbox"]+label+div{-webkit-order:initial;order:initial;-webkit-transform-origin:top;transform-origin:top;border-radius:0}.tabs.stacked>[type="radio"]+label+div+[type="radio"]+label,.tabs.stacked>[type="radio"]+label+div+[type="checkbox"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="radio"]+label,.tabs.stacked>[type="checkbox"]+label+div+[type="checkbox"]+label{border:1px solid #a9a2ba;border-top:0}.tabs.stacked>[type="radio"]:checked+label+div,.tabs.stacked>[type="checkbox"]:checked+label+div{height:auto}.tabs.stacked>[type="radio"]+label+div:last-of-type,.tabs.stacked>[type="checkbox"]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media screen and (max-width: 767px){.tabs{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.tabs>label{-webkit-order:initial;order:initial}.tabs>label:first-of-type{border-top-right-radius:2px}.tabs>label:last-of-type{border-top-right-radius:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tabs>[type="radio"]:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs>[type="radio"]+label+div{-webkit-order:initial;order:initial;border-radius:0}.tabs>[type="radio"]+label+div+[type="radio"]+label{border:1px solid #a9a2ba;border-top:0}.tabs>[type="radio"]+label+div:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}}mark{background:#6979c6;color:#fffddc;font-size:95%;line-height:1;border-radius:2px;padding:3px 5px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15)}mark.inline-block{display:inline-block}.alert{display:block;background:#e8deff;border:1px solid #a9a2ba;border-radius:2px;margin:4px 10px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.26)}.tooltip{position:relative;display:inline-block}.tooltip:before,.tooltip:after{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:1010}.tooltip:before,.tooltip:after{left:50%}.tooltip:not(.bottom):before,.tooltip:not(.bottom):after{bottom:100%}.tooltip.bottom:before,.tooltip.bottom:after{top:100%}.tooltip:hover:before,.tooltip:hover:after,.tooltip:active:before,.tooltip:active:after,.tooltip:focus:before,.tooltip:focus:after{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:transparent;border:8px solid transparent}.tooltip:not(.bottom):before{border-top-color:#211423}.tooltip.bottom:before{border-bottom-color:#211423}.tooltip:after{content:attr(aria-label);background:#211423;border-radius:3px;color:#fffddc;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15);white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:16px}.tooltip.bottom:after{margin-top:16px}@supports (left: calc(50% - 8px)) or (left: -webkit-calc(50% - 8px)){.tooltip:before{left:-webkit-calc(50% - 8px);left:calc(50% - 8px)}}mark.secondary{background:#d2405f}mark.tertiary{background:#2b866d}mark.tag{border-radius:200px;padding:4px 8px}mark.inline-block{font-size:100%;line-height:1.35;padding:5px}.alert.urgent{background:#fe9992}.alert.critical{background:#ac354e;color:#fffddc}.alert.urgent{border:1px solid #fe6d64}.alert.critical{border:1px solid #86293d}progress{display:block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;border:0;border-radius:2px;margin:2px auto;box-shadow:0 0.5px 1px rgba(0,0,0,0.1),0 0.5px 0.5px rgba(0,0,0,0.15);background:#e8deff;color:#6979c6}progress::-webkit-progress-value{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress::-webkit-progress-bar{background:#e8deff}progress::-moz-progress-bar{background:#6979c6;border-top-left-radius:2px;border-bottom-left-radius:2px}progress[value="1000"]::-webkit-progress-value{border-radius:2px}progress[value="1000"]::-moz-progress-bar{border-radius:2px}@supports (width: calc(100% - 2*10px)) or (width: -webkit-calc(100% - 2*10px)){progress{width:-webkit-calc(100% - 2*10px);width:calc(100% - 2*10px);margin:2px 10px}}@-webkit-keyframes spinner-donut-anim{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-donut-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-donut{display:inline-block;border:4px solid #d6daef;border-left:4px solid #6979c6;border-radius:50%;width:20px;height:20px;-webkit-animation:spinner-donut-anim 1.2s linear infinite;animation:spinner-donut-anim 1.2s linear infinite}progress.inline{display:inline-block;vertical-align:middle;width:60%}progress.secondary{color:#d2405f}progress.secondary::-webkit-progress-value{background:#d2405f}progress.secondary::-moz-progress-bar{background:#d2405f}progress.tertiary{color:#2b866d}progress.tertiary::-webkit-progress-value{background:#2b866d}progress.tertiary::-moz-progress-bar{background:#2b866d}progress.nano{height:2px;width:100%;margin:0 auto;border-radius:0}progress.nano::-webkit-progress-value{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano::-moz-progress-bar{border-top-left-radius:0;border-bottom-left-radius:0}progress.nano[value="1000"]::-webkit-progress-value{border-radius:0}progress.nano[value="1000"]::-moz-progress-bar{border-radius:0}.spinner-donut.secondary{border:4px solid #f2cad3;border-left:4px solid #d2405f}.spinner-donut.tertiary{border:4px solid #c5ded7;border-left:4px solid #2b866d}.spinner-donut.large{border-width:6px;width:32px;height:32px}.hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}ul.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:12px 10px;padding:0;border:1px solid #a9a2ba;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15)}ul.breadcrumbs li{-webkit-box-flex:1;max-width:100%;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;position:relative;text-align:center;background:#e8deff;height:32px;line-height:32px;margin-right:19px}ul.breadcrumbs li:before,ul.breadcrumbs li:after{content:"";position:absolute;top:0;width:0;height:0;border:0 solid #e8deff;border-width:16px 8px}ul.breadcrumbs li:before{left:-16px;border-left-color:transparent}ul.breadcrumbs li:after{left:100%;border-color:transparent;border-left-color:#e8deff}ul.breadcrumbs li:first-child:before{border:0}ul.breadcrumbs li:last-child{margin-right:0}ul.breadcrumbs li:last-child:after{border:0}.close{display:inline-block;width:0.75em;height:0.75em;position:relative;border-radius:1em;font-size:32px;text-overflow:clip;background:rgba(232,222,255,0);vertical-align:top;cursor:pointer;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.close:hover,.close:active,.close:focus{background:#e8deff}.close:before,.close:after{display:inline-block;width:0.45em;height:0.1em;position:absolute;content:"";top:0.33em;left:0.155em;text-overflow:clip;background:#211423}.close:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.close:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.bordered{border:1px solid rgba(0,0,0,0.25) !important}.rounded{border-radius:4px !important}.circular{border-radius:50% !important}.responsive-margin{margin:3px !important}@media screen and (min-width: 768px){.responsive-margin{margin:6px !important}}@media screen and (min-width: 1280px){.responsive-margin{margin:10px !important}}.responsive-padding{padding:2px 3px !important}@media screen and (min-width: 768px){.responsive-padding{padding:4px 6px !important}}@media screen and (min-width: 1280px){.responsive-padding{padding:8px 10px !important}}.shadow-none{box-shadow:none !important}.shadow-small{box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.15) !important}.shadow-medium{box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.15) !important}.shadow-large{box-shadow:0 2px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.15) !important}@media screen and (max-width: 767px){.hidden-sm{display:none}}@media screen and (min-width: 768px) and (max-width: 1279px){.hidden-md{display:none}}@media screen and (min-width: 1280px){.hidden-lg{display:none}}@media screen and (max-width: 767px){.visually-hidden-sm{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 768px) and (max-width: 1279px){.visually-hidden-md{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}@media screen and (min-width: 1280px){.visually-hidden-lg{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;overflow:hidden !important}}